@charset "UTF-8";


#mainContents h2 {
	height: 35px;
	line-height: 35px;
	font-size: 138%;
	color: #000;
	border-left: solid 8px #fc0;
	background-color: #c2ffe2;
	padding-left: 8px;
	margin-right: 50px;
	margin-bottom: 24px;
}


/*-施工事例リスト----------*/

#caseList {
	margin-top: 8px;
	width: 530px;
	height: auto;
	overflow: hidden;
}

#caseList li {
	float: left;
	margin-right: 12px;
	margin-top: 12px;
}

#caseList dl {
	width: 250px;
	height: 162px;
	position: relative;
	border: solid 1px #bdbdbd;
}

html>/**/body #caseList dl:hover {
	opacity: .6;
	filter: alpha(opacity=60);
} /*IE6 & 7 以外に適用*/

#caseList dt {
	padding: 9px;
}

#caseList dt img {
	width: 232px;
}

#caseList .newTopic {
	display: block;
	height: 42px;
	width: 42px;
	background: url(../common/images/new.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 3px;
	left: 14px;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../common/images/new.png', sizingMethod='crop');
}

#caseList dd strong {
	margin: 0 9px;
	font-weight: bold;
	font-size: 92%;
}

#caseList dd a {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background-color: #fff;
	opacity: 0;
	filter: alpha(opacity=0);
	*width: auto;
	*height: auto;
	*top: 52px;
	*text-indent: 0;
	*filter: alpha(opacity=100);
}

#caseList dd a {
	background: #fff\0/; /*IE8のみ*/
}

+html #caseList dd a {
	background: #fff; /*IE7のみ*/
}