@charset "utf-8";
@import url("common.css");





/* ---------- メイン画像 or パンナビエリア ---------- */

#main ul {
	width:940px;
	float:left;
	background:#E1E1E1;
	padding:5px 0;
	font-size:65%;
	line-height:1.3em;
}

#main ul li {
	float:left;
	padding:0 0 0 10px;
	font-weight:bold;
}

#main ul li a {
	background:url(../../image/base/bg_pan.gif) right 50% no-repeat;
	padding:0 16px 0 0;
	font-weight:normal;
}





/* ---------- タイトル ---------- */

#contents h3 {
	width:880px;
	margin:0 30px 30px;
	float:left;
	display:inline;
}

#contents .mttl {
	width:850px;
	\width:860px;
	w\idth:850px;
	margin:-5px 40px 20px;
	float:left;
	display:inline;
	background:url(../../image/base/bg_mttl.gif) left 50% no-repeat;
	color:#FFFFFF;
	font-size:95%;
	line-height:1.2em;
	padding:10px 0 11px 10px;
	letter-spacing:0.05em;
}

#contents .mttl a {
	color:#FFFFFF;
	text-decoration:none;
}

#contents .mttl a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

#contents .sttl {
	width:840px;
	\width:850px;
	w\idth:840px;
	margin:0 45px 15px;
	float:left;
	display:inline;
	font-size:85%;
	line-height:1.5em;
	padding:0 5px;
	letter-spacing:0.05em;
	color:#451E12;
	border-bottom:#451E12 1px solid;
}

#contents .xttl {
	font-size:75%;
	line-height:1.2em;
	margin:0 0 5px;
	padding:1px 0 0 5px;
	border-left:#990000 4px solid;
	color:#990000;
}





/* ---------- ボックス ---------- */

#contents .conBox {
	width:840px;
	margin:0 50px 20px;
	float:left;
	display:inline;
}





/* ---------- 2カラムボックス ---------- */

#contents .halfBox {
	width:410px;
	margin:0 0 0 40px;
	float:left;
	display:inline;
}

#contents .halfBox .mttl {
	width:400px;
	\width:410px;
	w\idth:400px;
	margin:-5px 0 20px;
	float:left;
	display:inline;
	background:url(../../image/base/bg_httl.gif) left 50% no-repeat;
	color:#FFFFFF;
	font-size:85%;
	line-height:1.2em;
	padding:12px 0 12px 10px;
	letter-spacing:0.05em;
}

#contents .halfBox .sttl {
	width:390px;
	\width:400px;
	w\idth:390px;
	margin:0 5px 15px;
	float:left;
	display:inline;
	font-size:85%;
	line-height:1.5em;
	padding:0 5px;
	letter-spacing:0.05em;
	color:#451E12;
	border-bottom:#451E12 1px solid;
}

#contents .halfBox .conBox {
	width:390px;
	margin:0 10px;
	padding:0 0 20px;
	float:left;
	display:inline;
}

#contents .halfBox .pgtop {
	width:390px;
	margin:0 10px;
	padding:0 0 30px;
	float:left;
	text-align:right;
	display:inline;
}





/* ---------- 2カラムボックス in 2カラムボックス ---------- */

#contents .quarterBoxLeft {
	width:185px;
	float:left;
	display:inline;
}

#contents .quarterBoxRight {
	width:185px;
	margin:0 0 0 40px;
	float:left;
	display:inline;
}

#contents .quarterBoxLeft .mttl,
#contents .quarterBoxRight .mttl {
	width:175px;
	\width:185px;
	w\idth:175px;
	margin:-5px 0 20px;
	float:left;
	display:inline;
	background:url(../../image/base/bg_qttl.gif) left 50% no-repeat;
	color:#FFFFFF;
	font-size:85%;
	line-height:1.2em;
	padding:12px 0 12px 10px;
	letter-spacing:0.05em;
}

#contents .quarterBoxLeft .conBox,
#contents .quarterBoxRight .conBox {
	width:165px;
	margin:0 10px;
	padding:0 0 20px;
	float:left;
	display:inline;
}





/* ---------- リスト ---------- */

#contents .ol01 {
	list-style:decimal;
	font-size:75%;
	line-height:1.6em;
	margin:0 0 8px 30px;
}

#contents .ol01 li {
	padding:0 0 7px;
}

#contents .ol01 li ol {
	list-style:upper-roman;
	padding:5px 0 0;
	margin:0 0 0 30px;
}

#contents .ul01 {
	list-style:disc;
	font-size:75%;
	line-height:1.6em;
	margin:0 0 5px 20px;
}

#contents .ul01 li {
	padding:0 0 5px;
}

#contents .ul01 li ol {
	list-style:decimal;
	margin:0 0 0 30px;
	padding:5px 0 0;
}

#contents .ul01 li ul {
	list-style:circle;
	margin:0 0 0 15px;
	padding:5px 0 0;
	font-size:100%;
}

#contents .ul02 {
	width:860px;
	margin:-10px 40px 30px;
	float:left;
	display:inline;
}

#contents .ul02 li {
	float:left;
	margin:0 20px 0 0;
	display:inline;
}

#contents .ul03 {
	width:840px;
	float:left;
}

#contents .ul03 li {
	float:left;
	margin:0 20px 0 0;
	display:inline;
}

#contents .ul04 {
	float:left;
	padding:0 0 20px;
}

#contents .ul04 li {
	float:left;
	padding:0 0 10px 10px;
}

#contents .ul05 {
	float:left;
	padding:0 0 20px;
	width:900px;
	margin:0 0 10px 50px;
	font-size:75%;
	line-height:1.5em;
}

#contents .ul05 li {
	float:left;
	padding:0 18px 0 0;
}

#contents .ul05 li a {
	background:url(../../image/base/bg_bottom.gif) left 50% no-repeat;
	padding:0 0 0 14px;
	display:block;
}





/* ---------- テーブル ---------- */

#contents table p {
	padding:0;
}

#contents .tbl01 {
	margin:0 0 15px;
	border-top:#DEC1B8 1px solid;
	border-left:#DEC1B8 1px solid;
}

#contents .tbl01 th {
	background:#F7F0E6;
	border-bottom:#DEC1B8 1px solid;
	border-right:#DEC1B8 1px solid;
}

#contents .tbl01 td {
	border-bottom:#DEC1B8 1px solid;
	border-right:#DEC1B8 1px solid;
}

#contents .tbl01 td p {
	padding:0 10px;
}

#contents .tbl02 {
	margin:0 0 15px;
	border-top:#DEC1B8 1px solid;
	border-left:#DEC1B8 1px solid;
	font-size:75%;
	line-height:1.6em;
}

#contents .tbl02 th {
	background:#F7F0E6;
	border-bottom:#DEC1B8 1px solid;
	border-right:#DEC1B8 1px solid;
	text-align:center;
}

#contents .tbl02 td {
	border-bottom:#DEC1B8 1px solid;
	border-right:#DEC1B8 1px solid;
	text-align:center;
}

#contents .tbl02 caption {
	padding:0 5px 3px;
	text-align:right;
}

#contents .tbl03 {
	margin:0 0 15px;
	border-top:#E4E4E4 1px solid;
	border-left:#E4E4E4 1px solid;
}

#contents .tbl03 th {
	background:#F5F5F5;
	border-bottom:#E4E4E4 1px solid;
	border-right:#E4E4E4 1px solid;
}

#contents .tbl03 td {
	border-bottom:#E4E4E4 1px solid;
	border-right:#E4E4E4 1px solid;
}

#contents .tbl03 td p {
	padding:0;
}



/* ---------- ページトップへ ---------- */

.pgtop {
	width:840px;
	margin:0 50px;
	padding:0 0 30px;
	float:left;
	text-align:right;
	display:inline;
}

.pgtop a {
	background:url(../../image/base/bg_pgtop.gif) left 50% no-repeat;
	padding:0 0 0 15px;
}





/* ---------- ご利用までの流れ ---------- */

#contents .flow {
	width:840px;
	margin:0 50px 0;
	float:left;
	display:inline;
}

#contents .flow dt {
	float:left;
	padding:31px 0 0 20px;
}

#contents .flow dd {
	padding:30px 10px 0px 70px;
	margin:0 0 30px;
	background:url(../../flow/image/bg_flow.gif) left top no-repeat;
}

#contents .flow dd h4 {
	margin:1px 0 10px;
}

#contents .flow dd ul {
	list-style:disc;
	margin:0 0 0 17px;
}

#contents .flow dd ul li {
	padding:0 0 4px;
}

#contents .flow dd ul li p {
	padding:0 0 3px;
}

#contents .flow dd ul li .linkBnr {
	padding:3px 0 8px;
}





/* ---------- 予約状況 ---------- */

#contents .search {
	background:url(../../reservation/image/bg_search.gif) left top no-repeat; 
	width:862px;
	margin:0 38px 20px 40px;
	padding:11px 0;
	float:left;
	display:inline;
}

#contents .search dl {
	float:left;
	padding:0 0 0 120px;
}

#contents .search dt {
	float:left;
	padding:0 10px 0 20px;
}

#contents .search dd {
	float:left;
}

#contents .search p {
	float:left;
	padding:0 0 0 30px;
}

#contents .search dd .year {
	background:url(../../reservation/image/img_year.gif) right top no-repeat;
	padding:0 20px 0 0;
	margin:0 10px 0 0;
	float:left;
}

#contents .search dd .month {
	background:url(../../reservation/image/img_month.gif) right top no-repeat;
	padding:0 20px 0 0;
	float:left;
	margin:0 10px 0 0;
}

#contents .lineBox {
	border:#EEEEEE 3px double;
	float:left;
	width:814px;
	\width:850px;
	w\idth:814px;
	margin:0 50px 20px;
	padding:10px 10px 0;
	float:left;
	display:inline;
}

#contents .lineBox p {
	padding:11px 0 10px 0;
}

#contents .lineBox .sunmessa {
	float:left;
	padding:0 0 10px 45px;
	margin:0 0 0;
}

#contents .lineBox .thelsa {
	float:left;
	padding:0 15px 10px 15px;
	margin:0 0 0;
}





/* ---------- KJO ---------- */

#contents .kjo {
	margin:0 0 12px;
}

#contents .kjo li {
	background:url(../../kjo/image/bg_date.gif) left top no-repeat;
	height:72px;
	margin:0 0 12px;
	padding:0 0 0 18px;
}

#contents .kjo li h5 {
	padding:16px 0 5px;
}

#contents .kjo li p a {
	font-weight:bold;
}





/* ---------- チケットのご案内 ---------- */

#contents .ticket {
	width:370px;
	\width:390px;
	w\idth:370px;
	margin:0 10px;
	padding:10px 10px 20px;
	float:left;
	display:inline;
	background:url(../../ticket/image/top/bg_ticket.gif) left top no-repeat;
}

#contents .ticket h6 {
	font-size:95%;
	line-height:1.2em;
	border-bottom:#D7C6AC 1px solid;
	border-left:#D7C6AC 5px solid;
	padding:1px 0 3px 5px;
	margin:0 0 13px;	
}

#contents .ticket h6 span {
	font-size:75%;
}





/* ---------- 地図・交通案内 ---------- */

#contents #map {
	width:860px;
	height:500px;
	margin:0 40px 40px;
	float:left;
	display:inline;
}




/* ---------- 会員のご案内 ---------- */

#contents .tokuten li {
	border-bottom:#CCCCCC 1px dotted;
	margin:0 0 15px;
}

#contents .tokuten li h5 {
	margin:0 0 5px;
}

#contents .tokuten li p {
	margin:0 0 0 57px;
}





/* ---------- ホール主催公演 ---------- */

#contents .public {
	width:790px;
	\width:840px;
	w\idth:790px;
	margin:0 50px 0;
	padding:20px 25px 20px;
	float:left;
	display:inline;
	background:url(../../flow/image/bg_flow.gif) left top no-repeat;
}

#contents .public .image {
	float:left;
	margin:0 0 0 5px;
	display:inline;
}

#contents .public h4 {
	font-size:145%;
	line-height:1.1em;
	padding:0 0 5px 8px;
	margin:0 0 0 5px;
	border-left:#451E12 4px solid;
	color:#451E12;
}

#contents .public h4 span {
	font-size:65%;
}

#contents .public h5 {
	font-size:85%;
	line-height:1.0em;
	padding:0 0 0 10px;
	border-left:#451E12 4px solid;
	margin:0 0 20px 5px;
	color:#990000;
}

#contents .public .detail {
	width:510px;
	float:right;
}

#contents .public .left {
	width:380px;
	float:left;
	padding:0 0 30px;
	margin:0 0 30px 5px;
}

#contents .public .left h6 {
	font-size:85%;
	line-height:1.6em;
}

#contents .public .left h6 {
	font-size:85%;
	line-height:1.6em;
}

#contents .public .right {
	width:380px;
	float:right;
	margin:0 0 15px;
}

#contents .public .sttl {
	width:780px;
	\width:790px;
	w\idth:780px;
	margin:0 5px 15px;
	padding:0 5px;
	float:left;
	display:inline;
	font-size:85%;
	line-height:1.5em;
	letter-spacing:0.05em;
	color:#451E12;
	border-bottom:#451E12 1px solid;
	border-left:none;
}

#contents .public .conBox {
	width:780px;
	padding:0 0 20px;
	margin:0 5px;
	float:left;
	display:inline;
}

#contents .public .tblBox {
	width:790px;
	padding:0 0 40px;
	float:left;
	display:inline;
}

#contents .outline {
	border-top:#CCCCCC 1px dotted;
	font-size:75%;
	line-height:1.5em;
	margin:0 0 15px;
}

#contents .outline dt {
	float:left;
	padding:5px 0 5px 30px;
	font-weight:bold;
	background:url(../../performance/image/bg_outline.gif) 10px 50% no-repeat;
}

#contents .outline dd {
	border-bottom:#CCCCCC 1px dotted;
	padding:5px 0 5px 100px;
}





/* ---------- よくある質問 ---------- */

#contents .faq {
	width:840px;
	margin:0 50px 0;
	padding:0 0 20px;
	float:left;
	display:inline;
}

#contents .faq li {
	width:790px;
	padding:20px 25px 20px;
	float:left;
	display:inline;
	background:url(../../flow/image/bg_flow.gif) left top no-repeat;
}

#contents .faq h4 {
	background:url(../../faq/image/img_q.gif) left 50% no-repeat;
	padding:5px 0 5px 25px;
	margin:0 0 15px;
	font-size:85%;
	line-height:1.5em;
}

#contents .faq p {
	background:url(../../faq/image/img_a.gif) left 3px no-repeat;
	padding:0 0 0 25px;
	margin:0 0 15px;
	font-size:75%;
	line-height:1.5em;
}


/* ---------- シレーヌ ---------- */

#sireneMain {
	width:860px;
	margin:-5px 40px 20px;
	float:left;
	display:inline;
	padding:10px 0 0 0;
	}

#contents .mttlsirene {
	width:850px;
	\width:860px;
	w\idth:850px;
	margin:-5px 40px 20px;
	float:left;
	display:inline;
	background: url(../../sirene/image/ttl_bg.gif) left 50% no-repeat;
	color:#FFFFFF;
	font-size:95%;
	line-height:1.2em;
	padding:8px 0 11px 10px;
	letter-spacing:0.05em;
}

#contents .halfBox .mttlsirene {
	width:400px;
	\width:410px;
	w\idth:400px;
	margin:-5px 0 20px;
	float:left;
	display:inline;
	background:url(../../sirene/image/ttl_bgs.gif) left 50% no-repeat;
	color:#FFFFFF;
	font-size:85%;
	line-height:1.2em;
	padding:12px 0 12px 10px;
	letter-spacing:0.05em;
}

#contents .halfBox .sttlsirene {
	width:390px;
	\width:400px;
	w\idth:390px;
	margin:0 5px 15px;
	float:left;
	display:inline;
	font-size:85%;
	line-height:1.5em;
	padding:0 5px;
	letter-spacing:0.05em;
	color:#444444;
	border-bottom:#444444 1px solid;
}

#contents .xttlsirene {
	font-size:75%;
	line-height:1.2em;
	margin:0 0 5px;
	padding:1px 0 0 5px;
	border-left:#444444 4px solid;
	color:#444444;
}

#contents .halfBox .foods {
	width:400px;
	float:left;
	font-size:85%;
	line-height:1.5em;
	margin:0 -10px 0 0;
	display:inline;
}

#contents .halfBox .foods li {
	width:180px;
	float:left;
	padding:4px;
	border:#E6E6E6 1px solid;
	margin:0 10px 10px 0;
	display:inline;
}

#contents .halfBox .foods li p {
	padding-bottom:0px;
	margin:3px 0;
}

#contents .halfBox .foods li strong {
	font-size: 120%;
}

#contents .word {
	width:840px;
	margin:0 50px 0;
	float:left;
	display:inline;
}