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

/*共通========================================*/
*{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-style: normal;
	font-size: 16px;
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	height:100%;
}
a {
	text-decoration:none;
}
a img:hover {
	opacity: 0.8;
}
/*タイトル*/
h2{
	background-image:url(../img/ttl.png);
	background-repeat:no-repeat;
	border-bottom:#CCCCCC dotted 1px;
	color:#1F3F00;
	font-size:20px;
	margin-bottom:20px;
	padding:10px 0px 10px 30px;
}
h2 span{
	float:right;
	margin-top:5px;
	margin-right:20px;
	font-weight:100;
}

/*フッター*/
footer{
	width:auto;
	height:50px;
	background-color:#204000;
	clear:both;
}
footer p{
	text-align:center;
	color:#FFFFFF;
	font-size:14px;
	padding-top:15px;
}


/*641以上表示========================================*/
@media screen and (min-width: 641px){
#wrapper{
	width:auto;
}
.pcnone{
	display:none;
}
.contents{
	width:900px;
	margin-left:auto;
	margin-right:auto;
} 
.box{
	width:620px;
	margin-left:30px;
	margin-bottom:50px;
	float:right;
}
/*サイドメニュー*/
#sidemenu{
	width:200px;
	float:left;
}
#sidemenu ul{
	width:200px;
}
#sidemenu li{
	width:200px;
	height:50px;
	color:#FFFFFF;
	font-size:18px;
	margin-bottom:3px;
}
#sidemenu .bnr{
	margin-top:5px;
}
/*タイトル*/
h2{
	width:620px;
	float:right;
}

/*ボトムメニュー*/
#bottom_menu{
	clear:both;
	padding-top:50px;
	margin-bottom:10px;
}
#bottom_menu p{
	text-align:center;
	font-size:14px;
}
#bottom_menu a{
	color:#535353;
	font-size:14px;
}
}
/*640以下表示========================================*/
@media screen and (max-width:640px){	
*{
	font-size:20px;
}
#wrapper{
	max-width:640px;
}
.mbnone{
	display:none;
}
.contents{
	width:80%;
	margin-left:auto;
	margin-right:auto;
} 
.box{
	margin-bottom:50px;
}
footer p{
	font-size:12px;
}


}