@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------
	Reset
-------------------------------------------------- */

#customer_header header,
#customer_header nav,
#customer_header div,
#customer_header dl,
#customer_header dt,
#customer_header dd,
#customer_header ul,
#customer_header ol,
#customer_header li,
#customer_header h1,
#customer_header h2,
#customer_header h3,
#customer_header h4,
#customer_header h5,
#customer_header h6,
#customer_header pre,
#customer_header form,
#customer_header fieldset,
#customer_header input,
#customer_header textarea,
#customer_header p,
#customer_header blockquote,
#customer_header th,
#customer_header td,
#customer_header img,
#customer_footer footer,
#customer_footer div,
#customer_footer dl,
#customer_footer dt,
#customer_footer dd,
#customer_footer ul,
#customer_footer ol,
#customer_footer li,
#customer_footer h1,
#customer_footer h2,
#customer_footer h3,
#customer_footer h4,
#customer_footer h5,
#customer_footer h6,
#customer_footer pre,
#customer_footer form,
#customer_footer fieldset,
#customer_footer input,
#customer_footer textarea,
#customer_footer p,
#customer_footer blockquote,
#customer_footer th,
#customer_footer td,
#customer_footer img { margin:0; padding:0; }

#customer_header table,
#customer_footer table {border-collapse:collapse; border-spacing:0; }

#customer_header fieldset,
#customer_header img,
#customer_footer fieldset,
#customer_footer img  { border:0; }

#customer_header address,
#customer_header caption,
#customer_header cite,
#customer_header code,
#customer_header dfn,
#customer_header em,
#customer_header strong,
#customer_header th,
#customer_header var,
#customer_footer address,
#customer_footer caption,
#customer_footer cite,
#customer_footer code,
#customer_footer dfn,
#customer_footer em,
#customer_footer strong,
#customer_footer th,
#customer_footer var { font-style:normal; font-weight:normal; }

#customer_header ol,
#customer_header ul,
#customer_footer ol,
#customer_footer ul { list-style:none; line-height: normal}

#customer_header caption,
#customer_header th,
#customer_footer caption,
#customer_footer th { text-align:left; }

#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 { font-size:100%; font-weight:normal; }

#customer_header img,
#customer_footer img { vertical-align:top; }

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

#customer_header a,
#customer_footer a { border:none; outline:none; }


/* --------------------------------------------------
	Layout
-------------------------------------------------- */

#customer_header,
#customer_footer {
	min-width: 1200px;
	font-family: YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	-webkit-text-size-adjust: 100%; background:  #fff; font-size: 13px;
}

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

#customer_header a:hover img,
#customer_footer a:hover img { opacity: 80;}

#customer_header { padding: 0 0 30px; color: #4f2c00;}


/*------------ Header ------------*/
#customer_header #header_wrap { width: 100%; min-width: 1200px; position: absolute; top: 0; background: url(../img/h_bg.png); z-index: 100; font-size: 0; line-height: 1 !important;}
#customer_header header { width: 1200px; margin: 0 auto;}
#customer_header header > a { float: left;}
#customer_header header > div { width: 1118px; float: left; padding: 0 0 0 12px; box-sizing: content-box; }
#customer_header header h1 { float: left; padding: 5px 0 10px; font-size: 13px; line-height:1;}
#customer_header header div > ul { float: right;}
#customer_header header div > ul > li { float: left;}
#customer_header header div > ul > li:first-child { margin: 10px 10px 0 0;}
#customer_header header li { position: relative;}
#customer_header header li dl { position: relative;}
#customer_header header li dd { display: none; position: absolute; top: 63px;}
#customer_header header li:hover dd { display: block;}

#customer_header header li.plan dd { width: 240px; padding: 10px; right: 0; font-size: 12px; color: #fff; background: url(../img/h_plan_bg.png); box-sizing: content-box;}
#customer_header header li.plan li { margin: 0 0 5px;}
#customer_header header li.plan li:nth-of-type(3),
#customer_header header li.plan li:nth-of-type(4) { float: left;}
#customer_header header li.plan li:nth-of-type(3) { margin: 0 5px 0 0;}
#customer_header header li.language li { margin: 0 0 1px 0;}
#customer_header header li.language dd { left: 0;}



/*------------ G-nav ------------*/
#customer_header #gnav { float: left;}
#customer_header #gnav li {
	height: 28px; float: left; margin: 0 33px 0 0; padding: 0 0 9px;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#customer_header #gnav li a:hover img { opacity: 1;}
#customer_header #gnav li:hover { border-bottom: 5px solid #f18900;}
#customer_header #gnav li:last-child { margin: 0;}



/*------------ h2 & ご予約特典 ------------*/
#customer_header #info { position: relative; top: 0; left: 0; z-index: 0; background: url(../img/info_bg.jpg) no-repeat top center; background-size: cover;}
#customer_header #info h2 { padding: 120px 0 40px; margin: 0 auto; text-align: center;}
#customer_header #special {
	display: table; width: 1030px; margin: 30px auto 0; border: 1px solid #a87c50; table-layout: fixed;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#customer_header #special h3,
#customer_header #special div {
	display: table-cell; vertical-align: middle;
	-webkit-box-sizing: border-box; box-sizing: border-box;
}
#customer_header #special h3 {
	width: 300px; padding: 25px 0; background: url(../img/spe_bg.jpg) center top; text-align: center;
	-webkit-background-size: auto 100%; background-size: auto 100%;
}
#customer_header #special div { padding: 15px 30px;}
#customer_header #special li { float: left; padding: 10px 14px;}
#customer_header #special li:last-child { float: right; border-left: 1px solid #d5c1ad;}
#customer_header #special p { padding: 5px 15px; margin: 15px 0 0; background: #f4ebe2; border-radius: 4px; font-size: 13px; text-align: left; line-height: normal;}
#customer_header #special p span { color: #f18900;}



/*------------ Footer ------------*/
#customer_footer { margin: 70px 0 0; background: #3a2000; text-align: left;}
#customer_footer .pagetop { display: block; width: 42px; margin: 0 auto; padding: 14px 0;}
#customer_footer footer { width: 1100px; margin: 0 auto; padding: 30px 0; font-size: 13px; line-height: 1.4; color: #fff; border-top: 1px solid #897966; border-bottom: 1px solid #614d33;}
#customer_footer footer a { color: #fff;}
#customer_footer footer #f_logo { float: left;}
#customer_footer footer #f_logo address { margin: 20px 0;}
#customer_footer footer #f_logo li { float: left;}
#customer_footer footer #f_logo li:nth-of-type(1) { margin: 0 5px 0 0;}
#customer_footer footer #fnav { float: left; margin: 0 0 0 70px;}
#customer_footer footer #fnav ul { float: left;}
#customer_footer footer #fnav ul:nth-of-type(1) { margin: 0 50px 0 0;}
#customer_footer footer #fnav li { padding: 0 0 0 10px; line-height: 1.8; background: url(../img/f_icon.gif)no-repeat left 10px;}
#customer_footer footer #fnav li a { text-decoration: none;}
#customer_footer footer #fnav li a:hover { text-decoration: underline;}

#customer_footer footer #f_info {float: right;}
#customer_footer footer #f_info #f_inq{ padding: 15px; background-color: #e5d8ca;}
#customer_footer footer #f_info #f_inq li { text-align: center;}
#customer_footer footer #f_info #f_inq li:nth-of-type(1) { margin: 0 0 15px;}
#customer_footer footer #f_info #f_inq li:nth-of-type(2) { margin: 0 0 5px;}
#customer_footer footer #f_info #f_member{ min-height: 20px; padding: 3px 0px; margin-top: 5px; background-color: #e5d8ca; box-sizing: content-box; overflow: hidden;}
#customer_footer footer #f_info #f_member ul{ width: 180px; margin: 0 auto;}
#customer_footer footer #f_info #f_member li { float: left; padding: 0 0 0 10px; line-height: 1.8; background: url(../img/f_m_icon.gif) no-repeat left 9px;}
#customer_footer footer #f_info #f_member li:first-child { padding-right: 15px;}
#customer_footer footer #f_info #f_member li a { color: #3a2000; text-decoration: none;}
#customer_footer footer #f_info #f_member li a:hover { text-decoration: underline;}

#customer_footer .copy { clear: both; padding: 12px 0; text-align: center; color: #afa9a3; font-size: 12px; line-height: normal;}



/*------------ clear ------------*/
#customer_header header:after,
#customer_header header > div:after,
#customer_header header ul:after,
#customer_header #special ul:after,
#customer_footer footer:after,
#customer_footer #f_logo ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}