@charset "utf-8";

/* main
------------------------------------------- */
.col-left {
	float:left;
	width:592px;
}

.col-left img, .col-right img {
	
}

.col-right {
	float:right;
	width:394px;
}

.col-left ul {
	padding-top:4px;
}

.col-left li {
	float:left;
	margin-right:11px;
	margin-bottom:7px;
	width:190px;
}

.col-left li:last-child {
	margin-right:0;
}

.col-right ul {

}

.col-right li {
	float:left;
	margin-right:14px;
	margin-bottom:7px;
	width:190px;
}

.col-right li:first-child {
	width:100%;
	height:auto;
	float:none;
	margin-bottom:15px;
}

.col-right li:last-child {
	margin-right:0;
}

.news {
	border:solid 1.5px #333;
	margin-top:-2px;
	padding:10px 18px;
	height:268px;
	overflow:scroll;
	position:relative;
}

.news dl {
	line-height:1.6;
	border-bottom:dotted 1px #CCC;
	padding:8px 0;
}

.news dl dt {
	display:inline-block;
	width:25%;
	vertical-align:top;
}

.news dl dd {
	display:inline-block;
	width:73%;
}

.news .news-ttl {
	text-align:center;
	font-weight:bold;
	padding-bottom:0px;
}

.news-list {
	background:#5a5757;
	width:100%;
	color:#fff;
	text-align:center;
}

.news-list a {
	color:#fff;
	text-decoration:none;
	display:block;
	width:100%;
	padding-top:2px;
	padding-bottom:2px;
	font-size:90%;
}


/* sp
======================================================== */
@media screen and (max-width: 768px) {
.news {
	width:70%;
	margin:0 auto;
	padding:10px 0;
}

.news dl {
	width:90%;
	margin:0 auto;
}

.news dl dt {
	display:block;
	width:100%;
}
.news dl dd {
	display:block;
	width:100%;
}

.news-list {
	width:70%;
	margin:0 auto;
	border:solid 2px #5a5757;
}

#main {
	width:100%;
}

#main img {
	width:70% !important;
	height:auto;
	margin:0 auto 12px auto;
}
#main img.mainimg{
	width:100% !important;
	margin-bottom:14px;
}

}