/********* 席種枚数選択画面(PC)用CSS ********/

/****** 在庫状況アイコン 凡例 *****/
#stnote {
	margin-bottom: 10px;
}
#stnote table {
	font: 14px/1.4em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #000000;
	border: 0px;
}
#stnote td.stnh {
	text-indent: 10px;
}

/****** 席種枚数選択一覧 *****/
#slist {
	font: 14px/1.4em "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	margin-top: 10px;
	margin-bottom: 10px;
}
#slist ul {
	list-style: none;
	color: #000000;
}

/****** 席種枚数選択一覧 席種選択メッセージ枠 *****/
#slist div.sekishu_select {
	height: 30px;
	line-height: 30px;
	text-indent: 22px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFF99;
	border: 1px solid #999999;
}

/****** 席種一覧 *****/
ul.pList {
	margin: 20px, 0, 0, 20px;
}

/****** 席種一覧 席種枠（未選択） *****/
div.sekishu_row {
	margin-top: -1px;
	border: 1px solid #999999;
	cursor: pointer;
	background-color: #D6D6D6;
}

/****** 席種一覧 席種枠（選択済） *****/
div.sekishu_row_select {
	margin-top: -1px;
	border: 1px solid #999999;
	background-color: #000000;
	cursor: pointer;
}
div.sekishu_row_select td.sekishu_nm{
	font-weight: bold;
	color: #FFFFFF;
}
div.sekishu_row table,
div.sekishu_row_select table {
	width: 100%;
}

/****** 席種一覧 席種枠 在庫状況アイコン枠 *****/
ul.pList td.status {
	text-indent: 20px;
	width: 50px;
	height: 30px;
}

/****** 席種一覧 席種枠 開閉アイコン枠 *****/
ul.pList td.arrow {
	text-align: center;
	width: 30px;
}
img.arrow_u {
	display: none;
}

/****** 席種一覧 席種枠 マウスオーバー時の配色 *****/
div.sekishu_row:hover {
	background-color: #8A8A8A;
}

/****** 席種一覧 席種枠 マウスオーバー時の文字スタイル *****/
div.sekishu_row:hover td.sekishu_nm {
	font-weight: bold;
	color: #FFFFFF;
}

/****** 人員種別一覧 *****/
ul.jininshu_row {
	margin-top:5px;
}
ul.jininshu_row li {
	padding: 0px 0px 5px;
}
ul.jininshu_row table {
	width: 100%;
	border-collapse: collapse;
	clear:right;
}

/****** 人員種別一覧 スペーサー *****/
ul.jininshu_row td.jininshu_space {
	height: 30px;
	width: 70px;
}

/****** 人員種別一覧 人員種別名枠 *****/
ul.jininshu_row td.jininshu_nm {
	text-indent: 20px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
}

/****** 人員種別一覧 料金枠 *****/
ul.jininshu_row td.jininshu_ryokin {
	text-align: right;
	width: 150px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}

/****** 人員種別一覧 枚数選択枠 *****/
ul.jininshu_row td.jininshu_maisu {
	text-align: center;
	width: 65px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
ul.jininshu_row td.jininshu_maisu select {
	width: 40px;
}

/****** 人員種別一覧 個別在庫状況アイコン枠 *****/
ul.jininshu_row td.jininshu_status {
	width: 30px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

/****** 人員種別一覧 枚数選択メッセージ枠 *****/
ul.jininshu_row div.maisu_select {
	margin-left: 70px;
	/*height: 30px;*/
	line-height: 30px;
	text-align: right;
	padding-right: 75px;
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFF99;
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	display:none;
}

/****** 人員種別一覧 枚数選択メッセージ枠 *****/
ul.jininshu_row div.maisu_selectError {
	font-weight: bold;
	color: #FF0000;
	background-color: #FFFF99;
    text-align: left;
    display: block;
    border: none;
    margin-left: 10px;
    padding-right: 0px;
    line-height: normal;

}

/****** 抽選希望枠 *****/
.kibou_head {
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #595959;
	border: 1px solid #999999;
}
#kibou1, #kibou2, #kibou3 , #kibou4, #kibou5, #kibou6, #kibou7, #kibou8, #kibou9, #kibou10{
	margin-bottom: 10px;
}

/****** 抽選希望枠 連続席区分 ******/
tr.renzoku_kbn {
	/* 連続席区分を非表示にする場合は下記のスタイルを有効化して下さい。 */
	/* display:none; */
}