#loading{width:100%;height:100%;z-index:100;background:#000;position:fixed}#loading img{width:50px;height:50px;position:fixed;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:100}#fade{width:100%;height:150%;display:block;background-color:#000;position:absolute;top:0px;left:0px;z-index:50}#bgMovie{z-index:1}#bgMovie #player{position:fixed;z-index:0}#firstV{position:relative;min-width:1000px;height:650px}#firstV #mvCol{height:512px;padding-top:115px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:pointer}#firstV #mvCol #mvLogo{position:relative;width:540px;height:268px;margin:0 auto;background:url(../images/top/logo_base.png) top center no-repeat}#firstV #mvCol #mvLogo #logoEff01{display:block;position:absolute;top:0;left:0}#firstV #mvCol #mvLogo .logoFlash{position:absolute;top:0;left:0;width:148px;height:148px}#firstV #mvCol #mvLogo .logoFlash img{position:absolute;top:0;left:0}#firstV #mvCol #mvLogo #cvLogo{position:relative;z-index:10}#firstV #mvCol #mvLogo #logoLight01{top:-60px;left:-20px}#firstV #mvCol #mvLogo #logoLight02{top:94px;left:90px}#firstV #mvCol #mvLogo #logoLight03{top:36px;left:155px}#firstV #mvCol #mvLogo #logoLight03 img{opacity:0}#firstV #mvCol #mvLogo #logoLight04{top:54px;left:370px}#firstV #mvCol #mvLogo #logoLight04 img{opacity:0}#firstV #mvCol #mvLogo #logoLight05{top:-52px;left:428px}#firstV #mvCol #mvLogo #logoLight05 img{opacity:0}#mainCol{margin-top:20px;background:rgba(0,0,0,0.4)}#bnr ul li,#news ul li{position:relative;float:left;box-sizing:border-box}#bnr ul li:before,#bnr ul li#other:after,#news ul li:before,#news ul li#other:after{position:absolute;top:-1px;left:-1px;width:10px;height:10px;background:url(../images/common/bg_corner_lt.png) no-repeat;content:""}#bnr ul li:after,#news ul li:after{position:absolute;bottom:-1px;right:-1px;width:10px;height:10px;background:url(../images/common/bg_corner_rb.png) no-repeat;content:""}#bnr ul li a,#news ul li a{position:relative;display:block;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#bnr ul li a img,#news ul li a img{width:100%}#bnr ul li a:hover,#news ul li a:hover{-webkit-filter:brightness(1.2);filter:brightness(1.2)}#bnr ul li .new,#news ul li .new{position:absolute;color:#FF0;font-size:16px;font-weight:bold;text-shadow:1px 1px 3px #000;pointer-events:none}#bnr{cursor:pointer;position:absolute;top:38px;right:0;height:512px;background:rgba(0,0,0,0.5);z-index:50;width:430px;cursor:pointer}#bnr div.btnBnrLink{position:absolute;width:466px;height:512px;top:0;left:-36px}#bnr ul{padding:5px 20px;overflow:auto;position:relative;z-index:999}#bnr ul li{float:left;width:175px;margin:5px;padding:5px;background:rgba(255,255,255,0.15);border:1px solid rgba(255,255,255,0.3);position:relative;z-index:100}#bnr ul li a{display:block;position:relative;z-index:120}#bnr ul li:last-child{margin-bottom:20px}#bnr ul li.big{width:360px}#bnr ul li .new{display:block;text-indent:-9999px;background:url(../images/common/ico_new_common.gif) top center no-repeat;top:5px;left:5px;width:50px;height:19px}#top #gnaviCol{position:absolute;top:inherit;bottom:0;width:100%;text-align:center;background:none;overflow:hidden;height:auto}#top #gnaviCol h1{float:none;position:relative;top:inherit;left:inherit;margin:0;z-index:5}#top #gnaviCol .catch{margin:20px 0}h2{padding:0;background:none}nav#gnavi{position:relative;background:rgba(0,0,0,0.8)}nav#gnavi ul{position:relative;z-index:5;text-align:center;padding-top:20px}nav#gnavi ul li{width:150px;background:url(../images/top/bg_gnavi_top.png) top center no-repeat}nav#gnavi ul li.icoNewGN:after{left:46px}nav#gnavi ul li.gnOut{background:url(../images/top/bg_gnavi_top_out.png) top center no-repeat}#top nav ul li.btnTop a{background-position:bottom}#news{width:1000px;margin:-20px auto 0;padding:40px 0 0}#news ul{width:1020px;margin-right:-20px;zoom:1}#news ul:before,#news ul:after{content:".";display:block;height:0;visibility:hidden}#news ul:after{clear:both}#news ul li{position:relative;width:235px;height:228px;margin:0 20px 20px 0;box-sizing:border-box}#news ul li.big{width:490px}#news ul li .new{display:block;text-indent:-9999px;background:url(../images/common/ico_new_common.gif) top center no-repeat;top:22px;left:0;width:50px;height:19px}#news ul li .date,#news ul li .ctgy{display:block;font-size:13px}#news ul li .date{float:left;padding:5px;color:#FFF}#news ul li .ctgy{float:right;padding:5px 0;color:#FF0}#news ul li figure{position:absolute;bottom:0;overflow:hidden}#news ul li figure figcaption{position:absolute;bottom:0;width:100%;height:100%;padding:5px 5px 5px 13px;background:rgba(0,0,0,0.8);color:#FFF;line-height:1.3em;box-sizing:border-box;overflow:hidden;-webkit-transition:-webkit-transform 0.35s;transition:transform 0.35s;-webkit-transform:translate(0, 173px);transform:translate(0, 173px)}#news ul li figure figcaption p:after{position:absolute;top:6px;left:5px;width:6px;height:10px;background:url(../images/common/ico_arrow.png) no-repeat;content:""}#news ul li figure img{-webkit-transition:opacity 0.5s, -webkit-transform 0.5s;transition:opacity 0.5s, transform 0.5s}#news ul li a{height:100%}#news ul li a:after{position:absolute;top:23px;left:0;width:15px;height:15px;background:url(../images/common/bg_corner_img.png) no-repeat;content:""}#news ul li a:hover figure img{-webkit-transform:scale3d(1.2, 1.2, 1);transform:scale3d(1.2, 1.2, 1)}#news ul li a:hover figure figcaption{height:100%;-webkit-transform:translate(0, 0);transform:translate(0, 0)}#news ul li a:hover figure figcaption p{position:relative;top:50%;-webkit-transform:translate(0, -50%);transform:translate(0, -50%)}#news ul li a:hover figure figcaption p:after{top:1px;left:-8px}#news ul li.newTopics figure figcaption{color:#000;background:rgba(250,239,190,0.8);font-weight:bold}#news ul li.newTopics figure figcaption p:after{background:url(../images/common/ico_arrow_black.png) no-repeat;content:""}.holder{margin:20px 0 40px;padding:8px 0;text-align:center;background:rgba(0,0,0,0.6);border-bottom:1px solid rgba(255,255,255,0.1);border-top:1px solid rgba(255,255,255,0.1);color:#fff}.holder a{display:inline-block;width:30px;height:30px;margin:0 5px;padding-top:7px;font-size:16px;font-weight:bold;text-shadow:0px 0px 4px #FFF;text-decoration:none;color:#FFF;border:1px solid rgba(255,255,255,0.5);box-sizing:border-box;cursor:pointer}.holder a:hover,.holder a.jp-current{background:rgba(255,255,255,0.5);color:#000}.holder a.jp-previous,.holder a.jp-next{margin:0 20px}#other{width:1000px;margin:0 auto;zoom:1}#other:before,#news ul#other:after,#other:after{content:".";display:block;height:0;visibility:hidden}#other:after{clear:both}#other div#spec,#other div#twTl{position:relative;background:-prefix-linear-gradient(top, #000, rgba(10,0,20,0.5));background:linear-gradient(to bottom, #000, rgba(10,0,20,0.5));border:1px solid rgba(255,255,255,0.2);box-sizing:border-box}#other div#spec:after,#other div#twTl:after{position:absolute;top:0;left:0;width:350px;height:350px;background:url(../images/common/bg_plate_lt.png) no-repeat;content:"";z-index:3}#other #spec{float:left;width:620px;padding:10px 20px;color:#FFF;font-size:14px;line-height:1.5em}#other #spec .btnManual{position:absolute;top:7px;right:18px;width:232px;height:40px}#other #spec #titSpec{margin-bottom:10px}#other #spec dl{float:left;width:500px;position:relative;z-index:10;padding-bottom:15px}#other #spec dl dt{float:left;width:130px;padding-left:10px;color:#FF0;background:url(../images/common/ico_arrow.png) no-repeat 0px 5px;clear:both}#other #spec dl dd{margin:5px 0;padding-bottom:1px;border-bottom:1px dashed rgba(255,255,255,0.5);padding-left:140px}#other #spec dl dd .ddSubtit{display:inline-block;color:#FF0;text-indent:-0.5em}#other #spec dl dd.price .note{display:block;font-size:11px;margin-bottom:5px}#other #spec #specDetail ul{text-align:center;padding-bottom:10px}#other #spec #specDetail ul li{display:inline-block;padding:5px 10px}#other #spec #specDetail ul li a{display:inline-block;padding:5px}#other #spec #specDetail ul li p{font-weight:bold;padding-top:5px}#other #spec #specDetail div.btnManual{width:348px;height:60px;margin:20px auto;text-align:center;position:absolute;bottom:34px;right:28px}#other #spec #specDetail div#bnrEnq{width:350px;margin:10px auto 15px}#other #spec .cero{float:right}#other #twTl{float:right;width:360px;padding:10px 20px 0}#other #twTl #titTw{padding:0 0 14px}#other #twTl div{position:absolute;pointer-events:all;width:320px;height:340px;z-index:10}
