@charset "utf-8";
@import url("nav-pro.css");
/* CSS Document */





a.btnproHT{font-family:'supermarketregular', Arial, Helvetica, sans-serif; font-size:18px;  line-height:18px; color:#000000;}
a.btnproHT:hover{color: #F40F00}
a.btnproHTEN{font-family:'DINPro-Medium', Arial, Helvetica, sans-serif; font-size:14px;  line-height:18px; color:#000000; text-transform:uppercase;}
a.btnproHTEN:hover{color: #F40F00}

#right-nav1, #right-nav2, #right-nav3, #right-nav4, #right-nav5, #right-nav6, #right-nav7, #right-nav8, #right-nav9, #right-nav10, #right-nav11, #right-nav12
{width:270px; min-height:500px; height:auto; float:left;}




#proLeftNav{width:270px; min-height:500px; height:auto; float:left;}

.proLeft02{width:270px; height:auto; display: block;  padding: 0px 0px;  background: url("../images/img38.gif") no-repeat 0px 0px;text-align: center;}
ul.proLeft03{ width:220px; padding:0px 25px; background:url(../images/img37.gif)no-repeat center bottom;}
ul.proLeft03 li{width:220px; min-height:15px; padding:0; text-align:right;}
ul.proLeft03 li.tapo01{idth:220px; height:270px; background:url(../images/product/tapo01.jpg) no-repeat 0px 0px; text-align:center;}
ul.proLeft03 li div{background:url(../images/icon17.gif) no-repeat right center #000; color:#FFFFFF; display:block; width:190px; padding:10px 30px 10px 0px; border-bottom:1px solid #f7f7f7;
font-family:'supermarketregular', Arial, Helvetica, sans-serif; font-size:17px;  line-height:18px;}

a.bnta01, a.bnta02, a.bnta03, a.bnta04, a.bnta05, a.bnta06, a.bnta07, a.bnta08, a.bnta09, a.bnta10, a.bnta11, a.bnta12
{display:block; width:190px; padding:10px 30px 10px 0px; border-bottom:1px solid #f7f7f7; /*margin-bottom:1px;*/ 
 font-family:'supermarketregular', Arial, Helvetica, sans-serif; font-size:17px; color:#999999; line-height:18px;}
a.bnta01:hover, a.bnta02:hover, a.bnta03:hover, a.bnta04:hover, a.bnta05:hover, a.bnta06:hover, a.bnta07:hover, a.bnta08:hover, a.bnta09:hover, a.bnta10:hover, a.bnta11:hover, a.bnta12:hover
{ background:url(../images/icon17.gif) no-repeat right center #000; color:#f7f7f7;}

.proLeft02EN{width:270px; height:auto; display: block;  padding: 0px 0px;  background: url("../images/img38.gif") no-repeat 0px 0px;text-align: center;}
ul.proLeft03EN{ width:220px; padding:0px 25px; background:url(../images/img37.gif)no-repeat center bottom;}
ul.proLeft03EN li{width:220px; min-height:15px; padding:0; text-align:right;}
ul.proLeft03EN li.tapo01EN{idth:220px; height:270px; background:url(../images/product/tapo01.jpg) no-repeat 0px 0px; text-align:center;}
ul.proLeft03EN li div{background:url(../images/icon17.gif) no-repeat right center #000; color:#FFFFFF; display:block; width:190px; padding:10px 30px 10px 0px; border-bottom:1px solid #f7f7f7;
font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; font-size:17px;  line-height:18px;}


a.bnta01EN, a.bnta02EN, a.bnta03EN, a.bnta04EN, a.bnta05EN, a.bnta06EN, a.bnta07EN, a.bnta08EN, a.bnta09EN, a.bnta10EN, a.bnta11EN, a.bnta12EN
{display:block; width:190px; padding:10px 30px 10px 0px; border-bottom:1px solid #f7f7f7; /*margin-bottom:1px;*/ 
 font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; font-size:15px; color:#999999; line-height:17px;}
a.bnta01EN:hover, a.bnta02EN:hover, a.bnta03EN:hover, a.bnta04EN:hover, a.bnta05EN:hover, a.bnta06EN:hover, a.bnta07EN:hover, a.bnta08EN:hover, a.bnta09EN:hover, a.bnta10EN:hover, a.bnta11EN:hover, a.bnta12EN:hover
{ background:url(../images/icon17.gif) no-repeat right center #000; color:#f7f7f7;}

a.bnta01, a.bnta01EN{ background:#c8c8c8;}
a.bnta02, a.bnta02EN{ background:#d1d1d1;}
a.bnta03, a.bnta03EN{ background:#dadada;}
a.bnta04, a.bnta04EN{ background:#dddddd;}
a.bnta05, a.bnta05EN{ background:#e4e4e4;}
a.bnta06, a.bnta06EN{ background:#e8e8e8;}

a.bnta07, a.bnta07EN{ background:#ececec;}
a.bnta08, a.bnta08EN{ background:#f0f0f0;}
a.bnta09, a.bnta09EN{ background:#f2f2f2;}
a.bnta10, a.bnta10EN{ background:#f3f3f3;}
a.bnta11, a.bnta11EN{ background:#f5f5f5;}
a.bnta12, a.bnta12EN{ background:#f8f8f8;}

ul.proLeft03IN{font-size:15px;  line-height:16px; font-family:'supermarketregular', Arial, Helvetica, sans-serif; text-align:right;}
ul.proLeft03IN li { width:220px; padding:8px 0px 8px 0px; border-bottom:1px dotted #999999; background-color:#f7f7f7;}
ul.proLeft03IN a{color:#000000; display:block;  padding-right:30px;}ul.proLeft03IN a:hover{ color:#f70000; padding-right:40px;}

ul.proLeft03INEN{font-size:13px;  line-height:18px; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; text-align:right;}
ul.proLeft03INEN li { width:220px; padding:8px 0px 8px 0px; border-bottom:1px dotted #999999; background-color:#f7f7f7;}
ul.proLeft03INEN a{color:#000000; display:block;  padding-right:30px;}ul.proLeft03INEN a:hover{ color:#f70000; padding-right:40px;}

.tapotext{ padding-top:5px; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; text-transform:uppercase; font-size:18px; line-height:19px;}.tapotext span{ font-family:'DINPro-Medium';}
.tapotext02{font-size:17px; line-height:21px; color:#111111;}
.tapotext02EN{font-size:15px; line-height:24px; color:#111111;}
.tapotext02EN2{font-size:15px; line-height:24px; color:#111111; padding-bottom:41px; margin-bottom:40px; background:url(../images/linedot11.gif) repeat-x left bottom;}
.tapotext02EN3{font-size:15px; line-height:24px; color:#111111; padding-bottom:41px; }

ul.trt10{ width:698px; height:auto; margin:0px auto 40px auto; padding:0px 0px 40px 0px; background: url("../images/linedot11.gif") repeat-x scroll left bottom;}
ul.trt10 li{ width:680px; min-height:18px; margin:0px 5px 0px 5px; font-size:17px;  line-height:22px; font-family:'supermarketregular', Arial, Helvetica, sans-serif; color: #111;}
ul.trt10 li.htrt{color:#FF1200; margin-top:20px;} ul.trt10 li p{color:#FF1200; padding-right:10px; float:left;}
ul.trt10 li.ptrt{ padding-left:20px;}


.prohead01{width:220px;height:270px; display: block; margin-left:25px;  background: url(../images/product/tapo01.jpg) no-repeat 0px 0px}

#proINLeft01{ float:left; width:814px;}
#proINright{ float:right; width:780px; margin-right:10px;  display: block; font-family:'supermarketregular', Arial, Helvetica, sans-serif;}
#proINrightEN{ float:right; width:780px; margin-right:10px;  display: block; font-family:'DINPro-Medium', Arial, Helvetica, sans-serif; text-transform:uppercase;}
#proINright2EN{ float:right; width:780px; margin-right:10px;  display: block; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif;}
.protxttop {text-align: center; height:80px; margin-bottom: 20px; background: url("../images/img28.jpg") no-repeat  center bottom; color:#ff1200; font-size:24px; line-height:26px;}
.protxttop p{ color:#000;}
.protxttop2 {text-align: center; height:50px; margin-bottom:30px; background: url("../images/img28.jpg") no-repeat  center bottom; color:#ff1200; font-size:19px; line-height:24px;}
.protxttop2 p{ color:#000;}
.protxttop3 {text-align: center; height:80px; margin-bottom: 0px; background: url("../images/img28.jpg") no-repeat  center bottom; color:#ff1200; font-size:24px; line-height:26px;}
.protxttop3 p{ color:#000;}

.protxttop3EN {text-align: center; height:80px; margin-bottom: 0px; background: url("../images/img28.jpg") no-repeat  center bottom; color:#ff1200; font-size:20px; line-height:20px; text-transform:uppercase; 
font-family:'DINPro-Medium';}
.protxttop3EN p{ color:#000; font-family:'DINPro-Regular'; font-size:17px; margin-top:0px;}

.protxttop2EN {text-align: center; height:50px; margin-bottom:30px; background: url("../images/img28.jpg") no-repeat  center bottom; color:#ff1200; font-size:17px; line-height:20px;}
.protxttop2EN p{ color:#000;}

.picprobox{width:780px;height:560px;}
.picprobox2{width:780px;min-height:400px; text-align:center;}

.proboxcontent{width:698px; margin:0px auto; background:url(../images/linedot11.gif) repeat-x left top;}


.ta01AC{color:#ff1200; font-size:20px; line-height:22px;  text-align:center; padding:35px 0px 20px 0px;  }
.ta01AD{color:#3b3939; font-size:18px;  text-align:center; padding:0px 15px 0px 15px; line-height:21px;  }

.ta01ACEN{color:#ff1200; font-size:15px; line-height:18px;  text-align:center; padding:35px 0px 20px 0px; text-transform:uppercase; font-family:'DINPro-Regular'; font-weight:bold;}
.ta01ADEN{color:#3b3939; font-size:14px;  text-align:left; padding:0px 15px 0px 15px; line-height:21px;  }

ul.ta01AB{width:697px; height:450px; padding-left:1px;  border-bottom:4px solid #3b3939; border-top:4px solid #3b3939; margin:0px auto 45px auto; 
padding-top:2px; background:url(../images/linedot14.gif) repeat-y left top;}
ul.ta01AB li{width:172px;height:448px; padding:0px 1px 0px 1px; background:url(../images/linedot14.gif) repeat-y right top; float:left;}

ul.ta01AE{width:450px; height:390px; background:url(../images/linedot14.gif) repeat-y left top; float:left;}
ul.ta01AE li{ width:420px;padding-left:30px; display:block; padding-bottom:5px; font-size:17px; line-height:22px;}ul.ta01AE li p{ color:#BC1D22;}
.ta01AF{width:698px; height:410px;}

ul.ta01AEN{width:450px; height:380px; background:url(../images/linedot14.gif) repeat-y left top; float:left;}
ul.ta01AEN li{ width:420px; padding-left:30px; display:block; padding-bottom:35px; font-size:14px; line-height:22px;}ul.ta01AEN li p{ color:#BC1D22; font-family:'DINPro-Medium';}
.ta01AFN{width:698px; height:410px;}

ul.fproter{width:698px; height:30px; border-top:4px solid #3b3939; margin-top:40px; padding-top:25px; clear:both; }
ul.fproter li{min-width:115px; display:block; float:left; text-align:center; background:url(../images/linedot14.gif) repeat-y right top; margin-right:20px; margin-left:0px;}
ul.fproter li.icndo{width:100px; padding:0px 25px;}
ul.fproter li a{height:18px; padding:10px 65px 0px 35px; display: block; font-size:17px; background:url(../images/icon19.gif) no-repeat right 12px; color:#737272;}
ul.fproter li a:hover{color:#ee0000; background:url(../images/icon19H.gif) no-repeat right 12px;}
ul.fproter li a.btnfpro{width:115px;}
ul.fproter li a.btnfpro2, ul.fproter li a.btnfpro3, ul.fproter li a.btnfpro4 {width:105px; height:18px; padding:5px 30px 5px 10px; display: block; font-size:17px; background:url(../images/icon19.gif) no-repeat right 12px; color:#737272; text-align:left;} ul.fproter li a.btnfpro2:hover, ul.fproter li a.btnfpro3:hover, ul.fproter li a.btnfpro4:hover{color:#ee0000; background:url(../images/icon19H.gif) no-repeat right 12px;}

ul.fproter li.spbb{width:150px;} 
ul.fproter li a.ENPSP{height:18px; padding:10px 65px 0px 35px; display: block; font-size:14px; background:url(../images/icon19.gif) no-repeat right 12px; color:#737272;}
ul.fproter li a.ENPSP:hover{color:#ee0000; background:url(../images/icon19H.gif) no-repeat right 12px;}
ul.fproter li a.ENPSP2{height:18px; padding:10px 65px 0px 35px; display: block; font-size:14px; background:url(../images/icon19.gif) no-repeat right 12px; color:#737272;}
ul.fproter li a.ENPSP2:hover{color:#ee0000; background:url(../images/icon19H.gif) no-repeat right 12px;}
ul.fproter li a.ENPSP3 {height:18px; padding:0px 35px 0px 25px; display: block; font-size:14px; background:url(../images/icon19.gif) no-repeat right 4px; color:#737272; text-align:left;}
ul.fproter li a.ENPSP3:hover{color:#ee0000; background:url(../images/icon19H.gif) no-repeat right 4px;}


.provedeo{ margin-top:20px; margin-bottom:20px;}
.picpad{ padding:35px 0px;}
.picpadB{ padding:0px 0px 35px 0px;}
.picpad2{ padding-top:25px; padding-bottom:25px; background:url(../images/linedot06.gif) repeat-x left bottom;}
.txtpad{ padding:50px 20px 0px 35px; font-size:15px;  line-height:18px; font-family:'supermarketregular', Arial, Helvetica, sans-serif; background:url(../images/linedot06.gif) repeat-x left bottom;}
.txtpad2{ padding:50px 0px 0px 35px; font-size:15px;  line-height:18px; font-family:'supermarketregular', Arial, Helvetica, sans-serif; background:url(../images/linedot06.gif) repeat-x left bottom;}

.txtpadEN{ padding:50px 20px 0px 35px; font-size:13px;  line-height:15px; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; background:url(../images/linedot06.gif) repeat-x left bottom;}
.txtpad2EN{ padding:50px 0px 0px 35px; font-size:13px;  line-height:15px; font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; background:url(../images/linedot06.gif) repeat-x left bottom;}

.txsp00{font-family:'DINPro-Regular', Arial, Helvetica, sans-serif; }
.txsp01{ padding:5px 0px; height:20px; border-bottom:2px solid #333; border-top:2px solid #333; }
.txsp02{ background:url(../images/linedot11.gif) repeat-x left bottom; } .txsp03{padding:5px 0px 5px 20px;}

.txsp00TH{font-family:'supermarketregular', Arial, Helvetica, sans-serif;  font-size:17px;  line-height:18px; border-bottom:2px solid #333;}
.txsp01TH{ padding:20px 0px; height:20px; border-bottom:2px solid #333; border-top:2px solid #333; color:#bc1d22; font-size:19px;}
.txsp02TH{ background:url(../images/linedot11.gif) repeat-x left bottom;} 
.txsp03TH{padding:15px 0px 15px 40px;}.txsp04TH{padding:15px 0px 15px 20px; }
.txsp05TH{padding:15px 0px 15px 40px; background:url(../images/linedot11.gif) repeat-x left bottom;}
.txsp06TH{padding:15px 0px 15px 20px; background:url(../images/linedot11.gif) repeat-x left bottom;} 
.txsp07TH{padding:15px 0px 15px 40px; border-left:1px solid #333;}
.txsp08TH{padding:15px 0px 15px 40px; background:url(../images/linedot11.gif) repeat-x left bottom;  border-left:1px solid #333;}

.txsp00EN{font-family:'DINPro-Regular', Arial, Helvetica, sans-serif;  font-size:14px;  line-height:18px; border-bottom:2px solid #333;}
.txsp01EN{ padding:20px 0px; height:20px; border-bottom:2px solid #333; border-top:2px solid #333; color:#bc1d22; font-size:15px; font-weight:bold;}