@charset "utf-8";
@import "/css/template.css";
#conts .notes {
	margin: 0 10px -30px;
	padding-left: -1em;

	color: #f00;
	text-indent: -1em;
}

#conts h2 {
	margin: 0 0 10px;
}

#conts #about {
	padding: 15px 10px 0 10px;
	height: 80px;
	background: url(/img/materials_tool/back_01.jpg) no-repeat;

	line-height: 1.7;
}

	* html #conts #about {
		height: 95px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: 80px;
		/**/
	}

#conts h3 {
	margin: 50px 0 25px 0px;
}

#conts p {
	line-height: 1.7;
}

/* box */
#conts .box {
	margin: 0 0 30px 15px;
	width: 510px;

	clear: left;
	position: relative;
}

#conts .box img.photo {
	float: left;
}

#conts .box h4 {
	margin: 0 0 0 120px;
}

#conts .box h4 a {
	padding: 1px 0 1px 20px;
	background: url(/img/icon/arrow01.gif) no-repeat left center;
	font-size: 15px;
	font-weight: bold;
	
	line-height: 1.5;
}

#conts .box .coment, #conts .box .coment2 {
	margin: 0 0 0 120px;
	padding-bottom: 10px;
	background: url(/img/materials_tool/line.gif) no-repeat left bottom;
	color: #666;
}

#conts .box .coment2 {
	margin-top: 5px;
	padding-bottom: 7px;

	line-height: 1.3;
}

#conts .box .coment span {
	margin-bottom: 0;
	color: #FF0000;
	font-weight: bold;
	line-height: 1.5;
}

#conts .box .coment2 span {
	margin-bottom: 0;
	color: #FF0000;
	font-weight: bold;
	line-height: 1.0;
}

#conts .box ul {
	margin: 0 0 0 120px;
	height: 32px;

	position: absolute;
	bottom: 0;
	left: 0;
}

/*------------------------------------------------------------
	ロールオーバ
------------------------------------------------------------*/
/*商品詳細*/
#conts .box li.details {
	position: absolute;
	top: 0;
	left: 0;
}

#conts .box li.details a {
	width: 113px;
	height: 30px;
	background: url(/img/materials_tool/guide_over.gif) no-repeat left top;
	display: block;
}

#conts .box li.details a:hover {
	background-color: #fff;
}

#conts .box li.details a:hover img {
	visibility: hidden;
}

/*お問い合わせはこちら コンテンツ内*/
#conts .box li.inquiry {
	position: absolute;
	top: 0;
	left: 130px;
}

#conts .box li.inquiry a {
	width: 202px;
	height: 30px;
	background: url(/img/materials_tool/guide_over_inq.gif) no-repeat left top;
	display: block;
}

#conts .box li.inquiry a:hover {
	background-color: #fff;
}

#conts .box li.inquiry a:hover img {
	visibility: hidden;
}