@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 {
	padding: 12px 0;
	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: 48px;
		margin-bottom: 48px;
		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;
			}
	
	
	/* 予約変更画面 各種メッセージ */
	#RsvEditForm .sys_msg {	/* システムメッセージ */
		padding: 9px 10px;
		margin-top: 48px;
		margin-bottom: 48px;
		text-align: center;
		border: 3px #40c0cb solid;
		border-radius: 3px;
	}
	#RsvEditForm .err_msg {	/* エラーメッセージ */
		padding: 9px 10px;
		margin-top: 48px;
		margin-bottom: 48px;
		text-align: center;
		color: #c30;
		border: 3px #c30 solid;
		border-radius: 3px;
	}
		#RsvEditForm .sys_msg strong,
		#RsvEditForm .err_msg strong {
			font-size: 150%;
			line-height: 1.333;
		}
		#RsvEditForm .err_msg .ui-state-error-text {
			position: relative;
		}
			#RsvEditForm .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; }
.mark.mark-basicplan { color: #333; background-color: #f6ced8; }


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

.ec-form-item {
}
	.ec-form-item-header {
		width: 200px;
	}
	.ec-form-item-content {
		margin-left: 200px;
		text-align: left;
	}
		.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: -200px;
		}
		.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: 200px;
}

/* メール本文 */
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 {
			height: 236px;
			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 {
				height: 200px;
				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;
		}


/* -------------------------------------
 * #CapPcLightTab 宿泊プラン詳細説明文　言語切替
 */

#CapPcLightTab,
#CapMessageRsvBeforeTab {
	height: 0;
	position: relative;
}
	#CapPcLightTab .cap-pc-tab-inner,
	#CapMessageRsvBeforeTab .cap-message-rsv-before-tab-inner {
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		right: 0;
		bottom: -3px;
	}
		#CapPcLightTab .cap-pc-tab-inner li,
		#CapMessageRsvBeforeTab .cap-message-rsv-before-tab-inner li {
			width: 60px;
			margin-left: 2px;
			float: left;
		}
			#CapPcLightTab .cap-pc-tab-header,
			#CapMessageRsvBeforeTab .cap-message-rsv-before-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;
			}
			#CapPcLightTab .cap-pc-tab-header.ec-active,
			#CapMessageRsvBeforeTab .cap-message-rsv-before-tab-header.ec-active {
				color: #fff;
				background-color: #3b8686;
			}
			#CapPcLightTab .cap-pc-tab-header.ec-selected,
			#CapMessageRsvBeforeTab .cap-message-rsv-before-tab-header.ec-selected {
				background-color: #ffb74c;
			}

#InMessageRsvBefore,
#InMessageRsvBeforeCh,
#InMessageRsvBeforeChh,
#InMessageRsvBeforeEn,
#InMessageRsvBeforeKo {
	width : 100%;
	height : 240px;
}


/* -------------------------------------
 * .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;
		}


/* -------------------------------------
 * 特定法人設定セレクトボックス
 */

.ec-form-item-content .multi-selector .multi-selector-left {
	width:  200px;
	padding: 10px;
}
.ec-form-item-content .multi-selector .multi-selector-center {
	width:  50px;
	padding: 10px;
	border: none;
}
.ec-form-item-content .multi-selector .multi-selector-right {
	width:  200px;
	padding: 10px;
}
.ec-form-item-content .multi-selector .multi-selector-searchbox {
	width:  100%;
	height: 30px;
	padding: 0px;
}
.ec-form-item-content .multi-selector .multi-selector-list .multi-selector-list-select {
	width:  100%;
	height: 200px;
	padding: 0px;
}
.ec-form-item-content .multi-selector .multi-selector-center .multi-selector-button {
	width:  100%;
	height: 30px;
	padding: 0px;
}


/* -------------------------------------
 * #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;
		}
	
	#PlanTypeList input {
		margin-right: .5em;
	}
	
	/* table */
	#PlanTypeList table.plan-type-charge th,
	#PlanTypeList table.plan-type-charge td {
		width: 100px;
		padding: 3px;
	}
		#PlanTypeList table.plan-type-charge td input {
			width: 4em;
			padding: 0 1px;
			text-align: right;
		}
		
	#PlanTypeList table.pt-child .pt-child-type {
		width: 180px;
	}
	#PlanTypeList table.pt-child .pt-child-flg {
		width: 120px;
	}
	#PlanTypeList table.pt-child .pt-child-val {
		width: 70px;
	}
		#PlanTypeList table.pt-child .pt-child-val input {
			width: 5em;
			padding: 0 1px;
			text-align: right;
		}
	#PlanTypeList table.pt-child .pt-child-cal {
		width: 160px;
	}
	#PlanTypeList table.pt-child .pt-child-cnt {
		width: 160px;
	}
	


/* -------------------------------------
 * #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;
	}




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




/* -------------------------------------
 * .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;
}


/* -------------------------------------
 * プランマスタ
 */
/* .plan_list */
.plan_list .ec-data-list .order { width: 50px; }
.plan_list .ec-data-list .code  { width: 80px; }
.plan_list .ec-data-list .name  {}
.plan_list .ec-data-list .term  { width: 180px; }
.plan_list .ec-data-list .dispterm  { width: 180px; }
.plan_list .ec-data-list .target{ width: 100px; }
.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.dispterm,
.plan_list .ec-data-list td.target,
.plan_list .ec-data-list td.ctrl {
	text-align: center;
}
.plan_list .ec-data-list td.code {
	padding-left: 20px;
	padding-right: 20px;
	text-align: right;
}

.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;
}

.plan_detail .member-benefits-flg ul { padding: 0px; margin: 0px; list-style: none; }


/* -------------------------------------
 * カテゴリマスタ
 */

/* .category_list */
.category_list_search .ec-form-item ul { padding: 0px; margin: 0px; list-style: none; }

.category_list .ec-data-list .code { width: 80px; }
.category_list .ec-data-list .name {}
.category_list .ec-data-list .type { width: 120px; }
.category_list .ec-data-list .disp { width: 80px; }
.category_list .ec-data-list .use  { width: 160px; }
.category_list .ec-data-list .ctrl { width: 80px; }

.category_list .ec-data-list td.code { text-align: center; }
.category_list .ec-data-list td.name {}
.category_list .ec-data-list td.type { text-align: center; }
.category_list .ec-data-list td.disp { text-align: center; }
.category_list .ec-data-list td.use  { text-align: center; }
.category_list .ec-data-list td.ctrl { text-align: center; }


/* .category_detail */
.category_detail .category-id         {}
.category_detail .category-name       {}
.category_detail .category-name     label.ec-form-item-header { padding-bottom: 0; }
.category_detail .category-name     div.ec-form-item-content  { padding-bottom: 0; }
.category_detail .category-name-en    {}
.category_detail .category-name-en  label.ec-form-item-header { padding-top: 3px; padding-bottom: 0; }
.category_detail .category-name-en  div.ec-form-item-content  { padding-top: 3px; padding-bottom: 0; }
.category_detail .category-name-chh   {}
.category_detail .category-name-chh label.ec-form-item-header { padding-top: 3px; padding-bottom: 0; }
.category_detail .category-name-chh div.ec-form-item-content  { padding-top: 3px; padding-bottom: 0; }
.category_detail .category-name-ch    {}
.category_detail .category-name-ch  label.ec-form-item-header { padding-top: 3px; padding-bottom: 0; }
.category_detail .category-name-ch  div.ec-form-item-content  { padding-top: 3px; padding-bottom: 0; }
.category_detail .category-name-ko    {}
.category_detail .category-name-ko  label.ec-form-item-header { padding-top: 3px; }
.category_detail .category-name-ko  div.ec-form-item-content  { padding-top: 3px; }
.category_detail .htl-class-id        {}
.category_detail .category-type ul    { padding: 0px; margin: 0px; list-style: none; }
.category_detail .category-disp       {}
.category_detail .category-use-flg    {}
.category_detail .category-use-flg ul { list-style: none; margin: 0; }
.category_detail .category-use-flg li { float: left; }


/* -------------------------------------
 * 部屋タイプマスタ
 */
/* .type_list */
.type_list .ec-data-list .order { width: 50px; }
.type_list .ec-data-list .code  { width: 80px; }
.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: 160px; }
.type_list .ec-data-list .ctrl { width: 80px; }

.type_list .ec-data-list td.code {
	padding-left: 20px;
	padding-right: 20px;
	text-align: right;
}
.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;
}


/* -------------------------------------
 * キャンセル規定マスタ
 */
/* cancel_policy_list */
.cancel_policy_list .ec-data-list .order { width: 50px }
.cancel_policy_list .ec-data-list .code  { width: 80px }
.cancel_policy_list .ec-data-list .name  { width: 100% }
.cancel_policy_list .ec-data-list .use   { width: 160px }
.cancel_policy_list .ec-data-list .ctrl  { width: 80px }

.cancel_policy_list .ec-data-list td.code{
	text-align: right;
}

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


/* cancel_policy_detail */
.cancel_policy_detail .add_btn_area,
.cancel_policy_detail .table_area {
	padding-top: 5px;
	padding-bottom: 5px;
}

.cancel_policy_detail .table_area table thead .cancel_fee_incur_day,
.cancel_policy_detail .table_area table thead .cancel_fee_calc_type,
.cancel_policy_detail .table_area table thead .cancel_fee_calc_val,
.cancel_policy_detail .table_area table thead .cancel_fee_apply_day,
.cancel_policy_detail .table_area table thead .cancel_text,
.cancel_policy_detail .table_area table thead .delete_btn{
	text-align: center;
	background-color: #CFF09E;
}

.cancel_policy_detail .table_area table thead .cancel_fee_incur_day { width: 140px; }
.cancel_policy_detail .table_area table thead .cancel_fee_calc_type { width: 80px; }
.cancel_policy_detail .table_area table thead .cancel_fee_calc_val  { width: 80px; }
.cancel_policy_detail .table_area table thead .cancel_fee_apply_day { width: 160px; }
.cancel_policy_detail .table_area table thead .cancel_text          { width: 550px; }
.cancel_policy_detail .table_area table thead .delete_btn           { width: 90px; }

.cancel_policy_detail .table_area table tbody .cancel_fee_incur_day {
	text-align: center;
}
.cancel_policy_detail .table_area table tbody .cancel_fee_calc_type {
	text-align: center;
}
.cancel_policy_detail .table_area table tbody .cancel_fee_calc_val {
	text-align: center;
}
.cancel_policy_detail .table_area table tbody .cancel_fee_apply_day {
	text-align: center;
}
.cancel_policy_detail .table_area table tbody .cancel_text {
	text-align: center;
}
.cancel_policy_detail .table_area table tbody .cancel_text ul {
	list-style: none;
	margin: 5px;
}
.cancel_policy_detail .table_area table tbody .cancel_text ul li {
	padding: 2px;
}
.cancel_policy_detail .table_area table tbody .cancel_text ul li .header {
	width: 80px;
	float:left;
	text-align: right;
}
.cancel_policy_detail .table_area table tbody .cancel_text ul li .data {
	width: 450px;
}


/* -------------------------------------
 * 販売経路マスタ
 */
/* sales_channel_list */
.sales_channel_list .ec-data-list .order { width: 50px }
.sales_channel_list .ec-data-list .code  { width: 80px }
.sales_channel_list .ec-data-list .name  { width: 100% }
.sales_channel_list .ec-data-list .use   { width: 160px }
.sales_channel_list .ec-data-list .ctrl  { width: 80px }

.sales_channel_list .ec-data-list td.code{
	text-align: right;
}

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


/* sales_channel_detail */
.sales_channel_detail label.ec-form-item-header{
	width: 180px;
}
.sales_channel_detail div.ec-form-item-content{
	margin-left: 180px;
	min-height: 24px;
}


/* -------------------------------------
 * プランCSV出力
 */
/* .plan_csv */
.plan_csv .ec-form-item ul       { overflow: auto; margin: 0px; list-style: none; }


/* -------------------------------------
 * 料金・在庫CSV出力
 */
/* .charge_stock_csv */
.charge_stock_csv .ec-form-item ul       { overflow: auto; margin: 0px; list-style: none; }


/* -------------------------------------
 * 予約一覧
 */
/* .reserve_list */
.reserve_list_search .ec-form-item ul       { padding: 0px; margin: 0px; list-style: none; }

.reserve_list_search .ec-form-item-content .htl-multi-selector {
}
.reserve_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-searchbox {
	padding-top    : 3px;
	padding-bottom : 3px;
}
.reserve_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-searchbox input {
	width  : 400px;
}
.reserve_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-list {
	padding-top    : 3px;
	padding-bottom : 3px;
}
.reserve_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-list select{
	width  : 500px;
	height : 100px;
}

.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;
	word-wrap:break-word; 
}

.reserve_list .ec-data-list .htl_name        { width: 10% }
.reserve_list .ec-data-list .rsv_no          { width: 100px }
.reserve_list .ec-data-list .user_name       { width: 10% }
.reserve_list .ec-data-list .in_date         { width: 50px }
.reserve_list .ec-data-list .out_date        { width: 50px }
.reserve_list .ec-data-list .rsv_sts         { width: 40px }
.reserve_list .ec-data-list .plan_name       { width: 15%; }
.reserve_list .ec-data-list .adjust_type     { width: 60px }
.reserve_list .ec-data-list .total_charge    { width: 50px }
.reserve_list .ec-data-list .stay_cnt        { width: 30px }
.reserve_list .ec-data-list .room_cnt        { width: 30px }
.reserve_list .ec-data-list .member_no       { width: 60px }
.reserve_list .ec-data-list .check_in_status { width: 50px }
.reserve_list .ec-data-list .ctrl            { width: 70px }

.reserve_list .ec-data-list td.total_charge,
.reserve_list .ec-data-list td.room_cnt {
	text-align: right;
}
.reserve_list .ec-data-list td.rsv_no,
.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.room_cnt,
.reserve_list .ec-data-list td.member_no,
.reserve_list .ec-data-list td.check_in_status,
.reserve_list .ec-data-list td.ctrl {
	text-align: center;
}


/* -------------------------------------
 * 予約詳細
 */
/* .reserve_detail */
.reserve_detail label.ec-form-item-header{
	width: 230px;
}
.reserve_detail div.ec-form-item-content{
	margin-left: 230px;
	min-height: 24px;
}
.reserve_detail_guest {
	width: 100%;
	margin-top: 24px;
	margin-bottom: 24px;
}
.reserve_detail_guest thead th {
	background: #eee;
}
.reserve_detail_guest tbody th {
	font-weight: normal;
}
.reserve_detail_guest tbody td {
	height: 24px;
}
.reserve_detail_guest th.header.seq                              { text-align: center; width: 30px; }
.reserve_detail_guest th.header.guest_member_no                  { text-align: center; }
.reserve_detail_guest th.header.guest_name                       { text-align: center; }
.reserve_detail_guest th.header.type_name                        { text-align: center; }
.reserve_detail_guest th.header.web_room_assign_room_no          { text-align: center; width: 100px; }
.reserve_detail_guest th.header.web_room_upgrade_status          { text-align: center; width: 100px; }
.reserve_detail_guest th.header.check_in_status                  { text-align: center; width: 140px; }
.reserve_detail_guest th.header.web_check_in_up_date             { text-align: center; }
.reserve_detail_guest th.header.web_check_in_order_no            { text-align: center; }
.reserve_detail_guest th.header.web_check_in_online_pay_type     { text-align: center; width: 140px; }
.reserve_detail_guest th.header.web_check_in_online_pay_amount   { text-align: center; }
.reserve_detail_guest th.header.web_check_in_card_access_id      { text-align: center; width: 400px; }
.reserve_detail_guest th.header.web_check_in_card_order_id       { text-align: center; }
.reserve_detail_guest th.header.web_check_in_card_issuer         { text-align: center; width: 120px; }
.reserve_detail_guest th.header.web_check_in_sales_channel_id    { text-align: center; width: 120px; }

.reserve_detail_guest td.seq                            { text-align: center; }
.reserve_detail_guest td.guest_member_no                {}
.reserve_detail_guest td.guest_name                     {}
.reserve_detail_guest td.type_name                      {}
.reserve_detail_guest td.web_room_assign_room_no        {}
.reserve_detail_guest td.web_room_upgrade_status        {}
.reserve_detail_guest td.check_in_status                { text-align: center; }
.reserve_detail_guest td.web_check_in_up_date           {}
.reserve_detail_guest td.web_check_in_order_no          {}
.reserve_detail_guest td.web_check_in_online_pay_type   {}
.reserve_detail_guest td.web_check_in_online_pay_amount {}
.reserve_detail_guest td.web_check_in_card_access_id    {}
.reserve_detail_guest td.web_check_in_card_order_id     {}
.reserve_detail_guest td.web_check_in_card_issuer       {}
.reserve_detail_guest td.web_check_in_sales_channel_id  {}

/* .reserve-detail-receipt-info＠領収書情報 */
.reserve-detail-receipt-info {
}
	.reserve-detail-receipt-info table {
	}
		.reserve-detail-receipt-info table th {
			text-align: center;
			background-color: #CFF09E;
		}
		
		.reserve-detail-receipt-info table.receipt-list thead .receipt_no     { width: 450px; }
		.reserve-detail-receipt-info table.receipt-list thead .receipt_amount { width: 150px; }
		.reserve-detail-receipt-info table.receipt-list thead .ctrl           { width: 150px; }
		
		.reserve-detail-receipt-info table.receipt-list tbody .receipt_no     { text-align: left; }
		.reserve-detail-receipt-info table.receipt-list tbody .receipt_amount { text-align: right; }
		.reserve-detail-receipt-info table.receipt-list tbody .ctrl           { text-align: center; }

/* .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 thead .chgspec-head-seq         { width: 5em; text-align: center; }
		.charge-spec thead .chgspec-head-date        { width: 5em; text-align: center; }
		.charge-spec thead .chgspec-head-unit        { width: 4em; text-align: center; }
		.charge-spec thead .chgspec-head-disc        { width: 5em; text-align: center; }
		.charge-spec thead .chgspec-head-room-sum    { width: 5em; text-align: center; }
		.charge-spec thead .chgspec-head-rsv-sum     { width: 5em; text-align: center; }
		.charge-spec thead .chgspec-head-point-use   { width: 4em; text-align: center; }
		.charge-spec thead .chgspec-head-min-unit    { width: 4em; text-align: center; }
		
		.charge-spec tbody .chgspec-detail-seq       { text-align: center; }
		.charge-spec tbody .chgspec-detail-date      { text-align: center; }
		.charge-spec tbody .chgspec-detail-unit      { text-align: right; }
		.charge-spec tbody .chgspec-detail-disc      { text-align: right; }
		.charge-spec tbody .chgspec-detail-room-sum  { text-align: right; }
		.charge-spec tbody .chgspec-detail-rsv-sum   { text-align: right; }
		.charge-spec tbody .chgspec-detail-point-use { text-align: right; }
		.charge-spec tbody .chgspec-detail-min-unit  { text-align: right; }

/* reserve_detail_cancel_policy */
.reserve_detail_cancel_policy .table_area {
	padding-top: 5px;
	padding-bottom: 5px;
}

.reserve_detail_cancel_policy .table_area table thead .cancel_fee_incur_day,
.reserve_detail_cancel_policy .table_area table thead .cancel_fee_calc_type,
.reserve_detail_cancel_policy .table_area table thead .cancel_fee_calc_val,
.reserve_detail_cancel_policy .table_area table thead .cancel_fee_apply_day,
.reserve_detail_cancel_policy .table_area table thead .cancel_text{
	text-align: center;
	background-color: #CFF09E;
}

.reserve_detail_cancel_policy .table_area table thead .cancel_fee_incur_day { width: 120px; }
.reserve_detail_cancel_policy .table_area table thead .cancel_fee_calc_type { width: 60px; }
.reserve_detail_cancel_policy .table_area table thead .cancel_fee_calc_val  { width: 80px; }
.reserve_detail_cancel_policy .table_area table thead .cancel_fee_apply_day { width: 140px; }
.reserve_detail_cancel_policy .table_area table thead .cancel_text          { width: 550px; }

.reserve_detail_cancel_policy .table_area table tbody .cancel_fee_incur_day { text-align: center; }
.reserve_detail_cancel_policy .table_area table tbody .cancel_fee_calc_type { text-align: center; }
.reserve_detail_cancel_policy .table_area table tbody .cancel_fee_calc_val  { text-align: center; }
.reserve_detail_cancel_policy .table_area table tbody .cancel_fee_apply_day { text-align: center; }
.reserve_detail_cancel_policy .table_area table tbody .cancel_text          { text-align: left; }


/* -------------------------------------
 * #RsvEditForm 予約変更Dlg
 */
#RsvEditForm .edit-form-page {
	height: 800px;
	overflow: auto;
	text-align: left;
}
	#RsvEditForm .edit-form-page h2 {
		padding: 12px 0 10px;
		font-size: 300%;
		font-weight: normal;
		line-height: 1.333;
		letter-spacing: .2em;
		border-bottom: 2px #0b486b solid;
	}
	
	#RsvEditForm .edit-form-page .ec-group {
		margin-right: 20px;
		margin-left: 20px;
	}
		#RsvEditForm .edit-form-page .ec-group legend {
		}
		
		#RsvEditForm .edit-form-page .rsv-info {
		}
			#RsvEditForm .edit-form-page .rsv-info .ec-form-item .online_pay_type          { padding-top: 12px; padding-bottom: 12px; }
			#RsvEditForm .edit-form-page .rsv-info .ec-form-item .online_pay_type ul       { padding: 0px; margin: 0px; list-style: none; }
			
			#RsvEditForm .edit-form-page .rsv-info table {
				width: 100%;
			}
				#RsvEditForm .edit-form-page .rsv-info table th {
					font-weight: normal;
					background-color: #cff09e;
				}
				
				/* .rsvedit-coupon-tbl2＠クーポン選択 */
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 { margin-top: 12px; width: 800px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 th.rsvedit-coupon-tbl2-select {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 td.rsvedit-coupon-tbl2-select {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 td.rsvedit-coupon-tbl2-select ul { padding: 0px; margin: 0px; list-style: none; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 td.rsvedit-coupon-tbl2-select .select-form {
					display: block;
					margin-bottom: 24px;
					margin-left: 20px;
					margin-right: 20px;
					margin-top: 24px;
					padding-bottom: 0px;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 0px;
					position: relative;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 td.rsvedit-coupon-tbl2-select .select-form .select-form-item {
					display: list-item;
					margin-bottom: 0px;
					margin-left: 0px;
					margin-right: 0px;
					margin-top: 0px;
					padding-bottom: 0px;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 0px;
					position: relative;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 td.rsvedit-coupon-tbl2-select .select-form .select-form-item .select-form-item-header {
					display: block;
					left: 0px;
					margin-bottom: 0px;
					margin-left: 0px;
					margin-right: 0px;
					margin-top: 0px;
					padding-bottom: 12px;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 12px;
					position: absolute;
					top: 0px;
					width: 200px;
					font-weight: bold;
					text-align: right;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl2 td.rsvedit-coupon-tbl2-select .select-form .select-form-item .select-form-item-content{
					display: block;
					margin-bottom: 0px;
					margin-left: 200px;
					margin-right: 0px;
					margin-top: 0px;
					padding-bottom: 12px;
					padding-left: 0px;
					padding-right: 0px;
					padding-top: 12px;
				}
				
				/* .rsvedit-coupon-tbl＠クーポン割引料金 */
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl { margin-top: 12px; width: 160px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl th.rsvedit-coupon-tbl-disc  { width: 160px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-coupon-tbl td.rsvedit-coupon-tbl-disc  {}
				
				/* .rsvedit-cp-tbl＠キャンペーン */
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl { margin-top: 12px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl th.rsvedit-cp-tbl-type  { width: 140px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl th.rsvedit-cp-tbl-disc  { width: 160px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl th.rsvedit-cp-tbl-qty   { width: 160px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl th.rsvedit-cp-tbl-reason{}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl td.rsvedit-cp-tbl-type  {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl td.rsvedit-cp-tbl-disc  {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl td.rsvedit-cp-tbl-qty   {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl td.rsvedit-cp-tbl-reason{}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl td.rsvedit-cp-tbl-type ul { padding: 0px; margin: 0px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-cp-tbl td.rsvedit-cp-tbl-type li { list-style: none; }
				
				/* .rsvedit-rooms＠室数 */
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms .rsvedit-rooms-name {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms .rsvedit-rooms-heads{ width: 100px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms .rsvedit-rooms-rest { width: 60px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms .rsvedit-rooms-count{ width: 60px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms td.rsvedit-rooms-heads{
					text-align: center;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms td.rsvedit-rooms-rest,
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-rooms td.rsvedit-rooms-count{
					text-align: right;
				}
				
				/* .rsvedit-heads＠人数 */
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads th{}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads th.rsvedit-heads-col-seq           { width: 50px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads th.rsvedit-heads-col-room          {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads th.rsvedit-heads-col-guest         { width: 250px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads th.rsvedit-heads-col-num           { width: 80px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads th.rsvedit-heads-col-room-point-use{ width: 280px; }
				
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads .rsvedit-heads-detail {
					font-size: 10.5px;
					line-height: 12px;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads .rsvedit-heads-cnt-child-mark {
					font-size: 9px;
					font-weight: normal;
					color: #383;
					float: left;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads .rsvedit-heads-cell-guest {
					width: 240px;
				}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-heads .rsvedit-heads-cell-in {
					width: 1.5em;
					margin-right: .1em;
					text-align: right;
				}
				/* .rsvedit-charges＠料金（仮計） */
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges th                             {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges th.rsvedit-chg-rooms           {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges th.rsvedit-chg-others_coupon   { width: 150px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges th.rsvedit-chg-others_campaign { width: 150px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges th.rsvedit-chg-others_point    { width: 150px; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges th.rsvedit-chg-total           { border-width:3px; }
				
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges td                             { text-align: right; }
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges td.rsvedit-chg-rooms           {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges td.rsvedit-chg-others_coupon   {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges td.rsvedit-chg-others_campaign {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges td.rsvedit-chg-others_point    {}
				#RsvEditForm .edit-form-page .rsv-info table.rsvedit-charges td.rsvedit-chg-total           { border-width:3px; }
				
		/* .rsvedit-confirm-charge＠確認画面 */
		/* 確認メッセージ */
		#RsvEditForm .edit-form-page .confirm-message {
			border: 3px #c30 solid;
			padding: 30px;
			margin: 50px;
		}
		#RsvEditForm .edit-form-page .confirm-message-header {
			color: #c30;
			font-weight: bold;
			font-size: x-large;
		}
		#RsvEditForm .edit-form-page .confirm-message-content {
		}
		#RsvEditForm .edit-form-page .confirm-message-content-text {
			color: #c30;
			font-weight: bold;
			font-size: large;
		}
		
		/* 料金明細 */
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-seq         { width: 5em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-date        { width: 5em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-unit        { width: 4em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-disc        { width: 5em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-room-sum    { width: 5em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-rsv-sum     { width: 5em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-point-use   { width: 4em; text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge thead .chgspec-head-min-unit    { width: 4em; text-align: center; }
		
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-seq       { text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-date      { text-align: center; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-unit      { text-align: right; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-disc      { text-align: right; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-room-sum  { text-align: right; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-rsv-sum   { text-align: right; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-point-use { text-align: right; }
		#RsvEditForm .edit-form-page table.rsvedit-confirm-charge tbody .chgspec-detail-min-unit  { 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; }


/* -------------------------------------
 * #ReceiptEditForm 領収書編集Dlg
 */
#ReceiptEditForm .edit-form-page {
	height: 600px;
	overflow: auto;
	text-align: left;
}
	#ReceiptEditForm .edit-form-page h2 {
		padding: 12px 0 10px;
		font-size: 300%;
		font-weight: normal;
		line-height: 1.333;
		letter-spacing: .2em;
		border-bottom: 2px #0b486b solid;
	}
	
	#ReceiptEditForm .edit-form-page .ec-form {
	}
		#ReceiptEditForm .edit-form-page .ec-form table {
		}
			#ReceiptEditForm .edit-form-page .ec-form table th {
				font-weight: normal;
				background-color: #cff09e;
			}
		#ReceiptEditForm .edit-form-page .ec-form table.receipt-list {
		}
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list .receipt-amount      { width: 150px }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list .receipt-htl-tax     { width: 150px }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list .receipt-bath-tax    { width: 150px }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list .receipt-amount-ct   { width: 150px }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list .receipt-cons-tax    { width: 150px }
			
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list td.receipt-amount    { text-align: left; }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list td.receipt-htl-tax   { text-align: left; }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list td.receipt-bath-tax  { text-align: left; }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list td.receipt-amount-ct { text-align: left; }
			#ReceiptEditForm .edit-form-page .ec-form table.receipt-list td.receipt-cons-tax  { text-align: left; }
		
		#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab {
			margin-top: 24px;
		}
			#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab .tab-inner {
				padding: 0;
				margin: 0;
			}
			#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab ul.tab-inner {
				list-style: none;
			}
				#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab ul.tab-inner li {
					width: 60px;
					margin-left: 2px;
					float: left;
				}
					#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab ul.tab-inner li .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;
					}
					#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab ul.tab-inner li .tab-header.ec-active {
						color: #fff;
						background-color: #3b8686;
					}
					#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab ul.tab-inner li .tab-header.ec-selected {
						background-color: #ffb74c;
					}
				
			#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner {
				width: 1000px;
				border: 1px #999 solid;
			}
				#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list {
					margin-top: 24px;
					margin-bottom: 24px;
					margin-left: 24px;
					margin-right: 24px;
				}
					#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table {
					}
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table .sales-item-name   { width: 400px }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table .sales-amount      { width: 150px }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table .delete-btn        { width: 90px }
						
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table td.sales-item-name { text-align: left; }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table td.sales-amount    { text-align: left; }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .sales-detail-list table td.delete-btn      { text-align: center; }
					
				#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list {
					margin-top: 24px;
					margin-bottom: 24px;
					margin-left: 24px;
					margin-right: 24px;
				}
					#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table {
					}
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table .payment-method-name   { width: 400px }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table .payment-amount        { width: 150px }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table .delete-btn            { width: 90px }
						
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table td.payment-method-name { text-align: left; }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table td.payment-amount      { text-align: left; }
						#ReceiptEditForm .edit-form-page .ec-form #CapReceiptDetailTab div.tab-inner .payment-detail-list table td.delete-btn          { text-align: center; }
						


/* -------------------------------------
 * #RsvCxlConfirm 予約キャンセルDlg
 */
#RsvCxlConfirm .ec-form {
	text-align: left;
}
	#RsvCxlConfirm .ec-form .cxl-reason1{ margin-bottom: 12px; }
	#RsvCxlConfirm .ec-form .cxl-reason2{ margin-bottom: 12px; }
	#RsvCxlConfirm .ec-form .cxl-reason2 select{ margin-bottom: 12px; }
	#RsvCxlConfirm .ec-form .cxl-reason2 select .selector-hide{ display: none; }
	
	#RsvCxlConfirm .ec-form .gmo-cxl-type ul { padding: 0px; margin: 0px; list-style: none; }
	#RsvCxlConfirm .ec-form .cxl-fee-ent-type ul { padding: 0px; margin: 0px; list-style: none; }


/* -------------------------------------
 * #CheckInCxlConfirm チェックインキャンセルDlg
 */
	#CheckInCxlConfirm th {
		background: #eee;
	}
	#CheckInCxlConfirm td {
		height: 24px;
	}
	#CheckInCxlConfirm th.room_selector                    { text-align: center; width: 30px; }
	#CheckInCxlConfirm th.room_seq                         { text-align: center; width: 30px; }
	#CheckInCxlConfirm th.guest_member_no                  { text-align: center; }
	#CheckInCxlConfirm th.guest_name                       { text-align: center; }
	#CheckInCxlConfirm th.web_check_in_card_access_id      { text-align: center; width: 400px; }
	#CheckInCxlConfirm th.web_check_in_card_order_id       { text-align: center; }
	
	#CheckInCxlConfirm td.room_selector                    { text-align: center; }
	#CheckInCxlConfirm td.room_seq                         { text-align: center; }
	#CheckInCxlConfirm td.guest_member_no                  { text-align: left; }
	#CheckInCxlConfirm td.guest_name                       { text-align: left; }
	#CheckInCxlConfirm td.web_check_in_card_access_id      { text-align: left; }
	#CheckInCxlConfirm td.web_check_in_card_order_id       { text-align: left; }


/* -------------------------------------
 * 領収書発行履歴一覧
 */
/* .receipt_output_history_list */
.receipt_output_history_list_search .ec-form-item ul       { padding: 0px; margin: 0px; list-style: none; }

.receipt_output_history_list_search .ec-form-item-content .htl-multi-selector {
}
.receipt_output_history_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-searchbox {
	padding-top    : 3px;
	padding-bottom : 3px;
}
.receipt_output_history_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-searchbox input {
	width  : 400px;
}
.receipt_output_history_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-list {
	padding-top    : 3px;
	padding-bottom : 3px;
}
.receipt_output_history_list_search .ec-form-item-content .htl-multi-selector .htl-multi-selector-list select{
	width  : 500px;
	height : 100px;
}

.receipt_output_history_list .ec-data-list .create_date     { width: 15% }
/* .receipt_output_history_list .ec-data-list .receipt_title   {  } */
.receipt_output_history_list .ec-data-list .htl_name        { width: 25% }
.receipt_output_history_list .ec-data-list .rsv_no          { width: 15% }
.receipt_output_history_list .ec-data-list .receipt_no      { width: 15% }
.receipt_output_history_list .ec-data-list .receipt_amount  { width: 15% }
.receipt_output_history_list .ec-data-list .output_person   { width: 15% }

.receipt_output_history_list .ec-data-list td.receipt_amount {
	text-align: right;
}
.receipt_output_history_list .ec-data-list td.create_date,
.receipt_output_history_list .ec-data-list td.receipt_title,
.receipt_output_history_list .ec-data-list td.htl_name,
.receipt_output_history_list .ec-data-list td.rsv_no,
.receipt_output_history_list .ec-data-list td.receipt_no,
.receipt_output_history_list .ec-data-list td.output_person {
	text-align: center;
}


/* -------------------------------------
 * 予約CSV
 */
/* .reserve_csv */
.reserve_csv ul                                      { padding: 0px; margin: 0px; list-style: none; }

.reserve_csv .ec-form-item .online_pay_type          { padding-top: 12px; padding-bottom: 12px; }
.reserve_csv .ec-form-item .check_in_status          { padding-top: 12px; padding-bottom: 12px; }
.reserve_csv .ec-form-item .rsv_system               { padding-top: 12px; padding-bottom: 12px; }


/* -------------------------------------
 * オンライ決済CSV
 */
/* .online_payment_csv */
.online_payment_csv .ec-form-item .output_date ul          { padding: 0px; margin: 0px; list-style: none; }


/* -------------------------------------
 * 施設マスタ
 */
.hotel_list_search ul                    { padding: 0px; margin: 0px; list-style: none; }

.hotel_list th.code                      { width: 80px; }
.hotel_list th.name                      {}
.hotel_list th.htlclass                  { width: 150px; }
.hotel_list th.sitecon                   { width: 150px; }
.hotel_list th.ctrl                      { width: 80px; }

.hotel_list td.code                      { text-align: right; }
.hotel_list td.name                      {}
.hotel_list td.htlclass                  {}
.hotel_list td.sitecon                   {}
.hotel_list td.ctrl                      { text-align: center; }


.hotel_detail label.ec-form-item-header{
	width: 200px;
}
.hotel_detail div.ec-form-item-content{
	margin-left: 200px;
	min-height:  24px;
}


/* -------------------------------------
 * 施設区分マスタ
 */
.hotel_class_list th.code                { width: 80px; }
.hotel_class_list th.name                {}
.hotel_class_list th.type                { width: 150px; }
.hotel_class_list th.ctrl                { width: 80px; }

.hotel_class_list td.code                { text-align: right; }
.hotel_class_list td.name                {}
.hotel_class_list td.type                {}
.hotel_class_list td.ctrl                { text-align: center; }


.hotel_class_detail label.ec-form-item-header{
	width: 200px;
}
.hotel_class_detail div.ec-form-item-content{
	margin-left: 200px;
	min-height:  24px;
}


/* -------------------------------------
 * マスタコピー
 */
.master_copy select{
	height: 200px;
	padding: 0px;
}


/* -------------------------------------
 * .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 5px;
					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;
				}


/* ---------------------------------------------------------
 * #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;
	}
		#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;
	}