@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: url(../img/bg.jpg);}

#customer_header,
#customer_footer {
	color: #fcfafa; font-size: 14px; font-weight: normal; line-height: 1.6;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	-webkit-text-size-adjust: 100%;
}

#customer_header a,
#customer_footer a { text-decoration: underline;}
#customer_header a:hover,
#customer_footer a:hover { text-decoration: none;}

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


/* Header
------------------------------------------------------ */
#customer_header { background:url(../img/h_bg.jpg) repeat-x center -420px;}
#customer_header #header { width:1000px; height:134px; margin:0 auto;}
#customer_header #header::after { content: ""; display: block; clear: both;}
#customer_header #header h1 { float:left; width:220px;}
#customer_header #header div { float:right; width:230px; text-align:center; padding-top:6px;}
#customer_header #header ul#g_nav { float:left; width:408px; padding:4px 0 0 15px;}
#customer_header #header ul::after { content: ""; display: block; clear: both;}
#customer_header #header ul#g_nav li { float:left; width:44px; padding-right:7px;}
#customer_header #header ul#g_nav li a { display:block; width:44px; height:126px; background:url(../img/nav_off.gif) no-repeat;}
#customer_header #header ul#g_nav li a:hover { background:url(../img/nav_on.gif) no-repeat;}
#customer_header #header ul#g_nav li.nav8 a:hover { background:#fff;}
#customer_header #header ul#g_nav li.nav8 a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}
#customer_header #header #lang_nav { float:left; display:block; margin: 5px 0 0 35px; padding: 0; z-index:30; width: 91px }
#customer_header #header #lang_nav img { vertical-align:bottom; }
#customer_header #header #lang_nav ul { width: 91px; }
#customer_header #header #lang_nav li { margin: 0 0 1px 0; padding: 0 ; height:23px; vertical-align:baseline; }
#customer_header #header #lang_nav li a { display: block;}
#customer_header #header #lang_nav li a:hover { display: block;}
#customer_header #header #lang_nav li a img:hover { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70; }
#customer_header #breadcrumbs { width:1000px; text-align:right; margin:33px auto 15px auto;}
#customer_header #breadcrumbs li { display:inline; color:#d5be77; font-size:12px; }
#customer_header #breadcrumbs li span { display:inline-block; padding:0 5px;}
#customer_header #breadcrumbs li a { color:#d5be77;}
#customer_header #breadcrumbs li a:hover { text-decoration:underline;}


/* Footer
------------------------------------------------------ */
#customer_footer #footer { background:url(../img/f_bg.jpg) repeat-x center bottom; padding-bottom:70px; margin-top:60px; font-size: 13px;}
#customer_footer #footer #fnav1 { background:url(../img/bg.jpg);}
#customer_footer #footer #fnav1 ul { width:1000px; margin:0 auto; padding-bottom:15px;}
#customer_footer #footer #fnav1 ul::after { content: ""; display: block; clear: both;}
#customer_footer #footer #fnav1 ul li { float:left; padding-right:23px;}
#customer_footer #footer #fnav1 ul li#pagetop { float:right; padding-right:0;}
#customer_footer #footer #fnav1 ul li a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}

#customer_footer #footer .inner { width:1000px; margin:0 auto; padding:0 0 0 0;}
#customer_footer #footer .inner::after { content: ""; display: block; clear: both;}
#customer_footer #footer .inner address { float:left; width:190px;}
#customer_footer #footer .inner address span { display:block; color:#5d3a2b; line-height:1.4em; padding:5px 0 0 25px;}

#customer_footer #footer .inner ul { float:right; width:780px; padding:10px; /display:inline-block;}
#customer_footer #footer .inner ul:after{ content:" " ; clear:both; display:block; height:0;}
#footer .inner li { float:left; background:url(../img/f_mark.gif) no-repeat 0 42%; padding:0 30px 5px 6px; white-space:nowrap;}
#customer_footer #footer .inner li a { color:#7a5e4e; font-size: 13px;}
#customer_footer #footer .inner li a:hover { color:#ac948a;}

#customer_footer #footer .inner div { float:right; width:780px; height:99px; background:url(../img/f_res_bg.gif) no-repeat; margin:40px 0;}
#customer_footer #footer .inner div::after { content: ""; display: block; clear: both;}
#customer_footer #footer .inner div h3 { float:left; width:25px; padding:15px 0 0 23px;}
#customer_footer #footer .inner div ul { clear:none; float:left; width:702px; height:35px; padding:15px 0 0 12px; overflow:hidden;}
#customer_footer #footer .inner div ul::after { content: ""; display: block; clear: both;}
#customer_footer #footer .inner div li { background:none; float:left; width:204px; padding:0 0 0 30px;}
#customer_footer #footer .inner div p { float:left; width:580px; padding:0 0 0 42px;}
#customer_footer #footer .inner div p::after { content: ""; display: block; clear: both;}
#customer_footer #footer .inner div p img.tel { float:left; width:390px;}
#customer_footer #footer .inner div p a { float:left; display:block; width:170px; margin-top:7px;}
#customer_footer #footer .inner div a:hover img { -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.70;}


#customer_footer #footer .inner p#copy { clear:both; color:#7f9e5c; font-size:0.9em; padding:20px 0 0 220px;}



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



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