@charset "UTF-8";
/**/

#banner_handmaid {
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 767px) {
#banner_handmaid {
	margin:40px auto 0;
	width:90%;
}
}
#banners {
	margin:80px auto 0;
	width:960px;
}
@media only screen and (max-width: 767px) {
#banners {
	margin:0px auto 0;
	width:90%;
}
}
#banners li {
	width:320px;
	float:left;
}
#banners li a {
	display:block;
	width:300px;
	padding:10px;
}
#banners li a:hover {
	background:#f0f0f0;
}
#banners li .title {
	display:block;
	text-align:center;
	font-size:16px;
}
#banners li a,
#banners li a:hover {
	text-decoration:none;
	color:#000;
}
#banners li .text {
	display:block;
	text-align:left;
	padding:10px 20px;
}
@media only screen and (max-width: 767px) {
	#banners li {
		margin-top:30px;
		width:100%;
		float:none;
	}
	#banners li a {
		display:block;
		width:100%;
		padding:0px;
		background:#fff url(../img/bg_mainimgArea.png) repeat;
		text-align:center;
	}
	#banners li .title {
		display:inline-block;
		font-size:15px;
		padding:7px 0;
		background: #005d24;
		color:#fff;
		font-weight: bold;
		width:100%;
	}
	#banners li .title:before {
		content:"";
		box-sizing: border-box;
		display: inline-block;
		width:6px;
		height:6px;
		border:transparent 6px solid;
		border-left: #fff 6px solid;
	}
	#banners li .text {
		display:block;
		text-align:left;
		padding:10px 20px;
		background-color: #f0f0f0;
	}
}