@charset "UTF-8";
/**
 * レスポンシブ スタイル
 * ＳＰ版
 */

body {

	margin: 0;
	padding: 0;
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 13px;
	font-size: 0.813em \9;
	line-height: 1.231em;
	-webkit-text-size-adjust: 100%; /* フォントサイズ自動調整 */
	position: relative;
}


.b:link {
 color:#333333;
 text-decoration:none
}

.b:visited {
 color:#333333;
 text-decoration:none
}
.b:hover {
 color:#333333;
 text-decoration:underline
}
.b:active {
 color:#333333;
 text-decoration:none
}

.c:link {
 color:#ffffff;
 text-decoration:none
}

.c:visited {
 color:#ffffff;
 text-decoration:none
}
.c:hover {
filter: alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
 color:#fffe9b;
 text-decoration:none
}
.c:active {
 color:#fffe9b;
 text-decoration:none
}



/* header
======================================================= */



#header {
	width: 95%;
	margin: 10px 0px 5px 0px;
	padding: 0px 0px 0px 5px;
	background: #fff;
}





#header a:link,
#footer a:link,
#header a:visited,
#footer a:visited { color: #333; text-decoration:none; }
#header a:hover,
#footer a:hover,
#header a:active,
#footer a:active { color: #333; text-decoration:underline; }

#header #logo {
	float: left;
	width: 60%;
	margin: 0;
	padding: 0;
}

#logo img {
	width: 100%;
	height: 100%;
	margin: 0 0 0%;
}

#header h1 {
	display: none;
}

#header #h_right {
	float: right;
	width: 30%;
	padding: 3% 0 0;
	font-size: 77%;
	text-align: right;
}

#header #h_right ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#header #h_right ul li a {
	padding: 3px 0 5px 20px;
	background: url(../img/head_arw.png) no-repeat 0 0;
}

#header #h_right .h_inleft {
	display: none;
}


/* nav
======================================================= */

#nav {
	display: none;
}

/* accordion
======================================================= */
#sp-nav{
	position: relative;
	width: 100%;
}

ul.accordion { background:#ffffff; width:100%; margin:10px 0px 0px 0px; padding:0px; font-size:110%;}
ul.accordion a { display:block; padding:0px; background-position:100% center; background-repeat:no-repeat; text-decoration:none; color:#fff; font-weight:bold;}
ul.accordion span { display:block; padding:14px 0px 14px 12px; background-position:96% center; background-repeat:no-repeat; color:#fff; font-weight:bold;}
ul.accordion ul { display:block;}
ul.accordion > li { background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffffff));margin:0px 0px 0px 0px;}
ul.accordion > li > p { background: -moz-linear-gradient(top,  #1c58b0 0%, #1c58b0 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1c58b0), color-stop(100%,#1c58b0));cursor:pointer;}
ul.accordion > li > p span { background-image:url(../img/sp/ico_menu_off.png);}
ul.accordion > li > p span.open { background-image:url(../img/sp/ico_menu_on.png);}
ul.accordion > li > ul { width: 98%; margin: 2% auto 0; padding:0px; background:#fff;}
ul.accordion > li > ul > li { width: 48%; margin: 1% 1% 0% 1%; padding:0px; background:#fff;}
ul.accordion > li > ul > li img { width: 100%; height: 100%; margin: 0 0 0%;}
ul.accordion > li > ul > li:nth-child(odd) { float: left;}
ul.accordion > li > ul > li:nth-child(even) { float: right;}
ul.accordion > li > ul > li > p { background:#fff;}
ul.accordion > li > ul > li > a { width: 100%; margin: 0 0 0 0%;}















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

#footer {
	background: #1c58b0;
}

#footer #foot_top {
	background: #fff;
}

#footer #foot_inner {
	width: 100%;
	margin: 0px;
	padding: 20px 0 39px;
	position: relative;

}

#footer #foot_inner ul {
	width: 100%;
	margin: 5px 0 20px;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#footer #foot_inner ul li {
	padding: 0;
	display: inline-block;
}



#footer #foot_inner ul li a {
	padding: 0px 0px 0 0;
	font-size: 90%;
}



#footer #foot_inner #pagetop {
	position: absolute;
	bottom: 0;
	right: 0;
}


footer #foot_right {
	width: 94%;
	margin: 0 auto 0;
	padding: 24px 0 0 0;
}

footer #foot_right .txt {
	text-align: center;
	color: #fff;
	font-size: 85%;
	line-height: 1.6em;
	margin: 0px;
}

#footer #foot_btm {
	width: 94%;
	margin: 0 auto;
	padding: 10px 0 24px 0;
}

#footer #foot_btm .txt {
	text-align: center;
	color: #fff;
	font-size: 77%;
	margin: 0 0 20px;
}








/*	pankuzu	================================================ */
#pankuzu {
	width:90%;
	margin:10px 0 10px 10px;
	padding:0px ;
	text-align:left;
}




/* clearfix
======================================================= */

.clearfix { zoom:1; }
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

*:after {
	display: block;
	clear: both;
}