@charset "utf-8";
@import url("default.css");
@import url("layout.css");
@import url("common.css");
@import url("board.css");
@import url("popup.css");


.step {width:700px; overflow:hidden;}
.step li {float:left; padding:0 0 29px 36px; width:86px; height:86px; background:url('/images/sub/bg_pointer.gif') no-repeat 9px 31px; font-size:0;}
.step li img {vertical-align:top;}
.step li.first {padding:0; background:none;}


.tab-menu {width:700px; height:25px; background:url('/images/common/bg_bottom_line.gif') repeat-x left bottom; }
.tab-menu li {float:left; padding-left:2px; font-size:0;}
.tab-menu li > h3 {background:none; padding:0;}
.tab-menu li img {vertical-align:top;}


.tab-cont {padding:30px 0 0 0; width:700px; overflow:hidden;}



.ci-info {width:700px; overflow:hidden;}
.ci-info dt {padding-bottom:19px; float:left; width:264px;}
.ci-info dd {float:right; width:410px; padding-bottom:19px; font-size:12px; color:#4c4c4c; line-height:16px;}
.ci-info dd .btn {padding-top:23px;}
.ci-info dd .red {padding:0 0 11px 111px; background:url('/images/sub/bg_ci_color_red.gif') no-repeat left 2px;}
.ci-info dd .red strong {color:#ea002c;}
.ci-info dd .orange {padding:0 0 11px 111px; background:url('/images/sub/bg_ci_color_orange.gif') no-repeat left 2px;}
.ci-info dd .orange strong {color:#ed0101;}
.ci-info dd .black {padding:0 0 11px 111px; background:url('/images/sub/bg_ci_color_black.gif') no-repeat left 2px;}
.ci-info dd .black strong {color:#000;}
.ci-info dd .gray {padding:0 0 11px 111px; background:url('/images/sub/bg_ci_color_gray.gif') no-repeat left 2px;}
.ci-info dd .gray strong {color:#727272;}
.ci-info dd .txt {padding-top:5px;}


.ci-box {width:698px; padding:17px 0 20px 0; overflow:hidden; border:1px solid #e7e7e7; text-align:center;}


.guide {width:700px; background:url('/images/common/bg_shadow_top.gif') repeat-x left top; padding-top:3px; overflow:hidden;}
.guide dl {background:url('/images/common/bg_shadow_bottom.gif') repeat-x left bottom; width:700px; height:75px;}
.guide dl dt {float:left; padding:25px 0 0 21px; width:126px; height:35px; border-right:1px solid #e4e4e4;}
.guide dl dt.recruit {padding:20px 0 0 27px; width:120px;}
.guide dl dd {float:left; padding:21px 0 0 20px; font-size:11px; color:#727272;}
.guide dl dd .txt {background:url('/images/common/bul_box_02_off.gif') no-repeat left 5px; padding:0 0 4px 6px; color:#727272;}
.guide dl dd .txt a,
.guide dl dd .txt a:visited,
.guide dl dd .txt a:hover {color:#ed0101; text-decoration:underline;}


.meeting {width:700px; padding-bottom:19px; background:url('/images/common/bg_dot.gif') repeat-x left bottom; overflow:hidden;}
.meeting .meet-txt {float:left; width:288px; padding-top:13px;}
.meeting .step {float:right; width:390px; }
.meeting .step li {float:left; width:108px; padding-left:33px; background:url('/images/sub/bg_pointer.gif') no-repeat 5px 43px;}


.credit-guide {width:700px; background:url('/images/common/bg_shadow_top.gif') repeat-x left top; padding-top:3px; overflow:hidden;}
.credit-guide .top {padding:14px 0 14px 19px; width:681px; background:url('/images/common/bg_dot.gif') repeat-x left bottom; overflow:hidden;}
.credit-guide .top h3{background:url('/images/common/ico_baloon.gif') no-repeat left top; padding:0 0 0 22px; float:left; font-size:14px; font-weight:bold; color:#ed0101;  margin-top:3px;}
.credit-guide .top .btn {float:right; padding:0 20px 0 0 !important; font-size:0; }
.credit-guide .top .btn img {vertical-align:top;}
.credit-guide .cont {background:url('/images/common/bg_shadow_bottom.gif') repeat-x left bottom; width:681px; padding:14px 0 14px 19px; overflow:hidden;}
.credit-guide .cont h4 {padding:0 0 5px 0 !important; background:none;}
.credit-guide .cont .txt {background:url('/images/common/bul_box_02_off.gif') no-repeat left 4px; font-size:11px; color:#727272; padding:0 0 5px 5px;}


.stock-grap {border:1px solid #e6e6e6; padding:29px 20px 15px 20px; width:658px; overflow:hidden;}
.stock-grap h3 {width:658px; text-align:center; font-size:12px; color:#242424; padding:0 0 28px 0!important; background:none;}


.business-chart {border:1px solid #e6e6e6; padding:30px 22px 30px 21px; width:655px; overflow:hidden;}
.business-chart img {vertical-align:top;}

.business-chart-02 {border:1px solid #e6e6e6; padding:15px 0; width:698px; overflow:hidden; font-size:0; text-align:center; clear:both;}
.business-chart-02 img {vertical-align:top;}

.pic-txt {width:700px; overflow:hidden; }
.pic-txt .cont-txt-02 {float:left; width:459px; padding-right:10px !important; border-right:1px solid #e6e6e6;}
.pic-txt .pic {float:right; border:1px solid #e6e6e6; padding:6px; overflow:hidden; font-size:0; width:196px;}
.pic-txt .pic img {vertical-align:top;}
.pic-txt .pic-name {float:right; width:208px; padding-top:5px; font-size:11px; color:#9c9c9c; text-align:center; }


.pic-txt-02 {width:700px; overflow:hidden; }
.pic-txt-02 .txt {float:left; width:400px;}
.pic-txt-02 .txt-02 {float:left; width:420px;}
.pic-txt-02 .txt-03 {float:left; width:445px;}
.pic-txt-02 .pic {float:right; /*width:287px;*/ font-size:0;}
.pic-txt-02 .pic img {vertical-align:top;}
.pic-txt-02 .pic-02 {float:right; width:257px; font-size:0; padding-top:34px;}
.pic-txt-02 .pic-02 img {vertical-align:top;}

.pic-txt-03 {width:700px; overflow:hidden; }
.pic-txt-03 .cont-txt-02 {float:left; width:459px; padding-right:10px !important; border-right:1px solid #e6e6e6;}
.pic-txt-03 .pic-area {float:right; width:210px;}
.pic-txt-03 .pic {border:1px solid #e6e6e6; padding:6px; overflow:hidden; font-size:0; width:196px;}
.pic-txt-03 .pic img {vertical-align:top;}
.pic-txt-03 .pic-name { width:208px; padding-top:5px; font-size:11px; color:#727272; text-align:center; }


.pic-txt-04 {width:700px; overflow:hidden; }
.pic-txt-04 .txt {float:left; width:470px; padding-right:10px !important; }
.pic-txt-04 .pic {float:right; border:1px solid #e6e6e6; padding:6px; overflow:hidden; font-size:0; width:199px;}
.pic-txt-04 .pic img {vertical-align:top;}


.cont-recruit {width:700px; overflow:hidden;}
.cont-recruit dt {float:left; width:110px;}
.cont-recruit dd {float:right; width:562px; padding-top:7px; color:#4c4c4c; line-height:18px;}
.cont-recruit dd strong {font-size:14px; color:#4c4c4c;}



.cont-recruit-chart {padding:27px 29px 28px 39px; border:1px solid #e6e6e6; width:630px; overflow:hidden; font-size:0;}
.cont-recruit-chart img {vertical-align:top;}


.product-down {width:700px; overflow:hidden; padding-bottom:10px;}
.product-down ul {overflow:hidden;}
.product-down ul li {padding:5px 0 0 15px;}
.product-down ul li a,
.product-down ul li a:visited {color:#727272; display:inline-block; text-decoration:none; background:url('/images/common/ico_pdf.gif') no-repeat left top; padding:2px 0 2px 24px;}
.product-down ul li a:hover {color:#ed0101; text-decoration:underline;}








.product-index {width:700px; border-top:3px solid #f26522; border-bottom:2px solid #f26522; overflow:hidden;}
.product-index span {display:inline-block;}
.product-index dl {overflow:visible; display:inline-block; background: url('/images/common/bg_dot.gif') repeat-x left top; }
.product-index dl dt { padding:14px 0 5px 0; font-size:16px; color:#3d3d3d; line-height:16px; font-weight:bold; float:left; width:170px;}
.product-index dl dt span {width:166px; margin-left:4px;}
.product-index dl dd {float:left; color:#666; line-height:16px; padding:14px 0 5px 0;; width:530px;}
.product-index dl dd span {width:530px;}
.product-index ul {overflow:visible; vertical-align:top;}
.product-index ul li {float:left; padding:0 0 5px 22px; font-weight:bold; width:148px; _width:145px;}
.product-index ul li a,
.product-index ul li a:visited {display:inline-block; *display:inline; color:#4c4c4c; background:url('/images/common/bul_arrow.gif') no-repeat left 5px; padding:0 0 5px 7px; zoom:1;}
.product-index ul li a:hover {color:#4c4c4c; text-decoration:underline;}
.product-index ul li a:focus {color:#4c4c4c; text-decoration:underline;}

.product-index ul li ul {overflow:visible;}
.product-index ul li ul li {clear:left; padding:0 0 5px 7px !important; font-weight:normal; /*width:141px;*/ position:relative; z-index:10;}
.product-index ul li ul li a,
.product-index ul li ul li a:visited {color:#4c4c4c; text-decoration:none; background:url('/images/common/bul_menu_off.gif') no-repeat left 6px; padding:0 0 0 5px; position:relative;}
.product-index ul li ul li a:hover {color:#ed0101; text-decoration:underline; background:url('/images/common/bul_menu_on.gif') no-repeat left 6px;}
.product-index ul li ul li a:focus {color:#ed0101; text-decoration:underline; background:url('/images/common/bul_menu_on.gif') no-repeat left 6px;}
.product-index ul li ul li a.on {color:#f26522; text-decoration:underline; background:url('/images/common/bul_menu_on.gif') no-repeat left 6px;}

.product-index .depth-3 {position:absolute; left:60px; top:-1000px; z-index:100;}
.product-index .depth-3 .box {padding:10px; border:2px solid #5d5d5d; background:#fff; position:relative; display:inline-block; *display:inline; zoom:1;} 
.product-index .depth-3 .box .arrow {position:absolute; left:-9px; top:25px;}
.product-index .depth-3 .box ul {/*overflow:hidden;*/}
.product-index .depth-3 .box ul li {padding:5px 0 0 0 !important; width:130px;}
.product-index .depth-3 .box ul li a,
.product-index .depth-3 .box ul li a:visited {color:#4c4c4c; text-decoration:none; padding:0 0 0 4px !important; background:url('/images/common/bul_menu_white.gif') no-repeat left 6px; z-index:3;}
.product-index .depth-3 .box ul li a:hover {color:#4c4c4c; text-decoration:underline;}
.product-index .depth-3 .box ul li a:focus {color:#4c4c4c; text-decoration:underline;}



.bg-bule {width:700px; background:url('/images/sub/bg_cont.gif') no-repeat right 72px; overflow:hidden;}

.history {width:700px; overflow:hidden; background:url('/images/common/bg_history.gif') repeat-y left top;}
.history .tab-years {float:left; width:201px; border-top:1px solid #ececec; overflow:hidden;}
.history .tab-years li {width:201px; padding:15px 0; border-bottom:1px solid #ececec;}
.history .tab-years li img {vertical-align:top;}
.history .his-cont-area {float:right; width:447px; overflow:hidden; }
.history .his-cont-area > h3 {background:none; padding:0;}
.history .his-cont {width:447px; overflow:hidden; margin-bottom:17px;}
.history .his-cont li {padding-bottom:5px;font-size:12px; color:#4c4c4c;}
.history .his-cont li span {display:inline-block; color:#ed0101; width:59px; vertical-align:middle; padding-top:2px;}


.make-his-top {width:700px; padding-bottom:10px; overflow:hidden;}
.make-his-top .fl-left {float:left;}
.make-his-top .fl-right {float:right;}


table.total-chart {width:345px;}
table.total-chart th {padding:10px 0 9px 0; text-align:center; font-size:11px; color:#4c4c4c; background:#f9f9f9; border:1px solid #e4e4e4;}
table.total-chart td {padding:10px 0 9px 0; text-align:center; font-size:11px; color:#4c4c4c;border:1px solid #e4e4e4;}



.global-map-01 {width:700px; height:397px; overflow:hidden; background:url('/images/sub/global_map_01.gif') no-repeat left top; position:relative;}
.global-map-01 .pointer {display:inline-block; width:10px; height:10px; line-height:0; font-size:0; background:url('/images/sub/map-position.png') no-repeat left top; position:absolute; }
.global-map-01 .pos-01 {left:300px; top:105px;}
.global-map-01 .pos-02 {left:303px; top:120px;}
.global-map-01 .pos-03 {left:319px; top:159px;}
.global-map-01 .pos-04 {left:423px; top:255px;}

.global-map-01 .lay-pos-0 {left:318px; top:56px;}
.global-map-01 .lay-pos-1 {left:320px; top:56px;}
.global-map-01 .lay-pos-2 {left:338px; top:110px;}
.global-map-01 .lay-pos-3 {left:145px; top:164px;}


.global-map-02 {background:url('/images/sub/global_map_02.gif') no-repeat left top;}
.global-map-02 .pos-01 {left:85px; top:142px; z-index:1;}
.global-map-02 .pos-02 {left:97px; top:132px; z-index:1;}
.global-map-02 .pos-03 {left:199px; top:212px; z-index:1;}
.global-map-02 .pos-04 {left:261px; top:161px; z-index:1;}
.global-map-02 .pos-05 {left:274px; top:186px; z-index:1;}
.global-map-02 .pos-06 {left:276px; top:203px; z-index:1;}
.global-map-02 .pos-07 {left:308px; top:170px; z-index:1;}
.global-map-02 .pos-08 {left:526px; top:171px; z-index:1;}


.global-map-02 .lay-pos-0 {left:102px; top:99px; z-index:2;}
.global-map-02 .lay-pos-1 {left:115px; top:88px; z-index:2;}
.global-map-02 .lay-pos-2 {left:220px; top:168px; z-index:2;}
.global-map-02 .lay-pos-3 {left:281px; top:117px; z-index:2;}
.global-map-02 .lay-pos-4 {left:295px; top:142px; z-index:2;}
.global-map-02 .lay-pos-5 {left:297px; top:160px; z-index:2;}
.global-map-02 .lay-pos-6 {left:328px; top:126px; z-index:2;}
.global-map-02 .lay-pos-7 {left:260px; top:128px; z-index:2;}


.map-layer {position:absolute; display:none; z-index:99;}
.map-layer .map-address {width:209px; padding:10px 22px; border:2px solid #5d5d5d; background:#fff; position:relative; top:2px; left:7px; display:inline-block;}
.map-layer .map-address .close {position:absolute; right:8px; top:8px;}
.map-layer .map-address .arrow-left {position:absolute; left:-12px; top:84px;}
.map-layer .map-address .arrow-right {position:absolute; right:-12px; top:84px;}
.map-layer .map-address ul {overflow:hidden; width:209px;}
.map-layer .map-address ul li {width:209px; font-size:12px; color:#4c4c4c; padding-top:19px; line-height:16px;}
.map-layer .map-address ul li .btn {padding-top:9px;}
.map-layer .map-address ul li a {color:#fff;}




.global-list {width:700px; border-top:3px solid #f26522; border-bottom:2px solid #f26522; padding:4px 0; overflow:hidden;}
.global-list dl {width:700px; overflow:hidden; background:url('/images/common/bg_dot.gif') repeat-x left top;}
.global-list dl dt {float:left; padding:6px 0 5px 1px; width:189px; font-size:0;}
.global-list dl dt img {vertical-align:top;}
.global-list dl dd {float:left; width:510px; padding:20px 0; font-size:12px; color:#4c4c4c; line-height:16px;}
.global-list dl dd .btn {padding-top:15px;}
.global-list dl dd a {color:#4c4c4c;}

.global-list ul {width:700px; overflow:hidden;}
.global-list ul li {width:700px; padding:13px 0 13px 0; font-size:12px; color:#4c4c4c; line-height:16px; background:url('/images/common/bg_dot.gif') repeat-x left top;}
.global-list ul li .txt {padding-left:14px;}


.ceo-msg {width:700px; overflow:hidden; background:url('/images/sub/bg_cloude.jpg') no-repeat right top;}
.ceo-msg .txt {float:left; width:426px;}
.ceo-msg .pic-sign {float:left; width:274px;}
.ceo-msg .pic-sign .pic-area {width:274px; height:344px; position:relative;}
.ceo-msg .pic-sign .pic-area .pic {width:278px; height:281px; position:absolute; left:0; top:20px;}
.ceo-msg .pic-sign .sign {width:274px; text-align:right; font-size:0;}
.ceo-msg .pic-sign .sign img {vertical-align:top; margin-bottom:5px;}
.ceo-msg .cont-txt-02 {padding-left:0;}



.btn-type-txt a:first-child {margin-left:0;}
.btn-type-txt a {margin-left:8px;}

.btn-type-txt a,
.btn-type-txt a:visited {display:inline-block; text-decoration:underline; padding:0 2px 0 19px; font-size:12px; color:#727272; line-height:16px;}
.btn-type-txt a:hover {text-decoration:underline; color:#ed0101;}

.btn-bg-01 {background:url('/images/common/ico_file.gif') no-repeat left top;}
.btn-bg-02 {background:url('/images/common/ico_docu.gif') no-repeat left top;}



table.global-list-tb {width:700px;}
table.global-list-tb th {background:#f5f5f5; font-size:12px; color:#4c4c4c; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; padding:14px 0; line-height:18px;}
table.global-list-tb td {padding:14px 0; font-size:12px; color:#4c4c4c; line-height:18px; border-top:1px solid #e4e4e4; border-left:1px solid #e4e4e4; }
table.global-list-tb td span {display:inline-block; padding-left:18px;}


.skc-life {width:700px; height:595px; position:relative; overflow:hidden;}
.skc-life img {vertical-align:top;}
.skc-life .pointer {width:27px; height:27px; display:inline-block; background:url('/images/sub/btn_life_pos.png') no-repeat left top; position:absolute; font-size:0; z-index:10;}
.skc-life .box {display:none; width:266px; height:224px; background:url('/images/sub/bg_life_layer.png') no-repeat left top; position:absolute; z-index:20;}
.skc-life .box .cont {width:251px; height:214px; padding:10px 0 0 15px; position:relative;}
.skc-life .box .cont .arrow {width:10px; height:27px; position:absolute;}
.skc-life .box .cont .ar-left {left:-10px; top:100px;}
.skc-life .box .cont .ar-right {left:261px; top:100px;}
.skc-life .box .cont .ar-bottom {left:121px; top:219px;}
.skc-life .box .close {position:absolute; top:10px; right:19px; /*width:232px; height:19px; text-align:right; font-size:0;*/}
.skc-life .box .pic {width:232px; height:109px; margin-top:19px;}
.skc-life .box .txt {width:232px; font-size:11px; color:#fff; line-height:16px;}
.skc-life .modal {background:url('/images/common/bg_modal.png') repeat left top; width:700px; height:595px; position:absolute; left:0; top:0; z-index:5;}


.life-bg-01 {background:url('/images/sub/bg_life_01.jpg') no-repeat left top;} 
.life-bg-01 .pos-0 {left:56px; top:132px;}
.life-bg-01 .pos-1 {left:380px; top:294px;}
.life-bg-01 .pos-2 {left:144px; top:348px;}
.life-bg-01 .pos-3 {left:418px; top:367px;}
.life-bg-01 .pos-4 {left:454px; top:377px;}
.life-bg-01 .pos-5 {left:506px; top:407px;}
.life-bg-01 .pos-6 {left:414px; top:486px;} 

.life-bg-01 .lay-0 {left:95px; top:35px;}
.life-bg-01 .lay-1 {left:103px; top:195px;}
.life-bg-01 .lay-2 {left:183px; top:251px;}
.life-bg-01 .lay-3 {left:141px; top:219px;}
.life-bg-01 .lay-4 {left:177px; top:230px;}
.life-bg-01 .lay-5 {left:227px; top:259px;}
.life-bg-01 .lay-6 {left:138px; top:338px;}



.life-bg-02 {background:url('/images/sub/bg_life_02.jpg') no-repeat left top;} 
.life-bg-02 .pos-0 {left:65px; top:242px;}
.life-bg-02 .pos-1 {left:221px; top:294px;}
.life-bg-02 .pos-2 {left:576px; top:457px;}
.life-bg-02 .pos-3 {left:635px; top:460px;}
.life-bg-02 .pos-4 {left:388px; top:484px;}

.life-bg-02 .lay-0 {left:104px; top:144px;}
.life-bg-02 .lay-1 {left:260px; top:196px;}
.life-bg-02 .lay-2 {left:300px; top:309px;}
.life-bg-02 .lay-3 {left:360px; top:312px;}
.life-bg-02 .lay-4 {left:269px; top:221px;}





.life-bg-03 {background:url('/images/sub/bg_life_03.jpg') no-repeat left top;} 
.life-bg-03 .pos-0 {left:521px; top:166px;}
.life-bg-03 .pos-1 {left:137px; top:321px;}
.life-bg-03 .pos-2 {left:471px; top:439px;}
.life-bg-03 .pos-3 {left:186px; top:515px;}

.life-bg-03 .lay-0 {left:244px; top:90px;}
.life-bg-03 .lay-1 {left:176px; top:223px;}
.life-bg-03 .lay-2 {left:193px; top:291px;}
.life-bg-03 .lay-3 {left:67px; top:254px;}



.ethical_bnr {margin-top:112px;}
.ethical_bnr.ty02 {margin-top:70px;}
.ethical_bnr.ty03 {margin-top:126px;}



.contactList {}
.contactList ul {border-top:2px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.contactList ul li{padding:8px; border-top:1px solid #e4e4e4;}
.contactList ul li dl {zoom:1;}
.contactList ul li dl:after {display:block; content:""; clear:both;}
.contactList ul li dl dt {float:left; margin-top:2px; color:#4c4c4c;}
.contactList ul li dl dt p {width:330px; margin-left:10px; word-wrap:break-word; word-break:break-all;}
.contactList ul li dl dd {float:left; font-size:12px; color:#727272; }
.contactList ul li dl dd span:first-child {width:100px; }
.contactList ul li dl dd span {display:inline-block; *display:inline; width:110px; word-wrap:break-word; word-break:break-all; zoom:1;}
.contactList ul li dl dd span.txt01 {color:#4c4c4c;}

.contactList2 {}
.contactList2 ul {border-top:2px solid #e4e4e4; border-bottom:1px solid #e4e4e4;}
.contactList2 ul li{padding:9px; border-top:1px solid #e4e4e4;}
.contactList2 ul li dl {zoom:1;}
.contactList2 ul li dl:after {display:block; content:""; clear:both;}
.contactList2 ul li dl dt {float:left; color:#4c4c4c;}
.contactList2 ul li dl dt span:first-child {width:170px; }
.contactList2 ul li dl dt span {display:inline-block; *display:inline; width:140px; margin-left:10px; word-wrap:break-word; word-break:break-all; zoom:1;}
.contactList2 ul li dl dd {float:left; font-size:12px; color:#727272; }
.contactList2 ul li dl dd span {display:inline-block; *display:inline; width:96px; word-wrap:break-word; word-break:break-all; zoom:1;}
.contactList2 ul li dl dd span.tel01 {width:105px;}
.contactList2 ul li dl dd a {display:inline-block; display:inline; padding:0 0 0 22px; background:url('/images/board/ico_email.gif') no-repeat left 2px; zoom:1;}
.contactList2 ul li dl dd span.txt01 {width:95px; color:#4c4c4c;}

.contactList2 ul li dl dd a,
.contactList2 ul li dl dd a:visited {color:#727272; text-decoration:none;}
.contactList2 ul li dl dd a:hover {color:#727272; text-decoration:underline;}