/* 宿帳くんFrontierお客様画面 カスタムCSS */
@import url(/HpCss/www.homepe.net/ydfcommon.css);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif);
*{}
html{
	background: url(https://www.tobu-hoyojo.jp/images/bg.jpg) repeat-x top left;
}
body{
	background: url(https://www.tobu-hoyojo.jp/images/footer.jpg) repeat-x bottom left;
}
hr{
	color: #cecece;
}
.MsgIcon{}
.BlackIcon{}

/* 入力必須項目 */
.Required{}
/* ページ右下住所 */
#Address{}
/* 注意メッセージエリア */
.attention{}

/* 上へ */
.ToTop{}

#BackBtn{
	position: absolute;
	margin-top: 0;
	top: 5px;
	right: 5px;

	width: 210px;
	height: 34px;
	line-height: 34px;
	font-size: 12pt;
	color: #fff;
	text-decoration: none;
	background-color: #0960af;
	background-image: none;
	
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;

	/* box-shadow */
	box-shadow:rgba(66,66,66, 0.65098) 0px 0px 6px 3px inset;
	-webkit-box-shadow:rgba(66,66,66, 0.65098) 0px 0px 6px 3px inset;
	-moz-box-shadow:rgba(66,66,66, 0.65098) 0px 0px 6px 3px inset;
}
#BackBtn:hover{
	background-color: #6ea2d4;
}

#Search,
#SearchCondition{
	display: none;
}
#SelectedPlan{
	margin-top: 0;
}
.StdBtn{
	background: url(https://www.tobu-hoyojo.jp/images/btn.png) no-repeat 0 0;
	width: 210px;
	height: 38px;
	line-height: 38px;
	font-size: 12pt;
	color: #fff;
	border: none;
}
.SmallBtn{
	background-color: #006db8;
	padding: 3px;
}
input.HighBtn{
	text-align: center;
}
/* パッケージプラン等のメッセージ */
div.ExclamationMsg{}
/* 特別値引きメッセージ */
div.YdfDiscountMsg{}
/* 事前決済プランメッセージ */
span.planpay{}
/******* UI Dialog用 *******/
.ui-widget-header { font-family: "Arial Black","メイリオ", "ＭＳ Ｐゴシック", sans-serif; }
.ui-dialog .ui-dialog-title {} 
.ui-dialog .ui-dialog-content {}
.ui-dialog .ui-dialog-buttonpane {}
.ui-datepicker *{ font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;	}
.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{
	width: 950px ! important;
	float:none ! important;
}
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.YdfSideMenu{
	display: none;
}
/**************************/
/* 大外枠 */
div.Main{
	width: 950px;
	margin: 0px auto;
	border: 0px solid #ff0000;
	/*background: url(https://www.tobu-hoyojo.jp/images/bg.jpg) repeat-x  left 350px;*/
	position: relative;
}
/****************************/
/* ページヘッダー */
div.Bodyheader{
	min-width: 950px;	/* 内寸750 + border-left + border-right = 756 (NN用)*/
	text-align: center;
	height: 110px;
	overflow:hidden;
	border: 0px solid #000000;
}
div.Bodyheader a{
	background: url(https://www.tobu-hoyojo.jp/images/logo.jpg) no-repeat left top;
	width: 250px;
	height:110px;
	display:block;
	float: left;
	border: 0px solid #f00;
}
div.Bodyheader h1{
	font-size: 9pt;
	text-align: right;
	text-decoration: none;
	height: 12px;
	color: #025bad;
	cursor: default;
	border: 0px solid #ff0000;
	width: 900px;
}
div.Flash{
	position: absolute;
	top: 110px;
	border: 0px solid #f00;
	left: -12%;
	z-index: 1;
	width: 1200px;
	height: 300px;
	overflow: hidden;
}
/****** SubMenu(dropmenu) ******/
nav{
	position: absolute;
	top: 50px;
	left: 220px;
	margin: 0 auto;
	height: 70px;
	width: 730px;
	padding: 0 0 0 0px;
	border: 0px solid #ff0;
	/*
	position: relative;
	top: 0;
	margin: 0 auto;
	height: 70px;
	overflow:hidden;
	*/
}
div.Menus{
	height: 75px;
}
div.Menus *{
	margin:0;
	padding:0;
}
/****** SubMenu(dropmenu) ******/
div.Menus .dropdown{
	list-style:none;
}
div.Menus .dropdown li:first-child{
	border-left: 1px solid #cecece;
}
div.Menus .dropdown li{
	position:relative;
	float:left;
	display: block;
	width: 103px;
	height:45px;
	text-align: center;
	font-size: 12pt;
	border-right: 1px solid #cecece;
}
div.Menus .dropdown a, 
div.Menus .dropdown a:active,
div.Menus .dropdown a:visited {
	font-family:"HGP創英ﾌﾟﾚｾﾞﾝｽEB","ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	text-shadow: 1px 1px 1px #cecece;
	width:100%;
	font-weight: bold;
	padding: 10px 0px 15px 0px;
	color: #000;
	display:block;
	text-decoration:none;
	background: url('/images/menu_1.png') center bottom no-repeat;
}
div.Menus .dropdown a:hover{
	background: url('/images/menu_2.png') center bottom no-repeat;
	color:#005BAB ! important;
}
div.Menus .dropdown li div{
	font-family: 'Droid Serif', serif;
	font-weight: normal ! important;
	font-size: 8.5pt;
	color: #5292C9;
	margin-top: 3px;
}
/****** SubMenu(dropmenu)ここまで ******/

/****** コンテンツ表示 ******/
div.Bodys{
	position: relative;
	z-index: 10;
	width: 950px;
	min-height: 500px;
	height: 100%;
	margin: 0 auto;
	margin-top: 280px;
	padding: 0px;
	border:0px solid #ff0;
}
div.Bodys:after{
	content: ".";
	height: 0px;
	clear: both;
	display: block;
	visibility: hidden;
}
div.Contents{
	width:678px;
	padding: 10px;
	vertical-align: top;
	text-align: center;
	border: 0px solid #0000ff;
	line-height: 1.2em;
	float:left;
	min-height: 500px;
	margin-top: 20px;
	background: url(https://www.tobu-hoyojo.jp/images/body_bg.jpg) repeat-x left top #fff;
}
div.SideMenu{
	margin-top: -32px;
	width: 250px;
	float: right;
	background: url(https://www.tobu-hoyojo.jp/images/sidebg.jpg) repeat-y center bottom #E7F5FF;
	border: 1px solid #fff;
	padding-bottom: 20px;
	min-height: 500px;
}
div.PageMenu,
div#PageMenu{
	/*margin-top: -106px;*/
	background: url(https://www.tobu-hoyojo.jp/images/sidemenu.jpg) no-repeat center top #E7F5FF;
	/* borderがないと背景画像がずれる */
	border-top: 1px solid #fff;
}
div.PageMenu h2,
div#PageMenu h2{
	width: 250px;
	height: 50px;
	/*line-height: 50px;*/
	letter-spacing: 0.2em;
	color: #fff;
	font-size: 14pt;
	text-align: center;
}
div.PageMenu a,
div#PageMenu a{
	display:block;
	width: 224px;
	text-align: left;
	color:#025bad;
	text-decoration:none;
	padding: 5px;
	border: 3px outset #025bad;
	margin: 3px 5px;
}
div.PageMenu a:hover,
div#PageMenu a:hover{
	color:#025bad;
	background-color: #73a8d0;
	border: 3px outset #73a8d0;
	/*text-decoration:underline;*/
}
div.SubMain{
	text-align: center;
}
/********* コメント表示 *********/
#PageTitle{
	margin:0px;
	margin-left: 10px; 
	margin-top: 10px;
}
#Comments{
	margin-bottom: 10px;
	padding: 10px;
	text-align: left;
	font-size: medium;
	font-weight: bold;
	width: 100%;
}
/****** テーブル用クラス ******/
/* 汎用テーブル */
table.Layout{
}
table.Layout td{
	line-height:1.5em;
	padding-bottom: 20px;
}
.Update{
	font-weight: bold;
	margin-right: 30px;
}
.Caption{
	padding: 1em;
	font-size: large;
	border: 0px solid #ffffff;
	background: url(/HpImages/bg_gra_h.png) repeat-x left -120px #2675b8;
}
.Title{
}

table.Basictable{
	width: 100%;
	border-collapse: collapse;
}
table.Basictable th{
	background-image: none;
	text-align: center;
	padding: 3px;
	background-color: #166ab3;
	color: #fff;
	border:1px solid #2d4193;
}
table.Basictable td{
	font-size: small;
	text-align: left;
	padding: 8px 5px;
	color: #4C2C2C;
	border:1px solid #2d4193;
}
/******************/
div.Bodyfooter{
	/*
	position: relative;
	z-index: 10;
	*/
	bottom: 0;
	clear: both;
	width: 950px;
	margin: 10px auto 0px auto;
	font-family: "ＭＳ Ｐゴシック";
	text-align: center;
	font-size: 10pt;
	padding: 50px 0px 0px 0px;
	background: url(https://www.tobu-hoyojo.jp/images/footer.jpg) repeat-x bottom left;
	border: 0px solid #000000;
	word-break: keep-all;
	min-height:200px;
}
div.Bodyfooter a{
	color: #503F1E;
	text-decoration: none;
}
/******************/
div.Powered{
	/*
	background: url(/HpImages/copybak.gif) #e6e6e6 center left repeat;
	width: 950px;
	*/
	background-image: none;
	background-color: transparent;
	width: 100%;
	margin: -20px auto 0px auto;
	height: 14px;
	font-size: 8pt;
	text-align: center;
	border: 0px solid #000000;
	overflow: hidden;
	
	color: #fff;
	text-align: center;
	font-size: 10pt;
	line-height: 1em;
	padding-bottom: 5px;
}
div.Powered a{
	font-family: "ＭＳ Ｐゴシック";
	color: #999;
	margin: 5px;
	text-decoration: none;
}