@charset "utf-8";

#main > .inner{
	padding-top: 210px;
}

#main .h.title{
	background-image: url(../common/img/bg_h_01.jpg);
}

#area_01 > .leftside{
	width: 325px;
	margin-top: 50px;
}

#area_01 > .rightside{
	width: 360px;
	margin-top: 30px;
}

#area_02{
	margin-top: 30px;
}

#area_02 .bnrs > li{
	float: left;
	margin-left: 4px;
}

#area_02 .bnrs > li:first-child{
	margin-left: 0;
}

@media screen and (max-width: 740px){
	#main > .inner{
		padding-top: 0;
	}

	#main_column{
		font-size: 13px;
	}

	#area_01 > .leftside{
		float: none;
		width: auto;
		margin-top: 20px;
	}

	#area_01 > .rightside{
		float: none;
		width: 240px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
	}

	#area_02 .bnrs{
		line-height: 1.0;
		width: 256px;
		margin-right: auto;
		margin-bottom: -10px;
		margin-left: auto;
		text-align: center;
	}

	#area_02 .bnrs > li{
		width: 120px;
		height: 122px;
		margin-right: 4px;
		margin-bottom: 8px;
		margin-left: 4px;
	}

	#area_02 .bnrs > li:first-child{
		margin-left: 4px;
	}

	#area_02 .bnrs > li a{
		width: 100%;
		height: 100%;
	}

	#area_02 .bnrs > li img{
		width: 100%;
		height: auto;
		vertical-align: top;
	}
	.visio_01 img, .visio_02 img {
		width: 100%;
	}
}