@charset "UTF-8";

/*****************************************************
FileName : /common/new/css/bnArea.css
*****************************************************/

/*	bnArea
-------------------------------------------------------------------*/
#bnArea * {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#bnArea {
	min-width: 980px;
	padding: 30px 0 20px 0;
	background-color: #ccc;
}
#bnBlock {
	width: 980px;
	margin: 0 auto;
}
#bnBlock:after {
	display: block;
	clear: both;
	height: 0px;
	content: "";
}
#bnBlock li {
	float: left;
	width: 240px;
	height: 82px;
	margin: 0 6px 8px 0;
	border: 1px solid #fff;
	background-color: #b3b3b3;
}
#bnBlock li:nth-child(4n) {
	margin: 0 0 8px 0;
}
#bnBlock li img {
	width: 100%;
	vertical-align: top;
}


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

#bnArea {
	min-width: 750px;
	width: 750px;
	padding: 60px 0 40px 0;
}
#bnBlock {
	width: 690px;
}
#bnBlock li {
	width: 335px;
	height: 114px;
	margin: 0 20px 20px 0;
}
#bnBlock li:nth-child(2n) {
	margin: 0 0 20px 0;
}

}