@charset "utf-8";


/*-----------------------------
	大枠設定
------------------------------*/

body{
	border-top:5px solid #09277e;
	background-color:#eeeeee;
}

/* a */
a{
	color:#000;
	text-decoration:underline;
}
a:hover{
	color:#666;
	text-decoration:none;
}
.pcnone{
	display:none;
}
.spnone{}
@media screen and (max-width: 640px){
.pcnone{
	display:block;
}
.spnone{
	display:none;
}
.spcont{
	width:300px;
	box-sizing:border-box;
	margin:0 auto;
}
}



/*-----------------------------
	header
------------------------------*/
#wrapper{
	width:960px;
	margin:0 auto;
	clear:both;
	background:#eeeeee;
}
header h1{
	height:100px;
	overflow:hidden;
	margin:20px auto 0;
	text-align:center;
}
header h1 a{
	display:block;
	width:100%;
	height:100px;
}
header h1 a img{
	margin:0px auto 0;
}
@media screen and (max-width: 640px){
#wrapper{
	width:100%;
	margin:0 auto;
	clear:both;
	background:#eeeeee;
}
header h1{
	height:inherit;
	overflow:hidden;
	margin:0 auto;
	padding:8px 0;
	text-align:center;
}
header h1 a{
	display:block;
	width:100%;
	height:inherit;
}
header h1 a img{
	margin:0px auto 0;
	width:137px;
	height:auto;
}
}



/*-----------------------------
	contents
------------------------------*/

#contents{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:0px 0;
	overflow:hidden;
	background-color:#fff;
}
@media screen and (max-width: 640px){
#contents{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0px 0;
	overflow:hidden;
	background-color:#fff;
}
}



/*-----------------------------
	footer
------------------------------*/

footer{
	clear:both;
	width:960px;
	margin:0 auto;
	padding:34px 0px;
	background:#eeeeee;
}
footer p{
	margin:0 auto;
	text-align:center;
}
@media screen and (max-width: 640px){
footer{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:34px 0px;
	background:#eeeeee;
}
}