@import url("./common.css");

/* popup */
.main .popup {display:none;position:relative;width:1000px;height:86px;background:url("../images/main/popup_bg.jpg") left center no-repeat;}
.main .popup p a, .main .popup p span {color:#fff;}
.main .popup .subject {padding:30px 0 0 30px;}
.main .popup .subject a {font-size:18px;}
.main .popup .subject a img {vertical-align:middle;}
.main .popup .subject span.date {font-size:11px;margin-left:50px;}
.main .popup .close {position:absolute;right:30px;top:39px;font-size:11px;line-height:1;}
.main .popup .close a {background:url("../images/main/popup_btn_close.png") left center no-repeat;padding-left:18px;}



/* contents */
.mainVisual {width:1000px;height:360px;overflow:hidden;}
.mainVisual ul li {height:360px;padding:103px 0 0 30px;}
.mainVisual .mv1 {background:url("../images/main/main_visual01.jpg") 0 0 no-repeat;}

.mainCont {background-color:#FFF;padding:25px 30px 40px;}
.mainCont:after {content:"";display:block;clear:both;}
.mainCont img {vertical-align:top;}
/*.mainCont .detail01 li {float:left;width:220px;margin-right:20px;}*/
.mainCont .detail01 li {float:left;width:180px;margin-right:10px;}
.mainCont .detail01 li.last {margin-right:0;}
.mainCont .detail01 h4 {padding-bottom:5px;}
.mainCont .detail01 li p.txt {font-size:13px;line-height:1.4;/*letter-spacing:-0.011em;*/margin-top:12px;}
.mainCont .detail01 li p.txt a {color:#737373;}

.mainCont .detail02, .mainCont .detail03 {padding-top:40px;}
.mainCont .detail02 {position:relative;float:left;width:700px;overflow:hidden;}
.mainCont .detail02 h4 {width:460px;border-bottom:1px solid #e4e4e4;padding-bottom:5px;}
.mainCont .detail02 ul {position:relative;width:1100%;left:0;}
.mainCont .detail02 ul li {float:left;width:700px;}
.mainCont .detail02 .listArr {position:absolute;top:35px;left:295px;}
.mainCont .detail02 .listArr p {float:left;color:#c1c1c1;margin-right:45px;}
.mainCont .detail02 .listArr p img {vertical-align:middle;}
.mainCont .detail02 .listArr .arr a.prev {display:inline-block;padding-right:25px;margin-right:21px;background:url("../images/common/line02.gif") right center no-repeat;}
.mainCont .detail02 p.tit {font-size:17px;font-style:italic;margin-top:15px;}
.mainCont .detail02 p.tit a {color:#212121;text-transform:uppercase;}
.mainCont .detail02 p.txt {font-size:13px;line-height:1.4;margin-top:10px;}
.mainCont .detail02 p.txt a {color:#737373;}
.mainCont .detail02 li span {display:block;color:#c1c1c1;font-size:10px;margin-top:20px;}

.mainCont .detail03 {float:right;width:220px;}
.mainCont .detail03 h4 {width:100%;border-bottom:1px solid #e4e4e4;padding-bottom:5px;}
.mainCont .detail03 .dList {width:220px;height:100px;margin-top:22px;}
.mainCont .detail03 .dList ul {width:220px;height:100px;}
.mainCont .detail03 .dList li {display:none;width:220px;height:100px;background-color:#ccc;}
.mainCont .detail03 .dList li.on {display:block;}
.mainCont .detail03 .dList li p, .mainCont .detail03 .dList li a {color:#fff;}
.mainCont .detail03 .dList li p.tit {font-size:9px;padding-top:15px;margin:0 10px 5px;/*background:url("../images/common/dot01.png") left center repeat-x;*/}
.mainCont .detail03 .dList li p.tit img {vertical-align:middle;}
.mainCont .detail03 .dList li p.tit span {background:url("../images/common/bg_no.png") left center repeat-x;}
.mainCont .detail03 .dList li p.txt {font-size:14px; margin:0 10px;}
.mainCont .detail03 .dList p {text-align:center;text-transform:uppercase;}
.mainCont .detail03 .dBotton {height:4px;line-height:0;}
.mainCont .detail03 .dBotton a {float:left;display:inline-block;width:71px;height:4px;font-size:0;line-height:0;}


/* footer */
footer .footer01 {background-color:#3b4951;border-bottom:1px solid #273137;padding:27px 30px 17px;}
footer .footer01:after {content:"";display:block;clear:both;}
footer .footer01 div {width:610px;}
footer .footer01 .address {width:300px;margin-right:30px;}
footer .footer01 .address h4 {margin-bottom:5px;}
footer .footer01 .address address {color:#dce2e7;font-size:14px;font-style:normal;line-height:1.2;margin-bottom:5px;}
footer .footer01 .address p.tel {color:#acb4bc;font-size:13px;}
footer .footer01 div ul {margin-bottom:7px;}
footer .footer01 div ul:after {content:"";display:block;clear:both;}
footer .footer01 div ul li {float:left;margin-right:10px;}
footer .footer01 div ul li a {color:#a6adb4;font-size:10px;text-transform:uppercase;}


footer .footer02 {position:relative;background:#232d33 url("../images/common/footer_logo.png") 30px 24px no-repeat;border-top:1px solid #626d74;padding:24px 30px;}
footer .footer02 p.copyright {color:#b0b0b0;font-size:10px;padding:3px 0 0 160px;}
footer .footer02 p.location {position:absolute;top:24px;right:195px;width:85px;height:21px;line-height:21px;border:1px solid #4f575c;}
footer .footer02 p.location a {display:block;width:55px;color:#fff;font-size:10px;line-height:1;text-transform:uppercase;padding:6px 15px;}
footer .footer02 .gCompanies {position:absolute;bottom:20px;right:40px;}
footer .footer02 .gCompanies p {position:absolute;bottom:0;right:-2px;width:145px;height:21px;line-height:21px;border:1px solid #4f575c;}
footer .footer02 .gCompanies p a {display:block;width:115px;color:#fff;font-size:10px;line-height:1;text-transform:uppercase;background:url("../images/common/footer_arr.png") 130px center no-repeat;padding:6px 15px;}
footer .footer02 .gCompanies div {width:145px;padding-bottom:20px;}
footer .footer02 .gCompanies .gList {display:none;position:relative;width:145px;padding:5px 0;background-color:#232d33;border:1px solid #4f575c;border-bottom:none;}
footer .footer02 .gCompanies .gList li {padding:0 15px;}
footer .footer02 .gCompanies .gList li a {color:#fff;font-size:10px;}
