@charset "utf-8";
/* common.css */

/* =======================================
	Default
======================================= */
body{
	margin:0;
	padding:0;
	text-align:left;
	font-size:14px;
	line-height:1.3;
	color:#1a1a1a;
	font-family:HiraKakuProN-W3, Helvetica;
	-webkit-text-size-adjust: none;
}

a{
	text-decoration:none;
	display:block;
	-webkit-tap-highlight-color:rgba(240, 15, 52, 0.4);
}
a:link{color:#ee7d05;}
a:visited{color:#ee7d05;}

ul,dl,ol{margin:0; padding:0;}
li,dd{list-style:none; margin:0; padding:0;}
img{border:0;}

.clear{clear:both;}

h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	font-weight:normal;
}

.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}
.clearfix {
	min-height: 1px;
	overflow:hidden;
}
* html .clearfix {
	zoom: 1;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

p{margin:0;}


/* =======================================
	iphoneバグ対応
======================================= */

/* 初期はabsoluteな要素にしておく */
.fixed-element {
    position: absolute;
}
/* .do-fixedが付いたときだけfixedを適用する */
.do-fixed .fixed-element {
    position: fixed;
}


/* =======================================
	Header
======================================= */
header{
	padding:10px 10px 7px;
	border-bottom:2px solid #633a25;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ffffff),
	color-stop(0.6, #F5F5F5),
	color-stop(0.8, #e6e6e6));
}
header h1{padding:3px 0 0; width:45%;}
header p{
	width:33%;
	position:fixed;
	top:0px;
	right:10px;
	border-radius:0 0 5px 5px;
	border-left:1px solid #E47512;
	border-right:1px solid #E47512;
	border-bottom:1px solid #E47512;
	box-shadow:0 0 3px 2px #bdbdbd,0 0 0 1px #FDCD87 inset;
	background-image:-webkit-gradient(linear,left top,left bottom, from(#FAAC42), to(#ED7C0E));
	z-index:100;
}
header p a{
	height:48px;
	color:#FFF !important;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	letter-spacing:2px;
	text-shadow:#BF7119 2px 1px 0px;
	padding:5px 0 0;
}

div#globalNav{
	background-color:#d6d6d6;
	padding:7px 4px;
	border-bottom:1px solid #55301d;	
}
div#globalNav ul{
	border-radius:7px;
	border:1px solid #482917;
	box-shadow:inset 0 1px 0 #7F5E4D;
	background-image:-webkit-gradient(linear,left top,left bottom, from(#673E29), to(#4C2918));
}
div#globalNav ul li{
	float:left;
	width:32%;
	text-align:center;
}
div#globalNav ul li:first-child{
	border-right:1px solid #382117;
}
div#globalNav ul li:nth-child(2){
	width:33%;
	border-left:1px solid #6A4839;
	border-right:1px solid #382117;
}
div#globalNav ul li:last-child{
	border-left:1px solid #6A4839;
}
div#globalNav ul li a{
	padding:10px 0;
	font-size:13px;
	color:#FFF !important;
	text-shadow:#211208 1px 1px 0px;
}


/* =======================================
	パンくずリスト
======================================= */
ul#breadcrumb{height:30px; background-color:#f8edd8; padding:0 0 0 6px;}
ul#breadcrumb li{float:left; font-size:12px;}
ul#breadcrumb li a{
	height:30px;
	line-height:30px;
	padding:0 18px 0 4px;
	color:#ee7d05;
	background:url(../img/crumb_arrow.png) no-repeat 100% center;
	background-size:auto 34px;
}
ul#breadcrumb li span{
	height:30px;
	line-height:30px;
	padding:0 0 0 3px;
	color:#32200c;
}

/* =======================================
	下層共通
======================================= */
#wrapper{
	clear:both;
}

#container{
	padding:10px 10px 30px;
}

section{
	padding:10px;
}

h2{
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	padding:15px 0 15px 10px;
	border-top:2px solid #f3af1e;
	border-bottom:1px solid #fac046;
	background-image: -webkit-gradient(linear,left top,left bottom,
	color-stop(0%,#f7c019),
	color-stop(75%,#f7c019),
	color-stop(90%,#fad256),
	color-stop(100%,#ffde7b));
	text-shadow:#e39b29 1px 1px 0px;
}

.pagetop{padding:10px 0 0;}
.pagetop a{
	font-size:13px;
	color:#493011;
	float:right;
	padding:0 0 0 16px;
	background:url(../img/pagetop_bg.png) no-repeat left center;
	background-size:14px auto;
}


/* =======================================
	Footer
======================================= */
ul#footerNav{border-top:2px solid #633a25;}
ul#footerNav li{
	border-bottom:1px solid #f2dc99;
	background-image:-webkit-gradient(linear,left top,left bottom, from(#fdf9d3), to(#fbf4b7));
}
ul#footerNav li a{
	color:#633a25 !important;
	font-size:16px;
	font-weight:bold;
	padding:15px 0 15px 10px;
	background:url(../img/icon_pc.png) no-repeat 95% center;
	background-size:20px auto;
}

footer{
	text-align:center;
	padding:20px 0 0;
}
footer ul{
	padding:0 0 0 22px;
	margin-bottom:20px;
}
footer ul li{
	float:left;
	width:43%;
	margin-right:15px;
	border-radius:5px;
	border:1px solid #482917;
	box-shadow:inset 0 1px 0 #7F5E4D;
	background-image:-webkit-gradient(linear,left top,left bottom, from(#673E29), to(#4C2918));
}
footer ul li a{
	padding:10px 0;
	font-size:16px;
	color:#FFF !important;
	text-shadow:#211208 1px 1px 0px;
}

footer div#copyright{
	border-top:3px solid #633a25;
	box-shadow:inset 0 3px 5px #767676;
	background-color:#d6d6d6;
	padding:20px 0;
	font-size:10px;
}
footer div#copyright p{padding:5px 0 8px; color:#4d2a19;}
footer div#copyright small{font-size:10px;}


/* =======================================
	Accordion
======================================= */
.accBox{clear:both; padding:20px 0;}
ul.acc{
	list-style:none;
	border:2px solid #949494;
	border-radius:6px;
}
ul.acc li h3{
	padding:15px;
	font-size:16px;
	border-top:1px solid #d9d9d9;
	border-bottom:1px solid #9e9e9e;
	background:url(../img/arrow_down.png) 94% 20px no-repeat,
	-webkit-gradient(linear,left top,left bottom, from(#ffffff), to(#f4f4f4));
	background-size:10px auto, auto;
}
ul.acc li:first-child h3{border-top:none !important; border-radius:6px 6px 0 0;}
ul.acc li:last-child h3{border-bottom:none !important; border-radius:0 0 6px 6px;}

ul.acc li.close h3{
	background:url(../img/arrow_up.png) 94% 20px no-repeat,
	-webkit-gradient(linear,left top,left bottom, from(#ffffff), to(#f4f4f4));
	background-size:10px auto, auto;
}
ul.acc div.display{display:none;}
ul.acc li p{border-bottom:1px solid #9e9e9e;}
ul.acc li p.last{border-top:1px solid #9e9e9e; border-bottom:none;}
ul.acc li p a{
	padding:20px 0 20px 28px;
	font-size:15px;
	color:#ee7d05;
	background:#ffffff url(../img/arrow_right.png) 15px center no-repeat;
	background-size:10px auto;
}
ul.acc li p.last a{border-radius:0 0 6px 6px;}