@charset "utf-8";
/*=================================
	sp_common
================================ */
* {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	font-style:normal;
	-webkit-text-size-adjust:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body { 
margin:0; 
padding:0; 
}
html, body { height:100%; }

/*=================================
	reset.css
================================ */
body, div, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea,p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse:collapse;
	border-spacing: 0;
}
img {
	border:none;
}
ol, ul {
list-style: none;
}
h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal;
}
img { border:0; }
a		{
color:#0066cc;
text-decoration:none;
}
a:hover		{
color:#ff6600;
text-decoration:underline;
}
.clear{
clear:both;
margin:0;
padding:0;
}
.flol{
float:left;
}
.flor{
float:right;
}
.mgt10{
margin-top:10px;
}

/*=================================
	common
================================ */
#wrapper{
width:100%;
color:#333; 
font-size:81.25%;
line-height:1.6;
font-family:ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic","メイリオ",Meiryo,"Osaka,sans-serif;

}
#header{
width:100%;
padding:20px 0 0;
background:url(../../images/sp_header_bg.gif) repeat-x;
text-align:center;
}
#header-inner{
clear:both;
width:100%;
max-width:640px;
margin:auto;
}
h1{
margin-bottom:10px;
font-size:1.8em;
font-weight:bold;
color:#00ADEC;
}

#contents{
clear:both;
margin-top:25px;
}
#maincontents{
margin-top:25px;
}

#topmainwrap{
clear:both;
padding:20px 0;
text-align:center;
width:100%;
max-width:640px;
margin:auto;
}
#topmainwrap img{
width:100%;
}

/*----- topnav -----*/
#topnav{
clear:both;
width:100%;
max-width:640px;
margin:auto;
}
.topnavinner{
margin:0 0 40px;
}
.topnavinner h2{
clear:both;
margin:0 0 10px 10px;
padding:0 0 0 25px;
font-weight:bold;
background:url(../../images/sp_icon01.png) no-repeat left center;
}
.topnavinner ul li{
width:100%;
background:url(../../images/sp_top_navbg.gif);
margin:0 0 2px 0;
}
.topnavinner ul li a{
display:block;
padding:5px 30px 5px 5px;
color: #666;
background: url(../../images/sp_arrow01.png) no-repeat 97% center;
text-decoration: none;
}
.topnavinner ul li a img{
float:left;
margin:0 15px 0 0;
}
.topnavinner ul li a span{
display:block;
padding:15px 0 0;

}
.topnavinner ul.topnet{
float:left;
width:49%;
margin:0 2px 0 0;
}
.topnavinner ul.topnet li{
clear:left;
font-size:12px;
margin:0 0 2px;
background:url(../../images/sp_top_navbg.gif);
}
.topnavinner ul.topnet li a{
padding:15px 25px 15px 15px;
background: url(../../images/sp_arrow01.png) no-repeat 97% center;
}

/*=================================
	footer
================================ */
.rtop{
clear:both;
width:100%;
text-align:center;
background:#f4f4f4;
}
.rtop p a{
display:block;
padding:15px;
font-size: 84.62%;
color:#666;
}
.rtop p a span{
padding-left:19px;
background:url(../../images/sp_rtop.png) no-repeat left center;
}
.rtop p a:hover{
text-decoration:none;
}
#footer{
clear:both;
background:#000;
text-align:center;
}
#footernav{
padding:20px 0;
background:#00AEEC;
color:#fff;
}
#footernav ul li{
display:inline-block;
margin:0 10px 0 0;
}
#footernav ul li p a{
padding:0 10px;
}
#footernav ul li a{
color:#fff;
}

.copyright{
padding:10px 0;
font-size: 84.62%;
color:#aaa;
}

/*=================================
	clearfix
================================ */
#header-inner:after,
.topnavinner:after,
#topnav ul li:after,
.topnavinner ul li a:after,
#footernav:after{
	content: "";
	display: block;
	clear: both;
}
#header-inner,
.topnavinner,
#topnav ul li,
.topnavinner ul li a,
#footernav{
	min-height: 1%;  /* for Firefox　*/
	zoom: 1;
}