/**
 * 座席表
 */

.seatFrame{
	text-align:center;
	width:auto;
	display:inline-block;
}
.seatFrame .splitH{
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px;
	gap: 1em 1em;
}
.seatFrame .splitV{
	display: flex;
	list-style: none;
	margin: 0px;
	padding: 0px;
	gap: 1em 1em;
	flex-direction:column;
	align-items:center;
}

.seatFrame .splitV li.txtCenter{
}
table.seatGroup{
	
}
table.seatGroup > tbody > tr > td{
	border:solid 1px #CCC;
	padding:3px 10px;
	background:#EEE;
	color:#AAA;
	text-align:center;
	cursor: not-allowed;
	user-select: none;
}
table.seatGroup > tbody > tr > td.skip{
	background:none;
	border:none;
	cursor:default;
}
table.seatGroup > tbody > tr > td.allow{
	background:#FFF;
	color:#000;
	cursor:pointer;
}
table.seatGroup > tbody > tr > td.allow:hover{
	background:#D9E5FF;
}
table.seatGroup > tbody > tr > td.web{
	background:#fffacd;
}
table.seatGroup > tbody > tr > td.selected{
	background:#4689FF;
	color:#FFF;
}
table.seatGroup > tbody > tr > td.selected.allow:hover{
	background:#4689FF;
}
table.seatGroup > tbody > tr > td.used{
}

/* タブなし
dl.tabFrame dd.tabBody と同じにする

 */
div.noTab.shipSeatSelect{
	border-top: solid 1px #BBB;
	border-left: solid 1px #BBB;
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
	box-shadow: 0 0 0 1px rgba(255,255,255,0.5) inset;
	padding: 10px;
	background: #F9F9F9;
	width:100%;
	text-align:center;
}
dl.tabFrame.shipSeatSelect > dd.tabBody{
	text-align:center;
}