@charset "utf-8";

#hdg  { margin-bottom:0.5em; }

.sec	{ width:80%;
	margin:0 auto 3em;
	padding-bottom:2em;
	border-bottom:solid 1px #bbb; }

.none  { margin-bottom:0;
	border-bottom:none; }

.thum  { margin-bottom:1.5em;
	text-align:center; }

.thum img  { width:90%;
	height:auto;
	border:solid 1px #999; }

.side  { margin-left:1em; }

h3	{ font-size:1.4em;
	margin-bottom:0.2em;  }

.small  { margin-bottom:1em;
	font-size:0.9em; }

.link a  { display:block;
	width:5em;
	margin:1em 0 0 1em;
	color:#fff;
	text-align:center;
	background-color:#000;
	text-decoration:none; }

.link a:hover  { color:#ccc;
	background-color:#333; }

.list	{ font-size:1.12em;
	line-height:1.7;
	overflow:hidden; }

.left	{ float:left; }

.clear  { clear:both; }


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

#main  { width:90%; }

.sec	{ margin-bottom:3.5em;
	padding-bottom:3em; }

.thum  { width:40%;
	margin:0 0 0 10%;
	float:left; }

.thum img  { width:100%; }

.side	 { width:45%;
	margin:0;
	float:right; }

.sec:after  { content: "";
	display: block;
	clear: both; }

}