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

h2{
	color:#009CFF;
	text-align:center;
	font-size:32px;
	font-weight:bold;
}
#side ul li{
	border-bottom:1px dotted #AAA;
	margin-bottom:10px;
	padding-bottom:10px;
}
#side ul li a:hover{
	color:#AAA;
}
.page .prev{
	float:left;
}
.page .next{
	float:right;
}

/*mb-----------------------------------------------*/
@media screen and (max-width: 768px){
#news{
	margin-bottom:80px;
}
h2{
	margin-top:5%;
	margin-bottom:5%;
	font-size:21px;
}
.newsbox{
	width:100%;
}
.article{
	margin-bottom:5%;
	padding-bottom:5%;
	border-bottom:1px solid #AAA;
}
.article .ttl{
	font-size:16px;
	margin-bottom:20px;
}
#side{
	width:100%;
	padding-top:10%;
}
#side .block{
	margin-bottom:5%;
}
#side p{
	font-weight:bold;
	background:#EEE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
}


/*pc-----------------------------------------------*/
@media screen and (min-width: 769px){
#news{
	margin-bottom:80px;
}
h2{
	margin-top:50px;
	margin-bottom:30px;
}
.newsbox{
	float:left;
	width:650px;
}
.article{
	margin-bottom:50px;
	padding-bottom:50px;
	border-bottom:1px solid #AAA;
}
.article .ttl{
	font-size:16px;
	margin-bottom:20px;
}
#side{
	float:right;
	width:250px;
}
#side .block{
	margin-bottom:50px;
}
#side p{
	font-weight:bold;
	background:#EEE;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:10px;
}
}