@charset "utf-8";

/*-----------------------------------------
 all
-----------------------------------------*/
.w1000{width:1000px; margin:0 auto;}
.w700{width:700px; margin:0 auto; }
.center{text-align:center;}
#pagetop {position: fixed;bottom: 10px;right: 10px;}
#wrap{padding-top:69px;
    height: 100%;
    margin: 0 auto;
    width: 100%;

}


/*-----------------------------------------
 head
-----------------------------------------*/
#head{ background:url(../images/nav_bk.png) 0 0 repeat-x; height:79px; position:fixed; width:100%; top:0;} 
#head #nav{width:1000px; height:40px; margin:0 auto;}
#head #nav h1,#head #nav li{ float:left;}
#head #nav h1{ width:190px; margin-right:190px; margin-top:12px;}
#head #nav li{margin-top:27px;}
#head #nav li.nav1{width:68px; margin-right:52px;}
#head #nav li.nav2{width:41px; margin-right:52px;}
#head #nav li.nav3{width:52px; margin-right:52px;}
#head #nav li.nav4{width:62px; margin-right:52px;}
#head #nav li.nav5{width:58px; margin-right:52px;}
#head #nav li.sns1{width:34px; margin-right:8px; margin-top:18px;}
#head #nav li.sns2{width:34px; margin-top:18px;}

/*main*/
#main{background:url(../images/main.jpg) center no-repeat; height:622px;}


/*-----------------------------------------
 contents
-----------------------------------------*/
/*all*/
.shadow1{background:url(../images/bk_h.jpg) 0 0 repeat-x; height:30px;}
.shadow2{background:url(../images/bk_f.jpg) 0 bottom repeat-x; height:30px;}
.shadow1_2{background:url(../images/bk_h2.jpg) 0 0 repeat-x; height:40px;}
.shadow2_2{background:url(../images/bk_f2.jpg) 0 bottom repeat-x; height:40px;}
.bk1{background:url(../images/bk_nat.jpg) 0 0 repeat;}

/*company*/
.bold{ font-weight:bold; font-size:16px; margin-bottom:5px}
.com_left{float:left; width:477px; margin-right:54px;}
.com_right{float:left; width:469px;}
table.com{ text-align:left;}
table.com th,table.com td{ padding:0 0 15px 0;}
.com_left table.com th{width:90px; border-right:1px solid #ccc; padding-right:10px;}
.com_right table.com th{width:110px; border-right:1px solid #ccc; padding-right:10px;}
table.com td{padding-left:20px;}

/*work*/
#work .workbox{ width:235px; float:left; margin-right:20px;}
#work .workbox.end{margin-right:0;}
#work .workbox .bk{padding:0 15px 30px 15px;background:url(../images/work_bk.jpg) 0 0 repeat-y; font-size:15px;}
#work .workbox .bk li{background:url(../images/work_icon.jpg) left 9px no-repeat; padding-left:19px; margin-bottom:3px;}

#work .tri{background:url(../images/acc_off.jpg) 0 0 no-repeat; width:1000px; height:50px; cursor:pointer;}
#work .tri.active{background:url(../images/acc_on.jpg) 0 0 no-repeat; width:1000px; height:50px; cursor:pointer;}
#work .open{ padding-top:30px;}
#work .open .item{width:235px; float:left; margin-right:20px;}
#work .open .item.end{margin-right:0;}
#work .open .item .img{border:4px solid #EEEEEE; margin-bottom:10px;}
#work .open .item .label{margin-bottom:10px;}
#work .open .item .label p{width:55px; float:left; margin-right:5px;}
#work .open .item .label p.end{margin-right:0;}
#work .open .item .text{min-height:110px; padding-bottom:10px;}

/*access*/
.acc_left{float:left; width:530px; margin-right:45px;}
.acc_left #map{ border:5px solid #fff;}
.acc_right{float:left; width:425px;}

/*contact*/
#contact{background:url(../images/bk_black.jpg) 0 0 repeat;}
#contact .bold{color:#fff;}
#contact .pri{background-color:#000; color:#fff; height:240px; overflow:auto; margin-bottom:5px; padding:15px;}
#contact .pri a{ color:#fff;}
#contact .pri .right{text-align:right;}
#contact .pri_btn{ text-align:center; background-color:#000; padding: 5px 0; color:#fff; margin-bottom:30px;}
#contact .pri_btn label{ cursor:pointer;}
#contact .pri_btn span{margin:2px 5px 0 0;}
#contact .pri_btn span img{vertical-align:text-top;}
#contact .aten{color:#fff;}
#contact .aten span{margin:0 10px 0 0;}
#contact .aten span img{vertical-align:sub;}

#contact th,#contact td{ color:#fff; text-align:left; border-bottom:1px solid #444;}
#contact th{ padding:15px 10px 15px 0; width:220px;  font-size:16px;}
#contact th p.left{ width:170px; float:left;}
#contact th p.right{width:40px; float:left;}
#contact td{ padding:15px 0 ;width:470px; font-size:14px;}
#contact td a{color:#fff;}
#contact td input,
#contact td select,
#contact td textarea{background-color:#555; border:1px solid #2a2a2a; padding:10px 5px !important; color:#fff;}
#contact td input,#contact td textarea{width:98% !important;}
#contact td input.add{width:150px !important;}
#contact td input.add2{width:70% !important;}
#contact .mfp_buttons button{padding:0; margin:0; border:none; cursor:pointer; background-color: #2D2D2D;}
#contact .mfp_buttons button img{border:none; padding:0; margin:0;}
#contact .mfp_buttons {width:320px; margin:30px auto 0 auto;}
#contact .mfp_buttons .left{ float:left; width:120px; margin-right:40px;}
#contact .mfp_buttons .right{ float:left;width:160px;}




/*foot*/
#foot{background-color: #444444; text-align:center; padding:8px 0; color:#fff; font-size:13px;}