@charset "utf-8";

/**
 * CHARSET:	UTF-8, CR/LF
 * PROJECT:	e-concierge 2
 * VERSION:	2013
 * OUTLINE:	管理ページ用スタイル
 * COPY(c):	WISE PLANNING Co.,Ltd.
 * 
 * 
 * COLOR PALLET
 * #333 ... 黒　（文字）
 * #999 ... 濃灰（補記）
 * #ccc ... 薄灰（枠線等）
 * #fff ... 白　（背景）
 * #c30 ... 濃赤（注記）
 * 
 * #44c ... アンカー
 * #383 ... 特記
 * 
 * http://www.colourlovers.com/palette/580974/Adrift_in_Dreams
 * #0b486b ... 緑（↑濃い）
 * #3b8686
 * #79bd9a
 * #a8dba8
 * #cff09e ... 緑（↓薄い）
 * #ffb74c ... オレンジ
 * #ef4365 ... 濃いピンク
 * #fc9d9a ... 薄いピンク
 * 
 * #e8b5a4 ... 日曜日
 * #94cfcb ... 土曜日
 */

/* ---------------------------------------------------------
 * init & outline
 */

body {
	text-align: center;
	color: #333;
	background: #fff;
}
#Canvas {
	margin: 0 auto;
	text-align: left;
	background: #fff;
}
	#CanvasInner {
		margin: 0 20px;
	}
::-webkit-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}

/* アンカー */
a,
.ui-widget-content a {
	color: #44c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* テーブル */
table, table td, table th {
	border-color: #999;
}

/* e-con専用パーツ */
.ec-active {
	background-color: #79bd9a;
}
.ec-selected {
	background-color: #ffb74c;
}

.ec-group {
	border-color: #999;
}

/* サブメニュー */
.ec-submenu {
	display: inline-block;
	position: relative;
}
	.ec-submenu-list {
		width: 120px;
		margin-left: -60px;
		text-align: left;
		background-color: #ddd;
		position: absolute;
		top: 100%;
		left: 50%;
		z-index: 1000;
	}


/* ---------------------------------------------------------
 * jQuery 拡張
 */

/* jQueryUI 拡張 */
.ec-btn-large .ui-button-text {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	font-size: 150% !important;
	font-weight: bold !important;
	line-height: 1 !important;
}

/* .ui-buttonset */
.ui-buttonset {
	vertical-align: middle;
	display: inline-block;
}
	.ui-buttonset .ui-button {
		margin-left: 0;
		margin-right: 0;
		float: left;
	}

.ec-fake-disabled .ui-button-text {
	color: #333;
}
.ec-fake-disabled .ui-state-hover .ui-button-text {
	color: #fff;
}

/* .ui-dialog */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	text-align: center;
	float: none;
}
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ec-prev { float: left; }
	.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ec-next { float: right; }

/* jQueryUI 流用*/
.ico_alert {
	width: 16px;
	margin: 0 2px;
	font-weight: bold;
	text-align: center;
	color: #c30;
	display: inline-block;
	position: relative;
}
	.ico_alert:before {
		content: "";
		width: 16px;
		height: 16px;
		margin-top: -8px;
		background: #fff url(../../common/img/ico_cc3300.png) no-repeat 0 -144px;
		position: absolute;
		top: 50%;
		left: 0;
	}

/* jQuery.tablesorter */
table.data_list {
	width: 100%;
	letter-spacing: 0;
}
	table.data_list thead tr {
		background: #A8DBA8;
	}
	table.data_list thead tr .header {
		padding-right: 20px;
		background: url(../../common/img/tblsort_bg.gif) no-repeat center right;
		cursor: pointer;
	}
	table.data_list thead tr .headerSortUp {
		background-image: url(../../common/img/tblsort_asc.gif);
	}
	table.data_list thead tr .headerSortDown {
		background-image: url(../../common/img/tblsort_desc.gif);
	}

/* jQuery.tablesorter.pager */
.data_pager {
	padding: 6px 0;
	text-align: center;
}


/* -------------------------------------
 * .ui- 基本的な要素
 */
/* 通常時 */
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #a8dba8 url(../img/bg-glass.png) repeat-x 0 center;
	border-color: #999;
}
	.ui-state-default .ui-icon,
	.ui-widget-content .ui-state-default .ui-icon,
	.ui-widget-header .ui-state-default .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
	.ui-state-default .ui-button-text,
	.ui-tabs-nav .ui-state-default .ui-tabs-anchor {
		color: #333;
	}
/* HOVER時 */
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover {
	background-color: #3b8686;
}
	.ui-state-hover .ui-icon,
	.ui-widget-content .ui-state-hover .ui-icon,
	.ui-widget-header .ui-state-hover .ui-icon {
		background-image: url(../../common/img/ico_ffffff.png);
	}
	.ui-state-hover .ui-button-text,
	.ui-tabs-nav .ui-state-hover .ui-tabs-anchor {
		color: #fff;
	}
/* 選択R時 */
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	background-color: #ffb74c;
	border-color: #666;
}
	.ui-state-active .ui-icon,
	.ui-widget-content .ui-state-active .ui-icon,
	.ui-widget-header .ui-state-active .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
	.ui-state-active .ui-button-text,
	.ui-tabs-nav .ui-state-active .ui-tabs-anchor {
		color: #333;
	}

/* -------------------------------------
 * .ec-btn-large.ui-button 大きいボタン
 */
/* 通常時 */
.ec-btn-large.ui-button {
	background-color: #fc9d9a;
	border-color: #999;
}
	.ec-btn-large.ui-button .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
	.ec-btn-large.ui-button .ui-button-text {
		color: #333;
	}
/* HOVER時 */
.ec-btn-large.ui-button.ui-state-hover {
	background-color: #ef4365;
}
	.ec-btn-large.ui-button.ui-state-hover .ui-icon {
		background-image: url(../../common/img/ico_ffffff.png);
	}
	.ec-btn-large.ui-button.ui-state-hover .ui-button-text {
		color: #fff;
	}
/* 選択R時 */
.ec-btn-large.ui-button.ui-state-active {
	background-color: #ffb74c;
	border-color: #666;
}
	.ec-btn-large.ui-button.ui-state-active .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
	.ec-btn-large.ui-button.ui-state-active .ui-button-text {
		color: #333;
	}

/* -------------------------------------
 * .ui-buttonset
 */
/* 通常時 */
.ui-buttonset .ui-button {
	background-color: #ccc;
}
	.ui-buttonset .ui-button .ui-icon {
		background-image: url(../../common/img/ico_666666.png);
	}
	.ui-buttonset .ui-button .ui-button-text {
		color: #666;
	}
/* HOVER時 */
.ui-buttonset .ui-button.ui-state-hover {
	background-color: #3b8686;
}
	.ui-buttonset .ui-button.ui-state-hover .ui-icon {
		background-image: url(../../common/img/ico_ffffff.png);
	}
	.ui-buttonset .ui-button.ui-state-hover .ui-button-text {
		color: #fff;
	}
/* 選択R時 */
.ui-buttonset .ui-button.ui-state-active {
	background-color: #ffb74c;
}
	.ui-buttonset .ui-button.ui-state-active .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
	.ui-buttonset .ui-button.ui-state-active .ui-button-text {
		color: #333;
	}

/* -------------------------------------
 * .ui-menu-item メニュー
 */
/* 通常時 */
.ui-menu .ui-menu-item a {
	background: #cff09e;
	color: #333;
}
	.ui-menu .ui-menu-item a .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
/* HOVER時 */
.ui-menu .ui-menu-item a.ui-state-focus {
	color: #fff;
	background-color: #79bd9a;
	border: none;
}
	.ui-menu .ui-menu-item a.ui-state-focus .ui-icon {
		background-image: url(../../common/img/ico_ffffff.png);
	}


/* ---------------------------------------------------------
 * #Head
 */

#Head {
	margin: 0 -20px 48px;
}
	/* SiteTitle */
	#SiteTitle {
		margin: 0 20px;
		position: relative;
	}
		#SiteTitle h1 {
			height: 72px;
			line-height: 72px;
			float: left;
			overflow: hidden;
		}
			#SiteTitle h1 img {
				border: 0 none;
				vertical-align: middle;
			}
		#Auth {
			padding-top: 24px;
			line-height: 3;
			float: right;
		}
			#HotelName {
				margin-right: .5em;
				font-size: 150%;
				line-height: 1.333;
			}
			#BtnLogOff {
				margin-left: 1em;
				vertical-align: middle;
			}
	/* GlobalMenu */
	#GMenu {
		padding: 0 20px;
		background: #3b8686 url(../img/bg-glass.png) repeat-x 0 center;
		border-top: 1px #999 solid;
		border-bottom: 1px #999 solid;
	}
		#GMenu ul {
			margin: 0;
			list-style: none;
			border-left: 1px #999 solid;
		}
			#GMenu li {
				background: #3b8686 url(../img/bg-glass.png) repeat-x 0 center;
				border-right: 1px #999 solid;
				float: left;
			}
			#GMenu li.ec-active {
				background-color: #0b486b;
			}
			#GMenu li.ec-selected {
				background-color: #ffb74c;
			}
				#GMenu li a {
					padding: 6px 20px 6px 50px;
					font-size: 150%;
					font-weight: bold;
					line-height: 1.333;
					letter-spacing: .2em;
					color: #fff;
					text-decoration: none;
					display: block;
				}
				#GMenu li.ec-selected a {
					color: #333;
				}
			/* プラン */
				#GMenu li#GM_Plan a {
					background: url(../img/ico-gmenu-plan.png) no-repeat 5px center;
				}
				#GMenu li#GM_Plan.ec-selected a {
					background: url(../img/ico-gmenu-plan_black.png) no-repeat 5px center;
				}
			/* 予約・顧客 */
				#GMenu li#GM_Customer a {
					background: url(../img/ico-gmenu-customer.png) no-repeat 5px center;
				}
				#GMenu li#GM_Customer.ec-selected a {
					background: url(../img/ico-gmenu-customer_black.png) no-repeat 5px center;
				}
			/* 施設 */
				#GMenu li#GM_Setting a {
					background: url(../img/ico-gmenu-setting.png) no-repeat 5px center;
				}
				#GMenu li#GM_Setting.ec-selected a {
					background: url(../img/ico-gmenu-setting_black.png) no-repeat 5px center;
				}
			/* マニュアル */
			#GMenu li#GM_Manual {
				border-left: 1px #999 solid;
				border-right: 1px #999 solid;
				float: right;
			}
				#GMenu li#GM_Manual a {
					background: url(../img/ico-gmenu-manual.png) no-repeat 5px center;
				}
			
	/* SubMenu */
	#SMenu {
		padding: 0 20px;
		border-bottom: 1px #999 solid;
	}
		#SMenu ul {
			margin: 0;
			list-style: none;
			border-left: 1px #ccc solid;
		}
			#SMenu li {
				float: left;
				border-right: 1px #ccc solid;
			}
			#SMenu li.ec-active {
				background-color: #cff09e;
			}
				#SMenu li a {
					padding: 6px 20px;
					color: #333;
					text-decoration: none;
					display: block;
				}


/* ---------------------------------------------------------
 * #Main
 */

#Main {
	margin: 48px 0;
	position: relative;
}
	/* パンくず */
	#Main .breadcrumbs {
		color: #999;
		position: absolute;
		bottom: 100%;
		left: 0;
	}
		#Main .breadcrumbs a {
			margin: 0 10px;
		}
	
	/* ツールボックス */
	#Main .toolbox,
	#Main .ec-control.toolbox {
		padding: 0;
		margin: 0;
		position: absolute;
		bottom: 100%;
		right: 0;
	}
	
	/* 見出し */
	#Main h2 {
		padding: 12px 0 10px;
		margin-top: 48px;
		margin-bottom: 48px;
		font-size: 300%;
		font-weight: normal;
		line-height: 1.333;
		letter-spacing: .2em;
		border-bottom: 2px #0b486b solid;
	}
	#Main h3 {
		padding: 12px 0 11px;
		margin-top: 36px;
		margin-bottom: 36px;
		font-size: 200%;
		font-weight: normal;
		line-height: 1;
		letter-spacing: .2em;
		border-bottom: 1px #0b486b solid;
	}
	#Main h4 {
		padding-left: .5em;
		margin-top: 48px;
		margin-bottom: 24px;
		font-size: 150%;
		line-height: 1.333;
		letter-spacing: .2em;
		border-left: .5em #a8dba8 solid;
	}
	
	/* 画像 */
	#Main img.pickup {
		border: 1px #999 solid;
	}
	
	/* 各種メッセージ */
	#Main .sys_msg {	/* システムメッセージ */
		padding: 9px 10px;
		margin-top: 48px;
		margin-bottom: 48px;
		text-align: center;
		border: 3px #40c0cb solid;
		border-radius: 3px;
	}
	#Main .err_msg {	/* エラーメッセージ */
		padding: 9px 10px;
		margin-top: 48px;
		margin-bottom: 48px;
		text-align: center;
		color: #c30;
		border: 3px #c30 solid;
		border-radius: 3px;
	}
		#Main .sys_msg strong,
		#Main .err_msg strong {
			font-size: 150%;
			line-height: 1.333;
		}
		#Main .err_msg .ui-state-error-text {
			position: relative;
		}
			#Main .form_cell .ui-state-error-text .ui-icon {
				margin-top: -8px;
				position: absolute;
				top: 50%;
				left: 7px;
			}


/* --------------------------------------
 * マーク
 */

.mark {
	padding: 0 .5em;
	margin: 0 .1em;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.5;
	color: #333;
	background-color: #fff;
	border: 1px #999 solid;
	border-radius: 2px;
	display: inline-block;
}
.mark.mark-daytrip { color: #333; background-color: #fee388; }
.mark.mark-midnight{ color: #fff; background-color: #5e575f; }
.mark.mark-timesale{ color: #333; background-color: #ff99cc; }
.mark.mark-eqp-pc  { color: #fff; background-color: #72a8e1; }
.mark.mark-eqp-mob { color: #333; background-color: #c0c6a2; }


/* -------------------------------------
 * .ec-form 入力フォーム
 */

.ec-form-item {
}	
	/* 2018/09/04 Nhu edit start */
	.ec-form-item-header {
		/*2018/03/20 15718 Tam edit start*/
		/*width: 130px;*/
		/* width: 132px; */
		width: 146px;
		/*2018/03/20 15718 Tam edit end*/
	}
	.ec-form-item-content {
		/* margin-left: 140px; */
		margin-left: 149px;
		text-align: left;
	}
	/* 2018/09/04 Nhu edit end */
		.ec-form-item-content p {
			margin-top: 0;
			margin-bottom: 3px;
		}
		.ec-form-item-content .guide {
			margin-left: .5em;
		}
		.ec-form-item-content .ec-form-item {
			margin-left: -140px;
		}
		.ec-form-item-content .long-text {
			line-height: 1.5;
		}
		/* プラン登録フォームへ「日帰りプラン」チェックボックス追加 2013.12.05 */
		.ec-form-item-content #DayTrip {
			margin-left: 27px;
		}
		
		
.ec-form.col2 .ec-form-item,
.ec-form.col3 .ec-form-item {
	width: 100%;
	float: left;
}
.ec-form.col2 .ec-form-item.half { width: 50%; }
.ec-form.col3 .ec-form-item.short{ width: 33%; }
.ec-form.col3 .ec-form-item.long { width: 66%; }

.ec-form .ec-control {
	padding-left: 140px;
}

/* メール本文 */
textarea.mail_body {
	font-family: monospace;
}


/* -------------------------------------
 * .ec-tab タブ
 */

.ec-tab {
	margin-top: 48px;
	margin-bottom: 48px;
}
	.ec-tab-panel {
		padding: 12px 20px !important;
	}
		.ec-tab-header {
			margin-top: 24px;
		}


/* -------------------------------------
 * トップページ構成
 */

#TopLayout {
	padding: 0 .5%;
	list-style: none;
	
}
	#TopLayout .top-item {
		width: 31%;
		margin: 0 1% 1%;
		float: left;
	}
	#TopLayout .top-item.double {
		width: 64%;
	}
		/* 認証領域 */
		#AuthForm {
			height: 236px;
			border: 2px #0b486b solid;
			border-radius: 2px;
		}
			/* 認証フォーム */
			#AuthForm h2 {
				padding: 6px 0;
				margin: 0;
				font-size: 200%;
				line-height: 1;
				text-align: center;
				color: #fff;
				background: #0b486b;
			}
				#AuthForm .ec-form-item-header {
					width: 90px;
				}
				#AuthForm .ec-form-item-content {
					margin-left: 100px;
				}
					#AuthForm .ec-form-item-content input {
						width: 90%;
					}
			
			#AuthForm .ec-control {
				padding: 0;
				margin: 0;
			}
			/* 認証後メッセージ */
			#AuthForm .message {
				text-align: center;
			}
				#AuthForm .message .welcome {
					font-size: 150%;
					font-weight: bold;
					line-height: 1.333;
				}
		
		
		
		/* お知らせ */
		#News {
			/* 2019/01/04 560 Nhu edit start */
			/* height: 236px; */
			height: 526px;
			/* 2019/01/04 560 Nhu edit end */
			border: 2px #999 solid;
			border-radius: 2px;
		}
			#News h3 {
				padding: 6px 20px;
				margin: 0;
				font-size: 150%;
				line-height: 1.333;
				background: #cff09e;
				border-bottom: 1px #999 solid;
			}
			#News .news_list {
				/* 2019/01/04 560 Nhu edit start */
				/* height: 200px; */
				height: 490px;
				/* 2019/01/04 560 Nhu edit end */
				margin: 0;
				list-style: none;
				overflow: auto;
			}
				#News .news_list li {
					padding: 12px 0 11px;
					margin: 24px 20px;
				}
					#News .news_list li h6 {
						padding: 35px 0 11px;
						margin-bottom: 24px;
						font-size: 133.3%;
						line-height: 1.5;
						border-top: 1px #0b486b solid;
						border-bottom: 1px #0b486b solid;
						position: relative;
					}
						#News .news_list li h6 .datetime {
							padding: 0 3px;
							font-size: 75%;
							line-height: 1.5;
							font-weight: normal;
							display: block;
							position: absolute;
							top: 6px;
							left: 0;
						}
						#News .news_list li h6 .news-mark {
							margin-right: .25em;
							font-weight: normal;
						}
						#News .news_list li h6 .mainText {
							font-weight: normal;
							font-size: 90%;
						}


/* -------------------------------------
 * #ImageSelector 画像選択欄
 */

#ImageSelector {
	width: 100%;
	background-color: #333;
	background-color: rgba(0, 0, 0, .75);
	border-top: 1px #333 solid;
	position: fixed;
	bottom: 0;
	left: 0;
}
	#ImageSelectorHead {
		padding: 12px 0;
		margin: 0 20px 24px;
	}
		#ImageSelectorHead .guide {
			margin: 0;
			font-weight: bold;
			color: #fff;
			float: left;
		}
		#ImageSelectorHead .close {
			padding: 0 .5em;
			font-weight: bold;
			text-decoration: none;
			color: #333;
			background: #fff;
			display: block;
			border: 1px #999 solid;
			float: right;
		}
		#ImageSelectorHead .close:hover {
			text-decoration: underline;
		}
		
	#ImageSelectorContent {
		height: 300px;
		margin: 0 20px;
		overflow: auto;
	}
		#ImageSelectorContent img {
			width: 28%;
			margin-right: 5%;
			margin-bottom: 12px;
			float: left;
		}


/* -------------------------------------
 * #TypeImgList 部屋画像
 */

#TypeImgList {
	list-style: none;
	display: none;
}
	#TypeImgList .type_img {
		width: 40px;
		height: 40px;
		margin-right: 5px;
		text-align: center;
		border: 1px #999 solid;
		overflow: hidden;
		float: left;
		display: none;
	}
		#TypeImgList .type_img img {
			vertical-align: middle;
		}
		#TypeImgList .type_img img.hor {
			height: 40px;
		}
		#TypeImgList .type_img img.ver {
			width: 40px;
		}


/* -------------------------------------
 * #CapPcTab 宿泊プラン詳細説明文　言語切替
 */
/* 2019/04/03 695 Nhu edit start */
#InRmCapPcLightTab,
#InGoogleApi,
#OtherSearchTab,
#FrontDescTab,
#OthersDescTab,
#IndescriptionSBPS,
#InHtlCxlCap,
#InHtlCorporateTag,
#CapPcLightTab,
#CapPcTab,
#OthersMailHtmlTab,
#OthersMailTextTab,
#PlnMailTab,
/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 start */
#OthersMailTab {
/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 end */
	height: 0;
	position: relative;
}
	#InRmCapPcLightTab .cap-pc-tab-inner,
	#InGoogleApi .cap-pc-tab-inner,
	#OtherSearchTab .cap-pc-tab-inner,
	#FrontDescTab .cap-pc-tab-inner,
	#OthersDescTab .cap-pc-tab-inner,
	#IndescriptionSBPS .cap-pc-tab-inner,
	#InHtlCxlCap .cap-pc-tab-inner,
	#InHtlCorporateTag .cap-pc-tab-inner,
	#CapPcLightTab .cap-pc-tab-inner,
	#CapPcTab .cap-pc-tab-inner,
	#OthersMailHtmlTab .cap-pc-tab-inner,
	#OthersMailTextTab .cap-pc-tab-inner,
	#PlnMailTab .cap-pc-tab-inner,
	/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 start */
	#OthersMailTab .cap-pc-tab-inner, 
	/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 end */
	#WarnTab .cap-pc-tab-inner {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		right: 0;
		bottom: -3px;
	}
		#InRmCapPcLightTab .cap-pc-tab-inner li,
		#InGoogleApi .cap-pc-tab-inner li,
		#OtherSearchTab .cap-pc-tab-inner li,
		#FrontDescTab .cap-pc-tab-inner li,
		#OthersDescTab .cap-pc-tab-inner li,
		#IndescriptionSBPS .cap-pc-tab-inner li,
		#InHtlCxlCap .cap-pc-tab-inner li,
		#InHtlCorporateTag .cap-pc-tab-inner li,
		#CapPcLightTab .cap-pc-tab-inner li,
		#CapPcTab .cap-pc-tab-inner li,
		#OthersMailHtmlTab .cap-pc-tab-inner li,
		#OthersMailTextTab .cap-pc-tab-inner li,
		#PlnMailTab .cap-pc-tab-inner li,
		/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 start */
		#OthersMailTab .cap-pc-tab-inner li,
		/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 end */
		#WarnTab .cap-pc-tab-inner li {
			width: 60px;
			margin-left: 2px;
			float: left;
		}
			#InRmCapPcLightTab .cap-pc-tab-header,
			#InGoogleApi .cap-pc-tab-header,
			#OtherSearchTab .cap-pc-tab-header,
			#FrontDescTab .cap-pc-tab-header,
			#OthersDescTab .cap-pc-tab-header,
			#IndescriptionSBPS .cap-pc-tab-header,
			#InHtlCxlCap .cap-pc-tab-header,
			#InHtlCorporateTag .cap-pc-tab-header,
			#CapPcLightTab .cap-pc-tab-header,
			#CapPcTab .cap-pc-tab-header,
			#OthersMailHtmlTab .cap-pc-tab-header,
			#OthersMailTextTab .cap-pc-tab-header,
			#PlnMailTab .cap-pc-tab-header,
			/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 start */
			#OthersMailTab .cap-pc-tab-header,
			/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 end */
			#WarnTab .cap-pc-tab-header {
				text-align: center;
				background-color: #a8dba8;
				border: 1px #999 solid;
				border-bottom: none;
				border-radius: 3px 3px 0 0;
				display: block;
				cursor: pointer;
			}
			#InRmCapPcLightTab .cap-pc-tab-header.ec-active,
			#InGoogleApi .cap-pc-tab-header.ec-active,
			#OtherSearchTab .cap-pc-tab-header.ec-active,
			#FrontDescTab .cap-pc-tab-header.ec-active,
			#OthersDescTab .cap-pc-tab-header.ec-active,
			#IndescriptionSBPS .cap-pc-tab-header.ec-active,
			#InHtlCxlCap .cap-pc-tab-header.ec-active,
			#InHtlCorporateTag .cap-pc-tab-header.ec-active,
			#CapPcLightTab .cap-pc-tab-header.ec-active,
			#CapPcTab .cap-pc-tab-header.ec-active,
			#OthersMailHtmlTab .cap-pc-tab-header.ec-active,
			#OthersMailTextTab .cap-pc-tab-header.ec-active,
			#PlnMailTab .cap-pc-tab-header.ec-active,
			/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 start */
			#OthersMailTab .cap-pc-tab-header.ec-active,
			/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 end */
			#WarnTab .cap-pc-tab-header.ec-active {
				color: #fff;
				background-color: #3b8686;
			}
			#InRmCapPcLightTab .cap-pc-tab-header.ec-selected,
			#InGoogleApi .cap-pc-tab-header.ec-selected,
			#OtherSearchTab .cap-pc-tab-header.ec-selected,
			#FrontDescTab .cap-pc-tab-header.ec-selected,
			#OthersDescTab .cap-pc-tab-header.ec-selected,
			#IndescriptionSBPS .cap-pc-tab-header.ec-selected,
			#InHtlCxlCap .cap-pc-tab-header.ec-selected,
			#InHtlCorporateTag .cap-pc-tab-header.ec-selected,
			#CapPcLightTab .cap-pc-tab-header.ec-selected,
			#CapPcTab .cap-pc-tab-header.ec-selected,
			#OthersMailHtmlTab .cap-pc-tab-header.ec-selected,
			#OthersMailTextTab .cap-pc-tab-header.ec-selected,
			#PlnMailTab .cap-pc-tab-header.ec-selected,
			/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 start */
			#OthersMailTab .cap-pc-tab-header.ec-selected,
			/* 2018/5/21 chinen 15718 付帯予約メール送信内容の編集機能 end */
			#WarnTab .cap-pc-tab-header.ec-selected {
				background-color: #ffb74c;
			}
/* 2019/04/03 695 Nhu edit end */

/* -------------------------------------
 * .thumb-list サムネイル画像一覧
 */

.thumb-list {
	list-style: none;
	display: none;
}
	.thumb-list .thumb-list-item {
		width: 60px;
		height: 60px;
		margin-right: 5px;
		text-align: center;
		border: 1px #999 solid;
		overflow: hidden;
		float: left;
		display: none;
	}
		.thumb-list .thumb-list-item img {
			vertical-align: middle;
		}
		.thumb-list .thumb-list-item img.hor {
			height: 60px;
		}
		.thumb-list .thumb-list-item img.ver {
			width: 60px;
		}


/* -------------------------------------
 * #ChkInForm 宿泊プランチェックイン時刻入力欄
 */

#ChkInForm {
	
}
	#ChkInList {
		width: 110px;
		height: 180px;
		margin: 0;
		list-style: none;
		border: 1px #ccc solid;
		border-radius: 2px;
		overflow: auto;
		float: left;
	}
		#ChkInList li {
			padding-left: 5px;
			border-bottom: 1px #ccc solid;
		}
			#ChkInList li .btn-chkin-remove {
				width: 2em;
				text-align: center;
				background: #cff09e url(../img/bg-glass.png) repeat-x 0 center;
				border-left: 1px #ccc solid;
				display: block;
				float: right;
			}
			#ChkInList li .btn-chkin-remove.ec-active {
				color: #c30;
				background-color: #fc9d9a;
				text-decoration: none;
			}
	
	#ChkInCtrl {
		width: 240px;
		margin: 0 0 0 10px;
		list-style: none;
		float: left;
	}
		#ChkInCtrl li {
			margin-bottom: 12px;
			padding: 11px;
			border: 1px #ccc solid;
			border-radius: 2px;
		}


/* -------------------------------------
 * #PlanTypeControl, #PlanTypeList 宿泊プラン部屋情報
 */

#PlanTypeControl {
	padding-right: 10px;
	margin-bottom: 24px;
	text-align: right;
}

#PlanTypeList {
	list-style: none;
	border: 1px #999 solid;
	border-top: none;
}
	#PlanTypeList .plan-type-item .plan-type-header {
		padding: 3px 0 3px 30px;
		margin: 0;
		background: #cff09e url(../img/bg-glass.png) repeat-x 0 center;
		border: none;
		border-top: 1px #999 solid;
		cursor: pointer;
		position: relative;
	}
	#PlanTypeList .plan-type-item .plan-type-header.ec-active {
		background-color: #a8dba8;
	}
		#PlanTypeList .plan-type-item .plan-type-header .ui-icon {
			margin-top: -8px;
			position: absolute;
			top: 50%;
			left: 7px;
		}
		#PlanTypeList .plan-type-item .plan-type-header .plan-type-name {
			font-size: 150%;
			font-weight: normal;
		}
		#PlanTypeList .plan-type-item .plan-type-header .plan-type-btn-remove {
			margin-top: -12px;
			font-size: 12px;
			line-height: 1.5;
			position: absolute;
			top: 50%;
			right: 10px;
		}
		
	#PlanTypeList .plan-type-item .plan-type-header.ec-error {
		background-color: #fc9d9a;
	}
		#PlanTypeList .plan-type-item .plan-type-header.ec-error .ico_alert {
			height: 16px;
			width: 16px;
			padding: 0;
			margin: -9px 0 0;
			border: 1px #c30 solid;
			border-radius: 2px;
			overflow: hidden;
			position: absolute;
			top: 50%;
			left: 6px;
		}
	
	/* table */
	#PlanTypeList table th,
	#PlanTypeList table td {
		width: 100px;
		padding: 3px;
	}
	#PlanTypeList table th.sun {
		background: #e8b5a4;
	}
	#PlanTypeList table th.sat {
		background: #94cfcb;
	}
	#PlanTypeList table.plan-type-child th,
	#PlanTypeList table.plan-type-child td {
		width: 207px;
	}
	#PlanTypeList table.plan-type-child th.plan-type-child-charge,
	#PlanTypeList table.plan-type-child td.plan-type-child-charge {
		width: 314px;
	}
		#PlanTypeList input {
			margin-right: .5em;
		}
		#PlanTypeList .plan-type-child-charge input {
			margin-left: .5em;
		}
		#PlanTypeList input.plan-type-num {
			width: 3.5em;
			padding: 0 1px;
			text-align: right;
		}
		#PlanTypeList .plan-type-child-charge input.plan-type-num {
			margin-left: 0;
		}


/* -------------------------------------
 * #TypeSelector 宿泊プラン部屋タイプ選択Dlg
 */
#TypeSelector .ec-form {
	text-align: left;
}


/* -------------------------------------
 * #SearchForm 検索フォーム
 */

#SearchForm .ec-form-item {
	float: left;
}
	#SearchForm .ec-form-item-header,
	#SearchForm .ec-form-item-content {
		padding-top: 3px;
		padding-bottom: 3px;
	}


/* -------------------------------------
 * #RsvCxlConfirm 予約キャンセルDlg
 */
#RsvCxlConfirm .ec-form {
	text-align: left;
}


/* -------------------------------------
 * #RsvEditForm 予約変更Dlg
 */

#RsvEditForm .edit-form-page {
	height: 400px;
	border: 1px #ccc solid;
	overflow: auto;
}
	#RsvEditForm .edit-form-page h3 {
		padding: 12px 0;
		font-size: 150%;
		line-height: 1.333;
		border-bottom: 1px #ccc solid;
	}
	#RsvEditForm .edit-form-page .ec-form {
		margin-right: 20px;
		margin-left: 20px;
	}
	
		#RsvEditForm .edit-form-page table {
			width: 100%;
		}
			#RsvEditForm .edit-form-page table th {
				font-weight: normal;
				background-color: #cff09e;
			}
		/* .rsvedit-rooms＠室数 */
		#RsvEditForm .edit-form-page table.rsvedit-rooms .rsvedit-rooms-name {}
		#RsvEditForm .edit-form-page table.rsvedit-rooms .rsvedit-rooms-heads{ width: 100px; }
		#RsvEditForm .edit-form-page table.rsvedit-rooms .rsvedit-rooms-rest { width: 60px; }
		#RsvEditForm .edit-form-page table.rsvedit-rooms .rsvedit-rooms-count{ width: 60px; }
		#RsvEditForm .edit-form-page table.rsvedit-rooms td.rsvedit-rooms-heads{
			text-align: center;
		}
		#RsvEditForm .edit-form-page table.rsvedit-rooms td.rsvedit-rooms-rest,
		#RsvEditForm .edit-form-page table.rsvedit-rooms td.rsvedit-rooms-count{
			text-align: right;
		}
		/* .rsvedit-heads＠人数 */
		#RsvEditForm .edit-form-page table.rsvedit-heads .rsvedit-heads-col-room{}
		#RsvEditForm .edit-form-page table.rsvedit-heads .rsvedit-heads-col-num { width: 50px; }
		#RsvEditForm .edit-form-page table.rsvedit-heads th{
			line-height: 1;
		}
		#RsvEditForm .edit-form-page table.rsvedit-heads th.rsvedit-heads-col-num {
			text-align: center;
		}
		#RsvEditForm .edit-form-page table.rsvedit-heads td.rsvedit-heads-col-num {
			text-align: right;
		}
			#RsvEditForm .edit-form-page table.rsvedit-heads .rsvedit-heads-detail {
				font-size: 10.5px;
				line-height: 12px;
			}
			#RsvEditForm .edit-form-page table.rsvedit-heads .rsvedit-heads-cnt-child-mark {
				font-size: 9px;
				font-weight: normal;
				color: #383;
				float: left;
			}
			#RsvEditForm .edit-form-page table.rsvedit-heads .rsvedit-heads-cell-in {
				width: 1.5em;
				margin-right: .1em;
				text-align: right;
			}
		/* .rsvedit-charges＠料金（仮計） */
		#RsvEditForm .edit-form-page table.rsvedit-charges td { text-align: right; }
		
		/* .rsvedit-confirm-charge＠確認画面 */
			/* 料金明細 */
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge .rsvedit-confchgdetail-num { width: 40px; }
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge .rsvedit-confchgdetail-unit,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge .rsvedit-confchgdetail-subtotal,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge .rsvedit-confchgtotal {
				width: 70px;
			}
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge th.rsvedit-confchgdetail-unit,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge th.rsvedit-confchgdetail-num,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge th.rsvedit-confchgdetail-subtotal,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge th.rsvedit-confchgtotal {
				text-align: center;
			}
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge td.rsvedit-confchgdetail-num { text-align: center; }
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge td.rsvedit-confchgdetail-unit,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge td.rsvedit-confchgdetail-subtotal,
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge td.rsvedit-confchgtotal {
				text-align: right;
			}
			/* 変更前料金明細 */
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge.base th { background-color: #ccc; }
			#RsvEditForm .edit-form-page table.rsvedit-confirm-charge.base td { background-color: #eee; }
		
		
		/* .rsvedit-options＠オプション */
		#RsvEditForm .edit-form-page .rsvedit-options .rsvedit-opt-item {
			padding-bottom: 6px;
			padding-left: 2em;
			margin-bottom: 6px;
			text-indent: -2em;
			border-bottom: 1px #ccc dashed;
		}
			#RsvEditForm .edit-form-page .rsvedit-options .rsvedit-opt-item .rsvedit-opt-item-name {
				margin-left: .5em;
				font-weight: bold;
			}
			#RsvEditForm .edit-form-page .rsvedit-options .rsvedit-opt-item .rsvedit-opt-num {
				width: 2em;
				text-align: right;
				margin-right: .1em;
			}
		
		
		
		

/*
 * #0b486b ... 緑（↑濃い）
 * #3b8686
 * #79bd9a
 * #a8dba8
 * #cff09e ... 緑（↓薄い）
 * #ffb74c ... オレンジ
 * #ef4365 ... 濃いピンク
 * #fc9d9a ... 薄いピンク
 */




/* -------------------------------------
 * #Question 質問事項(ホテル・プラン共通)
 */

#Question {
	width: 45em;
	margin: 0;
	list-style: none;
	border: 1px #ccc solid;
}
	#Question .q-row {
		padding: 6px 0;
		border-bottom: 1px #ccc solid;
		position: relative;
	}
	#Question .q-row-template {
		display: none;
	}
	#Question .q-row-ctrl {
		border: none;
	}
		#Question .q-row .q-draggable-icon {
			margin-top: -8px;
			position: absolute;
			top: 50%;
			left: 4px;
		}
		#Question .q-row .q-text {
			width: 40em;
			height: 36px;
			margin: 0 3em 0 2em;
		}
		#Question .q-row a {
			width: 24px;
			height: 24px;
			margin-top: -12px;
			text-align: center;
			background: #cff09e url(../img/bg-glass.png) repeat-x 0 center;
			border: 1px #ccc solid;
			display: block;
			position: absolute;
			top: 50%;
			right: 2px;
		}
		#Question .q-row a.ec-active {
			color: #c30;
			background-color: #fc9d9a;
			text-decoration: none;
		}


/* -------------------------------------
 * .ec-data-control
 */

/* .ec-data-menubar */
.ec-data-control .ec-data-menubar .ec-selectable {
	background-color: #cff09e;
}
.ec-data-control .ec-data-menubar .ec-selectable.ec-active {
	background-color: #a8dba8;
}
	.ec-data-control .ec-data-menubar .ec-selectable .ui-icon {
		background-image: url(../../common/img/ico_333333.png);
	}
	.ec-data-control .ec-data-menubar .ec-selectable .ui-button-text {
		color: #333;
	}

.ec-data-control .ec-data-menubar select {
	margin-left: .1em;
	margin-right: .1em;
}

/* -------------------------------------
 * .ec-data-list
 */

/* thead */
.ec-data-list thead th {
	font-weight: bold;
	background: #cff09e;
}
.ec-data-list thead th.header {
	cursor: pointer;
}
/* .ec-disabled */
.ec-data-list .ec-disabled,
.ec-data-list .ec-fake-disabled {
	background: #ddd;
}

.ec-input-disabled{
	background: rgb(235, 235, 228);
	border: solid 1px;
    border-color: #a4a2a2;
}

/* .plan_list */
.plan_list .ec-data-list .order { width: 50px; }
.plan_list .ec-data-list .name  {}
.plan_list .ec-data-list .term  { width: 180px; }
.plan_list .ec-data-list .target{ width: 170px; }
.plan_list .ec-data-list .use   { width: 140px; }
.plan_list .ec-data-list .ctrl  { width: 90px; }

.plan_list .ec-data-list td.order,
.plan_list .ec-data-list td.term,
.plan_list .ec-data-list td.target,
.plan_list .ec-data-list td.use,
.plan_list .ec-data-list td.ctrl {
	text-align: center;
}

.plan_list .ec-data-list td.order input {
	width: 2em;
	padding: 0 1px;
	text-align: right;
}
.plan_list .ec-data-list td .changed {
	background-color: #ffb74c;
}
.plan_list .ec-data-list .plan-lang {
	cursor: pointer;
}


/* .category_list */
.category_list .ec-data-list .name {}
.category_list .ec-data-list .etc  { width: 120px; }
.category_list .ec-data-list .disp { width: 80px; }
.category_list .ec-data-list .use  { width: 140px; }
.category_list .ec-data-list .ctrl { width: 80px; }

.category_list .ec-data-list td.etc,
.category_list .ec-data-list td.disp,
.category_list .ec-data-list td.use,
.category_list .ec-data-list td.ctrl {
	text-align: center;
}
/* 20170812 add start */
/* .cancel_list */
.cancel_list .ec-data-list .order { width: 80px; }
.cancel_list .ec-data-list .cxl_chg_id {width: 80px;}
.cancel_list .ec-data-list .cxl_chg { width: 120px; }
.cancel_list .ec-data-list .date_from_to { }
.cancel_list .ec-data-list .use  { width: 140px; }
.cancel_list .ec-data-list .ctrl { width: 80px; }

.cancel_list .ec-data-list td.cxl_chg {
    text-align: right;
}
.cancel_list .ec-data-list td.date_from_to {
    text-align: left;
}
.cancel_list .ec-data-list td.order,
.cancel_list .ec-data-list td.cxl_chg_id,
.cancel_list .ec-data-list td.use,
.cancel_list .ec-data-list td.ctrl {
    text-align: center;
}
.cancel_list .ec-data-list td.order input {
    width: 2em;
    padding: 0 1px;
    text-align: right;
}
.cancel_list .ec-data-list td.order input.order-changed {
    background-color: #ffb74c;
}
.disabled-element {
    cursor: not-allowed;
}
/* 20170812 add end */
/* .type_list */
.type_list .ec-data-list .order { width: 50px; }
.type_list .ec-data-list .name {}
.type_list .ec-data-list .capa { width: 80px; }
.type_list .ec-data-list .stock{ width: 80px; }
.type_list .ec-data-list .use  { width: 140px; }
.type_list .ec-data-list .ctrl { width: 80px; }

.type_list .ec-data-list td.capa,
.type_list .ec-data-list td.stock {
	text-align: right;
}
.type_list .ec-data-list td.order,
.type_list .ec-data-list td.use,
.type_list .ec-data-list td.ctrl {
	text-align: center;
}

.type_list .ec-data-list td.order input {
	width: 2em;
	padding: 0 1px;
	text-align: right;
}
.type_list .ec-data-list td.order input.order-changed {
	background-color: #ffb74c;
}

/* .meal_list */
.meal_list .ec-data-list .name {}
.meal_list .ec-data-list .ctrl { width: 80px; }

.meal_list .ec-data-list td.ctrl {
	text-align: center;
}

/* .option_list */
.option_list .ec-data-list .name {}
.option_list .ec-data-list .chg  { width: 80px; }
.option_list .ec-data-list .sbj  { width: 140px; }
.option_list .ec-data-list .use  { width: 140px; }
.option_list .ec-data-list .ctrl { width: 80px; }

.option_list .ec-data-list td.chg {
	text-align: right;
}
.option_list .ec-data-list td.sbj,
.option_list .ec-data-list td.use,
.option_list .ec-data-list td.ctrl {
	text-align: center;
}

/* .rank_list */
.rank_list .ec-data-list .name {}
.rank_list .ec-data-list .ctrl { width: 80px; }

.rank_list .ec-data-list td.ctrl {
	text-align: center;
}

/* .corporate_list */
.corporate_list .ec-data-list .name {}
.corporate_list .ec-data-list .rank { width: 40px;}
.corporate_list .ec-data-list .login_id  { width: 80px;}
.corporate_list .ec-data-list .login_pwd { width: 80px;}
.corporate_list .ec-data-list .tel  { width: 120px;}
.corporate_list .ec-data-list .mail { width: 300px;}
.corporate_list .ec-data-list .ctrl { width: 80px; }

.corporate_list .ec-data-list td.rank,
.corporate_list .ec-data-list td.tel,
.corporate_list .ec-data-list td.ctrl {
	text-align: center;
}

/* .reserve_list */
.reserve_list .ec-data-list .invalid td {
	color: #999;
}
.reserve_list .ec-data-list .cancel td {
	background-color: #ddd;
}

.reserve_list .ec-data-list {
	letter-spacing: 0;
	line-height: 1.5;
}
.reserve_list .ec-data-list .rsv_no      { width: 130px; }
.reserve_list .ec-data-list .user_name   { width: 70px; }
.reserve_list .ec-data-list .rsv_date    { width: 60px; }
.reserve_list .ec-data-list .in_date     { width: 60px; }
.reserve_list .ec-data-list .out_date    { width: 60px; }
.reserve_list .ec-data-list .rsv_sts     { width: 60px; }
.reserve_list .ec-data-list .plan_name   {}
.reserve_list .ec-data-list .adjust_type { width: 50px; }
.reserve_list .ec-data-list .total_charge{ width: 50px; }
.reserve_list .ec-data-list .goto_discount{ width: 80px; }
.reserve_list .ec-data-list .goto_after_amount{ width: 50px; }
.reserve_list .ec-data-list .stay_cnt    { width: 40px; }
.reserve_list .ec-data-list .room_cnt    { width: 20px; }
.reserve_list .ec-data-list .ctrl        { width: 70px; }

.reserve_list .ec-data-list .total_charge,
.reserve_list .ec-data-list .goto_discount,
.reserve_list .ec-data-list .goto_after_amount,
.reserve_list .ec-data-list td.room_cnt {
	text-align: right;
}
.reserve_list .ec-data-list td.in_date,
.reserve_list .ec-data-list td.out_date,
.reserve_list .ec-data-list td.rsv_sts,
.reserve_list .ec-data-list td.stay_cnt,
.reserve_list .ec-data-list td.adjust_type,
.reserve_list .ec-data-list td.ctrl {
	text-align: center;
}

/* .customer_list */
.customer_list .ec-data-list {
	letter-spacing: 0;
	line-height: 1.5;
}
.customer_list .ec-data-list .usr_id { width: 40px; }
.customer_list .ec-data-list .name   { width: 120px; }
.customer_list .ec-data-list .mail   {}
.customer_list .ec-data-list .tel    { width: 120px; }
.customer_list .ec-data-list .org    { width: 120px; }
.customer_list .ec-data-list .adr    {}
.customer_list .ec-data-list .ctrl   { width: 70px; }

.customer_list .ec-data-list td.usr_id,
.customer_list .ec-data-list td.tel,
.customer_list .ec-data-list td.ctrl {
	text-align: center;
}

/* 2017/12/24 kurato start*/
/*condition_list*/

.condition_glist .ec-data-list .order {
    width: 50px; 
    text-align: center;
}
.condition_glist .ec-data-list .deteil,
.condition_list .ec-data-list .deteil{
    width: 70px;
    text-align: center;
}

.condition_list .ec-data-list .order {
    width: 50px;
    text-align: center;
}

.condition_glist .ec-data-list td.order input,
.condition_list .ec-data-list td.order input{
	width: 2em;
	padding: 0 1px;
	text-align: right;
}

.condition_glist .ec-data-list td .changed, 
.condition_list .ec-data-list td .changed{
	background-color: #ffb74c;
}

.condition_g:disabled {
    background-color: #999;
}
/* 2017/12/24 kurato end*/

/* -------------------------------------
 * .ec-bundle-form 一括管理フォーム
 */

/* .bundle-select 対象選択 */
.bundle-select .ec-form-item {
	float: left;
}


/* .bundle-state 状態設定 */
.bundle-state .ec-form-item {
	float: left;
}

/* .bundle-loader-wrapper */
.bundle-loader-wrapper {
	position: relative;
}
	.bundle-loader-wrapper .ec-loader {
		background-position: center top;
	}
	
	/* .bundle-control カレンダー操作 */
	.bundle-control {
	}
		.bundle-control .bundle-ym {
			padding: 6px 12px;
			font-size: 200%;
			font-weight: bold;
			line-height: 1;
			display: inline-block;
			border-bottom: 3px #0b486b solid;
		}
	
	/* .bundle-calendar カレンダー */
	.bundle-calendar {
		height: 500px;
		margin: 0 auto 24px;
	}
		/* タブ */
		.bundle-calendar .ec-tab {
			margin-top: 0;
			margin-bottom: 0;
		}
			.bundle-calendar .ec-tab-panel {
				height: 400px;
				overflow: auto;
			}
		/* カレンダー */
		.bundle-calendar table {
			background: #fff;
		}
			.bundle-calendar thead {
				border-bottom: 3px #999 double;
			}
				.bundle-calendar thead th,
				.bundle-calendar thead td {
					background: #eee;
				}
				
				.bundle-calendar thead th.sun,
				.bundle-calendar thead td.sun {
					background: #e8b5a4;
				}
				.bundle-calendar thead th.sat,
				.bundle-calendar thead td.sat {
					background: #94cfcb;
				}
			
			.bundle-calendar .bundle-calendar-stopped {
				background: #ddd;
			}
			.bundle-calendar .ui-button {
				margin-top: 6px;
			}
			.bundle-calendar button.ec-selectable {
			}
			.bundle-calendar button.ec-selectable.ec-active {
				color: #fff;
				background-color: #3b8686;
			}
				.bundle-calendar button.ec-selectable.ec-active .ui-icon {
					background-image: url(../../common/img/ico_ffffff.png);
				}
			
			
			/* FixedHeaderTable用の幅調整用要素 */
			.fht-table-wrapper {
				border: 1px #999 solid;
			}
				.bundle-calendar-cell {
					margin: 3px auto;
					text-align: center;
					display: block;
				}
				.bundle-calendar thead {
					background: #cff09e;
				}
		/* 入力欄 */
		.bundle-calendar .bundle-calendar-changed {
			background-color: #ffb74c;
		}
		/* ボタン */
		.bundle-calendar button {
			padding: 1px 2px 1px 20px;
			margin-top: 6px;
			line-height: 1.5;
			background: #dddddd url(../img/bg-glass.png) repeat-x 0 center;
			border: 1px #999 solid;
			border-radius: 3px;
			position: relative;
		}
		.bundle-calendar button.ec-active {
			background-color: #0b486b;
		}
			.bundle-calendar button .ui-icon {
				margin-top: -8px;
				position: absolute;
				top: 50%;
				left: 2px;
			}


/* .stock-cal */
.stock-cal td, .stock-cal th {
	width: 90px;
	vertical-align: middle;
}
.stock-cal .bundle-calendar-cell {
	width: 80px;
}
	.stock-cal .stock-cal-name {
		width: 210px;
	}
	.stock-cal .stock-cal-name .bundle-calendar-cell {
		width: 200px;
		text-align: right;
	}
		.stock-cal .stock-cal-num {
			width: 2em;
			text-align: right;
			display: inline-block;
		}

/* .charge-cal */
#Charge	.bundle-calendar {
	height: 1160px;
}
#Charge	.bundle-calendar .ec-tab-panel {
	height: auto;
}

.charge-cal {
	width: 100%;
	margin: 12px 0;
}
	.charge-cal th,
	.charge-cal td .charge-cal-cell-day {
		text-align: center;
		background: #eee;
	}
	.charge-cal td {
		text-align: center;
	}
	.charge-cal .sun .charge-cal-cell-day {
		background: #e8b5a4;
	}
	.charge-cal .sat .charge-cal-cell-day {
		background: #94cfcb;
	}
	
	.charge-cal .charge-cal-cell {
		padding: 0;
	}
		.charge-cal .charge-cal-cell .charge-cal-cell-day {
			font-weight: bold;
			border-bottom: 1px #999 solid;
			display: block;
		}
		.charge-cal .charge-cal-cell .charge-cal-cell-inner {
			margin: 6px 0 12px;
			background: #fff;
			list-style: none;
		}
			.charge-cal .charge-cal-cell .charge-cal-cell-inner li {
				padding: 1px 5px;
				text-align: right;
			}
				.charge-cal .charge-cal-cell .charge-cal-cell-inner li input {
					width: 4em;
					margin: 0 .5em;
					text-align: right;
				}


/* -------------------------------------
 * 料金明細
 */

/* .charge-spec＠料金明細 */
.charge-spec {
	width: 100%;
	margin-top: 24px;
	margin-bottom: 24px;
}
	.charge-spec thead th {
		background: #eee;
	}
	.charge-spec tbody th {
		font-weight: normal;
	}
		.charge-spec .chgspec-detail-unit,
		.charge-spec .chgspec-detail-num {
			width: 12em;
		}
		
		.charge-spec tbody .chgspec-detail-unit,
		.charge-spec tbody .chgspec-detail-num {
			text-align: right;
		}
		.charge-spec tbody .chgspec-opt-sbj {
			text-align: center;
		}


/* ---------------------------------------------------------
 * #Foot
 */

#Foot {
	padding-bottom: 48px;
	margin: 48px -20px 0;
}
	#Foot .to-page-head {
		padding: 12px 20px 11px;
		margin-bottom: 24px;
		text-align: right;
	}
	
	#SiteMap {
		padding: 24px 0;
		margin: 24px 0 0;
		background-color: #ddd;
		border-top: 1px #ccc solid;
		border-bottom: 1px #ccc solid;
		position: relative;
	}
		#SiteMap .sitemap {
			width: 800px;
			margin: 0 auto;
			list-style: none;
		}
			#SiteMap .sitemap-category {
				width: 25%;
				float: left;
			}
				#SiteMap .sitemap-head {
					padding: 0;
					margin: 0;
					font-size: 100%;
					line-height: 2;
				}
				
				#SiteMap .sitemap-list {
					margin: 0;
					list-style: none;
				}
					#SiteMap .sitemap-item {
						width: 180px;
						background: url(../img/ico-sitemap-item.png) no-repeat center left;
					}
						#SiteMap .sitemap-item a {
							margin-left: 16px;
							color: #666666;
						}
	
	#Foot small {
		margin: 0 20px;
		font-size: 100%;
		text-align: center;
		display: block;
	}

        
/*
 * 新バージョン機能メッセージ
 * 2018/2/2 kurato
 */

.new_version_msg{
    padding-left: 10px;
    margin-bottom:-15px;
    margin-top: -15px;
}        
 
.star {
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid red;
    display: inline-block;
    height: 0;
    width: 0;
    position: relative;
    transform: rotate(-35deg);
    margin-bottom: 3px;
    margin-right: 8px;
}
        
.star:before,
.star:after{
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 6px solid red;
    content: '';
    display: inline-block;
    height: 0;
    left: -9px;
    position: absolute;
    top: 0;
    width: 0;
}

.star:before {
    transform: rotate(69deg);
}

.star:after {
    transform: rotate(-71deg);
}

.new-function-area {
    border: solid 1px #046f11;
    border-radius: 8px;
}

.new-function-area legend {
    font-weight: bold;
}

/*2018/05/31 23902 Tam edit start*/
input.chk_rsq + span{
	color: #ccc;
}

input.chk_rsq:checked +span {
	color: #c30;
}
/*2018/05/31 23902 Tam edit start*/

/*2018/03/13 tam edit start*/
.mg-t-15{
	margin-top: 15px;
}

.pd-t-5{
	padding-top: 5px;
}

.plan-others{
	width: 100%;
	font-size: 100%;
	text-align: left;
}
.plan-others .ec-bubble{
	position: relative;
	margin-bottom: -3px !important;
}
.plan-others td, .plan-others th{
	vertical-align:bottom;
	border: none;
}
.b-remove{
	width: 8%
}

.b-remove button{
	width: 100%;
}

.plan-others select{
	width: 100%;
}
/*2018/03/13 tam edit end*/
/*2018/03/21 15718 Tam edit start*/
#RsvEditForm .edit-form-page table.plan-others th{
	background-color: #fff;
}
.rsvedit-tbl .col-btn-minus{
	padding: 0px 0px 10px;
}
.col-herder{
	text-align: right;
}
.col-date{
	padding: 0px 0px 10px;
}
.col-date input{
	width: 69px
}
.other-charge{
	font-weight: 700;
    text-decoration: underline;
}
.rsvedit-tbl td{
	padding: 3px 1px 10px;
}
.rsvedit-tbl td + td{
	border-bottom: 1px #ccc dashed;
}
.num_person,
.num_group,
.num_person2,
/* 2018/08/20 Nhu edit start */
.num_person3{
/* 2018/08/20 Nhu edit end */
	display: none;
}
#row-other-master{
	display: none;
}
.hide_span span{
	display: none;
}
/*2018/03/21 15718 Tam edit end*/
/*2018/04/04 15713 bug 37 Tam edit start*/
#tab-t_other td{
	word-break: break-all;
}
/*2018/04/04 15713 bug 37 Tam edit end*/

.seat {
	overflow-y: scroll;
    max-height: 550px;
    overflow-x: hidden;
}

.seat-list {
    width: 100%;
	min-width:1000px;
	margin: 10px 0px;
}

.seat-list thead th {
    height: 20px;
    background-color: #cff09e;
}
.seat-list tbody td {
    /* text-align: right; */
    width:150px;
}
.seat-list tbody td p{
    margin-top: 3px;
    margin-bottom: 3px;
}

.seat-list tbody td select {
    max-width:100px;
}


.rank_label {
    background-color: #cff09e;
}

.stock-cal tbody td:first-child {
    border-top: 0px;
}
/*2018/06/18 kurato start*/
/*2018/08/01 Nhu edit start*/
/* .rank_map_tbl th, .time_map_tbl th { */
.cxl_map_tbl th, .rank_map_tbl th, .time_map_tbl th {
    background-color: #d8d7d7;
}
/*2018/08/01 Nhu edit end*/

.rank_map_tbl tbody tr td br{
    display:none;
}
.rank_map_tbl tbody tr td span{
	display:inline-block;
	width:200px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rank_map_tbl .charge{
	width: 100px;
}
.rank_map_tbl tbody tr td input[type="text"]{
	width: 90%;
	text-align:right;
}

/*2018/06/18 kurato end*/
/*2018/07/26 Tam start*/
.detail_canvas{
    border: 1px solid #ccc;
    max-height: 800px;
    overflow-x: hidden;
    overflow-y: auto;
	margin-left: 10px;
	margin-top: 6px;
}
.detail_canvas table td{
	border-left: 0px;
	border-right: 0px; 
	line-height: 1.8;
}
.custom-item{
	width: 15%;
}
.custom-item label{
	width: unset;
}
.custom-item .ec-form-item-content{
	margin-left: 66px;
}
/*2018/07/26 Tam start*/
/*2018/07/30 kurato start*/
#RangeSettingModal{
	position: fixed;
	z-index: 10;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4)
}

#RangeSettingModalContent{
	background-color: #ffffff;
	margin: 80px auto;
	width:600px;
	border-radius: 10px;
}

#RangeSettingModalBody .item-line{
	margin: 5px 0px 5px 0px;
}

#RangeSettingModalBody table th{
	background-color: #2727270d
}

#RangeSettingModalSetNum div span:not(.ec-txt-special){
	display: inline-block;
	width: 70px;
	margin-right: 10px;
}

#RangeSettingModalSetNum div button {
	background-color: #dddddd;
	border-radius: 3px;
	border: 1px #999 solid;
	margin-left: 3px;
	padding: 1px 5px 1px 5px;
	cursor: pointer;
}
/*
.modal-close{
	border-radius: 5px;
    background-color: #5ba0e8;
    border: 0px;
    width: 80px;
    margin: 3px;
    color: #fff;
    font-size: 15px;
	height: 35px;
	margin: 13px;
	cursor: pointer;
}
*/
.modal-ec-error {
	background: #f3b6c1;
    border-color: #c30;
}

.others-stock-cal td, .others-stock-cal th {
	width: 100px;
	vertical-align: middle;
}
.others-stock-cal .bundle-calendar-cell {
	width: 95px;
}
.others-stock-cal .stock-cal-name {
	width: 120px;
}
.others-stock-cal .stock-cal-name .bundle-calendar-cell {
	width: 120px;
	text-align: right;
}
.others-stock-cal .stock-cal-num {
	width: 2em;
	text-align: right;
	/*display: inline-block;*/
}
.others-stock-cal tbody td:first-child {
    border-top: 0px;
}


.etc1-tooltip:hover, .etc2-tooltip:hover{
	position: relative;
}
.etc1-tooltip span, .etc2-tooltip span{
	display:none;
}
.etc1-tooltip:hover .available, .etc2-tooltip:hover .available{
	display: block;
    position: absolute;
    top: 25px;
    font-size: 90%;
    color: #fff;
    background-color: #51A2C1;
	width: auto;
	min-width: 180px;
    padding: 5px;
    border-radius:3px;
    z-index:100;
} 
.etc1-tooltip .available:before, .etc2-tooltip .available:before{
	content:''; 
    display:block; 
    position:absolute;
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#51A2C1; 
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}

.example-table {
	position: relative;
	top: -12px;
	left: 65px;
	font-size: 10px;
	width:125px;
}

.example-table th{
	background-color: #cff09e;
	height: 15px;
}

#tab-fixtures table tbody .pms-map-names {
	display: inline-block;
	border-color: #999;
}

.input-changed {
	background-color: #ffb74c;
}
/*2018/07/30 kurato end*/

/* 2018/08/20 Tam edit start */
.question_list .edit_btn,
#AnswerList .edit_btn,
#AnswerList .sort,
#AnswerList th.b-remove{
	width: 80px;
}
.question_list .ec-data-list .order {
    width: 50px;
    text-align: center;
}
.question_list .ec-data-list td.order input, .condition_list .ec-data-list td.order input {
    width: 2em;
    padding: 0 1px;
    text-align: right;
}
.question_list .ec-data-list td.order input.order-changed {
	background-color: #ffb74c;
}

.QuestionForm .ec-form-item-content .ec-form-item .ec-form-item-header{
	font-weight: bold;
}
#AnswerList .b-remove,
#AnswerList td.b-remove{
	border: 0;
	background: none;
}
#BtnEditAnswer{
	float: right;
	margin-bottom: 12px;
	margin-right: 92px
}
#AnswerList td.b-remove button{
	width: auto;
}
#AnswerEditForm .edit-form-page {
	height: 400px;
	border: 1px #ccc solid;
	overflow: auto;
}
#AnswerEditForm .err_msg {
	padding: 9px 10px;
	margin: 0;
    color: #c30;
    border: 3px #c30 solid;
    border-radius: 3px;
}
/* 2018/08/20 Tam edit end*/

.modal-background{
	position: fixed;
    z-index: 10;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}
.modal-content {
	background-color: #ffffff;
    margin: 80px auto;
    width: 550px;
    border-radius: 10px;
}
.modal-header{
	text-align: right;
    border-bottom: 1px solid;
    border-color: #aaa;
}
.modal-body {
	padding: 0px 50px 0px 50px;
}
.modal-body div{
	margin: 10px 0px 10px 0px;
}
.modal-body p{
	margin: 5px 0px 0px 0px;
	font-size:25px;
}
.modal-label {
	display:inline-block;
	width:90px;
	text-align:right;
	font-weight:bold;
	margin-left:80px;
	font-size:15px;
}
.modal-footer{
	text-align: right;
    border-top: 1px solid;
    border-color: #aaa;
	padding: 10px;
	min-height:20px;
}
.modal-footer p {
	text-align:center;
	font-size: 12px;
	color:red;
}
#SpecificDateTabel th {
	height: 20px;
    background-color: #cff09e;
}
.specific_date > p {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
/* 2018/08/27 Nhu edit start */
#SearchForm .ec-group .ec-form li {
	width: 48%;
	margin-top: 5px;
}
#SearchForm .ec-group .ec-form li div{
	padding-top: 5px;
}
#SearchForm .ec-form li div .ec-divider-head{
	width: 85px;
} 
#SearchForm .ec-form-item-header {
	top: unset;
}
/* 2018/08/27 Nhu edit end */
#tab-t_other table.ec-data-list{
	background-color: #fff;
}
.ec-error-tr{
	background: #f3b6c1;
    border-color: #c30;
}
/* 2018/12/28 553 Tam edit start */
.tooltip_fix_by_mouse{
	display: none;
	position: fixed;
    color: #fff;
    background-color: #51A2C1;
	width: auto;
	min-width: 180px;
    padding: 5px;
    border-radius:3px;
    z-index:100;
} 
.tooltip_fix_by_mouse:before{
	content:''; 
    display:block; 
    position:absolute;
    height:0; 
    width:0; 
    top:-13px; 
    left:15px;
    border:13px transparent solid; 
    border-right-width:0; 
    border-left-color:#51A2C1; 
    transform:rotate(270deg);
    -webkit-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    z-index:100;
}
/* 2018/12/28 553 Tam edit end */
@media screen and (max-width: 1200px) {
	#tab-t_other .header.OTHERS_NAME{
		width: 120px;
	}
	#tab-t_other .header.COURSE_NAME{
		width: 120px;
	}
	#tab-t_other .header.RANK_NAME	{
		width: 120px;
	}
	#tab-t_other .header.OTHER_ETC	{
		width: 100px;
	}
}
@media screen and (max-width: 850px) {
	#OtherStockYM {
		margin-left:165px;
	}
}
/* 2019/01/05 561 Nhu edit start */
.sub_pln_type_r {
	display: none !important;
}
/* 2019/01/05 561 Nhu edit end */
/* 2019/01/19 575 Nhu edit start */
.cke_wysiwyg_frame {
	width: 100% !important;
}
/* 2019/01/19 575 Nhu edit end */
/* 2019/01/18 577 Nhu edit start */
#InCollectStatus li{
 	width: 55px !important;
}
#BtnResendMail span {
	padding: 2px 10px 2px 10px;
}
/* 2019/01/18 577 Nhu edit end */
/* 2019/02/13 636 Nhu edit start */
.cxl_fee a img{
	width: 18px;
	height: 18px;
	cursor: pointer;
	margin: -2px 0 0 10px;
}
/* 2019/02/13 636 Nhu edit end */

/* 2019/06/10 32 Nhu edit start */
#BtnAppendPlanType {
	float: left;
	margin-left: 20px;
	height: 30px;
	width: 200px;
}

#BtnAppendPlanType .ui-button-text{
	font-size: 1.2rem;
}

#detailsRateSet {
	display: flex;
	margin-top: -70px;
	margin-left: 220px;
}

#contact_info {
	position: absolute;
	right: 28px;
	bottom: -21px;
	display: flex;
}

#contact_info div {
	margin: -34px 0 0 -48px;
	line-height: 19px;
}

#contact_info div p{
	margin: 0;
	letter-spacing: 3px;
}

#contact_info div p:first-child{
	font-weight: bold;
	font-size: 17px;
}

#contact_info div .tel{
	font-weight: bold;
	font-size: 15px;
}

#contact_info div .mail{
	font-weight: bold;
	font-size: 15px;
}

#tab_logo {
	width: 250px;
	height: 161px;
	margin-top: -86px;
}