@charset "UTF-8";

@import "/lib/cmn_css/component.css";
@import "/products/css/products_comp.css";


#contents div.mv {
 background: url(/products/images/vi_products.jpg) top left no-repeat;
	margin-bottom: 10px;
	height: 120px;
 width: 780px;
}

#contents div.mv span {
 display: block;
 overflow: hidden;
 text-indent: -9999px;
}

#contents div.pdBox {
	border-bottom: 1px solid #CCCCCC;
	clear: both;
	margin-bottom: 10px;
	padding: 22px 0 6px 0;
	width: 530px;
}

#contents div.color01 {	background: url(/products/images/bg_products_01.gif) left top repeat-y;}
#contents div.color02 {	background: url(/products/images/bg_products_02.gif) left top repeat-y;}
#contents div.color03 {	background: url(/products/images/bg_products_03.gif) left top repeat-y;}
#contents div.color04 {	background: url(/products/images/bg_products_04.gif) left top repeat-y;}
#contents div.color05 {	background: url(/products/images/bg_products_05.gif) left top repeat-y;}

#contents div.pdInner {
	margin: 0 0 0 10px;
	width: 505px;
}

#contents div.pdL {
	float: left;
	margin-right: 17px;
	width: 162px;
}

#contents div.pdR {
	float: left;
	width: 326px;
}

#contents h2.listH01 {
 background: url(/products/images/h_index_01.gif) top left no-repeat;
	border-bottom: 1px solid #ECBF77;
	margin-bottom: 10px;
	height: 18px;
	width:326px;
}

#contents h2.listH01 a {
	display: block;
 height: 18px;
	width:174px;
}

#contents h2.listH02 {
 background: url(/products/images/h_index_02.gif) top left no-repeat;
	border-bottom: 1px solid #5DAECE;
	margin-bottom: 10px;
	height: 18px;
	width:326px;
}

#contents h2.listH02 a {
	display: block;
 height: 18px;
	width:192px;
}

#contents h2.listH03 {
 background: url(/products/images/h_index_03.gif) top left no-repeat;
	border-bottom: 1px solid #F99E98;
	margin-bottom: 10px;
	height: 18px;
	width:326px;
}

#contents h2.listH03 a {
	display: block;
 height: 18px;
	width:124px;
}

#contents h2.listH04 {
 background: url(/products/images/h_index_04.gif) top left no-repeat;
	border-bottom: 1px solid #90BA8B;
	margin-bottom: 10px;
	height: 18px;
	width:326px;
}

#contents h2.listH04 a {
	display: block;
 height: 18px;
	width:175px;
}

#contents h2.listH05 {
 background: url(/products/images/h_index_05.gif) top left no-repeat;
	border-bottom: 1px solid #999999;
	margin-bottom: 10px;
	height: 18px;
	width:326px;
}

#contents h2.listH05 a {
	display: block;
 height: 18px;
	width:69px;
}

#contents h2 span {
 display: block;
	overflow: hidden;
	text-indent: -9999px;
}

#mainContents h2 a {
	display: block;
	height: 18px;
}

/* except IE7 */
html>/**/body h2 a span { 
	display:block;
}
/* except IE7 */

/* btmArea */
#contents div.btmArea {
	clear: both;
	margin: 20px 0 10px 0;
	width: 530px;
}

#contents div.btmAreaL {
	float: left;
	margin-right: 4px;
	width: 240px;
}

#contents div.btmAreaR {
	background: url(/products/images/bg_inquiry_mdl.gif) left top repeat-y;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	float: left;
	height: 148px;
	text-align: center;
	width: 285px;
}

#contents div.btmAreaR p {
	line-height: 100%;
	padding-bottom: 0;
}

#contents div.btmAreaR p.posi01 { margin-bottom: 6px;}

#contents div.btmAreaR p.posi02 {
	border-bottom: 1px solid #CCCCCC;
	display: block;
	padding-bottom: 5px;
	width: 271px;
}

#contents p.areaTitle {
	margin: 3px 0 10px 0;
}

#contents div.contact {
	margin: 0 7px;
	width: 271px;
}
