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


.col_example {
	width: 610px;
	margin: 0;
	padding: 0;
}

.ttl_example {
	width: 570px;
	height: 35px;
	margin: 0 0 5px 0;
	padding: 3px 0 0 40px;
	background-image: url(../img/bg_ttl_example.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}

.examplebox {
	width: 580px;
	margin: 0 auto 30px auto;
	padding: 0 0 10px 0;
	line-height: 150%;
	border-bottom: 1px dotted #BCBCBC;
}

.imgbox {
	width: 580px;
	margin: 0;
	padding: 0;
}

.imgbox .img_l {
	width: 269px;
	height: 178px;
	margin: 0 10px 0 0;
	padding: 8px 0 0 8px;
	background-image: url(../img/bg_img_l.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

.imgbox .img_right {
	width: 293px;
	margin: 5px 0 0 0;
	padding: 0;
	float: left;
}

.imgbox .img_right dl {
	width: 293px;
	margin: 0;
	padding: 0;
}

.imgbox .img_right dl dt {
	width: 55px;
	height: 20px;
	margin: 0 5px 5px 0;
	padding: 0;
	color: #FFF;
	font-size: 12px;
	text-align: center;
	background-color: #404040;
	float: left;
}

.imgbox .img_right dl dd {
	width: 233px;
	height: 23px;
	margin: 0 0 5px 0;
	padding: 0;
	float: left;
}

.imgbox .img_right .img_s {
	width: 131px;
	height: 107px;
	margin: 14px 5px 0 0;
	padding: 8px 0 0 8px;
	background-image: url(../img/bg_img_s.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

*:first-child+html .imgbox .img_right .img_s {
	width: 131px;
	height: 107px;
	margin: 19px 5px 0 0;
	padding: 8px 0 0 8px;
	background-image: url(../img/bg_img_s.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	float: left;
}

.imgbox .img_right .img_s img:hover,
.imgbox .img_l img:hover {
	filter: alpha(opacity=60);
	opacity: 0.8;
}

.imgbox .img_right .img_s img.none:hover,
.imgbox .img_l img.none:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}