@charset 'utf-8';

section {
	width: 684px;
}

.termsOfService {
	width: 510px;
	margin: 0px 0px 26px;
}

#termsOfService {
	width: 633px;
	padding: 17px 25px 11px;
	background: #eeeeee;
}

#termsOfService h6,
#termsOfService p,
#termsOfService ul li,
#termsOfService ol li {
	font-size: 85%;
	color: #666666;
	line-height: 1.5;
}

#invisibleBtn {
	cursor: pointer;
	display: none;
}

#mainArea p.invisibleTxt {
	width: 656px;
	margin: 15px 0px 0px;
	display: none;
	padding: 12px 0px 10px 34px;
	font-weight: bold;
	font-size: 85%;
	color: #363215;
	background: #fffbe1 url(/shared/images/invisible_arrow_middle_right.gif) 10px 7px no-repeat;
}

#mainArea .twoColumnsType3 .column table tr td select {
	font-size: 70%;
}

/* seat and plan
-------------------------------------------------- */

.onClick {
	padding: 11px 13px 13px;
	background: #d9d0bf;
	border: 3px solid #76674f;
}




/* 入力画面css
-------------------------------------------------- */
#mainArea .vacancyCap {
	margin: 0 0 5px;
	font-size: 12px;
	text-align: right;
}
#mainArea .vacancyCap img {
	margin: 0 3px 0 15px;
	vertical-align: middle;
}
#mainArea .timeSelectArea {
	margin: 0px 0px 40px;
	border-top: 1px solid #cbcbcb;
	border-left: 1px solid #cbcbcb;
}
#mainArea .threeColumnsTypeBg {
	border-right: 1px solid #cbcbcb;
	border-bottom: 1px solid #cbcbcb;
	background: url(/schedule/images/sc_three_bg.gif) left top repeat-y;
}
#mainArea .threeColumnsTypeTop {
	position: relative;
	padding: 15px 0px 0px 10px;
	background: url(/schedule/images/sc_three_bg_top.gif) left center no-repeat;
}
#mainArea .threeColumnsTypeTop .dayArea {
	width: 120px;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}
#mainArea .threeColumnsType .dayArea .big {
	font-size: 100%;
	font-weight: normal;
	letter-spacing: -0.08em;
}
#mainArea .threeColumnsType .dayArea .day { color: #000000; }
#mainArea .threeColumnsType .dayArea .sat { color: #2088b0; }
#mainArea .threeColumnsType .dayArea .sun { color: #9f1010; }
#mainArea .threeColumnsType .dayArea .mtwtfss,
#mainArea .threeColumnsType .dayArea .sat,
#mainArea .threeColumnsType .dayArea .sun { font-size: 12px; }
#mainArea .threeColumnsType .columnArea { margin: 0px 0px 0px 148px; }
#mainArea .threeColumnsType .columnAreaBg {
	margin: 0px 15px 15px 0px;
	float: left;
	overflow: hidden;
	cursor: pointer;
}
#mainArea .threeColumnsType .columnAreaBg .number {
	width: 45px;
	height: 51px;
	line-height: 51px;
	background: #b6a070;
	color: #ffffff;
	float: left;
	text-align: center;
}
#mainArea .threeColumnsType .columnAreaBg .number .big {
	font-size: 110%;
	font-weight: normal;
	color: #ffffff;
}
#mainArea .threeColumnsType .columnAreaBg .times {
	float: left;
	height: 30px;
	overflow: hidden;
	border-top: 2px solid #f4f1ea;
	border-right: 2px solid #f4f1ea;
	border-bottom: 2px solid #f4f1ea;
	padding: 9px 0 8px 10px;
	background-color: #f4f1ea;
	background-image: url(/schedule/images/sc_icon_vacant_020.png);
	background-repeat: no-repeat;
	background-position: 166px center;
}
#mainArea .threeColumnsType .columnAreaBg .time {
	width: 190px;
	color: #333333;
	font-weight: bold;
	display: inline;
	float: left;
	font-size: 12px;
}

/* hoverBg,selectedBg
-------------------------------------------------- */
#mainArea .threeColumnsType .columnAreaBg:hover .number,
#mainArea .threeColumnsType .columnAreaBg.selectedBg .number { background: #76674f; }
#mainArea .threeColumnsType .columnAreaBg:hover .times,
#mainArea .threeColumnsType .columnAreaBg.selectedBg .times {
	border-color: #76674f;
	background-color: #d9d0bf;
}

/* unsoldBg
-------------------------------------------------- */
#mainArea .threeColumnsType .columnAreaBg.unsoldBg .times { background-image: url(/schedule/images/sc_icon_unsold_020.png); }

/* selloutBg
-------------------------------------------------- */
#mainArea .threeColumnsType .columnAreaBg.selloutBg .number { background: #cbcbcb !important; }
#mainArea .threeColumnsType .columnAreaBg.selloutBg .times {
	border-top: 2px solid #eeeeee !important;
	border-right: 2px solid #eeeeee !important;
	border-bottom: 2px solid #eeeeee !important;
	background-color: #eeeeee !important;
	background-image: url(/schedule/images/sc_icon_sellout_020.png);
}
#mainArea .threeColumnsType .columnAreaBg.selloutBg .time { color: #999999; }





#mainArea .subtotalTableBox {
	padding: 0 10px 0 0;
	margin: 0;
	color: #333333;
	clear: both;
}
#mainArea .subtotalTableBox table {
	width: 100%;
	border-top: 1px solid #ccc4b6;
}
#mainArea .subtotalTableBox tbody tr th,
#mainArea .subtotalTableBox tbody tr td { border-bottom: 1px dotted #ccc4b6; }
#mainArea .subtotalTableBox tbody tr th.heading .large {
	font-size: 14px;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
#mainArea .subtotalTableBox tbody tr th.heading .small {
	padding: 0px 0px 0px 11px;
	display: inline-block;
	color: #999999;
	font-size: 11px;
}
#mainArea .subtotalTableBox tfoot tr th,
#mainArea .subtotalTableBox tfoot tr td { border-top: 2px solid #ccc4b6; }
#mainArea .subtotalTableBox tbody tr th,
#mainArea .subtotalTableBox tbody tr td,
#mainArea .subtotalTableBox tfoot tr th,
#mainArea .subtotalTableBox tfoot tr td { padding: 10px 0 8px; }
#mainArea .subtotalTableBox tbody tr td,
#mainArea .subtotalTableBox tfoot tr td { text-align: right; }
#mainArea .subtotalTableBox tfoot tr td .big { font-size: 16px; }

#mainArea .seatDetailList { margin: 0; }
#mainArea .seatDetailList li {
	display: none;
	margin: 0;
	padding: 0 10px;
}
#mainArea .seatDetailList li.selected { display: block; }
#mainArea .seatDetailList li h4 { font-size: 14px; }
#mainArea .seatDetailList li h4 img {
	margin-right: 7px;
	vertical-align: middle;
}
#mainArea .seatDetailList li.seat_T h4 img { background-color: #edc193; }
#mainArea .seatDetailList li.seat_A h4 img { background-color: #e5a89b; }
#mainArea .seatDetailList li.seat_B h4 img { background-color: #b0cca2; }
#mainArea .seatDetailList li.seat_C h4 img { background-color: #7fc5d9; }
#mainArea .seatDetailList li.seat_S h4 img { background-color: #666666; }
#mainArea .seatDetailList li.seat_PC h4 img { background-color: #ff69b4; }
#mainArea .seatDetailList li.seat_TALL h4 img { background-color: #edc193; }
#mainArea .seatDetailList li.seat_TB h4 img { background-color: #edc193; }
#mainArea .seatDetailList li.seat_TSS h4 img { background-color: #e5a89b; }
#mainArea .seatDetailList li.seat_TS h4 img { background-color: #b0cca2; }
#mainArea .seatDetailList li.seat_TA h4 img { background-color: #7fc5d9; }
#mainArea .seatDetailList li .pic {
	position: relative;
	width: 153px;
}
#mainArea .seatDetailList li .pic p { margin: 0; }
#mainArea .seatDetailList li .pic a {
	position: absolute;
	top: 0;
	left: 0;
}
#mainArea .seatDetailList li .seatInfo {
	line-height: 1.5;
	margin-top: 10px;
}

#mainArea .seatAttentionText {
	padding-bottom: 15px;
	# padding-top: 5px;
	font-size: 11px;
}




/* 確認画面css
-------------------------------------------------- */
#mainArea .confirmTableWrapper { padding: 31px 0 12px; }
#mainArea .reserveConfirmTable {
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#mainArea .reserveConfirmTable .reserveConfirmTableTh,
#mainArea .reserveConfirmTable .reserveConfirmTableTd {
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#mainArea .reserveConfirmTable .reserveConfirmTableTh {
	position: relative;
	width: 98px;
	background: #f4f1ea;
	font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}
#mainArea .reserveConfirmTable .reserveConfirmTableTh .cellInner { padding: 15px 10px 10px; }
#mainArea .reserveConfirmTable .reserveConfirmTableTh .editBt {
	bottom: 10px;
	left: 10px;
	margin: 0;
}
#mainArea .reserveConfirmTable .reserveConfirmTableTd { color: #666666; }
#mainArea .reserveConfirmTable .reserveConfirmTableTd .cellInner { padding: 10px; }

#mainArea .reserveConfirmTable .performanceDetailRow .reserveConfirmTableTd table { width: 100%; }
#mainArea .reserveConfirmTable .performanceDetailRow .reserveConfirmTableTd table td {
	line-height: 1.6;
	padding: 18px 10px 5px;
	border-bottom: dotted 1px #ccc4b6;
	font-size: 12px;
}
#mainArea .reserveConfirmTable .performanceDetailRow .reserveConfirmTableTd table td.last-child { border-bottom: none !important; }
#mainArea .reserveConfirmTable .performanceDetailRow .reserveConfirmTableTd table span.showtitle {
	font-weight: bold;
	font-size: 14px;
}


#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTh { font-size: 12px; }
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTh .cellInner { min-height: 80px; }
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul,
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li {
	margin: 0;
	color: #666666;
}
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li.seat {
	position: relative;
	padding: 5px 10px 0;
	border-bottom: dotted 1px #ccc4b6;
}
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li.seat .seatConfirm {
	position: absolute;
	right: 10px;
	bottom: 5px;
	margin: 0;
	padding: 0;
	background: url(/shared/images/icon_arrow_08.gif) no-repeat left center;
	font-size: 12px;
}
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li.seat .seatConfirm a { padding: 0 0 0 10px; }
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li.plan { padding: 18px 10px 0; }
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li .heading {
	font-weight: bold;
	margin-bottom: 10px;
}
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd ul li ul li {
	padding: 0 0 5px;
	font-size: 12px;
}
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd .alertBox {
	padding: 15px;
	margin: 0;
	font-size: 12px;
	text-align: center;
}
#mainArea .reserveConfirmTable .planRow .reserveConfirmTableTd .alertBox p {
	display: inline;
	margin: 0;
	padding: 0 10px 0 26px;
	background: url(/shared/images/error_icon.png) no-repeat left center;
	color: #b94a48;
	font-weight: normal;
}

#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table { width: 100%; }
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th { background: #f4f4f4; }
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th.colfirst { background: #ffffff; }
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th,
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table td {
	padding: 10px 5px;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th.colfirst,
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th.col,
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th.colend { border-top: none; }
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table th.colend,
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table td.end { border-right: none; }
#mainArea .reserveConfirmTable .jamSessionRow .reserveConfirmTableTd table td.end { color: #b94a48; }

#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table { width: 100%; }
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table th,
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table td {
	padding: 18px 10px 5px;
	border-bottom: dotted 1px #ccc4b6;
}
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table th { width: 300px; }
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table td { text-align: right; }
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table tr.last-child th,
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table tr.last-child td {
	border-top: solid 2px #ccc4b6 !important;
	border-bottom: none !important;
	color: #333333;
	font-weight: bold;
}
#mainArea .reserveConfirmTable .chargeDetailRow .reserveConfirmTableTd table td span.td-error01 { color: 	#b94a48; }