@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: 1380px; background: #000; position: relative;}

#customer_header,
#customer_footer { font-size: 12px; line-height: 200%; color: #fff; margin: 0px; padding: 0px; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;}

#customer_header *,
#customer_footer * { font-size: 12px; line-height: 200%;}

#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 { 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.75;}

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

#webc_con { min-height: 1268px; -webkit-transform: translateX(140px); -ms-transform: translateX(140px); transform: translateX(140px);}

@media screen and (max-width: 768px) {
	body { min-width: 1100px;}
	#webc_con { width: calc(100% - 280px);}
}


/* Header
------------------------------------------------------ */
#customer_header { width: 254px; margin: 0 0 0 -690px; position: absolute; left: 50%;}
#customer_header .left_box { width: 254px; overflow: visible; z-index: 5;}
#customer_header .left_box a:hover img { opacity: 0.9;}
#customer_header .color16 { color: #666666;}
#customer_header .color17 { color: #cccccc;}

#customer_header .logo_bac { width: 250px; height: 300px; background: url(../img/top_bg.png) 0 0 no-repeat; overflow: hidden; z-index: 1;}
#customer_header .logo_bac h1 {
	width: 92px; height: 190px; background: url(../img/logo.png) 0 0 no-repeat;
	text-indent: -9999px; z-index: 2; position: absolute; top: 93px; left: 33px;
}
#customer_header .logo_bac h1 a { width: 92px; height: 190px; display: block; z-index: 2;}

#customer_header .sub_t {
	width: 92px; height: 252px; background: url(../img/tenbou_subtitle.png) 0 0 no-repeat;
	text-indent: -9999px; position: absolute; top: 33px; left: 145px;
}

@media screen and (max-width: 1380px) {
	#customer_header { margin: 0; left: 0;}
}

/* h_nav  */
#customer_header #h_nav { width: 255px; overflow: hidden; margin-top: 5px;}
#customer_header #h_nav ul li { float: left; display: inline; padding-bottom: 5px;}
#customer_header #h_nav li a {
	width: 81px; height: 82px; text-indent: -9999px;
	background-repeat:no-repeat; background-position: top left;
	display: block; overflow:hidden;
}
#customer_header #h_nav .b1 a { background-image: url(../img/bt1.png);}
#customer_header #h_nav .b2 a { margin-left: 5px; background-image: url(../img/bt2.png);}
#customer_header #h_nav .b3 a { margin-left: 5px; background-image: url(../img/bt3.png);}
#customer_header #h_nav .b4 a { background-image: url(../img/bt4.png);}
#customer_header #h_nav .b5 a { margin-left: 5px; background-image: url(../img/bt5.png);}
#customer_header #h_nav .b6 a { margin-left: 5px; background-image: url(../img/bt6.png);}
#customer_header #h_nav li a:hover { background-position: left bottom;}

#customer_header .yoyaku { width: 250px; margin-bottom: 14px; background: url(../img/kensakubox_bac.jpg) 0 0 no-repeat;}
#customer_header #booking_inner {
	margin: 0; padding: 0; line-height: 138%;
	font-size: 12px; color: #666666; padding: 78px 15px 10px;
}
#customer_header #booking_inner * { line-height: 138%;}
#customer_header .booking_date { margin: 0; padding: 10px 15px 10px; display: block; background: #fff;}

#customer_header .add2 { margin-bottom: 10px;}
#customer_header .add2 p { margin-bottom: 15px;}

#customer_header .bt_b p { margin-bottom: 10px;}


/* Footer
------------------------------------------------------ */
#customer_footer { margin: 30px 0 0;}
#customer_footer .ptopwrap2 { width: 100%; overflow: hidden; margin: 0 auto;}
#customer_footer .ptopwrap { width: 100%; max-width: 1380px; margin: 0 auto;}
#customer_footer .ptop0 { width: 106px; height: 30px; margin: 0 0 0 auto;}

#customer_footer #footer_wrap { clear: both; width: 100%; text-align: left; background: url(../img/footer_bg.png) 0 0 repeat-x;}

#customer_footer #footer { width: 950px; margin: 0 auto; z-index: 4;}
#customer_footer .h_wrap { width: 100%;}
#customer_footer #footer h2 { width: 100%; padding-top: 15px; padding-bottom: 9px; color: #666666; margin: 0 auto;}
#customer_footer #f_wrap { width: 100%; overflow: hidden;}
#customer_footer #f_nav { width: 100%; overflow: hidden; margin: 0 auto; float: left; padding-bottom: 3px;}
#customer_footer #f_nav ul li { float: left; padding-left: 10px;}
#customer_footer .add_wrap { width: 100%; padding-bottom: 25px;}
#customer_footer .add { width: 100%; margin: 0 auto;}

/*--- _nav　link---- */
#customer_footer #f_nav a:link { text-decoration: none; color: #cccccc;}
#customer_footer #f_nav a:visited { text-decoration: none; color: #cccccc;}
#customer_footer #f_nav a:hover { text-decoration: underline; color: #cccccc;}
#customer_footer #f_nav a:active { text-decoration: none; color: #cccccc;}

#customer_footer .copy {
	width: 100%; height: 1px; background: url(../img/border.jpg) 0 0 no-repeat;
	color: #666666; padding-top: 10px; margin-top: 10px; padding-bottom: 15px;
}

#customer_footer .float0000 { float: left; width: 500px;}
#customer_footer .float0000 address { margin-bottom: 0;}



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



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