@charset "utf-8";

#container {clear:both;width:940px; margin:0 auto 50px;}

/* client */
.client-lst-bx ul li{float:left; margin-left:46px; margin-bottom:34px; border:1px solid #f4f4f4;}
.client-lst-bx ul li.fst{margin-left:0;}

/* about */
.about-img-bx01{position:relative; padding-left:445px; /*height:451px;*/ padding-bottom:35px; background:url(../img/sub/about_bg01.jpg) no-repeat left top;}
.about-img-bx01 .img-box {position:absolute; left:0; top:0;}
.about-img-bx01 p{margin-top:20px; letter-spacing:-1px;}

.about-img-bx02>ul>li{padding-top:10px; width:39%; float:left; margin-bottom:20px;}
.about-img-bx02>ul>li:first-child{margin-left:0;}
.about-img-bx02 .about-lst-bg01{padding-left:96px; background:url(../img/sub/about_busi_bg01.gif) no-repeat 0 0; padding-bottom:15px;}
.about-img-bx02 .about-lst-bg02{padding-left:96px; background:url(../img/sub/about_busi_bg02.gif) no-repeat 0 0; padding-bottom:35px; float:right;}
.about-img-bx02 .about-lst-bg03{padding-left:96px; background:url(../img/sub/about_busi_bg03.gif) no-repeat 0 0; clear:both;}
.about-img-bx02 .about-lst-bg04{padding-left:96px; background:url(../img/sub/about_busi_bg04.gif) no-repeat 0 0; float:right;}
.about-img-bx02 .about-lst-bg05{padding-left:96px; background:url(../img/sub/about_busi_bg05.gif) no-repeat 0 0; clear:both; padding-bottom:39px;}
.about-img-bx02 .about-lst-bg06{padding-left:96px; background:url(../img/sub/about_busi_bg06.gif) no-repeat 0 0; float:right;}

/* ideology */
.ideo-img-bx01{padding-left:357px; padding-bottom:60px; background:url(../img/sub/ideo_bg01.gif) no-repeat 30px 115px;}
.ideo-img-bx01 p{margin-top:20px; letter-spacing:-1px;}
.ideo-img-bx02{margin-bottom:200px;}

/* history */
.history-tit-bx{}
.history-tit-bx .tit{font-weight:bold; font-size:24px; margin-bottom:10px;}

.hitory-lst-bx{border-top:2px solid #231f20; padding-top:30px;}
.hitory-lst-bx .left-history{float:left; padding-right:25px; width:440px;}
.hitory-lst-bx .left-history .tit{font-size:24px; font-weight:bold; line-height:24px; margin-bottom:10px; color:#2b2b2b;}
.hitory-lst-bx .left-history p{color:#636363; margin-top:10px;}

.hitory-lst-bx .right-history{float:right; width:442px; padding-left:25px; border-left:8px solid #e6e6e6;}
.hitory-lst-bx .right-history>li{border-bottom:1px solid #e5e5e5; padding-bottom:35px; margin-top:35px;}
.hitory-lst-bx .right-history>li:first-child{margin-top:0;}
.hitory-lst-bx .right-history>li .tit{font-size:24px; color:#851013; font-weight:900; margin-bottom:10px;}
.hitory-lst-bx .right-history>li .history-lst{padding-left:30px;}
.hitory-lst-bx .right-history>li .history-lst li{padding-left:10px; line-height:24px; background:url(../img/common/lst_bul.gif) no-repeat 0 center;}
.hitory-lst-bx .right-history>li .history-lst li.fst{background-position:0 8px;}

/* contact */
.contact-info .tit{font-weight:bold; color:#851013;}

/* bx-type */
.bx-type{border:1px solid #e5e5e5;}
.bx-type .bc{background-color:#878787; width:auto; position:relative; top:0; left:0; padding:18px 0 15px 24px; }
.bx-type .bc .bc-left{background-color:#878787; color:#fff; font-size:16px;}
.bx-type .bc .bc-right{position:absolute; top:0; right:0; background-color:#851013; padding:18px 13px 15px 13px;}
.bx-type .bc .bc-right a{color:#fff; font-size:16px;}
.bx-type .request-txt{padding:25px;}
.bx-type .request-txt ol li{color:#000; margin-bottom:10px;}
.bx-type .request-txt ol li ul li{color:#969696; margin:0;}

/* pp-bx */
.pp-bx{margin-top:30px;}
.pp-bx ul li{float:left; margin-left:45px; position:relative; top:0; left:0; width:200px; height:250px;}
.pp-bx ul li:first-child{margin-left:0;}
.pp-bx ul li.first {margin:20px 0 0 0;}
.pp-bx .pp-txt-bx{position:absolute; left:0; bottom:0; height:87px; width:160px; background:#eee; padding:10px 20px 0 20px;}
.pp-txt01{display:block; font-weight:bolder; font-family:'OpenSans Bold'; color:#7a7a7a; font-size:18px; letter-spacing:-1px;}
.pp-txt02{display:block; font-weight:bold; font-size:12px; padding-bottom:5px;}
.pp-txt03{display:block; margin-top:10px; letter-spacing:-1px;}

.pp-lst-bx01 .pp-lst01{background:url(../img/sub/about_pp01.jpg) no-repeat 0 0;}
.pp-lst-bx01 .pp-lst02{background:url(../img/sub/about_pp02.jpg) no-repeat 0 0;}
.pp-lst-bx02 .pp-lst01{background:url(../img/sub/about_pp03.jpg) no-repeat 0 0;}
.pp-lst-bx02 .pp-lst02{background:url(../img/sub/about_pp04.jpg) no-repeat 0 0;}
.pp-lst-bx02 .pp-lst03{background:url(../img/sub/about_pp05.jpg) no-repeat 0 0;}
.pp-lst-bx03 .pp-lst01{background:url(../img/sub/about_pp06.jpg) no-repeat 0 0;}
.pp-lst-bx03 .pp-lst02{background:url(../img/sub/about_pp07.jpg) no-repeat 0 0;}
.pp-lst-bx04 .pp-lst01{background:url(../img/sub/about_pp08.jpg) no-repeat 0 0;}

/* portfolio*/
.portfolio {}
.portfolio .tab-container{position:relative; z-index:80; width:940px;}
.portfolio .tab-container .tab-btn{width:100%; border-bottom:1px solid #851013;}
.portfolio .tab-container .tab-btn li{float:left; width:150px; padding-left:1px;}
.portfolio .tab-container .tab-btn li a{display:block; width:150px; height:49px; background:url(../img/bg/tab_btn_bg.gif) no-repeat 0 0; text-align:center; line-height:49px; color:#333;}
.portfolio .tab-container .tab-btn li.on a{background-position:-37px -60px; color:#fff;}
.portfolio .tab-container .c-bx ul li{float:left; position:relative;width:198px; height:250px; border:1px solid #e5e5e5; margin-bottom:35px;margin-left:46px;}
.portfolio .tab-container .c-bx ul li.first{margin-left:0;}
.portfolio .tab-container .c-bx ul li a{display: block;}
.portfolio .tab-container .c-bx ul li .txt-bx{position:absolute; left:0; padding:10px 15px; bottom:0; width:170px; height:76px; background:#f4f4f4;}
.portfolio .tab-container .c-bx ul li .txt-bx .title{font-size:18px;font-weight:bold;color:#7a7a7a;}
.portfolio .tab-container .c-bx ul li .txt-bx .date{margin-top:6px;padding-top:5px; border-top:1px solid #e5e5e5; font-size:12px;}
 .portfolio .tab-container .c-bx ul li img {width:100% !important;}
/* portfolio pop-up */
.portfolio-pop {border:1px solid #e6e6e6; margin:0 auto;position:relative;  width:800px !important; padding:20px;background-color:#fff;}
.portfolio-pop h1{color:#2d99a3; font-size:18px; line-height:18px; font-weight:bold; color:#000;}
.portfolio-pop .info-wrap{float:left; margin-top:35px; padding-top:12px;width:250px; border-top:1px solid #e5e5e5; background:#fff;}
.portfolio-pop .info-wrap p{font-size:12px; color:#636363;}
.portfolio-pop .info-wrap .img-lst{margin-top:10px; padding:10px 0 0 0; border-top:1px solid #e5e5e5; }
.portfolio-pop .info-wrap .img-lst li{float:left; display:inline-block; margin:0 10px 10px 0; width:50px; height:50px; background-color:#851013; }
.portfolio-pop .info-wrap .img-lst li.first {clear:both}
.portfolio-pop .info-wrap .img-lst li a.active {display:inline-block; width:100%; height:100%; background-color:#851013; opacity:0.40; filter:alpha(opacity=40);}

.portfolio-pop .img-wrap{position:relative; float:left; width:530px; height:360px; margin-top:35px; margin-left:18px;text-align:center; background:#fff;}
.portfolio-pop .img-wrap .img-bx{overflow:hidden; margin:0 auto;vertical-align: middle;}
.portfolio-pop .img-wrap .img-bx img{width:100%; vertical-align: middle; }
.portfolio-pop .img-wrap .img-bx ul {display:inline-block;}
.portfolio-pop .img-wrap .img-bx ul li{min-height:330px;  }
.portfolio-pop .img-wrap .btn-set{position:absolute; top:138px;width:100%; }
.portfolio-pop .img-wrap .btn-set .prev-btn{float:left;}
.portfolio-pop .img-wrap .btn-set .next-btn{float:right;}
.portfolio-pop .btn-close {background:#fff; position:absolute; top:20px; right:20px;}

/* community pop-up */
.community-pop {border:1px solid #e6e6e6; margin:0 auto;position:relative;  width:650px; padding:20px;background-color:#fff;}
.community-pop h1{color:#2d99a3; font-size:18px; line-height:18px; font-weight:bold; color:#7a7a7a;}
.community-pop .request-txt{}
.community-pop .request-txt ol li, 
.community-pop .request-txt ul li,
.community-pop .request-txt strong,
.community-pop .request-txt p
 {font-size:12px; color:#636363;}
.community-pop .request-txt p.title {margin:10px 0 0 0; color:;}
.community-pop .btn-close {background:#fff; position:absolute; top:20px; right:20px;}
.community-pop .request-txt {overflow:hidden; overflow-y:auto; height:400px;}