@charset "utf-8";
#wrap{width:100%;min-width:1000px;margin:0 auto;}

#header {width:100%;height:133px;background:url('/img/common/bg_header.gif') repeat-x 0 0;}
#header .header-i {position:relative;width:1000px;margin:0 auto;}
#header  h1 {position:absolute;top:20px;left:21px;}

#header .util {display:block;overflow:hidden;margin-top:5px;text-align:right;}
#header .util li {display:inline-block;zoom:1;*display:inline;}
#header .util li a {margin-left:5px;color:#aaa;}

#header .total-search {display:block;overflow:hidden;margin-top:10px;text-align:right;}
#header .total-search fieldset {float:right;overflow:hidden;position:relative;width:315px;height:38px;border:2px solid #2d64a7;}
#header .total-search fieldset label {position:absolute; top:0px; right:-1000px;}
#header .total-search fieldset .text {width:250px;height:35px;position:absolute; top:2px; left:5px;border:1px solid #fff;color:#2d64a7;font-size:15px;}
#header .total-search fieldset .btn {position:absolute; top:0px; right:0px;width:50px;height:37px;border:none;}

#header .gnb {overflow:hidden;position:relative;width:1000px;height:46px;margin:15px auto 0;}
#header .gnb>a {position:absolute;top:12px;left:21px;}
#header .gnb ul {float:right;}
#header .gnb ul li {float:left;/* width:150px; */text-align:center;  margin-left:90px; }
#header .gnb ul li:first-child{ margin-left:0;  }
#header .gnb ul li:nth-child(2){/*  width:200px; */ }
#header .gnb ul li:nth-child(3){ margin-left:120px; }
#header .gnb ul li a {display:inline-block;zoom:1;*display:inline;/* width:150px; */color:#fff;font-size:15px;font-weight:600;line-height:46px; text-align:left; }
#header .gnb ul li a:hover {color:#7ba8e3;}
#header .gnb ul li.on a {color:#7ba8e3;}

#header .box { display:none; position:absolute;width:100%;border-bottom:2px solid #272727;z-index:2;background:#fff;}
#header .menu {padding-top:8px; padding-bottom:15px; overflow:hidden;width:1000px;margin:0 auto;background:url('/img/main/bg_bann04_new.png') no-repeat 0 100%;}
#header .menu>li {float:left;width:147px;/* height:190px; */}
#header .menu>li:first-child {margin-left:474px;}
#header .menu li ul {margin-top:12px;}
#header .menu li ul li {line-height:26px; margin-bottom:5px; }
#header .menu li ul li:last-child{ margin-bottom:0; }
#header .menu li ul li a {/* margin-left:48px; */color:#666;font-size:13px; display:block; text-align:left;padding-bottom:2px; border-bottom:1px solid #fff; }
#header .menu li ul li a:hover {/* border-bottom:1px solid #000; */color:#000;}
#header .menu li ul li a span{ display:inline-block; border-bottom:1px solid #fff; }
#header .menu li ul li a:hover span{ border-bottom:1px solid #000; }

#header .menu > li:nth-child(2){ width:169px; }
#header .menu > li:nth-child(2) a{ letter-spacing:-0.05em; }
#header .menu > li:nth-child(3) { width:154px; }
#header .menu > li:nth-child(3) ul li a{ margin-left:10px; }
#header .menu > li:nth-child(4){ width:auto; }

#visual {position:relative;overflow:hidden;width:100%;background:#bcc0c5;}
#visual .visual-i {width:1000px;margin:0 auto;}
#visual .visual-i .img {position:relative;left:50%;min-width:1000px;margin:0 auto;margin-left:-1000px;}

#visual .banner {position:absolute;/* top:325px; */ bottom:0; left:0;width:100%;height:270px;background:url('/img/main/bg_bann.png') repeat-x 0 0; background-size:cover; }
#visual .banner .vs-bann {position:relative;width:1000px;margin:15px auto 0;}

#visual .vs-bann-list {float:left;filter:alpha(opacity=0);opacity:0;width:10000000px;}
#visual .vs-bann-li {position:relative;width:236px;margin-right:15px;border:1px solid #bebebe;}
#visual .vs-bann-li a{ display:block; padding-bottom:100%; background-size:cover !important; }
#visual .vs-bann-li img {float:left;margin-right:10px;}
#visual .vs-bann-li strong {display:inline-block;position:absolute;/* top:134px; */ bottom:0; left:0;width:236px;height:32px;color:#fff;font-size:13px;background:url('/img/main/bg_bann02.png') repeat-x 0 0;;line-height:32px;text-align:center;}
#visual .vs-bann-li span {display:none;position:absolute;top:0;left:0;width:236px;height:236px;color:#fff;font-size:16px;font-weight:600;background:url('/img/main/bg_bann03.png') repeat-x 0 0;  background-size:cover; line-height:236px;text-align:center;}
#visual .vs-bann-li:hover span {display:block;}
#visual .bann-prev {position:absolute;top:100px; left:-40px}
#visual .bann-next {position:absolute;top:100px;right:-40px}



#contain {width:1000px;margin:0 auto;}
#contain h2 {color:#333;font-size:36px;font-weight:400;}
#contain #cont {padding:40px 0 90px 0;min-height:300px;color:#555;}

#contents {width:1000px;margin:0 auto;}
#contents .cont01 {overflow:hidden;margin:18px 0;margin-left:-10px;}
.cont01 .box01 {float:left;position:relative;width:243px;height:161px;margin-left:9px;padding:22px 0 0 22px;border:1px solid #e1e1e1; box-sizing:border-box; }
.box01 h2 {padding-bottom:12px;background:url('/img/main/bg_line01.gif') no-repeat 0 30px;}
.cont01 .box01 p {margin-top:9px;color:#555;line-height:18px;}
.cont01 .box01 .btn {display:block;width:99px;height:27px;margin-top:11px;background:url('/img/main/bg_btn01.png') no-repeat 0 0;color:#fff;font-weight:600;line-height:27px;text-align:center;}
.more {position:absolute;top:20px;right:23px;width:10px;height:10px;}
.cont01 .product {background:url('/img/main/bg_img01.png') no-repeat 100% 70px;}
.cont01 .quote {background:url('/img/main/bg_img02.png') no-repeat 100% 70px;}
.cont01 .as {background:url('/img/main/bg_img03.png') no-repeat 100% 70px;}
.cont01 .print {background:url('/img/main/bg_img04.png') no-repeat 100% 70px;}

.cont02 {overflow:hidden;height:180px;margin-bottom:25px;}
.cont02 .box01 {float:left;width:303px;height:180px;padding:17px 0 0 20px;border:1px solid #e1e1e1; box-sizing:border-box; }
.cont02 .box01 p {margin-top:16px;color:#555;font-size:13px;font-weight:600;line-height:20px;}

.cont02 .box01 > div{ margin-top:11px; }
.cont02 .box01 > div > div{ margin-bottom:10px; font-size:0; }
.cont02 .box01 > div > div:last-of-type{ margin-bottom:0; }
.cont02 .box01 > div > div img{ display:inline-block; vertical-align:middle; }
.cont02 .box01 > div > div span{ display:inline-block; vertical-align:middle; padding-left:10px; font-size:13px; line-height:23px; color:#555; letter-spacing:-0.025em; }
.cont02 .box01 > div > div strong{ display:block; padding-top:4px; font-size:16px; line-height:20px; color:#555; font-weight:700; letter-spacing:-0.045em; }

.cont02 .bann {position:relative;float:left;overflow:hidden;width:375px;height:180px;margin:0 9px;border:1px solid #e1e1e1; box-sizing:border-box; }
.cont02 .bann-list {float:left;filter:alpha(opacity=0);opacity:0;width:10000000px;}
.cont02 .bann-li {width:373px;}
.cont02 .bann-li img {float:left;margin-right:10px; width:100%; height:178px; }
.bann-page {position:absolute;top:10px;right:16px;text-align:right;z-index:2;}
.bann-page a{display:inline-block;width:7px;height:8px;margin:0 2px;background:url('/img/main/bann-off.png') no-repeat 0 0;}
.bann-page a.selected{width:7px;height:8px;background:url('/img/main/bann-on.png') no-repeat 0 0;}

.cont02 .customer {position:relative;float:right;display:inline-block;width:304px;height:180px;background:#6c97c1;}
.cont02 .customer .advice { float:left;padding:20px 0 0 20px;}
.cont02 .customer .advice h2 {padding-bottom:12px;background:url('/img/main/bg_line02.gif') no-repeat 0 30px;}
.cont02 .customer .advice p {margin-top:20px; }
.cont02 .customer .advice p strong{ display:block; padding-bottom:5px; font-size:24px; line-height:34px; color:#fff; font-weight:900; }
.cont02 .customer .advice p span{ display:block; font-size:12px; line-height:18px; color:#fff; }
.cont02 .customer .advice > img{ position:absolute; right:20px; top:21px; }

#footer-w {width:100%;background:#5a5859;}
#footer-w .footer {position:relative;width:1000px;min-height: 130px;padding:20px 0;color:#bbb;margin:0 auto;}
#footer-w .footer .btn_top {position:absolute;top:0;right:0;width:49px;height:48px;font-size:0;}
#footer-w .footer .logo {position:absolute;top:65px;left:20px;}
#footer-w .footer ul {margin-left:230px;}
#footer-w .footer ul li {display:inline-block;zoom:1;*display:inline;padding-left:30px;background:url('/img/common/line01.png') no-repeat 15px 50%;}
#footer-w .footer ul li:first-child {padding-left:0;background:none;}
#footer-w .footer ul li:first-child a {color:#fff;}
#footer-w .footer ul li a {color:#acabab;}
#footer-w .footer address {float:left; margin:20px 0 0 230px;;font-style: normal;letter-spacing:-0.02em;}
#footer-w .footer span {position:absolute;top:130px;right:0;font-size:9px;}