@charset "utf-8";

@media all {

h1{
width:900px;
height:70px;
background:url(img/header.gif) no-repeat;
text-indent:-9999px;
border-bottom:#3b2b14 3px solid;
}

#main{
width:700px;
border-left:#f6f4dd 200px solid;
float:right;
margin-left:-200px;
padding-bottom:30px;
}

#menu{
width:200px;
float:right;
background:#f6f4dd;
}

#menu ul{
display:block;
list-style-type:none;
width:188px;
height:296px;
border-bottom:#3b2b14 3px solid;
margin-bottom:20px;
border-right:12px #3b2b14 solid;
}
#menu li{
display:block;
width:188px;
height:37px;
}
#menu li a{
display:block;
width:188px;
height:37px;
text-indent:-9999px;
}
#m0 a:link, #m0 a:visited{
background:url(img/m0.gif) no-repeat left top;
}
#m0 a:hover{
background-position:left bottom;
}
#m1 a:link, #m1 a:visited{
background:url(img/m1.gif) no-repeat left top;
}
#m1 a:hover{
background-position:left bottom;
}
#m2 a:link, #m2 a:visited{
background:url(img/m2.gif) no-repeat left top;
}
#m2 a:hover{
background-position:left bottom;
}
#m3 a:link, #m3 a:visited{
background:url(img/m3.gif) no-repeat left top;
}
#m3 a:hover{
background-position:left bottom;
}
#m4 a:link, #m4 a:visited{
background:url(img/m4.gif) no-repeat left top;
}
#m4 a:hover{
background-position:left bottom;
}
#m5 a:link, #m5 a:visited{
background:url(img/m5.gif) no-repeat left top;
}
#m5 a:hover{
background-position:left bottom;
}
#m6 a:link, #m6 a:visited{
background:url(img/m6.gif) no-repeat left top;
}
#m6 a:hover{
background-position:left bottom;
}
#m7 a:link, #m7 a:visited{
background:url(img/m7.gif) no-repeat left top;
}
#m7 a:hover{
background-position:left bottom;
}

#menu p{
text-align:center;
margin-bottom:10px;
}

#menu .banner{
height:auto;
display:block;
list-style-type:none;
width:200px;
margin-bottom:20px;
border-bottom:none;
border-right:none;
}
#menu .banner li{
display:block;
width:200px;
height:52px;
text-align:center;
margin:10px 0;
}
#menu .banner li a{
display:inline;
text-indent:0;
}

#menu h3{
	font-size:1em;
	font-weight:normal;
	padding:0;
	margin:0;
	margin-top:5px;
	padding:3px;
	padding-left:10px;
	color:#000;
	text-align:left;
}

h2{
width:700px;
height:153px;
}

#about{
background:url(img/about.jpg) no-repeat;
text-indent:-9999px;
}
#performance{
background:url(img/performance.jpg) no-repeat;
text-indent:-9999px;
}
#manage{
background:url(img/manage.jpg) no-repeat;
text-indent:-9999px;
}
#schedule{
background:url(img/schedule.jpg) no-repeat;
text-indent:-9999px;
}
#ticket{
background:url(img/ticket.jpg) no-repeat;
text-indent:-9999px;
}
#access{
background:url(img/access.jpg) no-repeat;
text-indent:-9999px;
}
#society{
background:url(img/society.jpg) no-repeat;
text-indent:-9999px;
}

#footprint{
background:#f1eabc;
padding:3px 20px;
border-bottom:#3b2b14 2px solid;
margin-bottom:20px;
font-size:12px;
}
#footprint a:link, #footprint a:visited{
color:#7b4200;
text-decoration:none;
}
#footprint a:hover{
text-decoration:underline;
}

h3{
background:#dbc954;
padding:6px;
padding-left:2px;
margin:20px;
clear:left;
}
h3 span{
padding:5px 10px;
color:#660000;
background:#fff;
font-weight:bold;
}

table{
margin:0 20px;
margin-bottom:20px;
border:#dbc954 1px solid;
border-collapse:collapse;
}
table th, table td{
border:#dbc954 1px solid;
text-align:left;
vertical-align:top;
padding:5px;
font-size:12px;
}
table th{
background:#f5f3c2;
white-space:nowrap;
}
.td2{
background:#ffd;
}
.td3{
background:#ffd;
text-align:center;
}

div.kimg{
width:120px;
float:left;
margin-right:10px;
border-left:20px #fff solid;
margin-bottom:20px;
}
table.kimg{
margin:0;
margin-bottom:20px;
width:530px;
float:left;
}
table.knoimg{
margin:0;
margin-bottom:20px;
margin-left:20px;
width:660px;
}
h4{
font-size:12px;
clear:both;
font-weight:bold;
}
.right{
text-align:right;
vertical-align:center;
}
.right img{
float:right;	
}
.center{
text-align:center;
}
.fright{
float:right;
margin:5px;
}

.fleft{
float:left;
margin:5px;
}
hr{
clear:left;
margin:20px;
color:#fff;
border-top:1px #999 dotted;
}

table hr{
	margin:5px 0;
}

#footer{
clear:both;
text-align:center;
font-size:11px;
border-top:2px #3b2b14 solid;
padding-top:10px;
}


h4 span{
display:block;
border-bottom:#dbc954 2px solid;
color:#990000;
margin-left:20px;
margin-right:20px;
margin-top:20px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

h4 em{
	font-style:normal;
	font-size:18px;
line-height:1.3em;
}

h5{
color:#d95653;
margin-left:20px;
margin-right:20px;
margin-top:15px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
}

h6{
margin-left:20px;
margin-right:20px;
margin-top:10px;
margin-bottom:10px;
font-size:14px;
font-weight:bold;
border-left: 15px #333 solid;
padding-left:5px;
}

div.aimg{
width:300px;
float:left;
margin-right:10px;
border-left:20px #fff solid;
margin-bottom:20px;
text-align:center;
}
table.aimg{
margin:0;
margin-bottom:20px;
width:350px;
float:left;
}

div.acimg{
width:320px;
float:left;
margin-right:10px;
border-left:20px #fff solid;
margin-bottom:20px;
}
table.acimg{
margin:0;
margin-bottom:20px;
width:330px;
float:left;
}
div.simg{
width:240px;
float:left;
margin-right:10px;
border-left:20px #fff solid;
margin-bottom:20px;
text-align:center;
}
table.simg{
margin:0;
margin-bottom:20px;
width:410px;
float:left;
}

div.koimg{
width:250px;
float:left;
margin-right:10px;
border-left:20px #fff solid;
margin-bottom:20px;
}
table.koimg{
margin:0;
margin-bottom:20px;
width:400px;
float:left;
}
div.koimg2{
margin:0;
margin-bottom:20px;
width:400px;
float:left;
}

p{
margin: 10px 20px;
}
dl{
margin:10px 20px;
}
dl dt{
font-weight:bold;
}
dl dd{
margin-left:10px;
margin-bottom:5px;
}

dl.gyaku dt{
	font-weight:normal;
}
dl.gyaku dd{
	font-weight:bold;
}

#main ol, #main ul{
margin:20px;
}
#main li{
margin-left:40px;
padding-left:0;
margin-bottom:5px;
}
.clear{
clear:both;
}
em{
font-style:normal;
font-weight:bold;
}
strong{
font-weight:normal;
color:red;
}
small{
font-size:12px;	
line-height:12px;
}
pre{
margin: 10px 20px;
}
pre em{
font-style:normal;
font-size:16px;
}
pre strong{
font-weight:bold;
font-size:20px;
color:#000;
}

blockquote{
margin:10px 20px;
background:#fdb;
padding:10px;
}

.st0{
width:660px;
}
.st1{
width:20px;
text-align:center;
}
.st2{
width:300px;
}

img.tatsumi{
vertical-align:text-bottom;
}

.fdtdd dt{
	clear:both;
	width:150px;
	float:left;
}
.fdtdd dd{
	width:400px;
	float:left;
}

rt{
font-size:10px;
line-height:1.1em;
}

.noborder{
border:none;
}
.noborder td{
border:none;
}



}

@media print {
	h1,h2,#footprint,#menu,#footer{
	display:none;
	}
	#main{
	border:none;
	margin:0;
	float:none;
	}
}