@charset "utf-8";

/**
 * CHARSET:	UTF-8, CR/LF
 * PROJECT:	e-concierge 2
 * VERSION:	2013
 * OUTLINE:	申込ページ用スタイル
 * COPY(c):	WISE PLANNING Co.,Ltd.
 * 
 * #c30 ... 濃赤（注記）
 * #44c ... アンカー
 * #383 ... 特記
 */

/* 基礎 */
body {
	text-align: center;
	color: #333;
	background-color: #e4e0cf;
}
	#Face {
		width: 960px;
		padding: 0;
		margin: 0 auto;
		text-align: left;
		background-color: #fff;
		border-left: 1px #999 solid;
		border-right: 1px #999 solid;
	}

/* 入力補助 */
::-webkit-input-placeholder {
	color: #999;
}
:-moz-placeholder {
	color: #999;
}

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


/* -----------------------------------------------------------------------------
 * .ec-, .rsv- モジュール
 */

/* .rsv-require＠必須マーク */
.rsv-require {
	width: 24px;
	height: 24px;
	letter-spacing: 0;
	font-weight: bold;
	text-align: center;
	color: #c30;
	display: inline-block;
}

/* .ec-disabled＠利用不可要素 */
.ec-disabled,
.ec-disabled * {
	color: #ccc;
	border-color: #ccc;
}

/* .rsv-selectable＠選択可能要素 */
.rsv-selectable {
	cursor: pointer;
}

.tli-thumb-list .rsv-selectable img:hover,.tli-meals-thumb-list .rsv-selectable img:hover, .popup-img img:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

.tli-thumb-list .rsv-selectable,.tli-meals-thumb-list .rsv-selectable {
	background: #fff !important;
}

/* .rsv-btn＠ボタン */
.rsv-btn {
	padding: 5px 12px;
	font-weight: normal;
	line-height: 1.5;
	color: #333;
	text-decoration: none;
	background-repeat: repeat-x;
	background-position: center left;
	border: 1px #999 solid;
	display: inline-block;
	cursor: pointer;
    -moz-border-radius: 5px;
	border-radius: 5px;
	background:#fff;
	background: -moz-linear-gradient(top, #fff, #f0dfb7);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f0dfb7));
}
.rsv-btn a {
}
.rsv-btn.ec-disabled {
	color: #fff !important;
	background: #ccc !important;
	border-color: #ccc !important;
}
.rsv-btn.ec-selected {
	background:#f1e1b5;
}
.rsv-btn.ec-active {
	background:#f1e1b5;
}

/* .rsv-selectable＠選択要素 */
.rsv-selectable {
	color: #333;
	background-color: #fff;
}
.rsv-selectable.ec-selected {
	color: #333;
	background-color: #bbb;
}
.rsv-selectable.ec-active {
	color: #fff;
	background-color: #666;
}

/* .rsv-btn.rsv-btn-large＠大きいボタン */
.rsv-btn.rsv-btn-large {
	padding: 8px 20px;
	font-size: 150%;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	background: url(../img/button_bg.gif) center center repeat-x #d8534c;
	border: #dd2525 solid 2px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.rsv-btn.rsv-btn-large.ec-active {
	color: #fff;
	background: url(../img/button_bg_off.gif) center center repeat-x #d8534c;
	border: #e76567 solid 2px;
}
.rsv-btn.rsv-btn-large.ec-selected {
	color: #fff;
	background: url(../img/button_bg_off.gif) center center repeat-x #d8534c;
	border: #e76567 solid 2px;
}


/* -------------------------------------
 * #Search 宿泊条件絞込フォーム
 */

#SearchWrapper {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
	#Search {
		width: 1070px;
		padding: 0;
		margin: 0 auto;
		text-align: center;
		background-color: #fff;
		border: 3px #836836 solid;
		border-top: none;
		display: none;
		-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0px 5px 1px rgba(0,0,0,0.3);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	}
	#Search.top_search {
		width: 770px;
		padding: 15px 5px;
		display: block;
		background: none;
		border: none;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none);
	}
		#Search.top_search .ec-control {
			margin-bottom: 45px;
		}
	#Search h2 {
			padding: 10px 1px 5px 1px;
			margin: 0 1px 24px 1px;
			background:#836836;
			color:#fff;
			border-top: 1px #fff solid;
			border-bottom: 2px #663300 solid;
		}
		#Search .ec-form {
			margin-top: 0;
			margin-bottom: 0;
			float: left;
		}
		#Search .ec-form.short {
			width: 310px;
			margin-left:70px;
		}
		#Search .ec-form.long {
			width: 620px;
		}
			#Search .ec-form-item {
				text-align: left;
			}
				#Search .ec-form-item-header {
					width: 130px;
				}
				#Search .ec-form-item-content {
					margin-left: 150px;
					position: relative;
				}
					#Search .ec-form-item-content p {
						margin-top: 0;
						margin-bottom: 3px;
					}
					#Search .ec-form-item-content .guide {
						margin-left: .5em;
					}
					#Search .ec-form-item-content .ec-form-item {
						margin-left: -150px;
					}
					#Search .ec-form-item-content .ui-datepicker-trigger {
						position: absolute;
						right: 0;
					}
					
					#SrchTxtY {
						width: 3em;
						text-align: center;
						display: inline-block;
					}
					#SrchTxtM, #SrchTxtD {
						width: 1.5em;
						text-align: center;
						display: inline-block;
					}
		
		#Search .ec-control {
			margin-top: 0;
			margin-bottom: 0;
			clear: both;
		}
	
	
	#SearchOpener {
		width: 48px;
		height: 48px;
		margin-top: 0;
		margin-left: 440px;/*488px;*/
		text-align: center;
		background-color: #ff9900;
		border-bottom: 3px #cc6633 solid;
		position: absolute;
		top: 100%;
		left: 50%;
		-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.3);
		-webkit-box-shadow: 0 0px 5px 1px rgba(0,0,0,0.3);
		box-shadow: 0 0 5px 1px rgba(0,0,0,0.3);
	}
		#SearchOpener img {
			width: 48px;
		}
		#SearchClose {
			display: none;
		}
	#SearchOpener.ec-active {
		background-color: #ffc74e;
		border-bottom: 3px #e98e60 solid;
	}


/* -----------------------------------------------------------------------------
 * #Head ヘッダー部
 */

#Head {
}
	#HeadHotel {
		background-color: #fff;
	}
	#HeadHotel img {
		width:100%;
	}
		#HeadHotel p {
			margin-top: 0;
			margin-bottom: 0;
		}
	
	#HeadAuth {
		padding: 7px 20px 5px 20px;
		background:#f9f5ec;
		border-bottom:1px solid #e5e0d2;
		margin-bottom:15px;
	}
		#HeadAuth .auth-user {
			float: left;
		}
			#HeadAuth .auth-user strong {
				margin-right: .5em;
				font-size: 150%;
				font-weight: normal;
			}
			
		#HeadAuth .auth-control {
			float: right;
			text-align:center;
			
		}
			
		#HeadAuth .login_bt  {
		background: url(../img/login_bt.gif) left top no-repeat;
		width:122px;
		height:30px;
		padding:5px 0 0 40px;
		margin:0;
		text-align:left;
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		float:left;
		}
			
		#HeadAuth .help_bt  {
		background: url(../img/icon_question.gif) left top no-repeat;
		width:27px;
		height:35px;
		padding:0;
		margin:0 0 0 5px;
		float:right;
		}
			
			
		#HeadAuth .logout_bt  {
		background: url(../img/logout_bt.gif) left top no-repeat;
		width:122px;
		height:30px;
		padding:5px 0 0 40px;
		margin:0;
		text-align:left;
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		float:right;
		}
			
		#HeadAuth .check_bt  {
		background: url(../img/check_bt.gif) left top no-repeat;
		width:170px;
		height:30px;
		padding:5px 0 0 40px;
		margin:0;
		text-align:left;
		color:#fff;
		font-weight:bold;
		text-decoration: none;
		}
		#HeadAuth a:hover  {
		color:#3b2208;
		}


/* -----------------------------------------------------------------------------
 * #Body コンテンツ部
 */

#Body {
	margin: 0 20px 48px;
}
	/* ページタイトル */
	#Body h2 {
		padding: 12px 20px;
		margin: 0 -20px 48px;
		font-size: 150%;
		letter-spacing: 0.2em;
		line-height: 1.333;
		border-top: 1px #999 solid;
		border-bottom: 1px #999 solid;
	}
	#Body h2 .h2_title {
		float:left;
		line-height: 1.5;
	}
	#Body h2 .h2_btn {
		float:right;
		font-size: 73%;
		font-weight: normal;
		line-height: 1.9;
		color: #333;
		text-decoration: none;
		display: inline-block;
		cursor: pointer;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border:#aaa 1px solid;
		padding:2px 15px;
		background:#f2f2e9;
	}
	#Body h2 a:hover {
		color: #999 !important;
		background: #fff;
	}
	#Body h2 a:active {
		color: #999 !important;
		text-decoration: underline;
		background: #fff;
	}
	
	
	
	/* プラン名 */
	#Body h3 {
		padding: 10px;
		margin: 0 0 24px;
		font-size: 150%;
		font-weight: bold;
		line-height: 1.2;
		color: #fff;
		background: url(../img/title_bg01.gif) left bottom repeat-x;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	/* 小見出し */
	#Body h4 {
		padding: 10px;
		margin: 0 0 24px;
		font-size: 140%;
		font-weight: normal;
		line-height: 1.2;
		color: #fff;
		background: url(../img/title_bg02.gif) left bottom repeat-x;
		-moz-border-radius: 3px;
		border-radius: 3px;

	}
	
	/* ページ制御 */
	#Body .rsv-nav {
		text-align: center;
		margin-bottom: 24px;
	}
		#Body .rsv-nav .rsv-nav-prev {
			float: left;
		}
		#Body .rsv-nav .rsv-nav-next {
			float: right;
		}
		#Body .rsv-nav .rsv-nav-guide {
			margin: 0 160px;
		}
		#Body .rsv-nav .rsv-nav-message {
			padding: 12px 0;
			margin: 0;
			clear: both;
		}


/* ---------------------------------------------------------
 * .timesale タイムセール
 */

#Body .timesale {
	/* margin: 10px 0; */
}

	#Body .timesale h3 {
			-moz-border-radius: 0;
			border-radius: 0;
	}

	#Body .timesale-list {
		/* width: 900px; set to js */
		margin: 0 auto;
		list-style: none;
	}
		#Body .timesale-item {
			/* width: 300px; set to js */
			height: 200px;
			padding: 30px 0 10px;
			float: left;
		}
			#Body .timesale-item a {
				width: 270px;
				height: 200px;
				margin-left: 30px;
				text-decoration:none;
				display: block;
				position: relative;
				-moz-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
				-webkit-box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
				box-shadow: 2px 2px 5px 1px rgba(0,0,0,0.3);
			}
			
				#Body .timesale-thumb {
					height: 200px;
					text-align: center;
					overflow: hidden;
				}
					#Body .timesale-thumb img {
						width: 100%;
						vertical-align: middle;
					}
				#Body .timesale-name {
					width: 260px;
					padding: 5px;
					margin: 0;
					font-size: 125%;
					font-weight: normal;
					line-height: 1.6;
					color: #fff;
					background: rgba(70, 42, 13, .90);
					border-top:3px solid #462a0d;
					position: absolute;
					bottom: 0;
					left: 0;
					height: 48px;
					overflow: hidden;
				}
				#Body .timesale-limit {
					padding:22px 0 0 70px;
					font-size: 16px;
					font-weight: bold;
					line-height: 1.5;
					color: #fff;
					position: absolute;
					top: -25px;
					left: -15px;
					background: url(../img/icon_timesale.png) left top no-repeat;
					height:44px;
					width:180px;
				}
			
			.arrow_r{
				position: absolute;
				top: 110px;
				right: -15px;
				}
			
			.arrow_l{
				position: absolute;
				top: 110px;
				left: -15px;
				}

/* ---------------------------------------------------------
 * #lang-selector 言語切り替えバー
 */

#lang-selector {
	list-style: none;
}
	#lang-selector li {
		margin-right: 2em;
		float: left;
	}
		#lang-selector li a {
			color: #333;
			text-decoration: none;
		}
			#lang-selector li img {
				margin-right: 2px;
			}
			#lang-selector li .lang-name {
				text-decoration: underline;
			}
			#lang-selector li .lang-name.selected {
				color: orange;
				text-decoration: none;
			}

/* ---------------------------------------------------------
 * .top-list-control プラン・部屋一覧制御
 */

/* .top-list-control */
.top-list-control {
	margin:30px 0 5px 0;
}
	/* .tlc-sort */
	.tlc-sort {
		list-style: none;
		float: left;
		margin:10px 0 0 0;
		background: url("../img/icon_sort.gif")left top no-repeat;
		padding-left:30px;
	}
			
		.tlc-sort li {
			float: left;
			border-bottom:1px solid #fff;
			height:19px;
			line-height:19px;
			margin-right:6px;
		}
			.tlc-sort li a {
				padding: 0 5px;
				color: #888;
				text-decoration: none;
				display: block;
			}
			.tlc-sort li.ec-active {
				background-color: #fff;
			}
				.tlc-sort li.ec-active a {
					text-decoration: none;
					border-bottom:2px solid #d7bb7f;
				}
			.tlc-sort .ec-selected {
				background-color: #fff;
				color: #666;
				border-bottom:2px solid #b38c39;
			}
				.tlc-sort li.ec-selected a {
				color: #333;
				text-decoration: none;
				}
			
			
	/* .tlc-count */
	.tlc-count {
		padding: 6px 0 0;
		margin-left: 2em;
		float: right;
	}
		.tlc-count .tlc-in-count {
			width: 3.5em;
			margin-right: .5em;
			text-align: right;
		}
	/* .tlc-pager */
	.tlc-pager {
		padding: 6px 0 0;
		text-align: right;
	}
		.tlc-pager-item {
			padding: 0 .5em;
			margin: 0 .1em;
			color: #333;
			border: 1px #999 solid;
			display: inline-block;
		}
		.tlc-pager-item.ec-disabled {
			color: #ccc;
			background-color: #eee;
			border-color: #ccc;
		}
		
		.tlc-pager-hint {
			margin: 0 .5em;
		}
			.tlc-pager-hint .tlc-pager-hint-result {
				margin: 0 .1em;
				font-size: 150%;
				line-height: 24px;
				font-weight: bold;
			}
			.tlc-pager-hint .tlc-pager-hint-num {
				margin: 0 .1em;
				font-size: 150%;
				line-height: 24px;
			}

.no-result-msg {
	padding: 12px 0;
	color: #c30;
	font-weight: bold;
	border: 1px #c30 bold;
}


/* ---------------------------------------------------------
 * #TopList プラン・部屋一覧
 */
#TopList {
	margin-top: 0;
	margin-bottom: 0;
	list-style: none;
}
	.top-list-item {
	}
	/* .tli-thumb＠サムネイル画像選択 */
	.tli-thumb {
		width: 220px;
		margin-bottom: 24px;
		float: left;
	}
		.tli-thumb-attn {
			width: 204px;
			height: 204px;
			margin: 2px;
			text-align: center;
			border: 1px #999 solid;
			overflow: hidden;
		}
/*			.tli-thumb-attn img {
				height: 204px;
			}
*/
		.tli-thumb-list {
			margin-top: 0;
			margin-bottom: 0;
			list-style: none;
		}
			.tli-thumb-list li {
				width: 64px;
				height: 64px;
				margin: 2px;
				text-align: center;
				border: 1px #999 solid;
				float: left;
				overflow: hidden;
			}
/*				.tli-thumb-list li img {
					height: 64px;
				}
*/
		
		.tli-thumb .ec-txt-special {
			font-size: 10.5px;
			letter-spacing: 0;
			display: block;
		}
	
	/* .tli-sales＠プラン名 */
	.tli-planname {
		float:left;
		width:550px;
		padding: 8px 0;
	}
	
	/* .tli-sales＠販売期間 */
	.tli-sales {
		float:right;
		text-align: right;
		font-size:70%;
		background:#f0eadf;
		color:#333;
		width:auto;
		padding:10px 5px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		font-weight:normal;
	}
		.tli-sales .mark{
			background:#5c5133;
			}

	/* .tli-intro＠紹介文 */
	.tli-intro {
		margin-bottom: 48px;
		margin-left: 240px;
		line-height: 1.5;
	}
		.tli-intro img {
			max-width:690px;
		}
	/* .tli-meals＠食事一覧 */
	.tli-meals {
		margin: 0 0 25px 240px;
		border:1px solid #bab4a1; 
		padding: 5px 5px 0 5px;
		background:#fff;
		
	}
		.tli-meals ul {
			list-style:none;
			margin:0;
		}
		.tli-meals li {
			margin-bottom: 5px;
		}
		
			/* .tli-meals-thumb-list＠食事サムネイル画像選択 */
			.tli-meals-thumb-list {
			margin:0;
			padding-top:5px;
			list-style: none;
			}
				.tli-meals-thumb-list li {
					width: 64px;
					height: 64px;
					margin: 2px;
					text-align: center;
					border: 1px #999 solid;
					display: inline-block;
					*display: inline;/* for IE6,7: inline-block */
					*zoom: 1;/* for IE6,7: inline-block */
					overflow: hidden;
				}
/*					.tli-meals-thumb-list li img {
						height: 64px;
					}
*/
					
		
		
	/* .tli-charges＠料金一覧 */
	.tli-charges {
		clear: both;
	}
		.tli-charges table {
			width: 100%;
			background-color: #fff;
		}
			.tli-charges thead th {
				font-weight: normal;
				background-color: #f0dfb7;
			}

			.tli-charges thead .tli-charges-price {
				text-align: center !important;
			}

			.tli-charges tbody th {
				font-weight: normal;
			}
			.tli-charges .tli-charges-price {
				width: 80px;
			}
				.tli-charges td.tli-charges-price {
					letter-spacing: auto;
					text-align: right;
				}
		.tli-charges .ec-txt-special {
			font-size: 10.5px;
			letter-spacing: 0;
			text-align: right;
			display: block;
		}
	/* .tli-control＠予約するボタン等 */
	.tli-control {
		margin-top: 24px;
		margin-bottom: 0px;
		text-align: right;
	}


/* ---------------------------------------------------------
 * #PlanDetail プラン詳細
 */

#PlanDetail {
	margin: 48px 0;
}


/* ---------------------------------------------------------
 * #TimesaleStayDate タイムセール宿泊日
 */

#TimesaleStayDate {
	margin: 48px 0;
	text-align: center;
}
	#TimesaleStayDate .tsd-date {
		font-size: 300%;
		font-weight: bold;
		line-height: 1.333;
		display: block;
	}


/* ---------------------------------------------------------
 * #Calendar 予約受付カレンダー
 */

#Calendar {
	margin: 0 0 0 0;
	position:relative;
}
#Calendar h4 {
	margin: 0 0 48px 0;
	padding-left:70px;
	
}
#Calendar .tag_start {
	position:absolute;
	top:-2px;
	left:7px;
}
	/* #CalControl */
	#CalControl {
		margin-bottom: 24px;
		text-align: center;
	}
		#CalControl #CalCtrlYM {
			width: 10em;
			font-size: 150%;
			line-height: 1.333;
			display: inline-block;
		}
	/* #CalRoomList */
	#CalRoomList {
		width: 240px;
		margin: 0;
		border-bottom: 1px #aaa9a8 solid;
		list-style: none;
		float: left;
	}
		#CalRoomList li {
				border-top:#aaa9a8 solid 1px;
				border-left:#aaa9a8 solid 1px;
		}
		#CalRoomList .CalRoomList_title {
			background:#af6f15;
			text-align:center;
			color:#fff;
			padding: 6px 0;
			border:3px solid #c99c5e;
			font-size:120%;
			margin-bottom:1px;

		}
			#CalRoomList li .rsv-selectable {
				padding: 6px 10px;
				color: #333;
				text-decoration: none;
				background-color: #fff;
				display: block;
			}
			#CalRoomList li .rsv-selectable.ec-selected {
				background-color: #f0dfb7!important;
				text-decoration: none!important;
				position: relative;
			}
				#CalRoomList li .rsv-selectable.ec-selected:after {
					content: url("../img/cal_allow.gif");
					width: 13px;
					height: 13px;
					text-align: center;
					position: absolute;
					top: 50%;
					margin-top: -8px;
					right: 10px;
				}
			#CalRoomList li .rsv-selectable.ec-active {
				color: #333;
				text-decoration: underline;
				background-color: #d6d4c7;
			}
	/* #CalBody */
	#CalBody {
		margin-left: 240px;
		position: relative;
	}
		#CalBody .ec-loader {
			border: 1px #999 solid;
			display: block;
		}
		#CalBodyIn {
			height: 240px;
		}
		
		#CalBody thead {
			border-bottom: 3px #999 double;
		}
		
		#CalBody th {
			text-align: center;
			vertical-align: top;
			background-color: #fff;
			border: 1px #999 solid;
		}
		#CalBody th.sun {
			background-color: #ffcccc;
		}
		#CalBody th.sat {
			background-color: #c1ebf4;
		}
		
		#CalBody td {
			padding: 0;
			text-align: center;
			vertical-align: top;
			border: 1px #999 solid;
			background-color: #eeeded;
		}
		#CalBody td.ec-selected {
			color: #fff;
			background-color: #666;
		}
			#CalBody td .rsvcal-cell-day {
				width: 93px;
				font-weight: bold;
				color: #333;
				background-color: #f9f7f7;
				border-bottom: 1px #999 dashed;
				display: block;
			}
			#CalBody td.sun .rsvcal-cell-day {
				background-color: #fbe4e4;
			}
			#CalBody td.sat .rsvcal-cell-day {
				background-color: #d9f5fb;
			}
			
			#CalBody td .rsvcal-cell-msg {
				width: 93px;
				padding:  0;
				text-align: center;
				margin:25px 0 0 0;
				display: block;
				min-height:45px;
			}
			#CalBody td .rsvcal-cell-detail {
				width: 89px;
				margin: 0;
				padding: 6px 0;
				list-style: none;
				border-color: #FEFEFE #CCCCCC #CCCCCC #FFFFFF;
				border-style: solid;
				border-width: 2px;
				background:#fff;
				min-height:60px;
			}
				#CalBody td .rsvcal-cell-detail li {
					line-height: 1.5;
				}
				#CalBody td .rsvcal-cell-detail li.rsvcal-cell-rest {
					border-bottom: 1px #ccc solid;
				}
		
			#CalBody td .ec-active {
					color: #333;
					background-color: #f0dfb7;
				}

			
				#CalBody td .rsvcal-cell-detail li {
					margin: 0 6px;
					font-family: monospace;
					letter-spacing: 0;
				}
					#CalBody td .rsvcal-cell-detail li .rsvcal-cell-head {
						display: block;
						float: left;
					}
					#CalBody td .rsvcal-cell-detail li .rsvcal-cell-charge {
						display: block;
						float: right;
					}


/* ---------------------------------------------------------
 * .rsv-form 予約申込フォーム
 */

.rsv-form {
	padding: 0;
	margin: 0;
	list-style: none;
}
	.rsv-form .data {
		font-size: 125%;
	}
	.rsv-form-section {
		padding: 0;
		margin: 24px 0 48px;
	}
		/* table */
		.rsv-form-section table {
			width: 100%;
			line-height: 1.5;
		}
			.rsv-form-section table thead {
				text-align: center;
				background: #eee;
				border-bottom: 3px #ccc double;
			}


/* .rsv-heads */
	.rsv-heads .rsvhds-col-num,
	.rsv-heads .rsvhds-col-none {
		width: 5em;
	}
	
		.rsv-heads .rsvhds-col-num-detail {
			font-weight: normal;
		}
	.rsv-heads th {
		background: #f0dfb7;
	}
	
	.rsv-heads .rsvhds-col-room {
	}
		.rsv-heads .rsvhds-col-room-detail {
			font-weight: normal;
			color: #383;
		}
	.rsv-heads td.rsvhds-col-num {
		text-align: right;
	}
		.rsv-heads td.rsvhds-col-num input {
			width: 1.5em;
			margin-right: .2em;
			margin-left: .2em;
			text-align: right;
/*			ime-mode: disabled;*/
		}
	.rsv-heads td.rsvhds-col-none {
		text-align: center;
	}
	
	.rsvhds-cnt-child-mark {
		font-size: 10.5px;
		font-weight: bold;
		color: #383;
	}

/* rsv-options */
.rsv-options {
	list-style: none;
	border: 1px #ccc solid;
	border-bottom: none;
}
	.rsv-options .rsvopt-item {
		padding: 6px 10px;
		text-indent: -20px;
		border-bottom: 1px #ccc solid;
	}
		.rsv-options .rsvopt-item-thumb {
			width: 64px;
			height: 64px;
			margin-right: 30px;
			margin-left: 20px;
			float: left;
		}
			.rsv-options .rsvopt-item-thumb a {
				width: 62px;
				height: 62px;
				text-align: center;
				border: 1px #999 solid;
				display: block;
				overflow: hidden;
			}
				.rsv-options .rsvopt-item-thumb img {
					height: 64px;
				}
		.rsv-options .rsvopt-item-name {
			margin-left: .5em;
			font-weight: bold;
		}
		.rsv-options .rsvopt-num {
			width: 2em;
			margin-right: .2em;
			text-align: right;
		}
		.rsv-options .rsvopt-item-cap {
			margin: 0;
			line-height: 1.5;
			text-indent: 0;
		}

/* .rsv-charges */
#RsvChargesWrapper {
	position: relative;
}

.rsv-charges {
}
	.rsv-charges th {
		background: #f0dfb7;
	}
	.rsv-charges td {
		text-align: right;
	}
	.rsv-charges td.rsvchg-total {
		font-weight: bold;
	}
		.rsv-charges td .rsvchg-charge {
			margin-right: .5em;
		}

/* .rsv-adjust */
.rsv-adjust {
	list-style: none;
	border: 1px #ccc solid;
	border-bottom: none;
}
	.rsv-adjust .rsvadj-item {
		padding: 6px 10px 6px 30px;
		text-indent: -20px;
		border-bottom: 1px #ccc solid;
	}
		.rsv-adjust .rsvadj-item-name {
			margin-left: .5em;
			font-weight: bold;
		}
		.rsv-adjust .rsvadj-item-cap {
			margin: 0;
			line-height: 1.5;
			text-indent: 0;
		}

/* .rsv-stayrule */
.rsv-stayrule-head {
	padding: 6px 0;
	margin: 0;
	font-size: 100%;
	line-height: 2;
	text-align: center;
	background: #f0ebde;
	border: 1px #ccc solid;
	border-bottom: none;
}
.rsv-stayrule-body {
	height: 120px;
	padding: 12px 10px;
	font-family: monospace;
	font-size: 10.5px;
	letter-spacing: 0;
	line-height: 12px;
	border: 1px #ccc solid;
	overflow: auto;
}
.rsv-stayrule-control {
	padding: 6px 0;
	text-align: center;
	background: #f0ebde;
	border: 1px #ccc solid;
	border-top: none;
}
	.rsv-stayrule-control .rsv-stayrule-agree {
		margin-left: .5em;
		font-size: 150%;
		cursor: pointer;
	}


/* .rsv-foot */
.rsv-foot {
	padding: 0;
	margin: 72px 0 24px;
	list-style: none;
}
	.rsv-foot-item {
		width: 600px;
		padding: 0;
		margin: 24px auto;
		border: 1px #ccc solid;
	}
		.rsv-foot-item h6 {
			padding: 6px 5px;
			margin: 0 0 12px;
			font-size: 100%;
			line-height: 2;
			background: #eee;
		}
		.rsv-foot-item.rsv-foot-notes h6 {
			color: #c30;
			background: #fcc;
		}
		.rsv-foot-thumb {
			margin: 6px 20px 6px 5px;
			float: left;
		}
		.rsv-foot-item p {
			margin: 6px 5px;
			line-height: 1.5;
		}


/* .rsv-form-layout */
.rsv-form-layout {
	margin: 12px 0;
}
	.rsv-form-layout th {
		width: 170px;
		font-weight: normal;
		vertical-align: top;
		background-color: #f0dfb7;
	}
		.rsv-form-layout select {
			margin-right: .2em;
		}
		.rsv-form-layout button {
			line-height: 1.5;
		}
	
	/* .rsvfl-inner */
	.rsv-form-layout .rsvfl-inner {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		.rsv-form-layout .rsvfl-inner li {
			float: left;
			margin-right: 2em;
		}
			.rsv-form-layout .rsvfl-inner li label {
				margin-left: .2em;
			}
	
	/* .rsvfl-guide＠注記等 */
	.rsv-form-layout .rsvfl-guide {
		font-size: 10.5px;
		letter-spacing: .1em;
	}
	.rsv-form-layout span.rsvfl-guide {
		margin-left: .5em;
	}
	.rsv-form-layout p.rsvfl-guide {
		padding-left: 1em;
		margin: 0;
		text-indent: -1em;
	}
	
	.rsv-form-layout p.rsvfl-question {
		margin-top: 0;
	}
	
	/* .rsvfl-error＠エラー出力 */
	.rsv-form-layout .rsvfl-error input,
	.rsv-form-layout .rsvfl-error select,
	.rsv-form-layout .rsvfl-error textarea {
		background: #f3b6c1;
		border-color: #c30;
	}
	.rsv-form-layout .rsvfl-error-msg {
		padding: 2px 0;
		margin: 0 0 4px;
		font-weight: bold;
		color: #c30;
		display: none;
		border: 2px #c30 solid;
	}
	.rsv-form-layout .rsvfl-error .rsvfl-error-msg {
		display: block;
	}

	.rsv-form-layout tbody td input ,.rsv-form-layout tbody td textarea {
		padding: 1px 5px;
		border:1px solid #999999;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		-moz-box-shadow: inset 1px 4px 9px -9px rgba(0,0,0,0.5);
		-webkit-box-shadow: inset 1px 4px 9px -9px rgba(0, 0, 0, 0.5);
		box-shadow: inset 1px 4px 9px -9px rgba(0,0,0,0.5);
	}

	.rsv-form-layout tbody th,.rsv-form-layout tbody td {
		vertical-align: middle;
		padding: 15px 10px;
		line-height: 1.5em;
	}

/* .rsv-form-info */
.rsv-form-info {
	padding: 20px 16px;
	margin-top: 36px;
	margin-bottom: 12px;
	border: 4px #ccc solid;
}


/* .rsv-confirm-charge＠料金明細 */
.rsv-confirm-charge thead th {
	font-weight: normal;
	background: #f0dfb7;
}
.rsv-confirm-charge tbody th {
	font-weight: normal;
	background: #f0dfb7;
}
	.rsv-confirm-charge .rsvcc-detail-unit,
	.rsv-confirm-charge .rsvcc-detail-subtotal,
	.rsv-confirm-charge .rsvcc-total {
		width: 8em;
	}
	.rsv-confirm-charge .rsvcc-detail-num {
		width: 3em;
	}
	
	.rsv-confirm-charge td.rsvcc-detail-unit,
	.rsv-confirm-charge td.rsvcc-detail-num,
	.rsv-confirm-charge td.rsvcc-detail-subtotal,
	.rsv-confirm-charge td.rsvcc-total {
		text-align: right;
	}
	
	.rsv-confirm-charge tbody .rsvcc-row-subtotal th,
	.rsv-confirm-charge tbody .rsvcc-row-subtotal td {
		font-weight: bold;
	}
	
	.rsv-confirm-charge tbody .rsvcc-row-total {
		border-top: 3px #ccc double;
	}
	.rsv-confirm-charge tbody .rsvcc-row-total th,
	.rsv-confirm-charge tbody .rsvcc-row-total td {
		font-size: 16px;
		line-height: 1.5;
		font-weight: bold;
	}

	.before_restitle {
		margin: 30px 0 5px 0;
		font-weight: bold;
	 }


/* -----------------------------------------------------------------------------
 * #AuthDlg 認証ダイアログ
 */

/* #AuthDlg@Mask ※JSで制御 */
#AuthDlg {
	background-color: rgba(0, 0, 0, .25);
	position: absolute;
	z-index: 10000;
}

/* #AuthDlgFace@Dialog ※JSで制御 */
#AuthDlgFace {
	width: 600px;
	padding: 12px 0;
	background: #fff;
	border: 1px #999 solid;
	position: absolute;
}
	#BtnAuthDlgClose {
		margin-top: 8px;
		margin-right: 30px;
		float: right;
	}
	#AuthDlgHead {
		background-color: #44290C;
	    color: #FFFFFF;
	    font-size: 150%;
	    font-weight: normal;
	    line-height: 1.333;
	    margin: 0 10px 24px;
	    padding: 12px 10px;
	    text-align:center;
	}
	#AuthDlgBody {
		padding: 0;
		margin: 24px 20px;
		list-style: none;
	}
		#AuthDlgBody .authdlg-msg.head {
			color: #383;
		}
		#AuthDlgBody .authdlg-msg.error {
			padding: 12px 0;
			color: #c30;
			font-weight: bold;
			border: 1px #c30 bold;
		}
		#AuthDlgBody .authdlg-msg.foot {
			font-size: 10.5px;
			line-height: 1.5;
		}
		
		#AuthDlgBody .authdlg-layout {
			padding: 0;
			margin: 24px 0;
			text-align: left;
			list-style: none;
			border: 1px #ccc solid;
			border-bottom: none;
		}
			#AuthDlgBody .authdlg-layout li {
				padding: 6px 0;
				border-bottom: 1px #ccc solid;
			}
				#AuthDlgBody .authdlg-layout li label {
					width: 10em;
					margin-right: 1em;
					text-align: right;
					display: inline-block;
				}
				#InAuthMail{ width: 30em; }
				#InAuthPwd { width: 10em; }
	#AuthDlgCtrl {
		padding: 12px;
		margin: 0 20px;
	}
		#BtnAuthDlgLogin {
			font-weight: bold;
			float: right;
		}
		#BtnAuthDlgCxl {
			float: left;
		}


/* -----------------------------------------------------------------------------
 * #UserEditDlg 顧客編集ダイアログ
 */

/* #UserEditDlg@Mask ※JSで制御 */
#UserEditDlg {
	background-color: rgba(0, 0, 0, .25);
	position: absolute;
	z-index: 10000;
}

/* #UserEditDlgFace@Dialog ※JSで制御 */
#UserEditDlgFace {
	width: 600px;
	padding: 12px 0;
	background: #fff;
	border: 1px #999 solid;
	position: absolute;
}
	#BtnUserEditDlgClose {
		margin-top: 8px;
		margin-right: 30px;
		float: right;
	}
	#UserEditDlgHead {
		background-color: #44290C;
		color: #FFFFFF;
		font-size: 150%;
		font-weight: normal;
		line-height: 1.333;
		margin: 0 10px 24px;
		padding: 12px 10px;
		text-align:center;
	}
	#UserEditDlgBody {
		padding: 0;
		margin: 24px 20px;
		list-style: none;
	}
		#UserEditDlgBody .usereditdlg-msg.head {
			color: #383;
		}
		#UserEditDlgBody .usereditdlg-msg.error {
			padding: 12px 0;
			color: #c30;
			font-weight: bold;
			border: 1px #c30 bold;
		}
		#UserEditDlgBody .usereditdlg-msg.foot {
			font-size: 10.5px;
			line-height: 1.5;
		}
		
		#UserEditDlgBody .usereditdlg-layout {
			padding: 0;
			margin: 24px 0;
			text-align: left;
			list-style: none;
			border: 1px #ccc solid;
			border-bottom: none;
		}
			#UserEditDlgBody .usereditdlg-layout li {
				padding: 3px 0;
				border-bottom: 1px #ccc solid;
			}
				#UserEditDlgBody .usereditdlg-layout li label {
					width: 12em;
					margin-right: 1em;
					text-align: right;
					display: inline-block;
				}
					#UserEditDlgBody .usereditdlg-layout li label .nec {
						margin-right: .1em;
						color: #c30;
						font-weight: bold;
					}
				#InUsrMail, #InUsrAdr1, #InUsrAdr2, #InOrgName, #InOrgKana{ width: 30em; }
	#UserEditDlgCtrl {
		padding: 12px;
		margin: 0 20px;
	}
		#BtnUserEditDlgLogin {
			font-weight: bold;
			float: right;
		}
		#BtnUserEditDlgCxl {
			float: left;
		}


/* -----------------------------------------------------------------------------
 * #RoomDlg 泊数・室数入力ダイアログ
 */

/* #RoomDlg@Mask ※JSで制御 */
#RoomDlg {
	background-color: rgba(0, 0, 0, .25);
	position: absolute;
	z-index: 10000;
}

/* #RoomDlgFace@Dialog ※JSで制御 */
#RoomDlgFace {
	width: 800px;
	padding: 12px 0;
	background: #fff;
	border: 1px #999 solid;
	position: absolute;
}

	/* 2017-08-17 chinen bug #6094 [start] ロード画面用 */
              #RoomDlgFace .ec-loader {
                            border: 1px #999 solid;
                            display: block;
	}
	/* 2017-08-17 chinen bug #6094 [end] ロード画面用 */

	#BtnRoomDlgClose {
		margin-top: 9px;
		margin-right: 30px;
		float: right;
	}
	#RoomDlgHead {
		padding: 12px 10px;
		margin: 0 10px 24px;
		font-size: 150%;
		font-weight: normal;
		line-height: 1.333;
		color: #fff;
		background-color: #44290c;
	}
	#RoomDlgBody {
		padding: 0;
		margin: 24px 20px;
		list-style: none;
	}
		#RoomDlgBody li {
			margin-bottom: 48px;
		}
		#RoomDlgBody p {
			font-size: 125%;
		}
			#RoomDlgBody h3 {
				font-weight: normal;
				line-height: 1.6;
				color: #fff;
				cursor: move;
				padding: 3px 5px;
				margin: 0 -5px 24px;
				font-size: 125%;
				background: url(../img/title_bg02.gif) left bottom repeat-x;
				-moz-border-radius: 3px;
				border-radius: 3px;
			}
			
			#RoomDlgStay {
				width: 4em;
				margin-right: .2em;
				text-align: right;
			}
			
			#RoomDlgBody .roomdlg-rooms {
				width: 100%;
			}
				#RoomDlgBody th, #RoomDlgBody th {
					background: #f0dfb7;
				}
				#RoomDlgBody th, #RoomDlgBody td {
					text-align: center;
				}
				#RoomDlgBody .roomdlg-rooms-heads{ width:12em; }
				#RoomDlgBody .roomdlg-rooms-rest { width: 6em; }
				#RoomDlgBody .roomdlg-rooms-count{ width: 6em; }
				
				#RoomDlgBody td.roomdlg-rooms-name {
					text-align: left;
				}
				#RoomDlgBody td.roomdlg-rooms-rest {
					font-weight: bold;
				}
					#RoomDlgBody .roomdlg-rooms-count-in {
						width: 4em;
						margin-right: .2em;
						text-align: right;
					}
	#RoomDlgCtrl {
		padding: 12px;
		margin: 0 20px;
		text-align: right;
	}
		#RoomDlgNextMsg {
			margin-right: 1em;
			font-weight: bold;
		}


/* -----------------------------------------------------------------------------
 * #MyPage 泊数・室数入力ダイアログ
 */

/* #MyPage@Mask ※JSで制御 */
#MyPage {
	background-color: rgba(0, 0, 0, .25);
	position: absolute;
	z-index: 10000;
}

/* #MyPageFace@Dialog ※JSで制御 */
#MyPageFace {
	width: 800px;
	padding: 12px 0;
	background: #fff;
	border: 1px #999 solid;
	position: absolute;
}
	#BtnMyPageClose {
		margin-top: 8px;
		margin-right: 30px;
		float: right;
	}
	#MyPageHead {
		padding: 12px 10px;
		margin: 0 10px 24px;
		font-size: 150%;
		font-weight: normal;
		line-height: 1.333;
		color: #fff;
		background-color: #44290c;
	}
	#MyPageBody {
		height: 520px;
		margin: 0 10px;
	}
	#MyPageBody.loader {
		background: url(../../../../common/img/loader.gif) no-repeat center center;
	}
		/* .myp-guide */
		#MyPageBody .myp-guide {
			padding: 6px 0;
		}
			#MyPageBody .myp-guide .rsv-selectable {
				padding: 0 .5em;
				text-decoration: none;
				display: block;
			}
			#MyPageBody .myp-guide .ec-active {
				text-decoration: underline;
			}
		#MyPageBody .myp-guide .myp-back { float: left; }
		#MyPageBody .myp-guide .myp-next { float: right;}
	
	/* #MyP_RsvHis_Index */
	#MyP_RsvHis_Index {
		padding: 0;
		margin: 0;
		list-style: none;
	}
		#MyP_RsvHis_Index li {
			background-color: #e8e4dc;
			float: left;
		}
			#MyP_RsvHis_Index li a {
				width: 10em;
				padding: 3px 0;
				text-align: center;
				color: #333;
				text-decoration: none;
				display: block;
			}
		#MyP_RsvHis_Index li.ec-selected {
			background-color: #cc3300;
		}
			#MyP_RsvHis_Index li.ec-selected a {
				color: #fff;
			}
		#MyP_RsvHis_Index li.ec-active {
			background-color: #ccc;
		}
			#MyP_RsvHis_Index li.ec-active a {
				text-decoration: underline;
			}
	/* .myp-rsvhis-tab */
	.myp-rsvhis-list {
		width: 760px;
	}
		.myp-rsvhis-list thead th {
			color: #333;
			background-color: #f0dfb7;
		}
		.myp-rsvhis-list th,
		.myp-rsvhis-list td {
			padding: 0 5px;
			text-align: left;
			vertical-align: middle;
		}
		.myp-rsvhis-list .myp-rsvhis-rsvno   { width: 150px; }
		.myp-rsvhis-list .myp-rsvhis-name    { width: 230px; }
		.myp-rsvhis-list .myp-rsvhis-rsvdate { width: 130px; }
		.myp-rsvhis-list .myp-rsvhis-staydate{ width: 130px; }
		.myp-rsvhis-list .myp-rsvhis-ctrl    { width: 60px; }
		.myp-rsvhis-list td.myp-rsvhis-rsvdate,
		.myp-rsvhis-list td.myp-rsvhis-staydate,
		.myp-rsvhis-list td.myp-rsvhis-ctrl {
			text-align: center;
		}
			.myp-rsvhis-list .myp-rsvhis-rsvno .hotel-name {
				margin-left: .5em;
				line-height: 1.5;
				color: #999;
			}
	
	/* #MyP_RsvDetail */
	#MyP_RsvDetail {
		width: 100%;
	}
		#MyP_RsvDetail th {
			width: 180px;
		}
			#MyP_RsvDetail .myp-rsvdet-heads {
				margin-top: 0;
				margin-bottom: 0;
				list-style: none;
			}
				#MyP_RsvDetail .myp-rsvdet-heads li {
					width: 50%;
					float: left;
				}
					#MyP_RsvDetail .myp-rsvdet-heads-caps {
						width: 13em;
						margin-right: 1em;
						text-align: right;
						display: inline-block;
					}


/* -------------------------------------
 * 申込完了
 */

.rsv-success {
	margin-bottom: 48px;
	text-align: center;
}
	.rsv-success .rsv-no {
		width: 360px;
		padding: 12px 0;
		margin: 0 auto 24px;
		font-size: 150%;
		line-height: 1.333;
		background-color: #fff;
		border: 3px solid #BAB4A1;
		border-radius: 3px;
	}
		.rsv-success .rsv-no strong {
			margin-left: .5em;
			font-weight: bold;
		}


/* -----------------------------------------------------------------------------
 * #Foot フッター部
 */

#Foot {
}
	#Foot p {
		margin-top: 0;
		margin-bottom: 0;
	}




	#Foot img {
		width:100%;
	}



/* -----------------------------------------------------------------------------
 * 新しく追加したクラス
 */


.mark{
	padding:5px;
	margin-right:5px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	}



.tli-meals .dinner{/* 夕食 */
	background: url(../img/icon_moon.gif) 5px center no-repeat #af6f15;
	padding-left: 20px;
	}

.tli-meals .breakfast{/* 朝食 */
	background: url(../img/icon_sun.gif) 5px center no-repeat #af6f15;
	padding-left: 20px;
	}


.edit_mark{
	padding: 1px 3px;
	color: #fff;
	background: #FFA500;
	float: right;
	cursor: pointer;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	

.box{
	background: url(../img/box_bg.jpg) right bottom no-repeat #f9f5f2;
	width:900px;
	padding:10px;
	border:1px solid #bab4a1;
	-moz-border-radius: 3px;
	border-radius: 3px;
	position:relative;
	color:#333;
	font-family: Helvetica,sans-serif!important;
	font-size: 12px;
	}



#tab{
	border-bottom:3px solid #836836;
	margin: 20px -20px 48px;
	text-align:center;
	}

#tab ul{
	list-style:none;
	margin:0;
	padding:0;
	}

#tab li{
	float:left;
	margin-left:8px;
	}
	
	#tab li a:hover img{
		filter:alpha(opacity=0);
		-moz-opacity: 0;
		opacity: 0;
		}
	
		#tab .tab_plan{
			background: url(../img/tab_plan_on.gif) right bottom no-repeat;
			}
		#tab .tab_room{
		background: url(../img/tab_room_on.gif) right bottom no-repeat;
			}
		#tab .tab_plan_en{
			background: url(../img/tab_plan_en_on.gif) right bottom no-repeat;
			}
		#tab .tab_room_en{
		background: url(../img/tab_room_en_on.gif) right bottom no-repeat;
			}
		#tab .tab_plan_ch{
			background: url(../img/tab_plan_ch_on.gif) right bottom no-repeat;
			}
		#tab .tab_room_ch{
		background: url(../img/tab_room_ch_on.gif) right bottom no-repeat;
			}
		#tab .tab_plan_chh{
			background: url(../img/tab_plan_chh_on.gif) right bottom no-repeat;
			}
		#tab .tab_room_chh{
		background: url(../img/tab_room_chh_on.gif) right bottom no-repeat;
			}
		#tab .tab_plan_ko{
			background: url(../img/tab_plan_ko_on.gif) right bottom no-repeat;
			}
		#tab .tab_room_ko{
		background: url(../img/tab_room_ko_on.gif) right bottom no-repeat;
			}


.mt45{
	margin-top:45px;
	}
	
.mb20{
	margin-bottom:20px;
	}


.pagetop{
	margin:5px 0 20px 0;
	text-align:right;
	background: #fff !important;
	}
.pagetop img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}
/*20170920 --start --------------
prevent multi click on cancel button*/
.disable_a_href{
    pointer-events: none;
    color: #fff !important;
    background: #ccc !important;
    border-color: #ccc !important;
}
/*20170920 --end --------------*/