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





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

#contents h3 {
	margin:0 0 20px;
}

#contents .mttl {
	width:860px;
	margin:0 10px 20px;
	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;
	margin:0 15px 15px;
	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 20px 20px;
}





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

#contents .halfBox {
	width:860px;
	margin:0 10px 0 10px;
}

#contents .halfBox .mttl {
	width:860px;
	margin:0 0 20px;
	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 .halfBox .sttl {
	width:850px;
	margin:0 5px 15px;
	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:840px;
	margin:0 10px 20px;
}

#contents .halfBox .pgtop {
	display:none;
}





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

#contents .quarterBoxLeft {
	width:860px;
}

#contents .quarterBoxRight {
	width:860px;
}

#contents .quarterBoxLeft .mttl,
#contents .quarterBoxRight .mttl {
	width:860px;
	margin:0 0 20px;
	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 .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 {
	display:none;
}

#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 {
	display:none;
}





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

#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;
}





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

.pgtop {
	display:none;
}





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

#contents .flow {
	width:880px;
}

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

#contents .flow dd {
	padding:0px 10px 20px 90px;
	margin:0 0 20px;
	border-bottom:#CCCCCC 1px dotted;
}

#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 {
	display:none;
}





/* ---------- 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:840px;
	margin:0 10px 20px;
	padding:0;
	border-bottom:#CCCCCC 1px dotted;
}

#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 10px 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:840px;
	margin:0 20px 20px;
	padding:0;
	border-bottom:#CCCCCC 1px dotted;
}

#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:560px;
	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:430px;
	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;
	clear:both;
	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 20px;
	padding:0 0 20px;
	float:left;
	display:inline;
}

#contents .faq li {
	width:840px;
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:#CCCCCC 1px dotted;
	float:left;
	display:inline;
}

#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;
	font-size:75%;
	line-height:1.5em;
}