@import url("reset_o.css");
@import url("base_o.css");
@import url("layout_o.css");

#contants{margin:0 auto;}
#banner {width:620px; height:283px; overflow:hidden; position:relative;}

/*bannerZone slide*/
#banner .clsBannerScreen 
{line-height:0; position:absolute; top:0; left:18px; height:283px;}
#banner .clsBannerScreen div {}
#banner .clsBannerButton {position:absolute;  bottom:20px; left:48px;}
#banner .clsBannerButton li {float:left;;padding:3px;cursor:pointer}
#banner .clsBannerButton li img {width:60px; height:30px; border:1px solid #efefef;} 
#banner .clsBannerButton li.labelOverClass img {border:2px solid #f6ba03;cursor:pointer}




#contants .companyContant {width:362px;position:absolute;top:-23px; right:0;}
#contants .companyContant ul {overflow:hidden;padding:0 40px; }
#contants .companyContant ul li{float:left;}
#contants .companyContant ul li a
{font-size:0.8em; color:#909090; background:url("../images2/company_blet.gif") no-repeat 0 12px;
display:block; padding:10px 12px 10px 12px;}
#contants .companyContant ul li.first a{background:none;}
#contants .companyContant h3 
{background:url("../images2/h3_bg.gif") no-repeat; 
color:#58a4c3; font-size:3.5em; padding:0 0 10px 0;text-align:center;}
#contants .companyContant p {}
#contants .companyContant p.company 
{height:187px;background:#d6ebf5; color:#0c6387; font-size:0.9em; line-height:1.3;
padding:5px 15px 10px 15px; }
#contants .companyContant p.more {position:absolute; top:265px; right:25px;}
#contants .companyContant p.more a {color:#0c6387;font-weight:bold;}

#contants .productList 
{width:620px; padding:24px 0; overflow:hidden; font-size:0.9em;position:relative; float:left;}
#contants .productList li {width:205px; float:left;}
#contants .productList li {text-align:center;}
#contants .productList li dl {border-right:1px solid #e3e4e3; padding:0 10px 0 15px; height:152px; }
#contants .productList li dl.last {border:none;}
#contants .productList li dl dt
{ line-height:1.2; font-size:1.4em; font-weight:bold; color:#000;
padding:5px 0 10px 0; height:33px;}
#contants .productList li dl dt span {display:block;}
#contants .productList li dl dt.single {padding:15px 0 10px 0; height:23px;}
#contants .productList li dl dd {text-align:left; padding:0 0 3px 0; color:#0191d3;}
#contants .productList li dl dd.name {color:#787878;font-weight:bold; padding-bottom:5px;}
#contants .productList li dl dd.name span {display:block;}
#contants .productList li dl dd.more2 {position:absolute;bottom:18px;}

#contants p.multi {padding-top:70px;}

#contants .customer {clear:both;width:620px; }
#contants .customer dl 
{width:328px;height:59px;margin-bottom:10px;
float:left; background:url("../images2/catalogue.gif") no-repeat; }
#contants .customer dl dt {float:left; }
#contants .customer dl dt a {display:block; color:#454545;width:77px; padding:15px 0 20px 7px;}
#contants .customer dl dd {float:left;width:220px; padding:15px 0 15px 0;font-size:0.8em; }
#contants .customer dl dd span {display:block;}
#contants .customer dl.inquiry {background:url("../images2/inquiry.gif") no-repeat;} 
#contants .customer p {padding-left:340px;}

#contants .features {position:absolute; bottom:5px;
right:0; width:360px; background:url("../images2/features_bg.gif") no-repeat 0 35px;}
#contants .features h3
{background:#ececec; padding:10px 0 8px 10px;font-size:1.2em; color:#000; margin-bottom:40px;}
#contants .features h4 {padding-bottom:10px;}
#contants .features ul li {padding:0 0 4px 15px; background:url("../images2/features_blet.gif") no-repeat 4px 7px;}

.sns{position:absolute; top:300px; right:0; width:362px;}
.sns h3{float:left; font-size:18px;}
.sns ul{float:right;}
.sns ul li{float:left; display:inline; margin:0 5px 0 0;}