@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: 1300px; line-height: 1.5; font-size: 13px; color: #5f462d;}

#customer_header,
#customer_footer {
	font-size: 14px; font-weight: normal; line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%;
}

#customer_header #header_wrap,
#customer_header #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 { color: #555; 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.8; filter:alpha(opacity=80); -ms-filter: “alpha( opacity=80 )”; }

#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 #header_wrap{ background: url(../img/slide_bg.png) no-repeat center bottom,url(../img/h_bg.gif) repeat-x #fcfbf7;}
#customer_header header { width: 1300px; height: 330px; margin: 0 auto; background: url(../img/title_bg.jpg) no-repeat top center;}
#customer_header header img { display: block; margin: 0 auto; padding: 50px 0; }
#customer_header h1 { float: left; width: 407px;}
#customer_header h1,
#customer_header h1 img:nth-child(1) { position: relative; z-index: 10;}
#customer_header h1 img:nth-child(1) { padding: 0 0 0 100px; margin-top: -15px;}
#customer_header h1 img:nth-child(2) { position: absolute; top: -60px; left: -15px; z-index: 1;}

#customer_header #nav_wrap { background: url(../img/bg1.gif); border-top: 1px solid #afa770; }
#customer_header #nav_wrap >div { position: relative; width: 1300px; margin: 0 auto;}
#customer_header nav { float: left; border-left: 1px solid #afa770;}
#customer_header nav li { float: right; width: 64px; height: 163px; padding: 25px 12px; border-right: 1px solid #afa770;}
#customer_header #nav_wrap div > ul { position: relative; width: 269px; float: left; margin: 0 0 0 30px;}
#customer_header #nav_wrap div > ul li:nth-child(1) { position: relative; margin: 0 0 -55px; top: -55px; z-index: 200;}
#customer_header #nav_wrap div > ul li:nth-child(2) { margin: 0 0 10px;}
#customer_header #nav_wrap div > ul li:nth-child(3),#customer_header #nav_wrap div > ul li:nth-child(4) { float: left;}
#customer_header #nav_wrap div > ul li:nth-child(4) { margin: 0 0 0 4px;}
#customer_header #s_nav_wrap { background: url(../img/s_nav_bg.png) repeat-x center; min-height: 35px;}
#customer_header #s_nav { margin: 0 auto; width: 1100px;}
#customer_header #s_nav ul { float: right; padding: 1px 0 0;}
#customer_header #s_nav li { float: left; margin: 0 0 0 35px; padding: 0 0 0 16px; background: url(../img/icon1.jpg) no-repeat left bottom; }
#customer_header #s_nav li a { font-size: 11px; color: #fff; text-decoration: none;}
#customer_header #s_nav li a:hover { text-decoration: underline;}
#customer_header #s_nav li a img { vertical-align: bottom; }
#customer_header .h_tel { position: absolute; bottom: 0; left: 95px;}
#customer_header #breadcrumbs { width: 1100px; margin: 0 auto; padding: 10px 0 0; font-size: 12px;}
#customer_header #breadcrumbs li { float: left;}
#customer_header #breadcrumbs li a { color: #3a2800; text-decoration: none;}
#customer_header #breadcrumbs li a:hover { text-decoration: underline;}
#customer_header #breadcrumbs span { padding: 0 10px;}


/* Footer
------------------------------------------------------ */
#customer_footer #footer_wrap { position: relative; background: url(../img/bg5.png) repeat-x top,url(../img/bg1.gif); z-index: 1;}
#customer_footer .ie8 #footer_wrap { background: url(../img/bg1.gif);}
#customer_footer footer { position: relative; width: 1100px; margin: 40px auto 0; padding: 40px 0 30px; font-size: 12px;}
#customer_footer .page_top { position: absolute; top: -20px; right: 0; display: block; clear: both;}
#customer_footer footer #f_tel { display: table; margin: 0 0 25px; padding: 13px 0; background: url(../img/f_tel_bg.png) no-repeat; min-width: 671px; min-height: 73px;}
#customer_footer footer #f_tel img { vertical-align: middle;}
#customer_footer footer #f_tel > img { padding: 0 15px 0 35px;}
#customer_footer #f_col ul { float: left; font-size: 13px; padding: 0 80px 0 0;}
#customer_footer #f_col ul:nth-child(2) { width: 240px;}
#customer_footer #f_col ul:nth-child(3) { width: 82px;}
#customer_footer #f_col ul:nth-child(4) { padding: 0;}
#customer_footer #f_col li { margin: 0 0 8px; padding: 0 0 0 10px; background: url(../img/icon2.gif)no-repeat left center;}
#customer_footer #f_col li a { color: #5f462d; text-decoration: none;}
#customer_footer #f_col li a:hover { text-decoration: underline;}
#customer_footer footer #logo { float: left; width: 420px;}
#customer_footer footer #logo p { padding: 20px 0;}
#customer_footer footer #logo a { display: block; width: 237px; margin: 0 0 20px;}
#customer_footer footer address { margin: 0; font-style: normal; color: #000; line-height: 1.5; }
#customer_footer footer #f_col { float: right;}
#customer_footer #footer_wrap .copy { padding: 5px 0; text-align: center; font-size: 12px; color: #fff; background: url(../img/bg2.gif) repeat-x top,url(../img/s_nav_bg.gif);}


/* Clear
------------------------------------------------------ */
#header_col:after,
#customer_header #nav_wrap:after,
#customer_header #nav_wrap > div:after,
#customer_header nav ul:after,
#customer_header #s_nav_wrap ul:after,
#customer_header #s_nav_wrap:after,
#customer_header #breadcrumbs:after,
#customer_footer footer:after,
#customer_footer #footer_wrap:after,
#customer_footer .page_top:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0;
	visibility:hidden;
	overflow: hidden;
	font-size: 0.1em;
}


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



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