
.mainWrap_top {width:100%; min-width:1200px; height:66px; background:#f5f5f5;}
.header2 {position:relative;width:1200px;margin:0 auto;}
.header2 h1 {padding-left:30px;}

.sns{float:right; margin-top:-40px;}
.sns ul{padding-top:0px;}
.sns ul:after{display: block;visibility: hidden;clear: both;height: 0;content: '';}
.sns li{font-size:0.800rem; font-weight:500; color:#656565; display:inline-block; *display:inline; *zoom:1; padding-left:20px;}
.sns li a{padding-left: 0px;color:#656565; }


/*header*/
.header {position:relative;top:0;width:1200px;height:64px;margin:0 auto}
.header .logo{position: absolute; height:26px; right:0; top:0; z-index:1000; color:#4e4e4e; margin-top:17px; font-size:0.93rem; font-weight:500; letter-spacing:0.06em; padding-top:5px; padding-left:45px; background:url(/img/icon_call.gif) no-repeat;}
.header .menuBar{position:absolute;right:0;top:0;width:1200px;height:64px;padding-left:25px;background:url(/images/main_02.png)-5px 0 no-repeat;z-index:800}
.header .menuBar .lnb{float:left; font-weight:600; width:160px;height:64px;}
.header .menuBar .lnb a {display:block;width:160px;height:64px;line-height:64px;font-size:1.01rem;color:#333;text-align:center}
.header .menuBar .lnb:hover{background:#f6f6f6;}  
.header .menuBar .lnb.sixth:hover{background:#fff}
.header .menuBar .sixth {width:100px;background:text-align:center}
.header .menuBar .sixth a {width:100px;text-align:center}
.header .menuBar .sixth a:hover {background:#f6f6f6;}
.header .menuBar .snb {width:160px;background:#f6f6f6;z-index:999;padding-bottom:20px;display:block} 
.header .menuBar .snb.mu02 >.space {padding-left:38px}
.header .menuBar .snb.mu03 {padding-bottom:40px;}
.header .menuBar .snb li a {font-size:14px;width:140px;line-height:17px;height:17px;padding:5px 0 5px 20px; font-weight:500; text-align:left; color:#585858; display:block}
.header .menuBar .snb li a:hover {color:#000}
.header .mu_bg{background-color:#fff;width:100%;height:80px;opacity:0;filter:alpha(opacity=70);position:fixed;left:0; top:0; z-index:100}

.sitemap  ul{ float:right}
.sitemap  ul > li.lnb2 {float:left;border-left:1px solid #eee;}
.sitemap  .lnb3 {float:left; margin-top:0px;border-left:1px solid #eee;width:99px;height:230px}
.sitemap  .lnb3 a{ display:block; background:url(/images/main_023.png) center 30px no-repeat; width:99px; height:80px; }
.sitemap  .lnb3 a:hover{background:#000 url(/images/main_023.png) center 30px no-repeat;}
.sitemap  .lnb2 a {display:block;line-height:80px;font-size:16px;color:#000;text-align:center}
.sitemap  .snb2 {width:159px;height:150px;background:#fff;z-index:999;display:block} 
.sitemap  .snb2 >.space {padding-left:38px}
.sitemap  .snb2 li a {font-size:13px;width:160px;line-height:22px;height:17px;padding:5px 0 5px 20px;text-align:left; display:block;color:#555}
.sitemap  .snb2 li a:hover {color:#a5d33a}
.sitemap {background-color:#fff;width:100%;height:230px;opacity:0;filter:alpha(opacity=90);position:absolute; left:0; top:0; z-index:990;}

/*mainWrap*/
.mainWrap{width:100%;min-width:1200px;min-height:700px;height:100%;}
.mainWrap .contentWrap{background:#000}
.mainWrap .contentWrap ul li {width:100%;height:925px;text-align:center}
.mainWrap .contentWrap ul li .visual_01txt{margin:250px auto 0 auto;width:751px;height:348px}
.mainWrap .contentWrap ul li .visual_02txt{margin:250px auto 0 auto;width:751px;height:348px}
.mainWrap .contentWrap ul li .visual_03txt{margin:250px auto 0 auto;width:751px;height:348px}
.mainWrap .contentWrap ul li.visual01 {background:url(/images/visual01.jpg)0 0 no-repeat;background-size:cover;}
.mainWrap .contentWrap ul li.visual02 {background:url(/images/visual02.jpg)0 0 no-repeat;background-size:cover;}
.mainWrap .contentWrap ul li.visual03 {background:url(/images/visual03.jpg)0 0 no-repeat;background-size:cover;}


/*nav*/
.navi {float:left;width:176px}
.navi .tit{width:176px;height:176px;background-color:#1f1f1f}
.navi .tit h1 {font-size:25px;color:#fff;padding:65px 0 0 0px; text-align:center}
.navi .tit h1 p{ text-align:left; font-size:11px;line-height:40px;letter-spacing:2px}
.navi .tit h1 p.com_eng{ padding-left:45px;}
.navi .tit h1 p.menual_eng{ padding-left:33px;}
.navi .tit h1 p.prodt_eng{ padding-left:45px;}
.menu li {width:176px;height:69px;background:#eb2a31;border-top:1px solid #ce1b22}
.menu li a {display:block; width:136px;height:69px;padding:0 0 0 40px;line-height:70px;font-size:18px;color:#fefefe}
.menu li a:hover {border:none;background:url(/images/overtab.jpg)0 0 no-repeat;background-size:cover;color:#fff;}
.menu li a.on{background:url(/images/overtab.jpg)0 0 no-repeat;background-size:cover}
.bottom{clear:both}
.companyLbg{background:url(/images/navisual_01.jpg)0 310px no-repeat;}
.productLbg{background:url(/images/navisual_02.jpg)0 420px no-repeat;}
.menualLbg{background:url(/images/menual/menual00.jpg)0 244px no-repeat;}
.officeLbg{background:url(/images/office/office00.jpg)0 448px no-repeat;}
.csLbg{background:url(/images/cscenter/cs00.jpg)0 380px no-repeat;}
/*oido navi*/
.menu li a .xstxt {display:block;font-size:12px;line-height:12px;letter-spacing:1.5px}
.menu .serviceCenter a{height:54px;padding:15px 0 0 40px;line-height:30px;}

/*sub*/
.sub_wrap{position:absolute; width:100%;top:290px; z-index:10}



/*companyTitle*/
.bigTitle {float:left;width:1024px;height:176px;background-color:#888}
.bigTitle h2{float:left;line-height:42px;font-size:42px;color:#fff;margin:50px 0 0 60px}
.bigTitle h2 .eng {display:block;line-height:30px;font-size:15px;letter-spacing:2px; text-transform:uppercase;}
.bigTitle .homeNavi {float:right;height:15px;margin:50px 20px 0 0}
.bigTitle .homeNavi .home{background:url(/images/navi_01.png)0 0 no-repeat}
.bigTitle .homeNavi .name{background:url(/images/navi_02.png)2px 1px no-repeat}
.bigTitle .homeNavi .name2{background:url(/images/navi_03.png)2px 1px no-repeat}
.bigTitle .homeNavi  li {float:left;}
.bigTitle .homeNavi  li a {float:left;padding-left:15px;font-size:12px;color:#fff}
.bigTitle .homeNavi  li a:hover {transition:0.5s;color:#000}


/*menual*/
.menualArea {width:1200px;min-height:800px;margin:0 auto}
.menualArea .menualBox {float:left;width:964px;padding:40px 0 0 60px}
.menualArea .menualBox .menualTb{width:960px;height:476px;border-top:2px solid #555;border-bottom:2px solid #555}
.menualArea .menualBox .menualTb tr td {border-bottom:1px solid #ccc;font-size:18px;color:#000}
.menualArea .menualBox .menualTb tr td a {float:left;width:195px;height:45px;background:url(/images/menual/menual02.jpg)0 0 no-repeat}
.menualArea .menualBox .menualTb tr td a:hover {background:url(/images/menual/menual03.jpg)no-repeat 0 0}
.menualArea .menualBox .menualTb tr td.pdname {padding-left:30px;}
.menualArea .menualBox .menualTb tr td.pdLname {border-bottom:2px solid #555}
