html{overflow-y:scroll}

#wrap{width:100%; color:#e2e2e2;}

.area{width:1200px; margin:0 auto}

#topWrap{width:100%;  border-bottom:1px solid ;}
#topWrap .area{}
#topWrap .area.mobile{display:none}
#topWrap .h1,#topWrap .navi{float:left}
#topWrap .gi{float:right}
#topWrap .h1{padding:35px 45px 35px 45px; border-left:1px solid #ededed; border-right:1px solid #ededed}
/*#topWrap li{ display:inline;line-height:109px; height:109px; vertical-align:middle;}*/

#topWrap .navi{font-family: 'Roboto', sans-serif; font-weight:normal; font-size:14px; margin:33px 0 0 130px}
#topWrap .navi strong{font-size:18px; font-weight:bold}
#topWrap .navi li{ padding:0 20px; background:url(../image/common/bg_navi.gif) no-repeat center left; float:left}
#topWrap .navi a.oneline{height:35px; line-height:35px}
#topWrap .navi li:first-child{padding-left:0; background:none}
.navi_mobile{display:none}

#topWrap .gi{margin:42px 0 0 0}
#topWrap .gi li{padding-left:10px; background:url(../image/common/bg_navi.gif) no-repeat center left; float:left}
#topWrap .gi li:first-child{padding-right:10px; background:none}

#conWrap.main{width:1200px; overflow-x:hidden; margin:0 auto}
#conWrap.main ul{margin-top:15px; width:1200px;}
#conWrap.main li{width:auto; display:inline-block; float:left}
#conWrap.main li.box{border:1px solid; margin:-1px -1px 0 0; position:relative; line-height:140%; overflow:hidden; display:inline-block; width:auto;}


#conWrap.main li.box{color:#666666}
#conWrap.main li.box .area{padding:36px 0 0 26px}
#conWrap.main li.box span.txt1{font-size:48px; color:#fff; line-height:48px; letter-spacing:-1px}
#conWrap.main li.box span.txt2{font-size:26px; color:#fff; line-height:26px}
#conWrap.main li.box span.txt3{font-size:14px}

#conWrap.main li.box.consult span.txt1{color:#2a2a2a;}
#conWrap.main li.box.consult span.txt2{color:#2a2a2a;}
#conWrap.main li.box.consult span.txt3{}


#conWrap.main li.box.edu .left{position:absolute; left:25px; top:80px}
#conWrap.main li.box.edu .right{position:absolute; left:873px; top:65px}
#conWrap.main li.box.edu span.txt1{color:#2a2a2a;}
#conWrap.main li.box.edu span.txt2{color:#2a2a2a;}

#conWrap.main li.box.cousulting span.txt1{color:#2a2a2a;}
#conWrap.main li.box.cousulting span.txt2{color:#2a2a2a;}
#conWrap.main li.box.contact span.txt1{color:#2a2a2a;}
#conWrap.main li.box.contact span.txt2{color:#2a2a2a;}

#conWrap.main li.box.consult{background:url(../image/main/icon_consulting.png) no-repeat 245px 31px}
#conWrap.main li.box.check, #conWrap.main li.check a{width:397px; height:346px; margin-right:5px; border:0; background:#0697e1 url(../image/main/icon_check.png) no-repeat 295px 225px; color:#fff}
#conWrap.main li.box.marketing, #conWrap.main li.marketing a{width:397px; height:346px; border:0; background:#007cbc url(../image/main/icon_marketing.png) no-repeat 269px 232px; color:#fff}



#conWrap.main li.box.consult{border:1px solid #007cbc}
#conWrap.main li.box.consult, #conWrap.main li.consult a{width:395px; height:344px; margin-right:5px}


#conWrap.main li.box.edu{border:1px solid #007cbc; background:url(../image/main/icon_edu.png) no-repeat center center}
#conWrap.main li.box.edu, #conWrap.main li.edu a{width:1198px; height:264px}

#conWrap.main li.box.history span.txt2{margin:55px 0 0 20px}
#conWrap.main li.box.history{border:1px solid #007cbc; height:223px}
#conWrap.main li.history a.tit{background:#007cbc url(../image/main/icon_history.png) no-repeat 227px center; height:131px; width:294px;}
#conWrap.main li.box.history{width:294px; margin-right:7px; }
#conWrap.main li.box.history ul{margin-left:10px; margin-top:8px}
#conWrap.main li.box.history li{clear:both}

#conWrap.main li.box.about span.txt2{margin:31px 0 0 20px}
#conWrap.main li.box.about span.txt1{margin:0 0 0 20px}
#conWrap.main li.box.about{width:294px; height:225px; border:0; margin-right:7px;}
#conWrap.main li.about a.up{width:100%; height:131px; background:#0697e1 url(../image/main/icon_about.png) no-repeat 230px center}
#conWrap.main li.about a.down{width:100%; height:91px; background:#0697e1 url(../image/main/icon_story.png) no-repeat 227px center; margin-top:3px}
#conWrap.main li.box.cousulting{border:1px solid #007cbc; background:url(../image/main/icon_cousel.png) no-repeat center 92px; text-align:center}
#conWrap.main li.box.cousulting span.txt2{margin-top:30px}
#conWrap.main li.box.cousulting, #conWrap.main li.cousulting a{width:293px; height:223px; margin-right:6px}
#conWrap.main li.box.contact{border:1px solid #007cbc;}
#conWrap.main li.box.contact, #conWrap.main li.contact a{width:293px; height:223px; float:left}
#conWrap.main li.box.contact span.txt2{margin:30px 0 50px 25px}
#conWrap.main li.box.contact span.txt3{margin:20px 0 0 25px}


#conWrap.main li.tit{ width:1200px; background:url(../image/main/bg_line.gif) repeat-x left 9px; text-align:center; margin:50px 0 20px 0}

#conWrap.main li a{display:inline-block; position:relative}
#conWrap.main li.verti a{width:239px; height:479px;}
#conWrap.main li.consult a{width:395px; height:344px;}
#conWrap.main li.one a{width:239px; height:239px;}
#conWrap.main li.double a{width:479px; height:479px;}
#conWrap.main li.hori a{width:479px; height:239px; background:url(../image/main/headhunding.png) right no-repeat}




#conWrap.area{border:1px solid #ededed; border-top:0;position:relative; }
#conWrap p.title{height:100px; background:#0070c0; text-align:center; width:1200px; display:table-cell; vertical-align:middle}

#footerWrap{color:#b3b3b3; font-size:11px; margin:20px 0}

.tb{font-size:14px; width:700px; margin:40px auto;}
.tb td{padding:10px; border: 1px solid #CCC; color:#999}
.tb .tb_tit{background:#FAFAFA}

.message{padding:150px 0; color:#999; font-size:14px; text-align:center}
.message em{font-size:20px; font-style:normal; font-weight:bold}


.con_area{margin:50px;}
ul.sub_navi{ margin:50px}
ul.sub_navi:after{clear:both; display:block; content:""}	
ul.sub_navi li{float:left; width:33.3%}
ul.sub_navi li a{border:1px solid #EBEBEB; background:#F9F9F9; width:100%; display:block; text-align:center; height:40px; line-height:40px; font-size:16px}
ul.sub_navi li a.on{background:#FFF; font-weight:bold; color:#007cbc}

.con_area.mplus{font-size:16px; color:#666666; line-height:22px}
.con_area.mplus .section{position:relative}
.con_area.mplus .section:after{clear:both; display:block; content:""}	
.con_area.mplus .section.unit1 img{margin-bottom:50px}
.con_area.mplus .section.unit2 img{margin-bottom:50px}
.con_area.mplus .section.unit2 ul{width:430px; margin:30px 0}
.con_area.mplus .section.unit2 li{height:43px; line-height:43px; color:#fff; background:#afafaf; margin-bottom:8px; text-align:center}


.con_area.mplus .section.unit3 img{margin-bottom:50px}
.con_area.mplus .section .img4{margin-top:30px}
.con_area.mplus .section.unit1{margin-bottom:180px; height:730px; background:url(../image/sub/mplus_bg1.png) no-repeat left 45px}
.con_area.mplus .section.unit2{margin-bottom:180px; background:url(../image/sub/mplus_bg2.png) no-repeat right 45px}
.con_area.mplus .section.unit3{height:730px; background:url(../image/sub/mplus_bg3.png) no-repeat left 45px}
.con_area.mplus .section .right{position:absolute; right:0; }
#conWrap.area .con{padding:50px}

ul.contact{width:100%; background:#e5e5e5 url(../image/sub/img_line.png) no-repeat center}
ul.contact:after{clear:both; display:block; content:""}
ul.contact li{float:left; width:50%}
ul.contact li a{display:block; width:100%; height:220px; text-align:center}
ul.contact li:nth-child(1) a{font-size:18px; background:url(/image/sub/icon_consult.png) no-repeat center 90px}
ul.contact li:nth-child(2) a{font-size:14px; background:url(/image/sub/icon_contact.png) no-repeat center 50px}

ul.contact li:nth-child(1) a em{margin-top:36px; display:inline-block}
ul.contact li:nth-child(2) a em{margin-top:100px; display:inline-block}