@charset "utf-8";

/* common
----------------------------------------------------------------------------------*/

body {
	max-width: 640px;
	margin: 0 auto;
	padding: 0;
	font-size: 87.5%;
	font-family: Verdana,Arial,"メイリオ",Meiryo,"Osaka","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.8;
	color: #646464;
	vertical-align: top;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
}

a:link   {color: #0090ff;text-decoration: underline;}
a:visited{color: #0090ff;text-decoration: underline;}
a:hover  {color: #ff6400;text-decoration: none;}
a:active {color: #0090ff;text-decoration: underline;}

.glyphicon-chevron-right{margin-right: 3px;}

.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger{color: #fff!important;text-decoration: none!important;}
.btn-default{text-decoration: none!important;}


/* structure
----------------------------------------------------------------------------------*/
#container{overflow: hidden;}
#contents{padding: 0 10px;}


/* header
----------------------------------------------------------------------------------*/
#header{
	position: relative;
	margin: 0 0 10px;
	border-top: 10px solid #0090ff;
	border-bottom: 10px solid #0090ff;
}
#header #h-logo{
	width: 200px;
	margin-left: 10px;
}
#header #btn-pc{
	position: absolute;
	top: 13px;
	right: 10px;
}


/* footer
----------------------------------------------------------------------------------*/
#f-navi01{
	padding: 10px 10px 0;
	background: #0090ff;
}
#f-navi01 ul{
	margin: 0 -5px;
	overflow: hidden;
}
#f-navi01 ul li{
	width: 33.333%;
	margin: 0 0 10px;
	padding: 0 5px;
}
#f-navi01 ul li a{
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
#f-navi01 ul li a span{
	display: block;
	font-size: 11px;
	color: #646464;
	font-weight: normal;
}
@media only screen and (max-width: 640px){
#f-navi01 ul li{width: 50%;}
}


#f-sns{
	margin: 10px -5px;
	padding: 0 10px;
	overflow: hidden;
}
#f-sns li{
	width: 25%;
	margin: 10px 0;
	padding: 0 5px;
	text-align: center;
}
@media only screen and (max-width: 640px){
#f-sns li{width: 50%;}
}


#f-pagetop{
	display: block;
	margin: 0 0 20px;
	padding: 10px;
	color: #fff;
	text-align: center;
	background: #0090ff;
}


#f-bnr{
	margin: 10px -5px;
	padding: 0 10px;
	overflow: hidden;
}
#f-bnr li{
	width: 20%;
	margin: 10px 0;
	padding: 0 5px;
	text-align: center;
	vertical-align: middle;
}
#f-bnr li p{font-size: 10px;}
@media only screen and (max-width: 640px){
#f-bnr li{width: 33.333%;}
}


#f-navi02{
	margin: 0 0 15px;
	padding: 0 10px;
	border-top: 5px solid #ccc;
}
#f-navi02 h2{
	margin: 20px 0 5px;
	color: #0090ff;
	font-size: 16px;
	font-weight: bold;
}
#f-navi02 ul{
	margin: 0 -5px;
	overflow: hidden;
}
#f-navi02 ul li{
	margin: 0 0 5px;
	padding: 0 5px;
}


#f-inquiry{
	margin: 0 0 20px;
	padding: 10px;
	font-size: 10px;
	background: #0090ff;
}
#f-inquiry .clearfix{
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #fff;
}
#f-inquiry .fL{
	width: 75%;
	padding-right: 20px;
}
#f-inquiry .fL .tel{
	margin: 5px 0;
}
#f-inquiry .fR{width: 25%;}
#f-inquiry .fR .dib li{
	width: 50%;
	text-align: center;
}
@media only screen and (max-width: 480px){
#f-inquiry .fL,
#f-inquiry .fR{
	float: none;
	width: 100%;
	padding: 0;
}
#f-inquiry .fL{margin: 0 0 10px;}
}


#f-navi03{margin: 0 -5px;overflow: hidden;}
#f-navi03 li{
	width: 33.333%;
	margin: 0 0 10px;
	padding: 0 5px;
}
#f-navi03 li a{
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
@media only screen and (max-width: 640px){
#f-navi03{margin: 0 10px;}
#f-navi03 li{width: 100%;padding: 0;}
}