@charset "iso-8859-1";

/* CSS Document */
*{
margin:0;
padding:0;
}
body{
margin:0px;
font-family:"verdana";
font-size:small;
}
#body_bg{
position:relative;
width:760px;
}
.clear{
clear:both;
}
hr{
height:1px;
}
.laser{
height:1px;
background-image:url(images/laser.gif);
background-repeat:no-repeat;
background-position:0px;
}
ol{
margin:10px 40px;
}
ol.s-margin{
margin-bottom:10px;
margin-left:25px;
margin-right:0px;
margin-top:5px;
}
ol.ss-margin{
margin-bottom:5px;
margin-left:5px;
margin-right:0px;
margin-top:2px;
}
dd{
margin-left:20px;
}
.txt-small{
font-size:x-small;
}
.txt-red{
font-weight:bolder; color:#FF0000;
}
.line-height150{
line-height:150%;
}
.mrgn-tb10{
margin:10px 0px;
}
.margin-top3{
margin-top:3px;
}
.margin-top25{
margin-top:25px;
}
.margin-top30{
margin-top:30px;
}
.margin-top40{
margin-top:40px;
}
.margin-right10{
margin-right:10px;
}
.padding5{
padding:5px;
}
.padding10{
padding:10px;
}
.padding15{
padding:15px;
}
.padding15-l{
padding-left:15px;
}
.height1{
height:1px;
}
.height5{
height:5px;
}
.height15{
height:15px;
}
.height50{
height:50px;
}
.height79{
border-bottom:1px solid #FFFFFF;
height:79px;
}
/***** HEADER *****/
#head{
width:760px;
height:52px;
}
#sitelogo{
position:absolute;
top:5px;
left:10px;
}
#sitetools{
position:absolute;
top:0px;
left:650px;
}
#sitetools ul{
list-style:none;
}
#sitetools li{
float:left;
font-weight:bolder;
margin-top:25px;
margin-right:5px;
background-image:url(images/hd_icon_gr.gif);
background-repeat:no-repeat;
background-position:0px;
}
#sitetools a{
color:#5A656B;
text-decoration:none;
padding-left:15px;
}
#sitetools a:visited{
color:#5A656B;
text-decoration:none;
}
#sitetools a:hover{
color:#2a68a6;
text-decoration:underline;
}
#sitetools a:active{
color:#2a68a6;
text-decoration:underline;
}

/***** GLOBAL-NAVIGATION *****/
#gnv{
clear:both;
width:760px;
height:30px;
font-size:small;
background-color:#5A6565;
}
#gnv ul{
list-style:none;
}
#gnv li,#gnv li.home,#gnv li.home-c,#gnv li.gnv-current{
float:left;
margin-top:5px;
margin-left:15px;
padding-right:15px;
background-image:url(images/lnv_link.gif);
background-repeat:no-repeat;
background-position:0px;
border-right:1px solid #CCCCCC;
}
#gnv li.home{
margin-left:7px;
}
#gnv li.home-c{
margin-left:7px;
background-image:url(images/gnv_current.gif);
}
#gnv li.gnv-current{
background-image:url(images/gnv_current.gif);
}
#gnv a{
color:#FFFFFF;
text-decoration:none;
padding-left:15px;
}
#gnv a:visited{
color:#FFFFFF;
text-decoration:none;
}
#gnv a:hover{
color:#FFFF99;
text-decoration:underline;
}
#gnv a:active{
color:#FFFF99;
text-decoration:underline;
}

/***** CONTENTS *****/
#maxwidth{
position:relative;
width:760px;
background-color:#EEEEEE;
}
#contents{
width:570px;
background-color:#FFFFFF;
}
#brand{
width:570px;
height:154px;
}
#brand div{
padding:1px 1px 1px 0px;
}
#breadcrumb{
width:569px;
font-size:xx-small;
background-color:#57BBFF;
}
#breadcrumb div{
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
padding-left:15px;
}
#innr-lnk{
width:500px;
font-size:xx-small;
padding-top:5px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
}
#innr-lnk ul{
list-style:none;
}
#innr-lnk li{
float:left;
margin-top:5px;
margin-right:5px;
background-image:url(images/icon_link_sgr.gif);
background-repeat:no-repeat;
background-position:2px;
border-left:1px solid #5A656B;
}
.pagetop a{
clear:both;
float:right;
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
padding-left:15px;
background-image:url(images/icon_link_top.gif);
background-repeat:no-repeat;
background-position:0px;
}
#lnk{
width:490px;
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
padding-left:15px;
}
#lnk ul{
list-style:none;
}
#lnk li{
margin-top:5px;
background-image:url(images/icon_link.gif);
background-repeat:no-repeat;
background-position:0px;
}
.lnk-s{
width:350px;
padding-top:5px;
padding-right:15px;
padding-bottom:5px;
padding-left:15px;
}
.lnk-ss,.lnk-sss{
}
.lnk-s ul,.lnk-ss ul,.lnk-sss ul{
list-style:none;
}
.lnk-s li,.lnk-sss li{
margin-top:5px;
background-image:url(images/icon_link.gif);
background-repeat:no-repeat;
background-position:0px;
}
.lnk-ss li{
float:left;
clear:left;
background-image:url(images/icon_link_ss.gif);
background-repeat:no-repeat;
background-position:2px;
}
#cnt-main{
padding:10px;
}
#cnt-main h1{
font-size:large;
margin:20px 0px;
padding-bottom:5px;
background-image:url(images/laser.gif);
background-position:bottom left;
background-repeat:no-repeat;
}
#cnt-main h2{
clear:both;
font-size:small;
margin:10px 0px;
background-color:#DDDDDD;
padding-top:3px; padding-right:10px; padding-bottom:3px; padding-left:10px;
border-left:5px solid #3535BB;
}
#cnt-main h2 a{
color:#000000;
text-decoration:none
}
#cnt-main h2 a:visited{
color:#000000;
text-decoration:none;
}
#cnt-main h2 a:hover{
color:#2a68a6;
text-decoration:underline;
}
#cnt-main h2 a:active{
color:#2a68a6;
text-decoration:underline;
}
#cnt-main h3{
clear:both;
font-size:small;
margin:10px 0px;
padding-top:2px; padding-right:10px; padding-bottom:2px; padding-left:5px;
border-left:4px solid #50BDED;
}
.cnt-left,.cnt-left-no{
width:270px;
float:left;
margin-top:10px;
}
.cnt-left-no{
background:none;
width:260px;
}
.cnt-left h2{
width:220;
font-size:small;
background-color:#DDDDDD;
padding-top:3px; padding-right:10px; padding-bottom:3px; padding-left:10px;
border-left:5px solid #3535BB;
}
.cnt-right,.cnt-right-no{
width:270px;
float:right;
margin-top:10px;
}
.cnt-right-no{
background:none;
width:260px;
}
.tag{
width:270px;
height:22px;
background-image:url(images/tag.gif);
background-repeat:no-repeat;
background-position:0px;
}
.tag div{
padding:4px;
}
.prdct-txt{
float:left;
width:180px;
}
.prdct-txt-l{
float:left;
width:380px;
}
.prdct-txt p,.prdct-txt-l p{
padding:10px;
}
.prdct-pic{
float:left;
padding:10px;
}
.cnt-right h2{
width:220;
font-size:small;
background-color:#DDDDDD;
padding-top:3px; padding-right:10px; padding-bottom:3px; padding-left:10px;
border-left:5px solid #3535BB;
}
#cnt-main table{
margin-top:5px; margin-right:0px; margin-bottom:5px; margin-left:0px;
}
.caption{
text-align:right;
font-size:x-small;
}
#cnt-main th.top{
text-align:left;
background-color:#EEEEEE;
border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000;
margin:0px;
padding:3px;
}
#cnt-main th.topside{
background-color:#EEEEEE;
border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:none;
margin:0px;
padding:3px;
}
#cnt-main th{
text-align:left;
background-color:#EEEEEE;
border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000;
margin:0px;
padding:3px;
}
#cnt-main td.topside-blue{
text-align:center;
background-color:#50BDED;
border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:none;
margin:0px;
padding:3px;
}
#cnt-main td.side-blue{
background-color:#50BDED;
border-top:none; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000;
margin:0px;
padding:3px;
}
#cnt-main td.blue{
background-color:#50BDED;
border-top:none; border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:none;
margin:0px;
padding:3px;
}
#cnt-main td.top,#cnt-main td.top-vtop{
border-top:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000;
margin:0px;
padding:3px;
}
#cnt-main td.top-vtop{
vertical-align:top;
}
#cnt-main td.left{
border-right:1px solid #000000; border-bottom:1px solid #000000; border-left:1px solid #000000;
margin:0px;
padding:3px;
}
#cnt-main td{
margin:0px;
padding:3px;
border-right:1px solid #000000; border-bottom:1px solid #000000;
}
#cnt-main .center{
text-align:center;
}
#cnt-main .vtop{
vertical-align:top;
}
.pic-pr10{
float:left;
padding-right:10px;
}
#bg-eco{
width:530px;
height:150px;
background-image:url(images/kankyo_mark3.gif);
background-position:right bottom;
background-repeat:no-repeat;
}
#line{
width:520px;
padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:15px;
}
#line ul{
line-height:150%;
list-style:none;
}
#line li{
border-bottom:1px solid #000000;
margin:0px;
padding:3px;
}
#line li.top{
border-top:1px solid #000000; border-bottom:1px solid #000000;
margin:0px;
padding:3px;
}
#line li.dot-top{
border-top:1px dotted #000000; border-bottom:1px dotted #000000;
margin:0px;
padding:3px;
}
#line li.dot{
border-bottom:1px dotted #000000;
margin:0px;
padding:3px;
}
#dot{
width:520px;
padding-top:5px; padding-right:15px; padding-bottom:5px; padding-left:15px;
}
ul.line{
line-height:150%;
list-style:none;
}
li.line{
border-bottom:1px solid #000000;
margin:0px;
padding:3px;
}
#form table{
margin-top:5px; margin-right:0px; margin-bottom:5px; margin-left:0px;
}
#form th{
text-align:right;
border-top:none; border-right:none; border-bottom:none; border-left:none;
margin:0px;
padding:3px;
}
#form td{
border-top:none; border-right:none; border-bottom:none; border-left:none;
margin:0px;
padding:3px;
}
#list{
margin:10px;
}
#list ul{
list-style-type:disc;
}
.width100p{
width:100%;
}

/***** POP-UP *****/
#pop-head{
height:52px;
}
.pop a{
float:right;
padding-left:17px;
background-image:url(images/pop.gif);
background-position:0px;
background-repeat:no-repeat;
}
#pop-center{
text-align:center;
margin:20px;
}
#pop-close{
text-align:center;
margin:20px;
}
#pop-close a{
padding-bottom:2px;
padding-left:18px;
padding-top:2px;
background-image:url(images/close.gif);
background-position:0px;
background-repeat:no-repeat;
}


/* SEARCH */
#search{
height:44px;
color: #969696;
padding:14px 14px 15px 14px;
background-color:#E5E5E5;
}
#search-text{
margin:2px 0px 4px 0px;
}
/***** LOCAL-NAVIGATION *****/
#lnv{
position:absolute;
top:0px;
left:570px;
width:190px;
background-color:#EEEEEE;
}
#lnv h1{
width:160px;
color:#FFFFFF;
font-size:small;
background-color:#A5A5A5;
padding-top:3px; padding-right:15px; padding-bottom:3px; padding-left:15px;
}
#lnv a{
color:#5A656B;
text-decoration:none;
}
#lnv a:visited{
color:#5A656B;
text-decoration:none;
}
#lnv a:hover{
color:#2a68a6;
text-decoration:underline;
}
#lnv a:active{
color:#2a68a6;
text-decoration:underline;
}
ul.lnv-lev1{
margin-top:10px;
margin-bottom:10px;
margin-left:30px;
}
.lnv-lev1 li{
list-style-image: url(images/icon_link_sgr.gif);
border-bottom:1px dotted #000000;
padding:2px 0px;
}
.lnv-lev1 li.lnv-current{
list-style-image: url(images/icon_link_s.gif);
border-bottom:1px dotted #000000;
}
ul.lnv-lev2{
margin-top:5px;
margin-bottom:10px;
margin-left:10px;
}
.lnv-lev2 li{
list-style-image: url(images/icon_link_sgr.gif);
border-bottom:1px dotted #000000;
}
.lnv-lev2 li.lnv-current{
list-style-image: url(images/icon_link_s.gif);
border-bottom:1px dotted #000000;
}
#banner img{
margin-top:1px;
}
#catalog{
width:170px;
margin-top:10px;
margin-left:10px;
background-color:#FFFFFF;
background-image:url(images/catalog_l_bg.gif);
background-repeat:no-repeat;
background-position:0px 0px;
border-right:1px solid #E5E5E5;
border-bottom:1px solid #E5E5E5;
border-left:1px solid #E5E5E5;
}
#catalog div p{
margin-top:5px;
}
/***** FOOTER *****/
#foot-copy{
position:relative;
clear:both;
width:760px;
}
#copyright-img{
width:150px;
height:42px;
background:url(images/foot_logo.gif) no-repeat 15px 10px; background-color:#A5A5A5;
position:absolute;
top:0px;
left:0px;
}
#copyright{
width:610px;
height:42px;
background-color:#A5A5A5;
position:absolute;
top:0px;
left:150px;
font-size:x-small;
color:#FFFFFF;
}
#copyright ul{
list-style:none;
}
#copyright li{
margin-top:15px;
float:left; margin-right:8px; padding-right:8px; border-right:1px solid #CCCCCC;
}
#copyright li.l{
margin-top:15px;
float:left; margin-right:8px; padding-right:8px; padding-left:8px; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;
}
#copyright li.no{
margin-top:15px;
float:left; margin-right:8px; padding-right:8px; border-right:none;
}
#copyright a{
color:#FFFFFF;
text-decoration:none;
}
#copyright a:visited{
color:#FFFFFF;
text-decoration:none;
}
#copyright a:hover{
color:#2a68a6;
text-decoration:underline;
}
#copyright a:active{
color:#2a68a6;
text-decoration:underline;
}
table{border:0;margin:0;border-collapse:collapse;}
table td{padding:0;}