@charset "utf-8";

/* ==============================================================================================
CSS sp

 file name  :sp.css
 style info :style
================================================================================================= */

/*
Settings
------------------------------------------------*/

h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd,li,table,th,td,form,select,option,input,address,pre,strong,em,iframe,label{
	margin:0;
	padding:0;
	font-size:small;
	/*\*/ /*/ font-size:x-small; /* MacIE */
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}

img{
	display: block;
	border:0;
	max-width: 100%;
	height: auto;
}

a{
	color:#00b8ee;
	text-decoration:underline;
}
a:hover{
	color:#00b8ee;
	text-decoration:none;
}

ul{	list-style-type:none;

}

img:not([width]){
	zoom: .5;
}

body{
	margin:0 auto;;
	padding:0;
	font-family: ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", メイリオ, sans-serif;
	-webkit-text-size-adjust:none;
	font-weight:none;
	text-align: center;
}

#wrapsp {
    margin: 0 auto;
    /*width: 100%;*/
}

/*
header Settings
------------------------------------------------*/

header{
	width:100%;
	text-align:center;
	position:relative;
}

header h1{
	padding:19px 0;
	background:url("../images/bg_head.png") repeat-x;
	background-size:100% 100%;
	width:100%;
	heiight:66px;
}

header h1 img{
	margin:0 auto;
}

header div#menu{
	background-color:#00b8ee;
	width:100%;
	height:34px;
}
header div#menu img{
	position : absolute;
	right:5px;
}

header nav#hnavi{
	margin-top: 2px;
	background-size: 100% 100%;
	width: 100%;

	display: none;
}

/* 以下HTMLに合わせて修正 */
header div#hnavi_top{
	/*margin:0;
	padding:0;
	background:url("../images/bg_navi.png") repeat-x;
	background-size:100% 100%;*/
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.94, #0086ea), color-stop(0.00, #00b8ee));
	background: -webkit-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: -moz-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: -o-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: -ms-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	width:100%;
	min-height:49px;
}

header div#hnavi_top ul{
	margin:0 auto;
	width:320px;
}

header div#hnavi_top li{
	float: left;
}

header div#hnavi_bottom{
	margin-top:1px;
	padding-top:1px;
	/*padding-bottom:1px;*/
	/*background:#fff;*/
	border-bottom:1px solid #FFF;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.94, #0086ea), color-stop(0.00, #00b8ee));
	background: -webkit-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: -moz-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: -o-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: -ms-linear-gradient(top, #00b8ee 0%, #0086ea 94%);
	background: linear-gradient(top, #00b8ee 0%, #0086ea 94%);

	background-size:100% 100%;
	width:100%;
	/*min-height:49px;*/
	clear:both;
}

header div#hnavi_bottom ul{
	margin:0 auto;
	width:320px;
}

header div#hnavi_bottom ul li{
	width:100%;
}

header div#hnavi_bottom ul li img{
	margin:0px auto;
}

/*
header nav#hnavi{
	margin-top:2px;
	background:url("../images/bg_navi.png") repeat-x;
	background-size:100% 100%;
	width:100%;
	min-height:52px;
}

header nav#hnavi ul{
	margin:0 auto;
	width:320px;
}

header nav#hnavi ul li{
	float:left;
}

header nav#hnavi ul li.hnavi_entry{
	clear:both;
	width:100%;
}

header nav#hnavi ul li.hnavi_entry img{
	margin:3px auto;
}
*/

.shadowline img{
	width:100%;
	height:12px;
}
/*
footer Settings
------------------------------------------------*/

footer{
	border-top:1px solid #d2d2d2;
	width:100%
}

footer #social_area{
	width:100%;
}

footer #social_area ul{
	margin:5px auto 0px;
	padding-bottom:7px;
	width:260px;
}

footer #social_area ul li{
	padding:10px;
	float:left;
}

#snav{
	border-top:1px solid #d2d2d2;
	width:100%;
	clear:both;
}

#snav ul{
	margin:8px auto 0px;
	padding-bottom:15px;
	width:320px;
	overflow:auto;
}

#snav ul li{
	margin-left:2px;
	float:left;
}

.pc_txt{
	padding-bottom:15px;
	width:100%;
	clear:both;
}

.pc_txt img{
	margin:0 auto;
}

nav#fnav{
	width:100%;
	overflow:auto;
}

nav#fnav ul li.fnavi01,
nav#fnav ul li.fnavi02,
nav#fnav ul li.fnavi03,
nav#fnav ul li.fnavi04{
	border-top:1px solid #FFF;
	background:url("../images/bg_footbtn.png") repeat-x;
	background-size:auto 100%;
	height:42px;
	line-height:42px;
	position:relative;
}



/*nav#fnav ul li.fnavi01{
	border-top:1px solid #FFF;
	background:url("../images/bg_footbtn_no.png") repeat-x;
	background-size:auto 100%;
	height:42px;
	line-height:42px;
	position:relative;
}

nav#fnav ul li.fnavi02,
nav#fnav ul li.fnavi03,
nav#fnav ul li.fnavi04{
	border-top:1px solid #FFF;
	background:url("../images/bg_footbtn.png") repeat-x;
	background-size:auto 100%;
	height:42px;
	line-height:42px;
	position:relative;
}*/

nav#fnav ul li.fnavi01 a,
nav#fnav ul li.fnavi02 a,
nav#fnav ul li.fnavi03 a,
nav#fnav ul li.fnavi04 a{
	display:block;
	background:url(../images/icon_farrow.png) no-repeat 98% 33%;
}


#blink{
	padding:9px 6px 6px;
	overflow:auto;
}

#blink ul li{
	padding:3px;
	float:left;
}

@media only screen and (max-width : 479px) {
	#blink ul li a{
		display:block;
		height:34px;
	}
}
@media only screen and (min-width : 480px) {
	
	#blink ul{
		margin:0 auto;
		width:390px;
	}
	
	#blink ul li img{
		zoom: 1 !important;
		/*width:100%;*/
		height:auto;
	}
	
	#blink ul li a{
		display:block;
		height:68px;
	}
}

p#copy{
	clear:both;
	padding-top:16px;
	background:url("../images/bg_copyright.png") repeat-x;
	background-size:auto 100%;
	height:40px;
	color:#00b8ee;
}

/*
Custum Settings
------------------------------------------------*/