/* 宿帳くんFrontierお客様画面 カスタムCSS */
@import url(/HpCss/basic.css);
@import url(/HpCss/ydf2_common.css);
*{
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	line-break: normal;
	margin: 0px auto;
}
body{
	background-color: #000;
	color: #fff;
}
hr{
	color: #cecece;
}
.MsgIcon{}
.BlackIcon{}
.Map{
	border-bottom: none ! important;
}
/* 入力必須項目 */
.Required{}
/* ページ右下住所 */
#Address{}
/* 注意メッセージエリア */
.attention{}

/* 上へ */
.ToTop{
background: url(../images/arrow.png) no-repeat center center;
	width: 35px;
	height: 35px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	text-indent: -9999px;
	font-size: 0;
	cursor: pointer;
	outline: 0;
}

/* パッケージプラン等のメッセージ */
div.ExclamationMsg{}
/* 特別値引きメッセージ */
div.YdfDiscountMsg{}
/* 事前決済プランメッセージ */
span.planpay{}
/******* UI Dialog用 *******/
.ui-widget-header {}
.ui-dialog .ui-dialog-title {} 
.ui-dialog .ui-dialog-content {}
.ui-dialog .ui-dialog-buttonpane {}
.ui-datepicker *{}
.ui-datepicker-calendar th{}

/* jBtn */
.ui-state-default{}
/* jBtnオーバー */
.ui-state-hover, .ui-state-focus{}
/******* カレンダー用 *******/
div.Calendar{}
/* カレンダー */
table.Calendar{}
table.Calendar th{}
table.Calendar td{}
table.Calendar .Weeklist{}	
table.Calendar .Otherday{}
table.Calendar .Weekday{}
table.Calendar .Saturday{}
table.Calendar .Holiday{}
table.Calendar .Today{}
table.Calendar td a{}
table.Calendar td a:hover{}
table.Calendar td div{}
table.Calendar td div b{}
div.Rsvaccepting{}
div.Rsvvacancy{}
div.Rsvinvalidity{}
div.Remain{}

/* プラン詳細カレンダーの月別ボタンのエリア */
#CalenNavi{}
input.Active{}
input.Deactive{}

/* プラン詳細ページの部屋タイプ一覧 */
table.CalenLeftList{}
table.CalenLeftList caption{}
table.CalenLeftList img.shadow{}

/* 日付検索テーブル */
table#Reserve{}
table#Reserve th{}
table#Reserve td{}
table#Reserve td div{}

/* プランコンテンツ */
div.YdfBodys{}
div.YdfList{}
table.YdfList{}
table.YdfList caption{}
table.YdfList caption img{}
table.YdfList th,
.ths{}
table.YdfList td{}
table.YdfInfo{}
table.YdfInfo td{}
table.YdfList td hr{}
/* プラン画像 */
div.YdfImage{}
table.YdfImages{}
table.YdfImages td{}
/* プラン名 */
div.YdfName{}
div.YdfName a{}
/* プランキャッチコピー */
div.YdfSubname{}
/* プラン詳細説明 */
div.YdfMemo{}
div.YdfMemo a{}

div.SideMenu{}
div.YdfSideMenu{}
/**************************/
/* 大外枠 */
div.Main{
	border: 0px solid #ff0000;
	max-width: 1000px;
	box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
}
/****************************/
/* ページヘッダー */
div.Bodyheader{
	text-align: center;
	border: 0px solid #000000;
	margin: 0 auto;
	width: 95%;
}
div.Bodyheader h1{
	display: block;
	background: url(images/header_pic.png) no-repeat center;
	width: 100%;
	height: 150px;
	text-indent: -9999px;
}
div.Flash{
}
/****** Menu表示 ******/
div.Menus{
}
/****** コンテンツ表示 ******/
div.Bodys{
	margin: 0px;
	padding: 0px 25px;
	text-align: center;
	border: 0px solid #0000ff;
	line-height: 1.2em;
}
#tabs-menu{
	display: block;
	margin: 20px auto 15px auto;
	width: 100%;
	line-height: 2em;
	padding: 3px 0px;
	text-align:center;
	overflow: auto;
}
#tabs-menu li{
	list-style: none;
	float: left;
}
.jBtn:not(input){
	width: 200px;
	display: inline-block;
	margin-right: 8px;
}
/****** テーブル用クラス ******/
table.Basictable{
	clear: both;
	width: 100%;
	margin: 10px auto;
}
table.Basictable th{
	background: none #070707 ! important;
	padding: 5px;
	text-align: left;
	border: 1px solid #cecece;
	border-left: 5px solid #ff0000;
}
table.Basictable td{
	text-align: left;
	padding: 0px 5px;
	margin: 3px;
	/*border-bottom:1px solid #fff;*/
	border: 1px solid #cecece;
}
table.Basictable td a{
	border-bottom: 1px dotted #6D504B;
}
table.Basictable td a:link {
	color: #FF6666;
	text-decoration: none;
}
table.Basictable td a:visited,
table.Basictable td a:hover,
table.Basictable td a:active{
	color: #996666;
}
th.Title{
	text-align: center;
	border: none ! important;
	font-size: 14pt;
}
td div.Kei{
	margin-top: 10px;
	padding: 5px 0px;
	font-size: 14pt;
	white-space:nowrap;
}
td div.Stayout{
	background: url(/HpImages/cancel_16x16.png) no-repeat 15px center;
	padding-left: 50px ! important;
}
td div.Full{
	background: url(/HpImages/cancel_16x16.png) no-repeat left center;
	width: 3em;
	padding-left: 10px;
	margin: 0 0 0 auto;
	text-align: right;
}
td div.Error{
	background: url(/HpImages/exclamation_16.png) no-repeat 15px center;
	padding-left: 50px ! important;
}
div.Meisai{
	display: none;
	white-space:nowrap;
}
#MeisaiBtn{
	font-size: 9pt;
	display: block;
	/*border: none ! important;*/
}
#SerachCondition{
}
#Resulttable{
	margin-top: 15px;
	border-collapse: separate;
	border: 3px solid #999;
	border-spacing: 2px 1px;
	background-color: #fff;
	-webkit-border-radius: 0px 0px 10px 10px;
	-moz-border-radius:  0px 0px 10px 10px;
	border-radius:  0px 0px 10px 10px;
}
#Resulttable caption{
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	font-size: 16pt;
	text-align: left;
	padding: 15px;
	background-color: #666;
	color: #fff;
}
#Resulttable thead td{
	text-align: center;
	background-color: #ebebeb;
	vertical-align: middle;
}
#Resulttable th,
#Resulttable td{
	background-color: #fff;
	color: #000;
	vertical-align: top;
	margin: 3px;
	padding: 10px;
}

/******************/
div.Bodyfooter{
	font-family: "ＭＳ Ｐゴシック";
	clear: both;
	text-align: center;
	font-size: 10pt;
	padding: 8px 0px 150px 0px;
	border: 0px solid #000000;
	word-break: keep-all;
}
div.Bodyfooter a{
	color: #503F1E;
	text-decoration: none;
}
/******************/
div.Powered{
	background: url(/HpImages/copybak.gif) #e6e6e6 center left repeat;
	width: 100%;
	height: 10px;
	font-size: 8pt;
	text-align: center;
	border: 0px solid #000000;
}
div.Powered a{
	font-family: "ＭＳ Ｐゴシック";
	color: #999;
	margin: 5px;
	text-decoration: none;
}