/* ==================================================================================================== */
/* = 予約関連のスタイルシート                                                                               */
/* ==================================================================================================== */
/* --------------------- */
/* 予約した店舗、施設タイトル        */
/* --------------------- */
.basketList-showInfo{
	height:2em;
}
.common-colorShowInfo{
	color: #000000;
	background-color:#D9EEDA;	/*#DCE2FA;*/	/* COLOR_N_2:	#dbdbff; */
	border-color:#CBE7C7;		/*#143CDC;*/		/* COLOR_N_1 */
	margin-right:0px;
	margin-left:0px;
}

/* 公演名 */
.basketList-showName{
	display:block;
	vertical-align:top;
	margin-top:5px;
	text-align:left;
	font-weight:bold;
	padding-left:1em;
	padding-right:0;
	white-space:nowrap;

	overflow:hidden;				/* "overflow" の値は "visible" 以外のものを指定する */
	-o-text-overflow: ellipsis; 	/* Opera 9-10 */
	text-overflow:    ellipsis; 	/* IE, WebKit (Safari, Chrome), Firefox 7, Opera 11 */
}

.basketList-seatInfo{
	margin-bottom:5px;
}

.basketList-borderLine{
	border-bottom:1px solid gray;
}

.basketList-showTicketInfoArea0{
	/* 	background-color:rgba(220, 226, 250, .6); */
}

.basketList-showTicketInfoArea1{
	/* 	background-color:rgba(220, 226, 250, .3); */
}

.basketList-ticketInfo{
	padding-left: 4px;
	padding-right: 4px;
	display:inline-block;
	vertical-align:top;
	margin-top:5px;
	white-space:nowrap;
}

/* .basketList-detailInfo{ */
/* 	display:inline-block; */
/* 	vertical-align:top; */
/* 	margin-top:5px; */
/* 	text-align:right; */
/* 	padding-right:0; */
/* 	white-space:nowrap; */
/* } */

/* 取消ボタン */
/* .basketList-btn-cancel{ */
/* 	height:1.8em !important; */
/* 	padding:2px 12px !important; */
/* 	margin-top:0; */
/* 	font-size:90%; */
/* 	color:red; */
/* } */

/* .basketList-btn{ */
/* 	height:1.8em !important; */
/* 	padding:2px 12px !important; */
/* 	margin-top:0; */
/* 	font-size:90%; */
/* } */

/* .basketList-seatPrice{ */
/* 	display:inline-block; */
/* 	text-align:right; */
/* 	vertical-align:top; */
/* 	margin-top:0; */
/* 	white-space:nowrap; */
/* } */

/* .basketList-cancelBtnArea{ */
/* 	display:block; */
/* 	margin-top:1px; */
/* 	text-align:center; */
/* } */

@media (max-width: 324px) {

}

@media (min-width: 560px) and (max-width: 767px) {
	.basketList-showName{
		padding-left:0;
	}

	.basketList-seatInfoHeight{
		/*height: 33px;*/
	}

}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 992px) and (max-width: 1199px) {

}

@media (min-width: 1200px) {

}

/* 合計表示域 */
.basketList-totalArea{
	margin: 0 0.2em 2em 1.2em;
	padding-top: 0.4em;
	height: 2.6em;
	border: 2px solid #ccc;
	border-radius: 6px;				/* CSS3草案 */
	-webkit-border-radius: 6px; 	/* Safari,Google Chrome用 */
	-moz-border-radius: 6px;		/* Firefox用 */
	background-color: white;
}

/* 金額は右寄せ */
.common-price{
	text-align:right;
}

/* -------------------------------------------------------------------------------------------------------------------*/
/* --------------------- */
/* 予約情報入力エリア    */
/* --------------------- */
/* エリア */
.reserveInputArea{
	border:1px solid #c1ebfc;
}

/* 時間指定リスト */
.reserveTimeList{
	padding-left:7px;
}

/* 予約情報のタイトル */
#reserveInfoTitle{
	height:30px;
	padding:7px;
/*	background-color:#e3f2fd; */
}

#reserveErrorMessageArea{
	color:red;
}

/* 予約情報入力テーブル（料金とかのタイトル列） */
.reserveInputTitle{
	width:80px;
	padding:5px;
}

/* 予約情報入力テーブル（input type(text)の列） */
.reserveInputText{
	width:70px;
}

/** 予約情報入力テーブル（円とか単位の列） */
.reserveInputUnit{
	padding:5px;
}

.reserveTextNum{
	text-align:right;
}