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

Style Name: stage.css
Since:      2008-09-04
Modified:   2008-09-04
Version:    1.0
Auther:     Takuhito Sotome (WOORKS)

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



/* @group stage template */

div#topWrapper {
	background: url(../images/stage_side02-bg.gif) repeat-y left top;
}

div#topWrapper #stageWrap { text-align: left; /*background: url(../images/stage_side02-bg.gif) repeat-y left top;*/ width: 788px; height: auto; overflow: hidden; }

#stageWrap #main {
	width: 595px;
	float: right;
	/*background: transparent url(../images/stage_main01-bg.gif) no-repeat;*/
	padding: 0;
	margin: 0;
}

#stageWrap #navi {
	float: left;
	width: 188px;
	padding: 0 5px 0 0;
	background: transparent url(../images/stage_side03-bg.gif) no-repeat;
	margin: 0;
}

/* @end */

/* ヘッダナビ */
#block01 { background-image: url(../images/head.jpg); height: 131px; width: 788px; background-repeat: no-repeat; overflow: hidden; }
#navigation03 { height: 24px; width: 600px; margin-top: 107px!important; margin-left: 158px; padding: 0px; margin-right: 0px; margin-bottom: 0px; position: relative; }
#navigation03 p { height: 24px; width: 100px; float: left; text-indent:-9999px; margin: 0px; padding: 0px; }
#navigation03 p a { height: 24px; width: 100px; display: block; }
#navigation03 p a#link01:hover { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; }
#navigation03 p a#link02:hover { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -100px; }
#navigation03 p a#link03:hover { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -200px; }
#navigation03 p a#link04:hover { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -300px; }
#navigation03 p a#link05:hover { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -400px; }
#navigation03 p a#link06:hover { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -500px; }

#navigation03 p a#link01here { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; }
#navigation03 p a#link02here { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -100px; }
#navigation03 p a#link03here { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -200px; }
#navigation03 p a#link04here { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -300px; }
#navigation03 p a#link05here { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -400px; }
#navigation03 p a#link06here { background-image: url(../images/head-over.jpg); height: 24px; width: 100px; background-repeat: no-repeat; background-position: -500px; }


/* @group side stageNavi */

#stageNavi { background-image: url(../images/manonNavi.jpg); background-repeat: no-repeat; background-position: -60px top; height: 22px; width: 728px; margin-left: 60px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; }

#stageNavi p { width: 151px; height: 22px; text-indent: -9999px; float: left; }

#stageNavi p a:link, #stageNavi p a:visited {
	width: 151px;
	height: 22px;
	display: block;
}

p#n01 a:hover {
	background: url(../images/manonNavi-over.jpg) no-repeat -60px 0;
	margin: 0;
	padding: 0;
	width: 151px;
}
p#n02 a:hover {
	background: url(../images/manonNavi-over.jpg) no-repeat -211px -0;
	margin: 0;
	padding: 0;
	width: 151px;
}
p#n03 a:hover {
	background: url(../images/manonNavi-over.jpg) no-repeat -362px 0;
	margin: 0;
	padding: 0;
	width: 151px;
}

/* here表示 */
p#n01here a:link, p#n01here a:visited {
	background: url(../images/manonNavi-over.jpg) no-repeat -60px 0!important;
	margin: 0;
	padding: 0;
	width: 151px;
	display: block;
}
p#n02here a:link, p#n02here a:visited {
	background: url(../images/manonNavi-over.jpg) no-repeat -211px 0;
	margin: 0;
	padding: 0;
	width: 151px;
	display: block;
}
p#n03here a:link, p#n03here a:visited {
	background: url(../images/manonNavi-over.jpg) no-repeat -362px 0;
	margin: 0;
	padding: 0;
	width: 151px;
	display: block;
}

/* @group 公演一覧 */

#stageList {
	border-top: 10px solid #ccc;
}

#stageList h3 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #fff;
	background: #000 url(../images/stageList-h3.gif) no-repeat;
	width: 188px;
	height: 23px;
	text-indent: -9999px;
}
#stageList p {
	color: #999;
	font: normal 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 5px 10px;
}
#stageList p a:link, #stageList p a:visited {
	text-decoration: none;
	color: #fff;
}
#stageList p a:hover {
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group main layout */

  #main h2 {
	background-image: url(../images/h2.jpg);
	width: 595px;
	height: 104px;
	text-indent: -9999px;
}

#main #mainImg {
	width: 595px;
	height: 412px;
	text-indent: -9999px;
	background: url(../images/main-img.jpg) no-repeat;
}
#main #mainImgfooter {
	background-image: url(../images/main-img_foot.jpg);
	width: 595px;
	height: 56px;
	text-indent: -9999px;
}



/* @end */

/* @group ギャラリーページ */

table#gallery {
	margin-bottom: 20px;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}

table#gallery td img {
	margin-bottom: 5px;
	margin-right: 5px;
}

table#gallery td img {
	border: 2px solid #fff;
}

table#gallery td a:hover img {
	border: 2px solid #333;
}

/* @end */

/* @group 公演概要ページ */

#stageSche {
	width: 530px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	text-align: left;
}

#stageSche table {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: small;
}

#stageSche td {
	font: small/1.5em;
	padding: 2px 2px 10px;
}

#stageSche table.gy_font td {
	font: small/1.5em;
	padding: 2px 2px 2px!important;
}

#stageSche tr {
	padding-bottom: 5px!important;
}

#stageSche td p {
	font: small "MS PGothic";
}

#stageSche td.midashiSche {
	padding: 0;
	font: small;
}

#stageSche a:link, #stageSche a:visited {
}

hr {
	border: none;
	border-top: 1px solid #999;
	height: 1px;
	margin-bottom: 5px;
	margin-top: 5px;
}

/* @group テキストサイズ */

.xsmall {
	font-size: x-small;
	margin-bottom: 4px;
}



/* @end */

/* @group td.midashiSche h4 */

td.midashiSche h4 {
	width: 100px;
	height: 20px;
	padding: 2px;
	text-indent: -9999px;
	margin-top: 0;
	margin-left: 2px;
	margin-right: 3px;
	font-size: small;
}
td.midashiSche h4.h01 {
	background: url(../images/sche-title01.gif) no-repeat;
}
td.midashiSche h4.h02 {
	background: url(../images/sche-title02.jpg) no-repeat;
}
td.midashiSche h4.h03 {
	background: url(../images/sche-title03.jpg) no-repeat;
}
td.midashiSche h4.h04 {
	background: url(../images/sche-title04.jpg) no-repeat;
}
td.midashiSche h4.h05 {
	background: url(../images/sche-title05.jpg) no-repeat;
}
td.midashiSche h4.h06 {
	height: 34px!important;
	background: url(../images/sche-title06.jpg) no-repeat;
}
td.midashiSche h4.h07 {
	background: url(../images/sche-title07.jpg) no-repeat;
}
td.midashiSche h4.h08 {
	background: url(../images/sche-title08.jpg) no-repeat;
}
td.midashiSche h4.h09 {
	background: url(../images/sche-title09.jpg) no-repeat;
}
td.midashiSche h4.h10 {
	background: url(../images/sche-title10.jpg) no-repeat;
}
td.midashiSche h4.h11 {
	height: 34px!important;
	background: url(../images/sche-title11.jpg) no-repeat;
}
td.midashiSche h4.h12 {
	background: url(../images/sche-title12.jpg) no-repeat;
}

/* @end */

table#zenkokukouen-table td {
	font-size: 10px;
}

table#zenkokukouen-table tr.tr-bg-A {
	background-color: #e6e6e6;
}

div.scheCaution {
	padding: 20px;
	background-color: #191919;
	margin: 0 20px 40px;
	color: #fff;
}

div.scheCaution h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
}

div.scheCaution p {
	font-size: 10px;
	text-indent: -1em;
	margin-left: 1em;
	line-height: 1.5em;
}

.castTable table td {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	line-height: 1.5em;
	padding: 2px 6px 0;
}

.ticketPrice {
	font-weight: bold!important;
	padding-bottom: 0;
	margin-bottom: 0!important;
}

/* @end */

/* @group 共通class */

.hidden {
	display: none;
	visibility: hidden;
}



/* @end */

/* @group 色設定 */

/* #main {
	color: #fff;
	background-color: #000;
} */



/* @end */

/* @group STORYなどの文字要素 */

.textContents {
	font-size: 12px;
	line-height: 1.8em;
	padding: 0 30px 30px;
	font-weight: normal;
	font-style: normal;
}

.textContents h5 {
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #470100;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #790100;
}

.textContents p {
	text-align: justify;
	font-size: small;
}



/* @end */

/* @group 0905_danish */

#main h2#h2b {
	background-image: url(../images/h2b.jpg);
	width: 595px;
	height: 100px;
	text-indent: -9999px;
}

#BTnapoli {
	width: 200px;
	height: 133px;
	margin-top: 234px;
	margin-left: 65px;
	text-indent: -9999px;
	float: left;
	display: inline;
}
#BTnapoli a {
	width: 200px;
	height: 133px;
	display: block;
}
#BTromeo {
	width: 200px;
	height: 133px;
	margin-top: 234px;
	text-indent: -9999px;
	float: right;
	margin-right: 54px;
	display: inline;
}
#BTromeo a {
	width: 200px;
	height: 133px;
	display: block;
}


/* @end */