@charset "utf-8";
/* CSS Document */


/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
    margin:0;
    padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}

header,footer,nav,section{display:block;}

html{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:none;}

li{list-style:none;}

body{
	background-color:#FFC;
	max-width:480px;
	min-width:320px;
	margin:0 auto;
	height:auto;
}

#wrapper{
	width:100%;
	margin:0 auto;
	background-color:#FFF;
	height:auto;
	
}

a{
	color:#000;
	text-decoration:none;
}

#crea{
	clear:both;
}

header img{
	width:100%;
	height:auto;
}

.img_sp01{
	width:100%;
	height:auto;
	margin-top:10px;
	
}

h1{
	font-size:12px;
	color:#666;
}
h2{
	font-size:11px;
	width:100%;
	height:25px;
	background-color:#09F;
	color:#FFF;
	margin-top:30px;
	line-height:25px;
	text-align:center;
	margin-bottom:20px;
	
}

nav{
	width:100%;
	height:auto;
	background-color:#666;
	margin-top:30px;

	
}

nav ul li{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:5px;
	margin-bottom:20px;
}

nav li{
	
	width:23%;
	height:30px;
	padding-right:30px;
	background-color:#F90;
	float:left;
	text-align:center;
	line-height:30px;

	box-shadow:#333 1px 1px 1px;
	
}

nav li a{
		color:#FFF;
	font-weight:bold;
	font-size:12px;
	text-shadow:#333 1px 1px 1px;
	display:block;
}


#content{
	width:100%;
	height:auto;
	clear:both;
	

}

.sp_mits{
	width:100%;
	height:auto;
	
}
.sp_img01{
	width:100%;
	height:auto;
	background-color:#666;
	
}

.sp_img02{
	width:99%;
	margin-left:1px;
	height:auto;
	background-color:#CCC;
	border:#999 1px solid;

}

.sp_con02{
	width:99.7%;
	height:auto;
	
}

.sp_con02 p{
	font-size:14px;
	text-align:left;
	padding:0 5px;
	color:#333;
	margin-left:10px;

	
}


span{
	font-size:14px;
	text-align:left;
	color:#333;
	margin:0;
	text-align:left;
	color:#F03;
	font-weight:bold;

}


.sp_mid{
	margin:0 auto;
	width:90%;
	height:25px;
	display:block;
	background-color:#090;
	line-height:25px;
	color:#FFF;
	text-align:center;
	font-size:13px;
	border-radius:10px;
	margin-bottom:30px;
	margin-top:30px;
}

.sp_mid02{
	margin:0 auto;
	width:90%;
	height:25px;
	display:block;
	background-color:#C06;
	line-height:25px;
	color:#FFF;
	text-align:center;
	font-size:13px;
	border-radius:10px;
	margin-top:30px;
	margin-bottom:30px;
}

.sp_mid03{
	margin:0 auto;
	width:100%;
	height:25px;
	display:block;
	background-color:#F90;
	line-height:25px;
	color:#FFF;
	text-align:center;
	font-size:13px;
	margin-top:10px;

}

.sp_mid04{
	margin:0 auto;
	width:100%;
	height:25px;
	display:block;
	background-color:#F90;
	line-height:25px;
	color:#FFF;
	text-align:center;
	font-size:13px;
}


.sp_con02 ul{
	
	
}

.sp_con02 ul li{
	width:100%;
	height:50px;
	background-color:#FFC;
	text-align:left;
	
	border-bottom:dotted 1px #999999;
	line-height:50px;
	
}

.sp_con02 ul li a{
	color:#333;
	display:block;
	padding-left:10px;
}

.iso{
	width:100%;
	height:auto;
	margin:0;
	margin-bottom:10px;
}

.sp_iso{
	display:block;
	margin:0 auto;

	height:auto;
	border:#999 solid 1px;
	margin-bottom:30px;
}


.shitsu{
	display:block;
	width:47%;
	height:auto;
	float:left;
	margin-left:2%;
	border:#CCC 1px solid;
	
	margin-top:10px;
	margin-bottom:20px;
}

.face{
	margin-left:2%;
	border:#CCC 1px solid;
	width:47%;
	height:auto;
	float:left;
		margin-top:10px;
		margin-bottom:20px;
	
}

.gaide{
	width:97%;
	height:auto;
	display:block;
	margin:0 auto;
	padding-left:3px;
	margin-top:10px;
	box-shadow:#999 3px 3px 3px;
	border-radius:10px;
	margin-bottom:20px;
	clear:both;
	
}

.toitop{
	width:97%;
	height:auto;
	display:block;
	margin:0 auto;
	padding-left:3px;
	margin-top:15px;
	margin-bottom:15px;
	border-radius:10px;
	box-shadow:#999 3px 3px 3px;
}

.sp_toimel{
		width:97%;
	height:auto;
	display:block;
	margin:0 auto;
	padding-left:3px;
	margin-top:30px;
	margin-bottom:30px;
	border-radius:10px;
	box-shadow:#999 3px 3px 3px;
}

.toimel{
	width:96.1%;
	height:70px;
	background-color:#FF9;
	display:block;
	margin:0 auto;
	color:#333;
	font-size:14px;
	text-align:center;
	line-height:70px;
	font-weight:bold;
	border-radius:10px;
	box-shadow:#666 2px 2px 2px;
	margin-bottom:30px;
		
}

.kyo{
	width:96.1%;
	border:#090 1px solid;
	display:block;
	margin:0 auto;
	height:auto;
	margin-bottom:20px;

	
}

.youdou{
	width:300px;
	height:150px;
	margin:0 auto;
	margin-bottom:20px;
}




p{
	font-size:13px;
	padding:0 5px;
	margin:0 auto;
}

h3{
		margin:0 auto;
	width:90%;
	height:25px;
	display:block;
	background-color:#F60;
	line-height:25px;
	color:#FFF;
	text-align:center;
	font-size:13px;
	border-radius:10px;
	margin-bottom:10px;
	margin-top:30px;
	
}

.center{
	margin:0 auto;
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	border-radius:10px;
}

.s_box{
		font-size:13px;
	padding:0 5px;
	margin:0 auto;
	border:dotted 2px #999999;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:10px;
	width:85%;
	padding-left:30px;
}

.sp_box{
	width:90%;
	height:40px;
	background-color:#F90;
	display:block;
	text-align:center;
	line-height:40px;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;

}

.sp_box02{
	width:80%;
	height:40px;
	background-color:#F90;
	display:block;
	text-align:center;
	line-height:40px;
	margin: 0 auto;
	margin-top:20px;
	margin-bottom:20px;
}



.sp_box02 a{
	color:#FFF;
	font-weight:bold;
	display:block;
}




.sp_box a{
	color:#FFF;
	display:block;
	font-weight:bold;
}


.ryokin_sp p{
	width:80%;
	background-color:#FFF;
	line-height:30px;
	font-size:15px;
	
}

.border{
	
	width:80%;
	border-bottom:1px solid #999;
	margin:20px auto;
	
	
}

.ryokin_sp .aka{
	font-size:15px;
}
	

footer{
	clear:both;
	background-color:#09F;
	height:90px;
}

.copy{
	text-align:center;
	padding-top:10px;
	
}

.copy a{
	color:#FFF;
}

.foot_pc{
	padding-top:15px;
	

}

.os{
	padding:10px;
/*	border-right:solid 1px #333333;
	border-left:solid 1px #333333;
	border-bottom:solid 1px #333333;*/
	margin-bottom:10px;

	
}



.os ul{
	
	height:130px;
	overflow: auto;
	
}

.os li{
	
	
	height:40px;
	line-height:40px;
	border-bottom:dotted 1px #999999;
}

.oshirase{
	text-align:right;
	padding-right:20px;
	font-size:13px;
}


.nex a{
	display:block;
	color:#666;
}
.nex a:hover{
	color:#F33;
}


.nex .backos{
	float:left;
	width:45%;
	text-align:center;
	border-radius:10px;
	border:solid #999 2px;
	box-shadow:#333 1px 2px 3px ;
	margin-bottom:40px;
	margin-left:10px;
	margin-top:10px;
	
	
}

.nex .nextos{
	float:left;
	width:45%;
	text-align:center;
	border-radius:10px;
	border:solid #999 2px;
	margin-bottom:40px;
	margin-left:10px;
	margin-top:10px;
	
	box-shadow:#333 1px 2px 3px ;
}


.nex .back{
	
	float:left;
	width:45%;
	text-align:center;
	border-radius:10px;
	border:solid #999 2px;
	box-shadow:#333 1px 2px 3px ;
	margin-top:10px
	
}

.nex .next{
	float:right;
	width:45%;
	text-align:center;
	border-radius:10px;
	border:solid #999 2px;
	
	box-shadow:#333 1px 2px 3px ;
	margin-top:10px
}


.os02{
	padding:10px;
/*	border-right:solid 1px #333333;
	border-left:solid 1px #333333;
	border-bottom:solid 1px #333333;*/
	margin-bottom:20px;

	
}



.os02 ul{
	
	height:auto;
}

.os02 li{
	
	
	height:40px;
	line-height:40px;
	border-bottom:dotted 1px #999999;
}


.hom{
	
	clear:both;
	text-align:center;
	border-radius:10px;
	border:solid #999 2px;
	display:block;
	box-shadow:#333 1px 2px 3px ;
	margin-top:70px;
	margin-bottom:40px;
	
}

.hom a{
	display:block;
}

.concstx{
	line-height:30px;
}