/*Contents*/

/*common*/
header { height:288px; background:#FFF no-repeat 50% 0; }
header .logo { float:left; margin:0 17px; }
header .hsub { right:10px; }
header h1 { padding:107px 0 0 221px; }

#special header { background-image:url(../special/img/bg_header.jpg); }
#menu header { background-image:url(../menu/img/bg_header.jpg); }
#shop header { background-image:url(../shop/img/bg_header.jpg); }
#company header { background-image:url(../company/img/bg_header.jpg); }
#recruit header { background-image:url(../recruit/img/bg_header.jpg); }
#history header { background-image:url(../history/img/bg_header.jpg); }
#media header { background-image:url(../media/img/bg_header.jpg); }
#contact header { background-image:url(../contact/img/bg_header.jpg); }



#gnav { margin-top:-89px; }

#contents { padding-bottom:50px; }
.pan { margin:0; line-height:60px; overflow:hidden; }
.pan li { float:left; margin-right:15px; list-style-type:none; }
.pan li:before { content:">"; margin-right:15px; font-family:Arial; color:#9F6824; }
.pan li:first-child:before { content:""; margin-right:0; }
.pan li a { color:#3F3000; }

#main { float:right; width:730px; }
#sidebar { float:left; width:210px; }

.title {
	padding:26px 16px 0; font-size:26px; font-weight:normal; line-height:46px; 
	background:url(../img/bg_title.png) no-repeat 0 0; }
.title .en { margin-left:20px; color:#967143; font-size:22px; font-family:Gabriola; }
	#main .title { background-image:url(../img/bg_title_main.png); }
.subtitle {
	padding:0 0 6px 26px; font-size:18px; font-weight:normal; line-height:25px;
	background:url(../img/bg_subtitle.png) no-repeat 0 0; }
	#main .subtitle { margin:29px 18px 0 23px; }

.line_list > li { margin-bottom:45px; }
.line_list > li h3 {
	padding:5px 0 4px 22px; font-size:20px; font-weight:normal; position:relative;
	border-bottom:1px dashed #ce9a6f;
}
.line_list > li h3::after {
	content:''; width:7px; background-color:#ce9a6f; border-radius:4px;
	position: absolute; top: .5em; left:0; height:-webkit-calc(100% - 1em);
	height:calc(100% - 1em);	
}
.line_list > li ul { margin:15px 0; }
.tbl { width:100%; font-size:15px; border-spacing:8px; }
.tbl th {
	padding:8px 20px; background:#EBCCA7; text-align:left; font-weight:normal;
	border-radius:5px;
}
.tbl td {
	padding:8px 20px; background:#fff; border-radius:5px;
}

.shopMap { margin:10px 0; }
.bnr { margin:40px 0; text-align:center; }

/*sidebar ------------------------------*/
#sidebar .shopList { margin-bottom:50px; background:#FFF; border-radius:0 0 10px 10px; }
#sidebar .shopList li { line-height:50px; }
#sidebar .shopList li + li { border-top:1px dashed #B38573; }
#sidebar .shopList li a { display:block; padding-left:34px; color:#3F3000; text-decoration:none; position:relative; }

#sidebar .shopList li a:before {
	width:53px; height:50px; content:""; display:block; position:absolute; top:46%;
	left:20px; background:url(../img/arrow_pink.png) no-repeat 0 0;
}

#sidebar .shopList li a:hover { background:#FDE9CA; }
#sidebar .shopList li.active { background:#FEF0E9; }
#sidebar .shopList li:last-child { border-radius:0 0 10px 10px; overflow:hidden; }

	
/*pagination ------------------------------*/
.pagination { margin:30px auto 0; text-align:center; }
.pagination a {
	margin:3px; padding:4px 10px; border:1px solid #FFB399; border-radius:5px;
    background-color:#fff; text-decoration:none; color:#3f3000;
}
.pagination span.current {
	margin:3px; padding:4px 10px; border:1px solid #FFB399; border-radius:5px;
	text-decoration:none; background-color:#FFB399;
}
.pagination .disabled { display: none; }


/*contact ------------------------------*/
#contact section.txt {
	width:800px; margin:0 auto 50px;
	background:url(../contact/img/txt_bg.png) no-repeat right center;
}
#contact section.txt .honsya {
	width:40%; padding:10px 14px; border-radius:5px; background:#FEF7DC;
}
#contact section.mail { margin-bottom:50px; }
#contact .tbl { width:800px; margin:0 auto; }
#contact .tbl th { width:150px; }
#contact .mail p.red { width:800px; margin:30px auto; text-align:center; }
#contact .btn_privacy {
	text-align:center; margin:20px auto;
}

#privacy #con {
    margin: 60px auto 0;
    width: 800px;
}
#privacy h2 { font-size: 18px; margin-bottom: 20px;}
#privacy dt { font-weight:bold; margin-bottom: 10px;}
#privacy dd { margin-bottom: 20px;}

/*form ------------------------------*/
form .col3 label { width:33%; }
input[type="text"], input[type="number"], input[type="password"], textarea, select { margin:2px; padding:4px; border:1px solid #CCC; border-radius:2px; box-shadow:1px 1px 2px rgba(200,200,200,0.5) inset; }
select { padding:3px; }
textarea { width:96%; }
input:focus, textarea:focus, input[type="submit"]:hover { box-shadow:0 0 3px rgba(202, 176, 81, 0.8); }

input.t { width:15%; }
input.s { width:30%; }
input.m { width:60%; }
input.l { width:96%; }