@charset "UTF-8";

/* CSS Document */


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

#customer_header,
#customer_footer {
	margin: 0;
	text-align: left;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

html,
body,
#customer_header div,
#customer_footer div,
#customer_header span,
#customer_footer span,
#customer_header p,
#customer_footer p,
#customer_header em,
#customer_footer em,
#customer_header img,
#customer_footer img,
#customer_header small,
#customer_footer small,
#customer_header strong,
#customer_footer strong,
#customer_header b,
#customer_footer b,
#customer_header dl,
#customer_footer dl,
#customer_header dt,
#customer_footer dt,
#customer_header dd,
#customer_footer dd,
#customer_header ol,
#customer_footer ol,
#customer_header ul,
#customer_footer ul,
#customer_header li,
#customer_footer li,
#customer_header h1,
#customer_header h2,
#customer_header header,
#customer_header nav,
#customer_footer address,
#customer_footer footer {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

#customer_header b,
#customer_footer b,
#customer_header strong,
#customer_footer strong,
#customer_header h1,
#customer_header h2 {
	font-weight: normal;
}

#customer_header header,
#customer_header nav,
#customer_footer footer {
	display: block;
}

#customer_header ul,
#customer_footer ul {
	list-style: none;
}

#customer_header li,
#customer_footer li,
#customer_header div,
#customer_footer div,
#customer_header p,
#customer_footer p,
#customer_header span,
#customer_footer span {
	word-wrap: break-word;
}

#customer_header img,
#customer_footer img {
	max-width: 100%;
	height: auto width: auto\9;
	/* ie8 */
	border: 0;
}

#customer_header a,
#customer_footer a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	text-decoration: none;
	color: #000;
}

#customer_footer address {
	font-style: normal;
}


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


/**base**/
#customer_header,
#customer_footer {
	min-width: 1100px;
	/* font-size:0.9em; */
	line-height:1.6em;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	background: url(../img/bg.jpg) 0 0 repeat;
	color:#000;
	-webkit-text-size-adjust: 100%;
}


#title_col { width:100%; overflow-x:hidden;}
#title_col .inner { background: url(../img/title.jpg) 0 center no-repeat; width:1600px; position:relative; left:50%; margin-left:-800px; padding:150px 0;}
#title_col h2 { text-align:center; font-size:155%; color:#FFF; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; letter-spacing:0.4em; text-shadow:0 0 5px #000,0 0 5px #000,0 0 5px #000;}



/* ==========================================================================
   header
   ========================================================================== */
#customer_header { margin-bottom: 50px;}
#customer_header header { background: url(../img/h_bg.jpg) 0 0 repeat-x #FFF; padding-top:15px;}
#customer_header #home header { background:#FFF; padding-top:15px;}
#customer_header #header_wrap { width:1100px; margin:0 auto; position:relative; z-index:10; padding-bottom:10px;}
#customer_header #header_wrap:after{ content: ""; display: block; height: 0; clear: both; visibility: hidden;}

#customer_header header h1 { color:#625247; font-size:85%;}
#customer_header header .title_col{float: left;}
#customer_header header .title_col{float: left;}
#customer_header header .logo { float:left;}
#customer_header header .tel_col { float:right; width:500px;}
#customer_header header .tel { padding-right:10px; float:left; margin-top: 28px;}
#customer_header header .logo:hover,
#customer_header header .tel_col a:hover { -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity: 0.70;}
#customer_header header .tel_col:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}


#customer_header header #h_snav{ border-top:1px solid #afa096; padding-top:10px; margin-top: 6px;}
/**#dropNav**/
#customer_header header #dropNav { width:120px; height:25px; padding:0; float: right;}
#customer_header header #dropNav ul { list-style:none; width:120px; text-align:center; background:#e25b64; margin-top:-7px;}
#customer_header header #dropNav ul li { border-bottom:1px solid #FFF;}
#customer_header header #dropNav ul li a { display:block; color:#FFF; padding:2px 0;}
#customer_header header #dropNav ul li a:hover { display:block; background:#f6aba5;}
#customer_header header #dropNav ul { display: none;}
#customer_header header #dropNav:target ul { display: block;}
#customer_header header #dropNav:target>.close_menu { display: block; width: 120px; height: 25px; position: absolute; top: 0; right: 0; z-index: 20;}

#customer_header header #h_snav .snav { width:190px; float:right; font-size: 14.4px;}
#customer_header header #h_snav .snav li { display:inline-block; background: url(../img/h_icon.jpg) 0 center no-repeat; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; padding:0 6% 0 4%;}
#customer_header header #h_snav .snav li  a:hover { -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); opacity: 1; text-decoration:underline;}

#customer_header header .time img{float: left;}

/* ==========================================================================
   nav
   ========================================================================== */
#customer_header #pc_nav { min-width: 1100px; background:url(../img/gnav_bg.jpg) center 0 no-repeat, url(../img/gnav_bg.jpg) 0 0 repeat-x; overflow:hidden; position:relative; z-index:5;}
#customer_header #pc_nav div  { width:1100px; margin:0 auto;}
#customer_header #pc_nav div ul { text-align:center; letter-spacing: -.40em;}
#customer_header #pc_nav div ul li { /*font-size:120%;*/ font-size: 17.28px; letter-spacing: normal; display:inline-block; background:url(../img/gnav_line.gif) right center no-repeat; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;}
#customer_header #pc_nav div ul li:last-child { background:url(../img/gnav_on.jpg) 0 0 no-repeat;}
#customer_header #pc_nav div ul li a { display:block; color:#282828; padding:20px 18px;}
#customer_header #pc_nav div ul li a:hover { background:#F6ABA5 url(../img/gnav_line.gif) right center no-repeat;}

#customer_header #nav_wrap{ display:none;}



/* ==========================================================================
   footer
   ========================================================================== */

#customer_footer footer { min-width: 1100px; background: #fbf6ed url(../img/f_bg.jpg) 0 0 repeat-x; padding-bottom:25px; margin-top:125px; font-size: 14.4px;}

#customer_footer #footer_wrap { width:1100px; margin:0 auto; position:relative;}
#customer_footer #footer_wrap:after { content: ""; display: block; height: 0; clear: both; visibility: hidden;}

#customer_footer footer #f_snav { background:url(../img/f_bg2.jpg) 0 bottom repeat-x;}
#customer_footer footer #f_snav ul { text-align:right; width:1100px; margin:0 auto; padding: 16px 0 1px; margin-bottom:35px; line-height: 1;}
#customer_footer footer #f_snav li { vertical-align:top; display:inline-block; background:url(../img/f_icon1.gif) 0 center no-repeat; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif; padding:0 1% 0 2%;}
#customer_footer footer #f_snav li a { color: #FFF;}
#customer_footer footer #f_snav li:last-child { background:none; margin:-25px 0 -15px 0;}
#customer_footer footer #f_snav li:last-child img:hover { -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity: 0.70;}
#customer_footer footer #f_snav li { text-decoration:none;}
#customer_footer footer #f_snav li a:hover  { text-decoration:underline;}

#customer_footer footer address { width:29%; float:left; line-height: 1.6;}
#customer_footer footer address img { display:block; padding-bottom:15px;}
#customer_footer footer #f_nav { width:47%; float:left; padding:10px 0 0 3%; line-height: 1.6;}
#customer_footer footer #f_nav p a  { background:url(../img/f_icon2.gif) 0 center no-repeat; padding-left:15px;}
#customer_footer footer #f_nav ul  { width:30%; float:left; padding:25px 1% 0 0;}
#customer_footer footer #f_nav ul:nth-of-type(1) { width: 37%;}
#customer_footer footer #f_nav ul li { background:url(../img/f_icon3.gif) 0 center no-repeat; padding:0 0 5px 15px;}
#customer_footer footer #f_nav a  { text-decoration:none;}
#customer_footer footer #f_nav a:hover  { text-decoration:underline;}
#customer_footer footer #f_bnr { width:24%; float:right; padding-top:30px;}
#customer_footer footer #f_bnr .tel { padding-bottom:15px;}
#customer_footer footer #f_bnr a { display:block; margin-bottom:5px;}
#customer_footer footer #f_bnr a img:hover { -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity: 0.70;}


#customer_footer footer #f_tel_col { width:23%; float:right; text-align:right;}
#customer_footer footer #f_tel_col li { padding-bottom:5px;}
#customer_footer footer #f_tel_col li:not(:first-child):hover img { -ms-filter: "alpha(opacity=70)"; filter: alpha(opacity=70); opacity: 0.70;}

#customer_footer footer p#copy  { clear:both; font-size:90%; color:#c9ab93; padding-top:30px; text-align:left;}

#customer_footer footer #f_spnav { display:none;}