/*product CSS */

/* floatReset
****************************************************/
div.products div.item:after,
div.products div.copy_area:after{
	content:"";
	display:block;
	clear:both;
	height: 0;
 	visibility: hidden;
	}
*:first-child+html div.products div.item,
*:first-child+html div.products div.copy_area{
	min-height: 1em;
	}
*html div.products div.item,
*html div.products div.copy_area{
	height:1em;
	}

/* txt -> img
****************************************************/
div#main div#contens_area div#read_area h4,
div#main div#contens_area div#read_area p {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}
div#main img{
}

/* main
********************************************************************************************************/
div#main h2#chapt{
	position: absolute;
	left: 23px;
	background-image: url(../images/products_ttl01.gif);
	width: 89px;
	height: 571px;
}
div#main div#contens_area {
	position: relative;
	margin: 0 0 0 112px;
	padding-bottom: 27px;
	background-image: url(../images/s_bg02.gif);
	background-position: 0 0;
	background-repeat: repeat-y;
	width: 606px;
	min-height: 571px;
}
*html div#main div#contens_area {
	height: 571px;
}
div#main div#contens_area h3#contens_hd {
	margin-bottom: -118px;
	padding-top: 33px;
	background-image: url(../images/products_ttl02.gif);
	width: 24px;
	height: 118px;
}
div#main div#contens_area div#read_area {
	position: relative;
	margin: 0 0 24px 47px;
	width: 535px;
}
div#main div#contens_area div#read_area h4 {
	margin-bottom: 12px;
	background-image: url(../images/products_readttl.gif);
	width: 535px;
	height: 27px;
}
div#main div#contens_area div#read_area p {
	background-image: url(../images/products_read.gif);
	width: 535px;
	height: 70px;
}

/* item_area
****************************************************/
div#item_area{
	margin: 0 0 0 47px;
	padding: 15px 0 0;
	background-image: url(../images/products_bg01.gif);
	width: 535px;
	}
div.products{
	margin: 0 auto;
	padding-bottom: 15px;
	text-align: left;
	width: 501px;
	color: #5C5C5C;
	}
*:first-child+html div.products{
	padding-bottom: 5px;
	}
*html div.products{
	padding-bottom: 7px;
	}
div.products div.bg{
	padding: 0 10px;
	border-right: 1px solid #bfbfbf;
	background-color: #fff;
	width: 480px;
	}
div.products div.bg h3{
	margin: 0px 0px 8px;
	padding: 1px 0px 0px;
	border-bottom: 2px solid #8f8f8f;
	width: 480px;
	}
div.products div.bg div.item{
	padding-bottom: 6px;
	}
div.products div.bg div.item a.itm_img{
	float: left;
	margin: 0px 8px 0px 0px;
	border: 1px solid #909090;
	width: 160px;
	}
div.products div.bg div.item a.itm_img:hover{
	border: 1px solid #03cef9;
	}
div.products div.bg div.item div.text{
	float: left;
	position: relative;
	padding-bottom: 5px;
	min-height: 157px;
	width: 310px;
	}
*html div.products div.bg div.item div.text{
	height: 162px;
	}
div.products div.bg div.item div.text p{
	padding-bottom: 1em;
	}
div.products div.bg div.item div.text div.copy_area{
	position: absolute;
	bottom: 0;
	}
div.products div.bg div.item div.text div.copy_area span{
	float: left;
	margin-bottom: 1px;
	}
div.products div.bg div.item div.text div.copy_area a.read_btn{
	position: absolute;
	left: 227px;
	bottom: 0;
	text-indent: -999px;
	overflow: hidden;
	display: block;
	background-image: url(../images/products_read_btn.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 83px;
	height: 13px;
	}
div.products div.bg div.item div.text div.copy_area a.read_btn:hover{
	background-position: -83px 0px;
	}

	
div.products img{
	vertical-align:bottom;
	}
div.products img.item_btm{
	vertical-align:top;
}