@charset "utf-8";

/*base*/
body{font-size:87.5%;font-family:sans-serif;margin:0;color:#5F605B; line-height: 1.3em;}
p{margin:0 0 18px 0;}
a{color:#9A071B;}
a img{border:none 0;}

/*header*/
#header{width:920px;margin:0 auto;border-top:#FFF 1px solid;position:relative;}
#siteTitle,#siteTitle a,#siteTitle span{width:180px;height:78px;}
#siteTitle a,#siteTitle span{display:block;}
#siteTitle{margin:40px 0 55px;}
#siteTitle a{position:relative;overflow:hidden;font-size:8px;}
#siteTitle span{top:0;position:absolute;background:url(../img/index.png) 0 0 no-repeat;}
#gnavWrapper1{width:100%;height:1px;left:0;top:0;position:fixed !important;position:absolute;z-index:10;}#gnavWrapper2{width:920px;height:1px;margin:0 auto;}
#gnav{width:96px;height:125px;margin:0 0 0 756px;padding:10px 15px;border-top:#9A071B 2px solid;background:#FFF url(../img/bg1.png) 0 0 repeat;list-style:none outside;}
#gnav li{margin:10px 0;}

/*backToTop*/
#backToTop{width:90px;height:24px;margin:0 auto;padding:0 0 0 830px;}

/*footer*/
#footer{padding:20px 0;background-color:#DDDFD5;}
#copyright,#copyright span{width:302px;height:83px;display:block;}
#copyright{margin:0 auto;position:relative;overflow:hidden;}
#copyright span{top:0;position:absolute;background:url(../img/index.png) 0 -133px no-repeat;}

/*btn*/
.btn,.btn span{display:block;}
.btn{overflow:hidden;font-size:8px;}
.btn span{background-color:#FFF;background-image:url(../img/index.png);background-repeat:no-repeat;}
#btnNavTop,#btnNavTop span{width:22px;height:13px;}
#btnNavCompany,#btnNavCompany span{width:56px;height:13px;}
#btnNavWorks,#btnNavWorks span{width:42px;height:13px;}
#btnNavRecruit,#btnNavRecruit span{width:50px;height:13px;}
#btnNavContact,#btnNavContact span{width:52px;height:13px;}
#btnGoogleMap,#btnGoogleMap span{width:118px;height:24px;}
#btnContact,#btnContact span{width:181px;height:24px;}
#btnPageTop,#btnPageTop span{width:90px;height:24px;}
#btnNavTop span{background-position:-181px -55px;}
#btnNavCompany span{background-position:-204px -55px;}
#btnNavWorks span{background-position:-261px -55px;}
#btnNavRecruit span{background-position:-304px -55px;}
#btnNavContact span{background-position:-355px -55px;}
#btnGoogleMap span{background-position:0 -83px;}
#btnContact span{background-position:-120px -83px;}
#btnPageTop span{background-position:-302px -83px;}
#btnNavTop:hover span{background-position:-181px -69px;}
#btnNavCompany:hover span{background-position:-204px -69px;}
#btnNavWorks:hover span{background-position:-261px -69px;}
#btnNavRecruit:hover span{background-position:-304px -69px;}
#btnNavContact:hover span{background-position:-355px -69px;}
#btnGoogleMap:hover span{background-position:0 -108px;}
#btnContact:hover span{background-position:-120px -108px;}
#btnPageTop:hover span{background-position:-302px -108px;}

/*leadBox*/
#leadText1,#leadText1 span{width:766px;height:289px;display:block;}
#leadText1{margin:0 auto;position:relative;overflow:hidden;}
#leadText1 span{top:0;position:absolute;background:#FFF url(../img/lead_text.png) 0 14px no-repeat;}
#leadText2{width:804px;margin:37px auto 0;padding:20px 0;border:#AEB0A6 1px dotted;position:relative;font-size:95%;text-align:center;}
#leadText2 span{width:27px;height:19px;top:-15px;left:390px;position:absolute;display:block;background:url(../img/index.png) -365px -133px no-repeat;}

/*section*/
.section{width:920px;margin:105px auto;background:url(../img/bg2.png) center bottom no-repeat;}
.sectionBody{margin:40px 0;padding:15px 80px;background:url(../img/bg2.png) center top no-repeat;}
#contactSection{margin-bottom:50px;}

/*sectionTitle*/
.sectionTitle{margin:65px 0 40px;padding:0 0 4px;background:url(../img/bg1.png) 2px 0 repeat; line-height: 1em;}
.sectionTitle a,.sectionTitle span{height:52px;display:block;}
.sectionTitle a{border-bottom:#FFF 4px solid;background:#FFF;overflow:hidden;}
.sectionTitle span{background:#FFF url(../img/index.png) no-repeat;}
#companySectionTitle span{width:253px;background-position:-408px 0;}
#worksSectionTitle span{width:186px;background-position:-408px -53px;}
#recruitSectionTitle span{width:225px;background-position:-408px -106px;}
#contactSectionTitle span{width:239px;background-position:-408px -159px;}

/*companySection*/
#companySection:after{content:"";display:block;clear:left;}
#companyInfo{width:445px;margin:0;padding:0 15px 0 0;float:left;font-size:90%;}
#companyInfo dt{width:5.5em;margin:0 0 22px;position:relative;float:left;}
#companyInfo dd{margin:0 0 22px 5.5em;}
#companyInfo .sep{width:1em;height:1.5em;left:4.5em;top:0;position:absolute;display:block;}
#mapInfo{width:300px;float:left;font-size:80%;}
#mapInfo p{margin:8px 0; line-height: 1.3em;}
#mapInfoTitle,#mapInfoTitle span{width:38px;height:19px;}
#mapInfoTitle{margin:0 0 8px;position:relative;overflow:hidden;}
#mapInfoTitle span{top:0;position:absolute;display:block;background:url(../img/index.png) -302px -133px no-repeat;}
#acccessMap{height:400px;}

/*worksSection*/
.worksList{width:739px;margin:20px 0 0;padding:19px 0 14px 19px;border:#AEB0A6 1px dotted;font-size:85%;line-height:1.2;zoom:1;}
.worksList:after{content:"";display:block;clear:left;}
.worksList ul{width:246px;margin:0;padding:0;float:left;list-style:none outside;}
.worksList li{padding:0 0 5px;}
#worksList01{margin:0;border-color:#9A071B;color:#9A071B;}

/*recruitSection*/
#recruitSection h3{margin:0 0 20px;}
#recruitSection h3 span{padding:2px;font-size:100%;color:#FFF;background:#9A071B;}
#recruitSection strong{color:#9A071B;}
#recruitSection dl{margin:20px 0;}
#recruitSection dl:after{content:"";display:block;clear:left;}
#recruitSection dt{width:7.2em;margin:0 0 20px;position:relative;float:left;}
#recruitSection dd{margin:0 0 20px 7.2em;text-indent:-1em;padding:0 0 0 1em;}
#recruitSection .sep{width:1em;height:1.5em;left:6.2em;top:0;position:absolute;display:block;}

/*contactSection*/
#contactSection h3{margin:0 0 18px;font-size:120%;font-weight:normal;}
#privacyPolicy{height:225px;padding:19px 19px 0;border:#DDDFD5 1px solid;overflow-y:scroll;}
#privacyPolicy strong{color:#9A071B;}
#boxContactButton{width:357px;margin:20px auto;padding:15px 0;background:url(../img/bg1.png) 2px 0 repeat;}
#btnContact{margin:0 auto;}
#boxContactTel,#boxContactTel span{width:209px;height:53px;}
#boxContactTel{margin:30px auto 0;position:relative;overflow:hidden;font-size:8px;}
#boxContactTel span{top:0;position:absolute;display:block;background:#fff url(../img/index.png) -181px 0 no-repeat;}


