@charset "utf-8";

@import url(reset.css);
@import url(base.css);
@import url(common.css);


#content h3 {
	margin-bottom: 14px;
}

/*-------------------------------------------------------------------
	#case
-------------------------------------------------------------------*/
#case {
	margin-bottom: 100px;
}
#case .box {
	margin: 0 0 46px;
	overflow: hidden;
	/zoom: 1;
}

#case .box.last{
	margin-bottom: 20px;
}
#case .box h4 {
	/* background: #666666; */
	border-left: 5px solid #3F77A9;
	padding: 5px 15px 2px;
	margin: 0 0 20px;
	color: #FFFFFF;
	font-weight: normal;
	line-height: 1.4;
}
#case .box .imgbox {
	float: left;
	overflow: hidden;
	/zoom: 1;
}
#case .box .imgbox dl,
#case .box .imgbox li {
	float: left;
	width: 180px;
	margin: 0 30px 0 0;
	text-align: center;
}
#case .box .imgbox dl dd {
	position: relative;
}
#case .box .imgbox dl dd::after {
	display: block;
	content: '';
	width: 10px;
	height: 30px;
	position: absolute;
	left: 190px;
	top: 75px;
	background: url(../image/list_ba_arrow.jpg) no-repeat;
}
#case .box .imgbox dl.none dd::after {
	display: none;
}
#case .box .imgbox dl.none,
#case .box .imgbox li.none {
	margin-right: 0;
}
#case .box .imgbox dl dt {
	margin: 10px 0 0;
	line-height: 1.0;
}
#case .box .imgbox dl dd a,
#case .box .imgbox dl dd span,
#case .box .imgbox li a,
#case .box .imgbox li span {
	/* border: 1px solid #CCCCCC; */
	width: 180px;
	height: 180px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
#case .box .imgbox dl dd span img {
	width: 180px;
	height: 180px;
}
#case .box .text {
	margin: 0 0 0 420px;
}
#case .box .text .more {
	margin: 40px 0 0;
	text-align: right;
}