@charset "utf-8";
/* ===================================================
	Reset
====================================================== */
#customer_header *,
#customer_footer * { -webkit-box-sizing: content-box; box-sizing: content-box;}

#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6 { margin: 0;}

#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_footer ul,
#customer_footer ol,
#customer_footer li { padding: 0; margin: 0; list-style-type: none;}

#customer_header dl,
#customer_footer dl { padding: 0; margin: 0;}

#customer_header p,
#customer_footer p { padding: 0; margin: 0;}


/* ===================================================
	Custom CSS
	※ 予約番自体のコンテンツに影響するのを避けるため、
	　必ず #customer_header または #customer_footer からの継承で記述してください。
====================================================== */
body { min-width: 1100px; background: #FFFFFF url(../img/bg.jpg) 50% bottom no-repeat;}

#customer_header,
#customer_footer {
	font-size: 0.85em;
	line-height: 1.6em;
	color: #333333;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}

#customer_header #header_wrap,
#customer_header #nav_wrap,
#customer_footer #footer_wrap {
	padding: 0; margin: 0;
}

#customer_header #header,
#customer_header #gnav ul,
#customer_footer #footer {
	width: 1100px; max-width: 100%; padding: 0; margin: 0 auto;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}

#customer_header a,
#customer_footer a { border:none; outline:none; color: #000; text-decoration: none;}
#customer_header a:hover,
#customer_footer a:hover { color: #555; text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}

#customer_header hr,
#customer_footer hr { display:none;}

#customer_header img,
#customer_footer img { max-width: 100%;}

#customer_header .ver_sp,
#customer_footer .ver_sp { display: none;}

@media screen and (orientation:landscape) {
	body { width: 100%;}
}
@media screen and (max-width: 768px) {
	body { min-width: 0;}

	#customer_header .ver_pc,
	#customer_footer .ver_pc { display: none;}
	#customer_header .ver_sp,
	#customer_footer .ver_sp { display: inline;}
}


/* Header
------------------------------------------------------ */
#customer_header h1{ width:1100px; margin:0 auto; font-size:0.85em; padding:2px 0;}
#customer_header #h_wrapper { background:url(../img/hw_bg.png) 0 bottom repeat-x; height:201px; position:relative; z-index:1; overflow-x: hidden; padding:149px 0 0 0; }
/* #customer_header #h_wrapper { height:200px;} */
#customer_header #header { background:url(../img/h_bg.png) center top no-repeat; width:1200px; margin:0 auto; /display:inline-block;}
#customer_header #header:after{ content:" " ; clear:both; display:block; height:0;}
#customer_header #header #logo{ float:left; padding:40px 35px 0 85px;}

/* gnavi */
#customer_header #gnav ul { padding-top:80px; width: 1106px;}
#customer_header #gnav ul:after{ content:" " ; clear:both; display:block; height:0;}
#customer_header #gnav li { float:left;}
#customer_header #gnav li a { display:block;}
#customer_header #gnav li.nav1 a:hover,
#customer_header #gnav li.nav2 a:hover,
#customer_header #gnav li.nav3 a:hover,
#customer_header #gnav li.nav4 a:hover,
#customer_header #gnav li.nav5 a:hover,
#customer_header #gnav li.nav6 a:hover,
#customer_header #gnav li.nav7 a:hover { background:url(../img/nav_on.png) 0 0 no-repeat;}
#customer_header #charm #gnav li.nav1,
#customer_header #spa #gnav li.nav2,
#customer_header #dish #gnav li.nav3,
#customer_header #room #gnav li.nav4,
#customer_header #facilities #gnav li.nav5,
#customer_header #guide #gnav li.nav6,
#customer_header #access #gnav li.nav7{ background:url(../img/nav_on.png) 0 0 no-repeat;}

/*検索・お問い合わせ*/
#customer_header #search_col { padding:24px 0 0 90px;/display:inline-block;}
#customer_header #search_col:after{ content:" " ; clear:both; display:block; height:0;}
#customer_header #search_col #search{ float:left; width:280px; padding:10px 0 0 0;/display:inline-block;}
#customer_header #search_col #search:after { content:" " ; clear:both; display:block; height:0;}
#customer_header #search_col #search img{ padding:0 5px 0 0; margin:5px 0 0 0; float:left;}
#customer_header #search_col #search tabel{ float:left;}
#customer_header #search_col ul { float:left; padding:10px 0 0 35px;/display:inline-block;}
#customer_header #search_col ul:after{ content:" " ; clear:both; display:block; height:0;}
#customer_header #search_col ul li { float:left; padding-right:5px;}
#customer_header #search_col p { float:left; padding:15px 0 0 15px;}
#customer_header #search_col a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

/* 下層共通 */
/* title */
#customer_header #title_col { width:1100px; height:300px; margin:-350px auto 0 auto; padding-bottom:50px;}
#customer_header #title_col h2 { text-align:center;}
#customer_header #title_col { background:url(../img/title.jpg) 0 0 no-repeat;}
/* パンくずリスト */
#customer_header #breadcrumbs { width:1100px; margin:0 auto; text-align:right; padding:10px 0 30px 0;}
#customer_header #breadcrumbs li {
	display: inline;
	color: #333;
}
#customer_header #breadcrumbs li span { display:inline-block; padding:0px 7px;}
#customer_header #breadcrumbs li a { color:#fff; text-decoration:none; color:#d86c00;}
#customer_header #breadcrumbs li a:hover { text-decoration:underline;}


/* Footer
------------------------------------------------------ */
#customer_footer #f_wrapper { background:url(../img/f_bg.png) 0 0 repeat;}
#customer_footer #f_wrapper p#copy {
	display: block;
	clear: both;
	color: #333;
	line-height: 1.5em;
	text-align: center;
	padding: 10px 0;
	background-color: #CCCCCC;
	font-size: 14px;
}

#customer_footer #footer { width:1100px; margin:0 auto;/display:inline-block;}
#customer_footer #footer:after{ content:" " ; clear:both; display:block; height:0;}
#customer_footer #footer #pagetop { float:right; padding-right:20px; margin-top:-35px;}
#customer_footer #footer #pagetop:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#customer_footer #footer #address_col {
	float: left;
	width: 325px;
	color: #333333;
	padding: 35px 50px 30px 0;
/display:inline-block;}
#customer_footer #footer #address_col:after{ content:" " ; clear:both; display:block; height:0;}
#customer_footer #footer #address_col address { padding-top:25px; font-size: 14px;}

#customer_footer #footer ul.f_nav { float:left; width:150px; padding-top:30px;/display:inline-block;}
#customer_footer #footer ul.f_nav:after{ content:" " ; clear:both; display:block; height:0;}
#customer_footer #footer ul.f_nav li { width:150px; background:url(../img/f_icon.png) 0 10px no-repeat; padding:0 0 3px 10px; font-size: 14px; line-height: 1.5;}
#customer_footer #footer ul.f_nav li a { display: inline-block; color:#333333; text-decoration:none;}
#customer_footer #footer ul.f_nav li a:hover { text-decoration:underline;}

#customer_footer #footer div { float:right; width:345px; padding:5px 20px 20px 0;}
#customer_footer #footer div ul { padding-top:10px;/display:inline-block;}
#customer_footer #footer div ul:after{ content:" " ; clear:both; display:block; height:0;}
#customer_footer #footer div ul li { float:left; padding-right:5px;}
#customer_footer #footer div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#customer_footer #footer div img.tel { padding-top:10px;}


/* clear
------------------------------------------------------ */

#customer_header #header:after,
#customer_header #nav_wrap:after,
#customer_header #gnav ul:after,
#customer_footer #footer:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	更新履歴
------------------------------------------------------



------------------------------------------------------ */