body{
	font-size: 0.8em;
	line-height:1.4;
	background:#c4e2f1 url(../../img//pc/bg.gif) repeat-x center 0;
	font-family: verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",Sans-Serif;
	color: #333333;
}

* + html body {
	font-family: "メイリオ","Meiryo";
}



p{
	padding: 0;
	margin: 0 10px 15px 10px;
}



strong{
	color: #FF0000;
	font-size: 1.25em;
}

strong a{
	font-size: 0.8em;
	text-decoration: none;
	padding: 3px 10px;
	margin-bottom: 10px;
	background: #FF3366;
	color: #FFF;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}
strong a:hover{
	background: #FF9933;
}


dd.lined{
	border-top: dotted 1px #666666;
	padding: 10px 0 0 0;
}

#container{
	width:960px;
	text-align: left;
	margin: 0 auto;
}
#header{
	height:960px;
	margin: 0px 0 0 0;
	padding:0;
	height: 600px;
}
#contents{
	width:960px;
}
#main{
	width: 715px;
	float:left;
	margin: 0px;
}

#main #rec{
	width:225px;
	background: #FFF;
	float: right;
}
h2{
	margin-bottom: 10px;
}
#header h1{
	width:700px;
	margin: 0 0 0 0;
}

#col1{
	width:715px;
	margin: 0 0px 20px 0px;
	padding: 0 0 0 0;
	background: #fffcc6;
	overflow: hidden;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}

#col1 ul{
	margin: 0 0 0 25px;
}
#col1 ul li{
	margin: 0 25px 10px 0;
	float: left;
	display: inline;
}
#col1 p{
	margin: 0px 25px 20px 25px;;
}

#col2{
	width:715px;
	margin: 0 0px 20px 0px;
	padding: 0 0 0 0;
	overflow: hidden;
	background: #fffcc6;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}
#col2 p{
	margin:20px;
}

/*紹介*/
#intro{
	position: relative;
	margin-left: 15px;
	width:680px;
	height:769px;
	background: url(../../img//pc/time01.gif) no-repeat 0 0;;

}


#intro a{
display:block;
opacity:0.2;
position: absolute;
text-indent: -9999px;
overflow: hidden;
cursor: pointer;
background:url(../../img//pc/null.gif) ;
}

#intro a.intro1{top:60px;left:100px;width:100px;height:30px;}
#intro a.intro1photo{top:60px;left:260px;width:100px;height:80px;}
#intro a.intro2{top:100px;left:100px;width:160px;height:30px;}
#intro a.intro2photo{top:80px;left:360px;width:100px;height:80px;}
#intro a.intro3{top:140px;left:100px;width:120px;height:30px;}
#intro a.intro3photo{top:140px;left:260px;width:100px;height:80px;}
#intro a.intro4num1{top:180px;left:470px;width:120px;height:30px;}
#intro a.intro4num2{top:260px;left:470px;width:120px;height:30px;}
#intro a.intro4num3{top:340px;left:470px;width:120px;height:30px;}
#intro a.intro5{top:220px;left:100px;width:120px;height:30px;}
#intro a.intro5photo{top:220px;left:230px;width:100px;height:80px;}
#intro a.intro6{top:300px;left:100px;width:150px;height:30px;}
#intro a.intro6photo{top:300px;left:330px;width:100px;height:80px;}
#intro a.intro7{top:380px;left:100px;width:120px;height:30px;}
#intro a.intro7photo{top:340px;left:230px;width:100px;height:80px;}
#intro a.intro8{top:420px;left:100px;width:170px;height:30px;}
#intro a.intro8photo{top:380px;left:330px;width:100px;height:80px;}
#intro a.intro9{top:460px;left:100px;width:220px;height:30px;}
#intro a.intro10{top:500px;left:100px;width:220px;height:30px;}
#intro a.intro10photo{top:460px;left:330px;width:130px;height:80px;}
#intro a.intro11{top:540px;left:100px;width:220px;height:30px;}
#intro a.intro11photo{top:540px;left:330px;width:100px;height:80px;}
#intro a.intro12{top:580px;left:100px;width:170px;height:30px;}
#intro a.intro12photo{top:580px;left:440px;width:100px;height:80px;}
#intro a.intro13{top:620px;left:100px;width:160px;height:30px;}
#intro a.intro13photo{top:620px;left:330px;width:100px;height:80px;}



#facebox h3{
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background: #fa6024;
	color: #FFF;


}
#facebox p.image{
	float:right;
	width:150px;
	height: 120px;
	padding: 0;
	margin: 0 10px 10px 10px;
	display: inline;
	background: #F00;
}
#facebox p a{
	display: block;
	margin-top: 10px;
}
/*公演詳細*/

#detail{
	width:715px;
	margin: 0 10px 20px 0;
	clear: both;
	background: #fffcc6;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);

}

#detail h3{
	width:310px;
	margin: 0 0 10px 0;
	padding: 5px 10px;
	clear: both;
	background: #fa6024;
	color: #FFF;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}
#detail #left{
	width:330px;
	float:left;
	margin-left: 20px;
	display: inline;
}
#detail #right{
	width:330px;
	float:right;
	margin-right: 20px;
	display: inline;

}


#detail dl{
	margin: 0 10px 10px 10px;
}

#detail dt{
	font-weight: bold;
	background: #5e2814;
	color: #FFF;
	font-size: 0.85em;
	margin-bottom: 5px;
	padding: 3px 0 3px 8px;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}
#detail dd{
	margin:0 0 10px 0;
}
#detail ul{
	margin: 0 10px 0 10px
}
#detail li{
	padding: 4px 10px 4px 12px;
	background: url(../../img//pc/marker.gif) no-repeat 0 9px;
	margin-bottom: 0;
}


#this,
#pref{
	width:715px;
	margin: 0 10px 20px 0;
	clear: both;
	background: #fffcc6;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);

}
#this ul{
	width:686px;
	height:400px;
	padding: 0;
	margin-left:18px;
}
#pref ul{
	width:686px;
	height:500px;
	padding: 0;
	margin-left:18px;
}

#this li,
#pref li{
	width:88px;
	height:88px;
	background: #FFF;
	float:left;
	border: solid 1px #EEE;
	margin: 0 8px 8px 0;
}

#this li a,
#pref li a{
	display: block;
	width:100%;
	height:100%;
	margin: 0;
	text-align: center;
	background: #FFF;
}

#this li a img,
#pref li a img{
	margin:4px;
}
#this li a:hover,
#pref li a:hover{
	background: #c4e2f1;
}

#side{
	width: 225px;
	float:right;
	overflow: hidden;
	margin: 0;
	display: inline;
}


#side #banner{
	width:205px;
	margin: 0 0px 10px 0px;
	padding: 20px 10px 5px 10px;
	background: #FFFFFF;
	text-align: center;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}


#side #banner ul{
	margin: 0;
	padding: 0;
}

#side #banner li{
	list-style: none;
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#side #mobile{
	width:225px;
	margin: 0 0px 0 0px;
	padding: 0px 0px 5px 0px;
	background: #fffcc6;
	text-align: center;
	-moz-border-radius: 10px; /* Firefox */
	-webkit-border-radius: 10px; /* Safari and Chrome */
	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */	behavior: url(css/PIE.htc);
}




#footer{
	clear:both;
}


#footer{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	background: #7ac8c5;
	font-weight: bold;
}

#footer p{
	padding:10px;
	margin: 0;
}
#footer a{
	color: #FFFFFF;
	margin: 0 10px;
	text-decoration: none;
}



/*clearfix*/
.clearfix { clear:both; }

.clearfix:after{content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix{display: inline-block;}