@charset "UTF-8";

* {
  font-family:  'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Osaka,sans-serif;
  font-size: 14px; 
}
html { -webkit-text-size-adjust: none; }
body, h1, ul, dl, a { margin: 0; padding: 0; font-size: 100%; }
body { color: #3f1f00; line-height: 1.4; text-align: center;
	background:url(../../img/bg.png); background-size: 155px 231px; -webkit-text-size-adjust: 100%; }
img { vertical-align: bottom; font-size: 0; line-height: 0; }
ul { list-style: none; }
div, section, p, ul, li, a, span, input{ box-sizing: border-box; }
table { border-collapse: collapse; border-spacing: 0; }

.serif { font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho ProN",serif; }
.wide { width: 100%; }
.bold { font-weight: bold; }
.center{ text-align: center; }
.right{ text-align: right; }
.small{ font-size: 86%; }
.fleft{ float:left;}
.fright{ float: right;}
.shadow { box-shadow: 0 0 3px rgba(0,0,0,0.3); }
.clear{ clear: both;}
.fw { overflow:hidden; clear:both; }
.textl { text-align:left; }
.textr { text-align:right; }

.max460 { max-width:460px; margin:0 auto; }

.red { color:#c64941; }

.center_box{ width: 300px; margin: 0 auto; }
.inner_box{ margin: 0 10px 10px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }


.indent{ text-indent: -1em; padding-left: 1em; }
.note li{ text-indent: -1em; padding-left: 1em; margin-bottom: 4px; }
.notice{ color:#CE5241; font-weight: bold; }

a {	color:#333; outline:none; text-decoration: none; display:block; }
a:visited {	color:#333; }
a:active, a:hover {	color:#d53563;}
p { margin:0; }

/*回り込み解除clearfix*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#wrapper{
	width:100%;
	height:auto;
	overflow:hidden;
}

#contents { padding:10px; }
#contents .open {
	width:100%;
	max-width:400px;
	border-radius:5px;
	border:1px solid #533110;
	text-align:center;
	padding:20px 0;
	margin:0 auto 30px;
	background:#f6eedc;
}
#contents .open img {
	width:60%;
	max-width:250px;
}

/*arrow
---------------------------------------------------*/
.pagetop a:before {
   content: ""; float: right; width: 15px; height: 15px; margin: 3px 3px 0 5px;
   background: url(../img/icon_common.png) no-repeat -30px -26px;  background-size:68px auto;}
.arrow a:before {
   content: ""; float: right; width: 10px; height: 15px; margin: 3px 5px 0 5px;
   background: url(../img/icon_common.png) no-repeat -15px -26px;  background-size:68px auto;}
.down a:before { background-position: -24px 0; }
.back a:before { background-position: -36px 0; float: left; }



/* header ===================================================== */
header h1 { position:relative; }
header h1 a img { width:50%; max-width:300px; }
header h1 p { position:absolute; width:20%; }
header h1 p.h1_l { top:10px; left:20px; }
header h1 p.h1_r { top:10px; right:20px; }

header h1 p img { width:100%; max-width:180px; }

#home header h1 a img { width:60%; }
#home header h1 p.h1_l { top:10px; left:10px; }
#home header h1 p.h1_r { top:10px; right:10px; }

/* gnav------------------------ */
#gnav ul li { width:25%; text-align:center; float:left; padding:19px 0 15px; }
#gnav1,#gnav3 { background:#533110; }
#gnav2,#gnav4 { background:#745739; }


/* footer ===================================================== */
footer h4 {
	font-weight:100;
	font-size:80%;
}
footer .inner02 { padding:0 10px; margin-bottom:20px; }
footer .inner02 p.fleft {
	text-align:left;
}
footer p.pc {
	border-radius: 5px;
	margin:0 20px;
	background-image: -webkit-linear-gradient(top, #77654E, #533110);
	background-image: linear-gradient(#77654E, #533110);
	padding: 6px;
}

/*pagetop
---------------------------------------------------*/
.pagetop{
	text-align: right;
	background-color:#533110;
	margin-bottom: 0;
	}
.pagetop a{
	display: block;
	padding: 12px 10px;
	color:#fff;
	font-size:110%;
}

/*fnav
---------------------------------------------------*/
#fnav{
	overflow: hidden;
	margin-bottom: 20px;
	}
#fnav li {
	display: inline-block;
	float: left;
	background:#bca775;
    border-bottom: 1px solid #f6eedc;
    text-align: left;
    width: 100%
}
#fnav li.menu {
	width:50%;
	border-right:1px solid #f6eedc;
}
#fnav li.bc {
	border-right:none;
}
#fnav a{ 
	display: block; padding: 8px 10px 8px 10px; 
	color:#3f1f00;
}
#fnav + p{ padding-top: 10px;}