@charset "utf-8";

/* COMMON */
#lnb {width:198px; float:left; position:relative; z-index:550px;}
#lnb h2 {background:#666666; color:#fff; font-size:16px; font-weight:bold; text-indent:20px; line-height:48px; height:48px;}
#lnb ul {width:197px;}
#lnb ul li {height:35px; line-height:35px; border-bottom:1px solid #e1e1e1;}
#lnb ul li.type2line {height:60px; line-height:25px; border-bottom:1px solid #e1e1e1;}
#lnb ul li a {display:block; color:#6d6d6d; font-size:12px; height:35px; line-height:35px;text-indent:20px;}
#lnb ul li.type2line a {display:block; color:#6d6d6d; font-size:12px; height:40px; line-height:20px; padding:10px 0 10px 20px;  text-indent:0;}
#lnb ul li a.now {background:#f2f2f2; color:#333; font-weight:bold;}

#contents .container {margin-left:197px; border-left:1px solid #e1e1e1; position:relative; z-index:505;}
#contents .container .titleArea {padding:12px; position:relative; border-bottom:1px solid #e1e1e1;}
#contents .container .titleArea .subVisual {height:209px; margin-bottom:10px;}
#contents .container .titleArea .subVisual.type1 {background:url(../../images/bg/bg_sub1.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type2 {background:url(../../images/bg/bg_sub2.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type3 {background:url(../../images/bg/bg_sub3.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type4 {background:url(../../images/bg/bg_sub4.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type5 {background:url(../../images/bg/bg_sub5.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type6 {background:url(../../images/bg/bg_sub6.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type7 {background:url(../../images/bg/bg_sub7.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type8 {background:url(../../images/bg/bg_sub8.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type9 {background:url(../../images/bg/bg_sub9.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type10 {background:url(../../images/bg/bg_sub10.jpg) no-repeat;}
#contents .container .titleArea .subVisual.type11 {background:url(../../images/bg/bg_sub11.jpg) no-repeat;}
#contents .container .titleArea h3 {line-height:30px; font-size:28px; font-weight:bold; color:#555; padding-left:10px;}
#contents .container .titleArea ul.navi {position:absolute; bottom:15px; right:25px;}
#contents .container .titleArea ul.navi li {float:left; height:15px; line-height:15px; font-size:11px; color:#666;}
#contents .container .titleArea ul.navi li span {width:13px; height:15px; background:url(../../images/bg/bg_navi_home.gif) 0 no-repeat; display:block; text-indent:-1000em;}
#contents .container .titleArea ul.navi li + li {margin-left:10px; background:url(../../images/bg/bg_navi_arr.gif) 0 no-repeat; padding-left:15px;}
#contents .container .titleArea ul.navi li.now {color:#3c3b3b; font-weight:bold;}

#contents .container .subContents {padding:50px 35px 70px;}


/* company */
.sub1_1 .s1 {height:465px; background:url(../../images/bg/bg_s1.jpg) center 5px no-repeat; margin-top:50px; position:relative;}
.sub1_1 .s1 .ment1 {width:165px; position:absolute; top:0; right:32px;}
.sub1_1 .s1 .ment1 h5 {font-size:17px; font-weight:bold; color:#e13434; margin-bottom:15px;}

.sub1_1 .s1 .ment2 {width:200px; position:absolute; top:180px; left:0;}
.sub1_1 .s1 .ment2 h5 {font-size:17px; font-weight:bold; color:#78bb20; margin-bottom:15px;}

.sub1_1 .s1 .ment3 {width:220px; position:absolute; top:352px; right:0;}
.sub1_1 .s1 .ment3 h5 {font-size:17px; font-weight:bold; color:#d89108; margin-bottom:15px;}
.sub1_1 .s1 p {font-size:13px; color:#777; line-height:20px;}

.sub1_1 .s2 {height:575px; background:url(../../images/bg/bg_s2.jpg) center no-repeat; position:relative;}
.sub1_1 .s2 div {width:145px; font-size:14px; color:#777777; line-height:20px; position:absolute; text-align:center;}
.sub1_1 .s2 .ment1 {top:88px; left:290px;}
.sub1_1 .s2 .ment2 {top:425px; left:130px;}
.sub1_1 .s2 .ment3 {top:425px; right:135px;}

.sub_ce {}
.sub_ce ul.ceList li {text-align:center;}
.sub_ce ul.ceList li img {border:1px solid #e0e0e0; max-width:635px;}

.sub_fn ul.fnList li {text-align:center;}
.sub_fn ul.fnList li+li {margin-top:15px;}
.sub_fn ul.fnList li img {border:1px solid #e0e0e0; max-width:635px;}

/* history */
.sub1_2 .year {border-bottom:1px solid #e0e0e0; padding-bottom:30px;}
.sub1_2 .year+.year {padding-top:30px;}
.sub1_2 .year h4 {width:135px; font-size:35px; color:#695343; float:left; font-weight:normal; text-indent:10px;}
.sub1_2 .year h4.type2 {width:135px; font-size:35px; color:#695343; float:left; font-weight:normal; text-indent:10px;}
.sub1_2 .year ul {margin-left:135px; background:url(../../images/bg/bg_ul.gif) 4px repeat-y; }
.sub1_2 .year ul li {font-size:13px; color:#666666; line-height:15px; background:url(../../images/bg/bg_li.gif) 0 no-repeat; padding-left:30px;}
.sub1_2 .year ul li+li {margin-top:18px;}

/* Product List Common */
ul.proList {display:block;}
ul.proList+ul.proList {margin-top:35px;}
ul.proList li {float:left; width:219px;}
ul.proList li+li {margin-left:37px;}
ul.proList li dl {position:relative;}
ul.proList li dl dt {padding-top:190px; font-size:15px; font-weight:bold; color:#3c3b3b; text-align:center; line-height:20px; height:20px;}
ul.proList li dl dd {position:absolute; top:0; left:0;}
ul.proList li dl dd a {display:block; height:175px;}
ul.proList li dl dd a img {width:217px; height:175px; border:1px solid #e1e1e1; }
ul.proList li dl dd a span {border:5px solid #e30000; width:209px; height:167px; position:absolute; top:0; left:0; background:url(../../images/bg/bg_over.png) repeat; display:none;}

/* Product View Common */
.viewBox {border:1px solid #e1e1e1; background:#ececec; padding:20px 30px 30px;}
.viewBox .imgBox dl dt.viewBig {border:1px solid #e1e1e1; height:542px; margin-bottom:7px; overflow:hidden;}
.viewBox .imgBox dl dt.viewBig img {width:668px; height:542px;}
.viewBox .imgBox dl dd.thumb {}
.viewBox .imgBox dl dd.thumb ul li {float:left; border:1px solid #e1e1e1; width:68px; height:54px; position:relative;}
.viewBox .imgBox dl dd.thumb ul li+li {margin-left:5px;}
.viewBox .imgBox dl dd.thumb ul li img {width:100%; cursor:pointer;height:54px;}
.viewBox .imgBox dl dd.thumb ul li span {border:3px solid #e00000; width:64px; height:50px; position:absolute; top:0; left:0; display:none;}
.viewBox .imgBox dl dd.thumb ul li span.page {display:block;}

.viewBox .exBox {margin-top:45px;}
.viewBox .exBox dl+dl {margin-top:40px;}
.viewBox .exBox dl dt {font-size:13px; color:#fff; font-weight:bold; width:126px; height:23px; background:#727272; line-height:23px; text-indent:12px; margin-bottom:20px;}
.viewBox .exBox dl.type1 dd {font-size:12px; font-weight:bold; color:#666666; line-height:20px;}
.viewBox .exBox dl.type1 dd+dd {margin-top:10px;}
.viewBox .exBox dl.type1 dd em {color:#333333;}

/* service */
.sub4_1 .os {padding-bottom:35px;}
.sub4_1 .os+.os {border-top:1px solid #e0e0e0; padding-top:35px;}

/* rease */
.sub_lease {height:607px; background:url(../../images/bg/bg_s3.gif) center no-repeat; position:relative;}
.sub_lease div {position:absolute; width:196px; height:196px; line-height:196px;}
.sub_lease div span {vertical-align:middle; font-size:13px; color:#666; line-height:20px; text-align:center; display:inline-block; width:196px;}

.sub_lease .ment1 {top:80px; left:10px;}
.sub_lease .ment2 {top:0px; left:267px;}
.sub_lease .ment2 span {color:#fff;}
.sub_lease .ment3 {top:80px; right:10px;}
.sub_lease .ment4 {top:330px; right:10px;}
.sub_lease .ment5 {bottom:0px; left:267px;}
.sub_lease .ment6 {bottom:81px; left:10px;}

/* BUSINESS */
.sub_business ul {margin:30px 0 50px;}
.sub_business ul:after {clear:both; content:" "; display:block; *zoom:1;}
.sub_business ul li {width:360px; float:left;}
.sub_business ul li+li+li {margin-top:30px;}
.sub_business ul li.right {margin-left:12px;}
.sub_business ul li dl dt {margin-bottom:10px;}
.sub_business ul li dl dd {text-align:center; font-size:15px; color:#333; font-weight:bold;}

/* intro */
body.intro {background:url(../../images/bg/bgre.gif) center repeat-y;}
#introWrap {width:100%; height:900px; background:url(../../images/bg/introbg.gif) center no-repeat; position:relative;}
#introWrap .videoArea {position:absolute; top:237px; left:50%; margin-left:-40px;}
#introWrap .btnArea {position:absolute; top:600px; width:1000px; left:50%; margin-left:-500px; text-align:center;}
#introWrap .btnArea a+a {margin-left:65px;}
#introWrap .introFoot {width:1000px; height:95px; position:absolute; bottom:0; left:50%; margin-left:-500px;}
#introWrap .introFoot h6 {position:absolute; top:0; left:190px;}
#introWrap .introFoot p {margin-left:317px; text-indent:-1000em; background:url(../../images/footcont1.png) 0 19px no-repeat; height:95px;}