@charset "utf-8";


@media screen and (min-width: 800px) {
}


@media screen and (max-width: 798px) {



}


#topMain {width:100%;margin:0 auto 50px auto;}


section:after {content:"";}

article{
overflow:hidden;
color:#666;
line-height:180%;
}

article p{
	margin-bottom:1em;
}


@media screen and (min-width: 800px) {

	section{
		width:1000px;
	margin:0 auto 60px auto;}
}



@media screen and (max-width: 798px) {

section{
box-sizing:border-box;
padding:0 5%;
}


}


h2,h3,h4{
	font-weight:normal;
	margin-bottom:1em;
}

h2{
	font-size:170%;
	text-align:center;
	letter-spacing:6px;
	color:#333;
	margin-bottom:2em;
}



#news dl{
margin-bottom:1px;
width:100%;
border-bottom:1px dotted #999;
}



#news dt{
color:#333;
width:150px;
padding:10px 0 0 20px;
border-top:1px dotted #999;
float:left;
font-size:90%;
box-sizing:border-box;
}




#news dd{
margin-left:150px;
border-top:1px dotted #999;
padding:15px 1em 10px 15px;
line-height:160%;
font-size:100%;
background:#fff;
box-sizing:border-box;
}

#news dd a{
	color:#069;
}

#news dd a:hover{
	color:#31af9c;
}




@media screen and (min-width: 800px) {
	

}


@media screen and (max-width: 798px){
	
#news dt{
color:#333;
width:100%;
padding:5px 0 0 5px;
border-top:1px dotted #999;
margin-bottom:0;
}


#news dd{
margin-left:0%;
min-height:auto;
padding-top:0;
}



}


.pager{
	margin:2em;
	text-align:center;
}



#news_entry:after{contents: "";}

#news_entry{
margin-bottom:5em;
}

#news_entry h3{
	color:#31af9c;
	font-size:140%;
	border-bottom:2px solid #A4DCD3;

}

#news_entry h3 span{
	padding: 0 10px;
}


#news_entry .date{
	font-size:90%;
	text-align:right;
margin:1em;}


#news_entry .btn{
	margin:2em auto;
}