@charset "Shift_JIS"; 

/*--top_box_wrap--*/
#top_box_wrap {
width: 100%;
background: url(../img/bg_top.jpg) 0 0 repeat-x;
height: 353px;
}


/*--top_box--*/
#top_box {
width: 1280px;
height: 510px;
background: url(../esute/img/esute_top.jpg) 0 0 no-repeat;
margin: 0 auto;
background-color:#000000;
position: relative;
}

.gengo_wrap {
width: 200px;
overflow: hidden;
position: absolute;
top: 25px;
right: 176px;
}

.gengo_box {
width: 200px;
}

.gengo_box ul {
width: 192px;
overflow: hidden;
background: url(../img/gengo_arrow.png) 0 0 no-repeat;
padding-left: 17px;
}

.gengo_box li {
float: left;
padding-left: 9px;
}

.bars {
width: 191px;
clear: both;
}

/*--header_wrap--*/
#header_wrap {
width: 100%;
margin: 0 auto;
position: absolute;
top: 164px;
left: 0px;
}

/*--header--*/
#header {
width: 1280px;
height: 189px;
margin: 0 auto;
background: url(../img/yufudake_bg.png) 0 0 no-repeat;
z-index: 2;
}

#header h1 {
background: url(../img/top_logo.png) 0 0 no-repeat;
width: 206px;
height: 126px;
text-indent: -9999px;
margin-left: 189px;
margin-bottom: 12px;
}

#header h1 a {
width: 206px;
height: 126px;
display: block;
}

/*--h_nav--*/
#h_nav {
width: 932px;
overflow: hidden;
margin: 0 auto;
}

#h_nav ul li {
float: left;
display: inline;
}

#h_nav li a {
height: 34px;
text-indent: -9999px;
background-repeat:no-repeat;
background-position: top left;
display: block;
/*Hide Mac-IE\*/
overflow:hidden;
/**/
}

#h_nav .bt1 a {
width: 65px;
background-image: url(../img/na1.png);
}

#h_nav .bt2 a {
width: 65px;
background-image: url(../img/na2.png);
}

#h_nav .bt3 a {
width: 106px;
background-image: url(../img/na4.png);
}

#h_nav .bt4 a {
width: 94px;
background-image: url(../img/na5.png);
}

#h_nav .bt5 a {
width: 162px;
background-image: url(../img/na6.png);
}

#h_nav .bt6 a {
width: 151px;
background-image: url(../img/na7.png);
}

#h_nav .bt7 a {
width: 75px;
background-image: url(../img/na8.png);
}

#h_nav .bt8 a {
width: 137px;
background-image: url(../img/na9.png);
}

#h_nav .bt9 a {
width: 77px;
background-image: url(../img/na3.png);
}


#h_nav li a:hover {
background-position: left bottom;
}

/*--contents_wrap--*/
#contents_wrap {
width: 1280px;
overflow: hidden;
margin: 0 auto;
text-align: left;
position: relative;
z-index: 6;
padding-top: 10px;
}



/*--contents--*/
#contents {
width: 950px;
overflow: hidden;
margin: 0 auto;
}

/*--left_box--*/
#left_box {
width: 640px;
float: left;
overflow: hidden;
}

/*--nav1--*/
.nav1 {
width: 667px;
overflow: hidden;
float: left;
padding-left: 0px;
padding-bottom: 6px;
}


.nav1 ul li {
float: left;
display: inline;
padding-left: 7px;
}

.nav1 li a {
width: 200px;
height: 80px;
text-indent: -9999px;
background-repeat:no-repeat;
background-position: top left;
display: block;
/*Hide Mac-IE\*/
overflow:hidden;
/**/
}

.nbt1 {
margin-left: 18px;
}

.nbt4 {
margin-left: 18px;
}

.nav1 .nbt1 a {
background-image: url(../img/onsen_im.jpg);
}

.nav1 .nbt2 a {
background-image: url(../img/ryouri_im.jpg);
}

.nav1 .nbt3 a {
background-image: url(../img/room_im.jpg);
}

.nav1 .nbt4 a {
background-image: url(../img/esute_im.jpg);
}

.nav1 .nbt5 a {
background-image: url(../img/plan_im.jpg);
}

.nav1 .nbt6 a {
background-image: url(../img/konrei_im.jpg);
}

.nav1 li a:hover {
background-position: left bottom;
}

/*--sub_title--*/
.sub_title {
width: 640px;
height: 75px;
overflow: hidden;
background: url(../img/bg_maru.jpg) 0 0 no-repeat;
}

/*--sub_title2--*/
.sub_title2 {
width: 640px;
height: 75px;
overflow: hidden;
background: url(../img/bg_maru.jpg) 0 0 no-repeat;
}

.sub_t1 {
background: url(../img/hitotoki.png) 0 0 no-repeat;
width: 146px;
height: 27px;
text-indent: -9999px;
margin-left: 27px;
}

.subb {
padding-left: 27px;
}

.sub_t2 {
background: url(../img/tabinootetudai.png) 0 0 no-repeat;
width: 164px;
height: 27px;
text-indent: -9999px;
margin-left: 27px;
}

.subbb {
padding-left: 27px;
}

.sub_title2 {
width: 640px;
height: 75px;
overflow: hidden;
background: url(../img/bg_maru.jpg) 0 0 no-repeat;
}

/*--m_mag--*/
#m_mag {
width: 270px;
height: 155px;
overflow: hidden;
background: url(../img/bg_right_meru.jpg) 0 0 no-repeat;
margin: 5px 0 0px 7px;
}

.haisin {
color: #666666;
font-size: 11px;
padding-top: 40px;
padding-bottom: 4px;
padding-left: 15px;
}

.sample {
height: 21px;
padding-left: 19px;

}

.sample p {
float: left;
}

.bar {

float: left;
margin-top: 7px;
}

.paddn {
padding-left: 10px;
}

.bt_sample {
padding-top: 7px;
}

.bt_sample a {
width: 235px;
height: 35px;
background: url(../img/bt_mar.jpg) top left no-repeat;
text-indent: -99999px;
background-repeat:no-repeat;
display: block;
/*Hide Mac-IE\*/
overflow:hidden;
/**/
}

.bt_sample a:hover {
background-position: left bottom;
}

/*--news--*/
#news {
width: 613px;
height: 145px;
background: url(../img/i_frame.jpg) 0 0 no-repeat;
overflow: hidden;
margin: 0px 0 17px 24px;
}
#news iframe{
margin: 51px 0 0px 0px;
}


.tex1 {
font-weight: bold;
padding: 0 0 17px 24px;
}

.tex2 {
padding-left: 24px;
}

/*--right_box--*/
#right_box {
width: 282px;
float: left;
overflow: hidden;
padding-left: 8px;
}

.kuwasiku {
margin: 60px 0 10px 184px;
}


#kensaku {
background: url(../img/bg_yoyaku.jpg) 0 0 no-repeat;
width: 270px;
height: 320px;
overflow: hidden;
margin-left: 7px;
}

#kensaku iframe {
margin-top: 9px;
margin-left: 14px;
}


.yoyakutex {
width: 245px;
overflow: hidden;
font-size: 11px;
padding-top: 8px;
padding-left: 13px;
}

.yoyakutex a:link {
text-decoration: none;
color: #333333;
}

.yoyakutex a:visited {
text-decoration: none;
color: #333333;
}

.yoyakutex a:hover {
text-decoration: underline;
color: #666666;
}

.yoyakutex a:active {
text-decoration: none;
color: #333333;
}


.yoyakutex li {
width: 245px;
border-bottom: 1px solid #ffffff;
padding-left: 4px;
}


.yoyaku {
	width: 270px;
	height: 400px;
	background-color: #BFBFBF;
	background: url(../img/bg_yoyaku.jpg) 0 0 no-repeat #BFBFBF;
	margin: 0 auto;
	overflow: hidden;
}

/*---yoyaku */
h4 {
	margin		 : 0;
	padding		 : 0;
	font-size	 : 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#booking_inner {
	width		 : 230px;
	height: 275px;
	margin		 : 0;
	padding		 : 0;
	line-height	 : 130%;
	font-size	 : 12px;
	margin: 0 auto;
	color: #333;
	background-color: #FFF;
}

.bookingengine {
	color		 : #666666;
}
.booking {
	font-size	 : 14px;
	font-weight	 : bold;
	padding-bottom: 3px;
}
.booking_date {
	margin		 : 0 auto;
	padding-left: 12px;
	float		 : left;
	display		 : block;
	margin: 0 auto;
}


.booking_date .button {
	padding-top: 5px;
	display		 : block;

}


.booking_date_2col {
	float		 : left;
	display		 : block;
	width		 : 80px;
	margin-right	 : 4px;
	padding		 : 0 5px;
}
input,select {
	padding		 : 2px 2px;
	overflow: hidden;
}
input.button {
	width		 : 200px;
	overflow: hidden;
	margin		 : 10px 0 0 4px;
}

hr {
	clear		 : both;
	width		 : 98%;
	height		 : 0;
	margin		 : 0;
	padding		 : 0;
	border		 : none;
	border-bottom	 : 1px dotted #CCCCCC ;
}




#ryokinarea {
	width		 : 100%;
	margin		 : 0;
	padding		 : 5px;
	
}

#ninzuarea {
	width		 : 180px;
	margin		 : 0 auto;
	padding		 : 5px;
	border-bottom: solid 1px #333333;
	line-height: 200%;
}


#nitteiarea {
	width		 : 180px;
	margin		 : 0 auto;
	padding		 : 5px;
	border		 : none;
	line-height: 200%;
	border-bottom: solid 1px #333333;
}

#searchtypearea {
	width		 : 100%;
	margin		 : 0;
	padding		 : 5px;
	border		 : none;
	display: none;
	border-bottom: none;
}

#searchtypearea label {
	display: none;
}

input#chkymd,
input#chkpsn {
	margin		 : 0;
	padding		 : 0;
}

#calidif,
#apple_overlayif {
	width		 : 0;
	height		 : 0;
	position	 : absolute;
	display		 : block;
}


#kensaku iframe {
margin-top: 9px;
margin-left: 14px;
}

.kuwasiku {
margin: 60px 0 10px 184px;
}



.yoyakutex {
width: 245px;
overflow: hidden;
font-size: 11px;
padding-top: 8px;
padding-left: 13px;
}

.yoyakutex a:link {
text-decoration: none;
color: #333333;
}

.yoyakutex a:visited {
text-decoration: none;
color: #333333;
}

.yoyakutex a:hover {
text-decoration: underline;
color: #666666;
}

.yoyakutex a:active {
text-decoration: none;
color: #333333;
}


.yoyakutex li {
width: 245px;
border-bottom: 1px solid #ffffff;
padding-left: 4px;
}

.kuwasiku2 {
padding: 19px 0 0 184px;
}


/*--plan--*/
#plan {
background: url(../img/plan_bg.jpg) 0 0 no-repeat;
width: 282px;
height: 424px;
}

#plan iframe {
margin: 8px 0 0 11px;
}
.kuwasiku2 {
padding: 25px 0 0 184px;
}



#f_nav_wrap {
width: 100%;
margin: 0 auto;
overflow: hidden;
background: url(../img/bg_nav2.jpg) 0 0 repeat-x;
overflow: hidden;
clear: both;
margin-top: 18px;
margin-bottom: 14px;
}

#f_nav_wrap2 {
width: 1280px;
margin: 0 auto;
overflow: hidden;
}

/*--f_nav1--*/
#f_nav1 {
width: 960px;
height: 37px;
margin: 0 auto;
overflow: hidden;

}

#f_nav1 ul li {
float: left;
display: inline;
padding-left: 2px;
}

#f_nav1 li a {
height: 35px;
text-indent: -9999px;
background-repeat:no-repeat;
background-position: top left;
display: block;
/*Hide Mac-IE\*/
overflow:hidden;
/**/
}

#f_nav1 .fbt1 a {
width: 185px;
background-image: url(../img/bt9.png);
}

#f_nav1 .fbt2 a {
width: 141px;
background-image: url(../img/bt10.png);
}

#f_nav1 .fbt3 a {
width: 114px;
background-image: url(../img/bt11.png);
}

#f_nav1 .fbt4 a {
width: 49px;
background-image: url(../img/bt12.png);
}

#f_nav1 .fbt5 a {
width: 114px;
background-image: url(../img/bt13.png);
}

#f_nav1 .fbt6 a {
width: 50px;
background-image: url(../img/bt14.png);
}

#f_nav1 .fbt7 a {
width: 62px;
background-image: url(../img/bt15.png);
}

#f_nav1 .fbt8 a {
width: 138px;
background-image: url(../img/bt16.png);
}

#f_nav1 .fbt9 a {
width: 84px;
background-image: url(../img/bt17.png);
}

#f_nav1 li a:hover {
background-position: left bottom;
}

/*--footer_wrap--*/
#footer_wrap {
width: 100%;
overflow: hidden;
text-align: left;
}

/*--footer_wrap--*/
#footer_wrap {
width: 1280px;
overflow: hidden;
margin: 0 auto;
}


/*--p_top--*/
.p_top {
margin-left: 789px;
margin-bottom: 16px;
}

.p_top a {
width: 128px;
height: 13px;
background: url(../img/p_top.jpg)  top left no-repeat;
text-indent: -99999px;
background-repeat:no-repeat;
display: block;
/*Hide Mac-IE\*/
overflow:hidden;
/**/
}

.p_top a:hover {
background-position: left bottom;
}

#footer_in_box {
width: 905px;
overflow: hidden;
margin: 0 auto;
}

.footer_in_box_left {
width: 318px;
overflow: hidden;
float: left;
}

.footer_in_box_left p {
float: left;
}

.footer_in_box_left .f_logo {
background: url(../img/footer_logo.jpg) 0 0 no-repeat;
width: 160px;
height: 68px;
text-indent: -9999px;
float: left;
margin-left: 30px;
margin-top: 7px;
}

.footer_in_box_right {
width: 587px;
overflow: hidden;
float: left;
}

.footer_in_box_right address {
padding-top: 15px;
float: left;
}

.footer_in_box_right p {
float: left;
padding-left: 32px;
}

#f_nav2 {
clear: both;
width: 905px;
margin: 0 auto;
overflow: hidden;
padding-top: 21px;
}

#f_nav2 ul li {
float: left;
}

.bo {
clear: both;
padding-top: 14px;
padding-bottom: 25px;
}
.b_bana2 {
	overflow: hidden;
	margin-left: 5px;
	padding-bottom: 5px;
}


/* 検索テーブル */
#search { background: url(../img/ken_bak.jpg) 0 0 no-repeat; width: 245px; height: auto; margin: 8px 0 0 13px; color: #000000; padding-top: 25px;}

/* 検索テーブルのラベル列と入力列 */
#search table {width: 214px; margin: 0px 0 0 0px; border:none; text-align: center;}
#search table th, #search table td{ border:none; }
#search table td {padding-bottom: 10px; padding-left: 15px;}
#search table th{ padding:0 0 0 0px; font-weight:normal; }
#search input.digits{ ime-mode:disabled; text-align:right; font-size:80%; }

/* 年月セレクト */
#search .year_month_489ban{ margin:0 0 0 0px; }

/* 日セレクト */
#search .day_489ban{ margin-left:5px; }
#search_title_489ban{display:none;}
/* 部屋の行 */
/* #tr_room_489ban{ display:none; } */

/* 人数の行 */
/* #tr_person_489ban{ display:none; } */

/* 部屋数の行 */
/* #tr_room_489ban{ display:none; } */
/* 検索ボタン */
#search_button_489ban{ width:220px; height: 30px; margin:2px 0 0px 0px; padding:0 0px; background: url(../img/bt_yoyaku.jpg) 0 0 no-repeat; text-indent: -9999px; display: block;}




.zei {
	font-size: 11px;
}