@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 {
	margin: 0; padding:0;
	background:
		url(../img/con_bg_s.jpg) repeat-x center top,
		url(../img/bg.jpg) center top;
		line-height:1.5; min-width:1200px;
}

#customer_header,
#customer_footer { font-size: 0.9em; text-align:center; -webkit-text-size-adjust: 100%;}
#customer_header a,
#customer_footer a { text-decoration: none;}
#customer_header a:hover,
#customer_footer a:hover { text-decoration: underline;}
#customer_header a:hover img,
#customer_footer a:hover img { opacity: 0.75;}
#customer_header img,
#customer_footer img { max-width: 100%;}


/* Header
------------------------------------------------------ */
#customer_header  { }

#customer_header #header {
	width:1200px; height:435px; margin:0 auto; text-align:left; position:relative;
	background: url(../img/title_bg.jpg) no-repeat center top;
}
#customer_header #header h2 {top: 81px; /*right: 181px;*/ left: 52%; position:absolute;}
#customer_header #header >img { right: 30px; bottom: 30px;  position:absolute;}

#customer_header #header .title_text { position:absolute;}
#customer_header #gnav_col { background:url(../img/h_bg.png) no-repeat center top; width:304px; padding-bottom:15px; margin-left:122px; text-align:center; position:relative;}
#customer_header #gnav_col h1 { padding-top:41px;}
#customer_header #gnav_col p { margin-bottom:11px;}
#customer_header #gnav { display:inline-block; width:264px; margin:20px 0 10px 30px;}
#customer_header #gnav a { display:block; width:33px; height:119px;}
#customer_header #gnav a img { display:none;}
#customer_header #gnav a:hover img{ display:block;}
#customer_header #gnav li { display:inline-block; width:33px; height:119px; float:left;}
#customer_header #gnav #gnav1 { background:url(../img/gnav1_off.png) no-repeat left top;}
#customer_header #gnav #gnav2 { background:url(../img/gnav2_off.png) no-repeat left top;}
#customer_header #gnav #gnav3 { background:url(../img/gnav3_off.png) no-repeat left top;}
#customer_header #gnav #gnav4 { background:url(../img/gnav4_off.png) no-repeat left top;}
#customer_header #gnav #gnav5 { background:url(../img/gnav5_off.png) no-repeat left top;}
#customer_header #gnav #gnav6 { background:url(../img/gnav6_off.png) no-repeat left top;}
#customer_header #gnav #gnav7 { background:url(../img/gnav7_off.png) no-repeat left top;}
#customer_header #gnav #gnav8 { background:url(../img/gnav8_off.png) no-repeat left top; margin-right:0;}

#customer_header #header ul#lang_col{ position:absolute; top:0; right:120px; padding:10px 17px 0 0;}
#customer_header #header ul#lang_col li{ float:left; margin:0 0 0 5px; }
#customer_header #header .h_bnr { padding: 5px 1px 0 0; width: 264px;}

#customer_header #bread { width:1000px; margin:-11px auto 15px auto; text-align:right; position:relative;}
#customer_header #bread a { color:#000000; text-decoration:none;}
#customer_header #bread a:hover { text-decoration:underline;}
#customer_header #bread span { color:#552501;}



/* Footer
------------------------------------------------------ */
#customer_footer { }

#customer_footer #pagetop { clear:both; background:url(../img/f_bg.jpg) repeat-x center top; position:relative;}
#customer_footer #pagetop p { width:973px; margin:0 auto; text-align:right; padding:10px 27px 92px 0;}
#customer_footer #pagetop a { display:inline-block;}

#customer_footer #f_wrap { background:#311c0c; text-align:center; border-top:1px solid #583e1c;}
#customer_footer #footer { display:inline-block; width:1100px; padding:0 0 30px 100px; color:#ffffff;}
#customer_footer #footer a { color:#ffffff; text-decoration:none;}
#customer_footer #footer a:hover { text-decoration:underline;}
#customer_footer #footer a:hover img { -ms-filter: "alpha( opacity=80 )"; filter: alpha( opacity=80 ); opacity:0.80;}
#customer_footer #f_reserve { background:url(../img/f_reserve_bg.jpg) no-repeat center top; display:inline-block; width:227px; float:left; padding:20px 0 58px 0; margin-top:20px;}
#customer_footer #f_reserve a { display:inline-block; margin:8px 0;}
#customer_footer #fnav { display:inline-block; width:480px; float:left; text-align:left; padding-top:20px;}
#customer_footer #fnav ul { display:inline-block; float:left; padding-left:30px;}
#customer_footer #fnav li { background:url(../img/fnav_mark.gif) no-repeat left 0.5em; padding-left:8px; margin-bottom:3px;}
#customer_footer #f_logo { display:inline-block; float:right; width:260px; padding:36px 36px 0 0; text-align:left;}
#customer_footer #f_logo address { margin-top:28px;}


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

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


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



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