@charset "utf-8";
/*----------------------------
  CSS 担当者名 Document 2010.08
  Last Update 2010.00.00 担当者名
  

・
	・
	・
・
	・
	・


----------------------------*/

@import "base.css";
@import "common.css";

/*####################　おやみだし　####################*/

#MainImg {display:none;}

@media only screen and (min-width: 1000px) {
header {width:170px; float:left;}

	header h1 {
		width:70px;
		height:244px;
		margin:0 auto 30px;
		padding-top:20px;
		}
		header h1 a {
			display:block;
			background:url(../img/header/logo_top.png);
			height:244px;
			text-indent:-9999px;
			}
	header nav#Gnav {
		border-top:1px dotted #333333;
		margin:0 10px;
		padding-top:25px;
		}
		header nav#Gnav ul {margin-left:0px;}
			header nav#Gnav li {
				float:right;
				width:13px;
				margin:0 9px 0 8px;
				}
			header nav#Gnav li.menu00 {display:none;}
				header nav#Gnav li a {
					display:block;
					height:148px;
					text-indent:-9999px;
					}
					header nav#Gnav li.menu01 a {background-image:url(../img/header/menu_top01.png);}
					header nav#Gnav li.menu02 a {background-image:url(../img/header/menu_top02.png);}
					header nav#Gnav li.menu03 a {background-image:url(../img/header/menu_top03.png);}
					header nav#Gnav li.menu04 a {background-image:url(../img/header/menu_top04.png);}
					header nav#Gnav li.menu05 a {background-image:url(../img/header/menu_top05.png);}
					header nav#Gnav li a:hover {opacity:0.8;}
#MainImg {
	display:block;
	position:relative;
	font-size:0;
	float:left;
	margin-bottom:30px;
	}

#WhatsNew {
	display: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	position:absolute;
	left:30px;
	bottom:10px;
	background:url(../../img/wall_whatsnew.png);
	width:218px;
	height:248px;
	padding:45px 6px 3px 2px;
	
	}
	#WhatsNew .wrap {
		width:210px;
		height:190px;
		font-size:12px;
		overflow-y:scroll;
		}

		#WhatsNew dl {
			margin:0 5px 10px;
			padding-bottom:10px;
			border-bottom:1px dotted #333333;
			}
			#WhatsNew dt {
				font-family:Verdana;
				font-size:10px;
				}
}



/*####################　おやみだし　####################*/


.contentsBox {
	position:relative;
	margin-bottom:50px;
	}

.contentsBox p {
	line-height:1.5;
	margin:0 5px 1.5em;
	}
.contentsBox table {
	margin:0 5px 10px;
	}
.facebook {
	margin-bottom:30px;
}

@media only screen and (min-width: 1000px) {
#PopNext {display:none;}
.contentsBox {width:485px;}
.contentsBox h2 {
	position:relative;
	margin-bottom:15px;
	font-size:0;
	}
	.contentsBox h2 a {
		position:absolute;
		right:0;
		bottom:0;
		display:block;
		width:100px;
		height:17px;
		text-indent:-9999px;
		}
.contentsBox p {
	/*width:475px;*/
}
.contentsBox table {
	width:475px;
	}
.box {float:left;}
.box + .box {margin-left:30px;}
}
@media only screen and (max-width: 999px){
#PopNext {display:block; text-align:center; margin-bottom:30px;}
#PopNext img {width:90%; height:auto; max-width:400px;}
.contentsBox {width:100%;}
.contentsBox h2 {
	margin-bottom:15px;
	font-size:0;
	height:21px;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid #555555;
	}




	.contentsBox h2 a {
		position:absolute;
		bottom:0;
		left:50%;
		width:260px;
		margin-left:-150px;
		font-size:12px;
		font-weight:normal;
		text-decoration:none;
		text-align:center;
		color:#ffffff;
background: #555555; /* Old browsers */
background: -moz-linear-gradient(top,  #555555 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#555555), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #555555 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #555555 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #555555 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #555555 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
		





    border: 1px solid #000000;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 10px 20px;		
		
		
		}
}


/*####################　次回公演　####################*/


#NextStage tr.cast ul li{
	float:left;
	}
#NextStage tr.cast ul li br {display:none;}
#NextStage tr.cast ul li img {display:none;}
#NextStage tr.cast ul li:after {content:"　";}
#NextStage tr.cast ul li:last-of-type:after {content:"";}

#NextStage {}


#NextStage tr.ticket dl {display:inline-block; float:left; margin:0 30px 0 0;}
#NextStage tr.ticket dl:last-of-type {margin:0 0 0 0;}
#NextStage tr.ticket dt {float:left; margin-top:4px;}
#NextStage tr.ticket dd {padding-left:4em;}
#NextStage tr.ticket dd strong {font-size:16px;}
@media only screen and (max-width: 999px){
#NextStage {
	padding-bottom:50px;}
}


/*####################　舞台裏ブログ　####################*/

#BackStage article {margin-bottom:50px;}
#BackStage h3 {
	position:relative;
	background:url(../img/contents/wall-title.png) right center no-repeat;
	margin-bottom:30px;
	font-size:18px;
	font-weight:normal;
	}
@media only screen and (min-width: 1000px) {
#BackStage {margin-bottom:0;}
#BackStage h3 {
	padding:3px 10px 3px 50px;
	}
#BackStage h3:before {
	content:"";
	display:block;
	position:absolute;
	top:3px;
	left:0;
	background:url(../img/contents/ico-title.png) no-repeat;
	width:40px;
	height:24px;
}
}
@media only screen and (max-width: 999px){
#BackStage {
	padding-bottom:20px;
	}
#BackStage h3 {
	padding:3px 10px 3px 10px;
	}
}


/*####################　ごあいさつ　####################*/

#Greeting {}
#Greeting p.sign {text-align:right;}
#Greeting img {vertical-align:middle;}



/*####################　過去の演目　####################*/

#BackNumber {clear:both; width:auto;}
#BackNumber .slider {margin:0 35px;}
#BackNumber li {margin:0 2px; text-align:center;}
#BackNumber li a {
	box-sizing:border-box;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:#e0e0e0;
	font-size:0;
	}
@media only screen and (min-width: 1000px) {
#BackNumber li a {
	width:230px;
	height:230px;
	}
#BackNumber .slider li img.layH {width:220px; height:auto;}
#BackNumber .slider li img.layV {width:auto; height:220px;}

}
@media only screen and (max-width: 999px){
#BackNumber {
	padding-bottom:30px;}
#BackNumber li a {
	width:230px;
	height:230px;
	overflow:hidden;
	}
#BackNumber .slider li img.layH {width:95%; height:auto;}
#BackNumber .slider li img.layV {width:auto; height:95%;}

}



/*####################　おやみだし　####################*/


/*　こみだし
-------------------------------------*/

/* まごみだし */





/*end*/