@charset "UTF-8";

/*================================================
 *  メイン・サブ
 ================================================*/

#main {
	box-sizing:border-box;
	overflow:hidden;
	float:right;
	width:74%;
 	margin-bottom: 40px;
}



#sub {
	box-sizing:border-box;
	overflow:hidden;
	float:left;
	width:22%;

}



/*================================================
 *  サブコンテンツ
 ================================================*/
.submenu li {
	margin:0;
	padding:0;
	list-style:none;
}

.submenu li a {
	display:block;
	padding:10px 22px;
	color:#000;
	border-bottom:1px dotted #ccc;
	text-decoration:none;
	font-size:16px;
}
.submenu li a:hover {
	background:#eee;
}

/*================================================
 *  サブコンテンツ  バナー部分
 ================================================*/

.bnr {
	overflow:hidden;
}
.bnr ul {
	overflow:hidden;
}
.bnr li {
	margin:0 0 10px 0;
	padding:0;
	list-style:none;
}
.bnr li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
.bnr img {
	width:100%;
}





/*================================================
 *  タブレット・スマートフォン向けデザイン
 ================================================*/
/* テンプレートより小さくなった場合に適用 */
@media screen and (max-width:979px) {


	#main {
	float: none;
	width: 100%;

	}

	#sub {
	float:none;
	width: 100%;

	}



}