@charset "UTF-8"; /** * DESKTOP CSS * * @version 0.01 2012-06-27 * @copyright All Rights Reserved, Copyright (C) CASIO COMPUTER CO., LTD * @link http://casio.jp/ * */ /* ---------------------------------------------------------------------- SUPER CLASS ----------------------------------------------------------------------*/ .clearfix, .tab .tabNavigation, .carousel ul, .model, .colGroup, .colHeader, .col, .col2, .col3, .col4, #container, #header, #header #globalNav, #header #primalyNav, #header #localNav, #footer #fnPage, #footer #fnSitemap, #footer #fnOther, #home #contents .newsCol .inr p, #home #contents .productsCol, #home #contents .banner02 ul, #home #contents .banner02 ul li.i01, #home #contents .infoCol, #home #contents .gworldCol, #home #contents .linkCol, #home #contents .linkCol ul, #home #contents .linkCol li a, #home #main #mainSkyCockpit .crbtns, #home #main #mainSkyCockpit .crbtns .crbtn02 p, #home #main #mainBLEv2 .crbtns, #home #main #mainBLEv2 .crbtns .crbtn02 p, #home #main #mainGW-9400 div.inr div .crbtns, #home .mv_txt ul.btns, #products .pager, #products #search, #products #search .col-in, #products.index .search ul, #products.index .col, #products.index .col2, #products.index .col3, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3, #products.frogman.concept #contents .colGroup .colContents .col ul.col3, #products.mudman.concept #contents .colGroup .colContents .col ul.col3, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3, #products.master_of_g .col3, #products.master_of_g .col2, #products.finder, #products.a-search #contents .pageTitle, #products.a-search #search .other ul, #products.newproducts #contents .pageTitle, #products.detail #contents #productData, #products.detail #contents #otherList ul, #identity.index #contents .history dl, #identity.index #contents .technology .technologyTitle, #identity.history #contents .pageTitle, #identity.technology #contents article .col-in, #identity.technology #contents article .image-list, #shop .btn_back, #shop #contents article .news_wrap .news dl, #shop #contents article .hdr, #shop #contents article .col .col-in .col2 .col2-in, #info #contents dl, #mobile.index .mobile dl, #mobile.detail #contents, #mobile.detail #contents #content .col .col-in, #mobile.detail #contents #content .tab #content1 ul, #mobile.detail #contents #content .tab #content2 .section, #mobile.detail #contents #content .tab #content3 ul, #mobile.widget #contents, #mobile.widget #contents #content .col .col-in, #mobile.widget #contents #content .tab #content1 .section, #mobile.widget #contents #content .tab #content2 .section, #mobile.widget #contents #content .tab #content3 .section, .watch_history .h_list, .watch_history .page_count { *zoom: 1; } .clearfix:before, .tab .tabNavigation:before, .carousel ul:before, .model:before, .colGroup:before, .colHeader:before, .col:before, .col2:before, .col3:before, .col4:before, #container:before, #header:before, #header #globalNav:before, #header #primalyNav:before, #header #localNav:before, #footer #fnPage:before, #footer #fnSitemap:before, #footer #fnOther:before, #home #contents .newsCol .inr p:before, #home #contents .productsCol:before, #home #contents .banner02 ul:before, #home #contents .banner02 ul li.i01:before, #home #contents .infoCol:before, #home #contents .gworldCol:before, #home #contents .linkCol:before, #home #contents .linkCol ul:before, #home #contents .linkCol li a:before, #home #main #mainSkyCockpit .crbtns:before, #home #main #mainSkyCockpit .crbtns .crbtn02 p:before, #home #main #mainBLEv2 .crbtns:before, #home #main #mainBLEv2 .crbtns .crbtn02 p:before, #home #main #mainGW-9400 div.inr div .crbtns:before, #home .mv_txt ul.btns:before, #products .pager:before, #products #search:before, #products #search .col-in:before, #products.index .search ul:before, #products.index .col:before, #products.index .col2:before, #products.index .col3:before, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:before, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3:before, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3:before, #products.frogman.concept #contents .colGroup .colContents .col ul.col3:before, #products.mudman.concept #contents .colGroup .colContents .col ul.col3:before, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3:before, #products.master_of_g .col3:before, #products.master_of_g .col2:before, #products.finder:before, #products.a-search #contents .pageTitle:before, #products.a-search #search .other ul:before, #products.newproducts #contents .pageTitle:before, #products.detail #contents #productData:before, #products.detail #contents #otherList ul:before, #identity.index #contents .history dl:before, #identity.index #contents .technology .technologyTitle:before, #identity.history #contents .pageTitle:before, #identity.technology #contents article .col-in:before, #identity.technology #contents article .image-list:before, #shop .btn_back:before, #shop #contents article .news_wrap .news dl:before, #shop #contents article .hdr:before, #shop #contents article .col .col-in .col2 .col2-in:before, #info #contents dl:before, #mobile.index .mobile dl:before, #mobile.detail #contents:before, #mobile.detail #contents #content .col .col-in:before, #mobile.detail #contents #content .tab #content1 ul:before, #mobile.detail #contents #content .tab #content2 .section:before, #mobile.detail #contents #content .tab #content3 ul:before, #mobile.widget #contents:before, #mobile.widget #contents #content .col .col-in:before, #mobile.widget #contents #content .tab #content1 .section:before, #mobile.widget #contents #content .tab #content2 .section:before, #mobile.widget #contents #content .tab #content3 .section:before, .watch_history .h_list:before, .watch_history .page_count:before, .clearfix:after, .tab .tabNavigation:after, .carousel ul:after, .model:after, .colGroup:after, .colHeader:after, .col:after, .col2:after, .col3:after, .col4:after, #container:after, #header:after, #header #globalNav:after, #header #primalyNav:after, #header #localNav:after, #footer #fnPage:after, #footer #fnSitemap:after, #footer #fnOther:after, #home #contents .newsCol .inr p:after, #home #contents .productsCol:after, #home #contents .banner02 ul:after, #home #contents .banner02 ul li.i01:after, #home #contents .infoCol:after, #home #contents .gworldCol:after, #home #contents .linkCol:after, #home #contents .linkCol ul:after, #home #contents .linkCol li a:after, #home #main #mainSkyCockpit .crbtns:after, #home #main #mainSkyCockpit .crbtns .crbtn02 p:after, #home #main #mainBLEv2 .crbtns:after, #home #main #mainBLEv2 .crbtns .crbtn02 p:after, #home #main #mainGW-9400 div.inr div .crbtns:after, #home .mv_txt ul.btns:after, #products .pager:after, #products #search:after, #products #search .col-in:after, #products.index .search ul:after, #products.index .col:after, #products.index .col2:after, #products.index .col3:after, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:after, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3:after, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3:after, #products.frogman.concept #contents .colGroup .colContents .col ul.col3:after, #products.mudman.concept #contents .colGroup .colContents .col ul.col3:after, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3:after, #products.master_of_g .col3:after, #products.master_of_g .col2:after, #products.finder:after, #products.a-search #contents .pageTitle:after, #products.a-search #search .other ul:after, #products.newproducts #contents .pageTitle:after, #products.detail #contents #productData:after, #products.detail #contents #otherList ul:after, #identity.index #contents .history dl:after, #identity.index #contents .technology .technologyTitle:after, #identity.history #contents .pageTitle:after, #identity.technology #contents article .col-in:after, #identity.technology #contents article .image-list:after, #shop .btn_back:after, #shop #contents article .news_wrap .news dl:after, #shop #contents article .hdr:after, #shop #contents article .col .col-in .col2 .col2-in:after, #info #contents dl:after, #mobile.index .mobile dl:after, #mobile.detail #contents:after, #mobile.detail #contents #content .col .col-in:after, #mobile.detail #contents #content .tab #content1 ul:after, #mobile.detail #contents #content .tab #content2 .section:after, #mobile.detail #contents #content .tab #content3 ul:after, #mobile.widget #contents:after, #mobile.widget #contents #content .col .col-in:after, #mobile.widget #contents #content .tab #content1 .section:after, #mobile.widget #contents #content .tab #content2 .section:after, #mobile.widget #contents #content .tab #content3 .section:after, .watch_history .h_list:after, .watch_history .page_count:after { content: ""; display: block; overflow: hidden; } .clearfix:after, .tab .tabNavigation:after, .carousel ul:after, .model:after, .colGroup:after, .colHeader:after, .col:after, .col2:after, .col3:after, .col4:after, #container:after, #header:after, #header #globalNav:after, #header #primalyNav:after, #header #localNav:after, #footer #fnPage:after, #footer #fnSitemap:after, #footer #fnOther:after, #home #contents .newsCol .inr p:after, #home #contents .productsCol:after, #home #contents .banner02 ul:after, #home #contents .banner02 ul li.i01:after, #home #contents .infoCol:after, #home #contents .gworldCol:after, #home #contents .linkCol:after, #home #contents .linkCol ul:after, #home #contents .linkCol li a:after, #home #main #mainSkyCockpit .crbtns:after, #home #main #mainSkyCockpit .crbtns .crbtn02 p:after, #home #main #mainBLEv2 .crbtns:after, #home #main #mainBLEv2 .crbtns .crbtn02 p:after, #home #main #mainGW-9400 div.inr div .crbtns:after, #home .mv_txt ul.btns:after, #products .pager:after, #products #search:after, #products #search .col-in:after, #products.index .search ul:after, #products.index .col:after, #products.index .col2:after, #products.index .col3:after, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:after, #products.mt-g.concept #contents .colGroup .colContents .col ul.col3:after, #products.rangeman.concept #contents .colGroup .colContents .col ul.col3:after, #products.frogman.concept #contents .colGroup .colContents .col ul.col3:after, #products.mudman.concept #contents .colGroup .colContents .col ul.col3:after, #products.gulfman.concept #contents .colGroup .colContents .col ul.col3:after, #products.master_of_g .col3:after, #products.master_of_g .col2:after, #products.finder:after, #products.a-search #contents .pageTitle:after, #products.a-search #search .other ul:after, #products.newproducts #contents .pageTitle:after, #products.detail #contents #productData:after, #products.detail #contents #otherList ul:after, #identity.index #contents .history dl:after, #identity.index #contents .technology .technologyTitle:after, #identity.history #contents .pageTitle:after, #identity.technology #contents article .col-in:after, #identity.technology #contents article .image-list:after, #shop .btn_back:after, #shop #contents article .news_wrap .news dl:after, #shop #contents article .hdr:after, #shop #contents article .col .col-in .col2 .col2-in:after, #info #contents dl:after, #mobile.index .mobile dl:after, #mobile.detail #contents:after, #mobile.detail #contents #content .col .col-in:after, #mobile.detail #contents #content .tab #content1 ul:after, #mobile.detail #contents #content .tab #content2 .section:after, #mobile.detail #contents #content .tab #content3 ul:after, #mobile.widget #contents:after, #mobile.widget #contents #content .col .col-in:after, #mobile.widget #contents #content .tab #content1 .section:after, #mobile.widget #contents #content .tab #content2 .section:after, #mobile.widget #contents #content .tab #content3 .section:after, .watch_history .h_list:after, .watch_history .page_count:after { clear: both; } .en-font, .pageTitle h1, .fav, #home #contents h2, #home #contents .newsCol .inr p .newsTag, #home #contents .newProducts .counter, #home #contents .newProducts .date, #home #contents .newProducts h3, #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i04 a h3, #home #main h1, #home #main h2, #home #main h3, #home #main p, #products.index .search a .lrg, #products.index h2.tl .lrg, #products.index .indexCol_movie .col-in a .txt .caption, #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.concept .colGroup .en, #products.color.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle h1, #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #identity.index #contents .history dl dt, #identity.index #contents .history h2, #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .more h1, #identity.history #contents .pageTitle a, #identity.history #contents .pageTitle h2#year, #identity.history #contents .carousel li h2, #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData h4, #mobile.index .app h1, #mobile.index .gmix h1, #mobile.index .mobile h1 { font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } .jp-font { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif !important; } .opensans-bold, #products.index .indexCol_movie .col-in a .txt h1 { font-family: "opensans-bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } .btn-linear-gradient, #header #primalyNav li a, #products.index .search a, #products.concept .colGroup .colHeader .btn, #products.finder .pageTitle .searchNav a span { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); background-color: #262626; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c4c4c), color-stop(1, #262626)); background-image: -webkit-linear-gradient(top, #4c4c4c, #262626); background-image: -moz-linear-gradient(top, #4c4c4c, #262626); background-image: -o-linear-gradient(top, #4c4c4c, #262626); background-image: -ms-linear-gradient(top, #4c4c4c, #262626); background-image: linear-gradient(top, #4c4c4c, #262626); -pie-background: linear-gradient(#4c4c4c, #262626); behavior: url("/common/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/common/css/PIE.htc"); display: block; border: 1px solid #000; } .btn-linear-gradient div, #header #primalyNav li a div, #products.index .search a div, #products.concept .colGroup .colHeader .btn div, #products.finder .pageTitle .searchNav a span div { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); border-top: 1px solid #676767; } .bd_shadow01 { margin-bottom: 1px; border-bottom: 2px solid #000; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2); behavior: url("/common/css/PIE.htc"); } /* ---------------------------------------------------------------------- HIGH-RESOLUTION SCREEN ----------------------------------------------------------------------*/ .svg #header h1 a { display: block; width: 172px; height: 29px; background-image: url("../img/logo_g.gif") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } .svg #header h1 a img { visibility: hidden; } .svg #header #primalyNav #pnInfo div, .svg #header #primalyNav #pnFav div, .svg #header #primalyNav #pnFinder div { background-image: url("../img/bg_vector.svg") !important; } .svg #footer #fnPage p.pagetop img { background-image: url("../img/bg_vector.svg") !important; } .svg #footer #fnSitemap h1 a { display: block; width: 130px; height: 23px; background-image: url("../img/bg_vector.svg") ; background-repeat: no-repeat ; background-position: 0 -75px ; overflow: hidden; text-indent: -9999px; } .svg #footer #fnSitemap h1 a img { visibility: hidden; } .svg #footer #fnOther a.casio { display: block; width: 58px; height: 11px; background-image: url("../img/bg_vector.svg") ; background-repeat: no-repeat ; background-position: 0 -31px ; overflow: hidden; text-indent: -9999px; } .svg #footer #fnOther a.casio img { visibility: hidden; } .svg p.tag-app, .svg p.tag-str, .svg p.tag-team, .svg p.tag-sns, .svg p.tag-products, .svg p.tag-gworld, .svg p.tag-world, .svg p.tag-jp, .svg p.tag-cmp, .svg p.tag-special, .svg p.tag-shop, .svg p.tag-str, .svg p.tag-team, .svg p.tag-sns, .svg p.tag-world, .svg p.tag-jp, .svg p.tag-cmp, .svg p.tag-shop, .svg p.tag-jpn, .svg p.tag-usa, .svg p.tag-tur, .svg p.tag-vnm, .svg p.tag-are, .svg p.tag-fra, .svg p.tag-deu, .svg p.tag-gbr, .svg p.tag-bra, .svg p.tag-twn, .svg p.tag-chn, .svg p.tag-tha, .svg p.tag-sgp, .svg p.tag-fin, .svg p.tag-kor, .svg p.tag-can, .svg p.tag-esp, .svg p.tag-mys, .svg p.tag-phl, .svg p.tag-idn, .svg p.tag-col, .svg p.tag-rus, .svg p.tag-aus, .svg p.tag-usa, .svg p.tag-tur, .svg p.tag-vnm, .svg p.tag-are, .svg p.tag-fra, .svg p.tag-deu, .svg p.tag-gbr, .svg p.tag-bra, .svg p.tag-twn, .svg p.tag-chn, .svg p.tag-tha, .svg p.tag-sgp, .svg p.tag-fin, .svg p.tag-kor, .svg p.tag-can, .svg p.tag-esp, .svg p.tag-mys, .svg p.tag-idn, .svg p.tag-special, .svg p.tag-phl, .svg p.tag-col, .svg p.tag-rus, .svg p.tag-aus { background-image: url("../img/pc/bg_tag.svg") !important; } .svg .btn img, .svg .search-btn img, .svg #share, .svg .fav img { background-image: url("../img/bg_vector.svg") !important; } .svg .btn-itune { display: block; width: 216px; height: 75px; background-image: url("../img/btn_app-store.svg") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; margin: 0 auto; } .svg .btn-itune img { visibility: hidden; } .btn-itune { display: block; width: 216px; height: 75px; background-image: url("../img/btn_app-store.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; margin: 0 auto; } .btn-itune img { visibility: hidden; } /* ---------------------------------------------------------------------- COMMON CLASS ----------------------------------------------------------------------*/ /* device-type */ .sp, .tb, .sp-tb { display: none !important; } /* page tilte */ .pageTitle { padding: 20px 0; *padding: 10px 0 40px 0; background: none; } .pageTitle h1 { font-size: 250%; display: inline-block; *display: inline; } .pageTitle p { font-size: 88%; display: inline-block; *display: inline; padding-left: 20px; margin-top: -20px; vertical-align: middle; font-weight: bold; } /* tab ui */ .tab li { list-style: none; } .tab .tabNavigation { margin: 0 0 -1px 1px; } .tab .tabNavigation li { list-style: none; float: left; margin-right: 10px; } .tab .tabNavigation li a { display: block; background: url(../img/bg_tab.jpg) repeat-x top left #1a1a1a; padding: 8px 15px; color: #999999; font-weight: bold; font-size: 81%; } .tab .tabNavigation li a.current { color: #fff; background: rgba(46, 46, 46, 0.9); } .tab .col h2 { border-left: 3px solid #FF0000 !important; margin-bottom: 10px !important; padding-left: 5px !important; } /* carousel ui */ .carousel { width: 100%; height: 500px; margin-bottom: 30px; overflow: hidden; position: relative; } .carousel ul { list-style: none; -webkit-tap-highlight-color: transparent; } .carousel ul li { width: 100%; height: 500px; float: left; background: #333; -moz-user-select: none; -webkit-user-select: none; } .carousel ul li a { display: block; width: 100%; height: 500px; } .carousel ul li div { position: relative; width: 960px; height: 500px; margin: 0 auto; } .carousel .carouselNav { position: absolute; top: 0; left: 0; width: 100%; height: 1px; text-align: center; z-index: 1000; } .carousel .carouselNav .number { position: relative; margin: 0 auto; width: 960px; height: 1px; } .carousel .carouselNav .number div { -webkit-border-radius: 10px; -moz-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; border-radius: 10px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); position: absolute; top: 460px; right: 0; background: rgba(35, 35, 35, 0.7); *background: #222; padding: 3px 10px; } .carousel .carouselNav .number li { list-style: none; } .carousel .carouselNav .number span, .carousel .carouselNav .number ol, .carousel .carouselNav .number li, .carousel .carouselNav .number a { float: left; } .carousel .carouselNav .number span { padding: 5px; font-size: 69%; font-weight: bold; } .carousel .carouselNav .number a { display: block; width: 20px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: 0 -45px ; overflow: hidden; text-indent: -9999px; overflow: hidden; } .carousel .carouselNav .number a.current { background-position: -20px -45px; } .carousel .carouselNav .prev { width: 40px; height: 460px; position: absolute; top: 0; left: 0; } .carousel .carouselNav .prev span { display: block; width: 40px; height: 70px; background-image: url("../img/pc/bg_prev.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 200px; left: 10px; } .carousel .carouselNav .next { width: 40px; height: 460px; position: absolute; top: 0; right: 20px; } .carousel .carouselNav .next span { display: block; width: 40px; height: 70px; background-image: url("../img/pc/bg_next.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 200px; left: 10px; } /* products list */ .model { width: 80%; list-style: none; margin-right: auto; margin-left: auto; margin-bottom: 40px; *padding-right: 5px; } .model li { position: relative; float: left; width: 25%; /* .productWrap{ @include rgba-bg(#2e2e2e, 0.85); margin:1px; &:hover{ @include rgba-bg($box-color, 1); } } //a{ color:#000 !important; } */ } .model li .productWrap { background: #FFF; position: relative; margin: 1px; } .model li .productWrap p a.fav { color: #FFF !important; } .model li .productWrap p a.fav:hover, .model li .productWrap p a.fav.current { color: #F00 !important; } .model li a { color: #000 !important; } .model li a .new { color: #FFF !important; } .model li li { clear: both; float: none; width: 100%; } .model li .photo { position: relative; padding: 10px 0; margin: 0 10px; overflow: hidden; text-align: center; border-bottom: 1px solid #ccc; } .model li .photo img { width: 95%; -ms-interpolation-mode: bicubic; } .model li .productData { margin: 0 10px; padding: 10px 0 10px 0; line-height: 1.2; } .model li .productData h3 { font-size: 75% !important; margin-bottom: 5px; display: inline-block; *display: inline; } .model li .productData ul { list-style: none; padding-bottom: 10px; } .model li .productData li { font-size: 75%; margin-bottom: 3px; width: auto !important; } .model li .productData .func span { font-size: 83%; border: 1px solid #CCC; padding: 3px 5px; display: inline-block; *display: inline; *zoom: 1; width: auto; } .model li .new { position: absolute; top: 2px; right: 5px; } .model li p { margin: -10px 10px 0 10px; padding-bottom: 10px; } .model li .notes { color: #f00; } .model li.blank .productWrap { background-color: #FFF; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); padding-bottom: 0px; line-height: 1; } /* column */ .articleCol { padding-top: 40px; } .col, .col2, .col3, .col4 { width: 100%; *padding-right: 5px; margin-bottom: 30px; } .col .col1, .col .col2, .col .col3, .col .col4, .col2 .col1, .col2 .col2, .col2 .col3, .col2 .col4, .col3 .col1, .col3 .col2, .col3 .col3, .col3 .col4, .col4 .col1, .col4 .col2, .col4 .col3, .col4 .col4 { margin: 0; *padding-right: 0 !important; } .col .col, .col2 .col, .col3 .col, .col4 .col { float: left; margin-bottom: 0; *padding-right: 0 !important; } .col .col-in, .col2 .col-in, .col3 .col-in, .col4 .col-in { margin: 1px; background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); } .col .col2-1, .col2 .col2-1, .col3 .col2-1, .col4 .col2-1 { width: 48%; float: left; } .col .col2-2, .col2 .col2-2, .col3 .col2-2, .col4 .col2-2 { width: 48%; float: right; margin-bottom: 20px; } .col h2, .col2 h2, .col3 h2, .col4 h2 { border-left: solid 3px #F00; padding: 3px 0 3px 5px; margin-bottom: 10px; line-height: 1.2; } .col h3, .col2 h3, .col3 h3, .col4 h3 { font-size: 88%; margin-bottom: 5px; } .col p, .col2 p, .col3 p, .col4 p { font-size: 81%; line-height: 1.4; margin-bottom: 1em; } .col p .btn, .col2 p .btn, .col3 p .btn, .col4 p .btn { font-size: 92% !important; } .col li, .col2 li, .col3 li, .col4 li { font-size: 81%; } .col li .btn, .col2 li .btn, .col3 li .btn, .col4 li .btn { font-size: 92% !important; } .col table, .col2 table, .col3 table, .col4 table { width: 100%; font-size: 75%; } .col table li, .col2 table li, .col3 table li, .col4 table li { font-size: 100% !important; } .col table a, .col2 table a, .col3 table a, .col4 table a { text-decoration: none; } .col table a:hover, .col2 table a:hover, .col3 table a:hover, .col4 table a:hover { text-decoration: underline; } .col table tr th, .col table tr td, .col2 table tr th, .col2 table tr td, .col3 table tr th, .col3 table tr td, .col4 table tr th, .col4 table tr td { border-top: 1px solid #595959; border-bottom: 1px solid #595959; padding: 10px; } .col table tr th, .col2 table tr th, .col3 table tr th, .col4 table tr th { white-space: nowrap; } .col table tr.odd th, .col table tr.odd td, .col2 table tr.odd th, .col2 table tr.odd td, .col3 table tr.odd th, .col3 table tr.odd td, .col4 table tr.odd th, .col4 table tr.odd td { background: #3d3d3d; } .col .photo, .col2 .photo, .col3 .photo, .col4 .photo { margin-bottom: 5px; text-align: center; } .col .photo img, .col2 .photo img, .col3 .photo img, .col4 .photo img { width: 100%; } .col h2 { font-size: 113%; } .col .col-in { padding: 30px; } .col2 .col { width: 50%; } .col2 .col-in { padding: 30px; } .col2 h2 { font-size: 113%; } .col3 .col { width: 33.33%; } .col3 .col-in { padding: 15px; } .col3 h2 { font-size: 100%; } .col4 .col { width: 25%; } .col4 .col-in { padding: 10px; } .col4 h2 { font-size: 88%; } /* tag */ p.tag-app, p.tag-str, p.tag-team, p.tag-sns, p.tag-products, p.tag-gworld, p.tag-world, p.tag-jp, p.tag-cmp, p.tag-special, p.tag-shop { display: block; width: 72px; height: 73px; background-image: url("../img/pc/bg_tag.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -3px; right: -3px; z-index: 10; margin: 0 !important; } p.tag-str { background-position: -75px 0; } p.tag-team { background-position: -150px 0; } p.tag-sns { background-position: -225px 0; } p.tag-products { background-position: -300px 0; } p.tag-gworld { background-position: 0 -80px; } p.tag-world { background-position: -75px -80px; } p.tag-jp { background-position: -150px -80px; } p.tag-cmp { background-position: -300px -80px; } p.tag-special { background-position: -375px 0; } p.tag-shop { background-position: -375px -80px; } p.tag-jpn, p.tag-usa, p.tag-tur, p.tag-vnm, p.tag-are, p.tag-fra, p.tag-deu, p.tag-gbr, p.tag-bra, p.tag-twn, p.tag-chn, p.tag-tha, p.tag-sgp, p.tag-fin, p.tag-kor, p.tag-can, p.tag-esp, p.tag-mys, p.tag-phl, p.tag-idn, p.tag-col, p.tag-rus, p.tag-aus { display: block; width: 50px; height: 50px; background-image: url("../img/pc/bg_tag.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -3px; right: -3px; margin: 0 !important; background-position: 0 -160px; } p.tag-usa { background-position: -55px -160px; } p.tag-tur { background-position: -110px -160px; } p.tag-vnm { background-position: -165px -160px; } p.tag-are { background-position: -220px -160px; } p.tag-fra { background-position: -275px -160px; } p.tag-deu { background-position: 0 -215px; } p.tag-gbr { background-position: -55px -215px; } p.tag-bra { background-position: -110px -215px; } p.tag-twn { background-position: -165px -215px; } p.tag-chn { background-position: -218px -216px; } p.tag-tha { background-position: -324px -216px; } p.tag-sgp { background-position: -273px -216px; } p.tag-fin { background-position: 0 -272px; } p.tag-kor { background-position: -55px -272px; } p.tag-can { background-position: -110px -272px; } p.tag-esp { background-position: -166px -281px; } p.tag-mys { background-position: -218px -272px; } p.tag-phl { background-position: -331px -160px; } p.tag-idn { background-position: -385px -272px; } p.tag-col { background-position: -272px -271px; } p.tag-rus { background-position: -331px -271px; } p.tag-aus { background-position: 0 -337px; } /* btn */ .btn-linear-gradient:hover, #header #primalyNav li a:hover, #products.index .search a:hover, #products.concept .colGroup .colHeader .btn:hover, #products.finder .pageTitle .searchNav a span:hover, .search-btn:hover { background-color: #535353; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6f6f6f), color-stop(1, #535353)); background-image: -webkit-linear-gradient(top, #6f6f6f, #535353); background-image: -moz-linear-gradient(top, #6f6f6f, #535353); background-image: -o-linear-gradient(top, #6f6f6f, #535353); background-image: -ms-linear-gradient(top, #6f6f6f, #535353); background-image: linear-gradient(top, #6f6f6f, #535353); -pie-background: linear-gradient(#6f6f6f, #535353); behavior: url("/common/css/PIE.htc"); } .fav { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); position: relative; display: block; padding: 5px 0 2px 0; background: #1a1a1a; color: #FFF !important; text-align: center; font-size: 100%; *zoom: 1; } .fav img { width: 20px; height: 20px; background: url("../img/bg_vector.png") no-repeat -100px -145px; display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin-top: -3px; position: relative; } .fav:hover { background: #000; color: #F00 !important; } .fav:hover img { background-position: -75px -145px !important; } .fav.current { background: #000; color: #F00 !important; } .fav.current img { background-position: -75px -145px; } span.fav { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; font-size: 94%; padding: 5px 0 4px !important; color: #333 !important; background: #ccc; } span.fav:hover { background: #ccc; color: #333 !important; } .btn-google { -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); background-color: #990000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0000), color-stop(1, #990000)); background-image: -webkit-linear-gradient(top, #ff0000, #990000); background-image: -moz-linear-gradient(top, #ff0000, #990000); background-image: -o-linear-gradient(top, #ff0000, #990000); background-image: -ms-linear-gradient(top, #ff0000, #990000); background-image: linear-gradient(top, #ff0000, #990000); -pie-background: linear-gradient(#ff0000, #990000); behavior: url("/common/css/PIE.htc"); padding: 15px 0 10px 0; width: 100%; font-weight: bold; display: inline-block; text-align: center; } .btn-google span { display: inline-block; line-height: 1.4; font-size: 75%; text-align: left; margin-left: 5px; -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; behavior: url("/common/css/PIE.htc"); } .btn-google span strong { font-size: 133%; } .btn-google img { margin-top: -2.5em; *margin-top: -2em; width: 40px; height: 50px; background: url(../img/bg_device.png) no-repeat 0 -50px; vertical-align: middle; } /* bg */ .bg-block #page { background: url(../img/bg_wall.gif) top center; } .bg-block #header { border-bottom: 1px solid #242424; } .bg-block02 #page { background: url(../img/bg_wall02.gif) top center; } .bg-block02 #header { border-bottom: 1px solid #242424; } .bg-room #page { background: url(../img/pc/bg_room.jpg) top center no-repeat; } .bg-tile #page { background: url(../img/bg_tile.jpg) top center; } .bg-tile #header { border-bottom: 1px solid #242424; } /* ---------------------------------------------------------------------- CONTAINER ----------------------------------------------------------------------*/ html { width: 100%; height: 100%; overflow: visible; overflow-x: hidden; overflow-y: scroll; } body { background: #000; width: 100%; height: auto; position: relative; min-height: 800px; } body { min-width: 1000px; min-height: 800px; } #container { min-width: 1000px; } /* ---------------------------------------------------------------------- HEADER ----------------------------------------------------------------------*/ #header { width: 100%; height: 75px; position: relative; background: #000; } #header h1 { width: 154px; height: 26px; float: left; margin: 23px 0 0 20px; } #header h1 a { display: block; width: 172px; height: 29px; background-image: url("../img/logo_g.gif") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } #header h1 a img { visibility: hidden; } #header #spFav, #header #spMenu { display: none; } #header #globalNav { position: absolute; top: 17px; right: 160px; } #header #globalNav p, #header #globalNav img { display: none; } #header #globalNav li { float: left; text-align: center; } #header #globalNav li a { position: relative; display: inline-block; margin: 0 12px; } #header #globalNav li a:hover { text-decoration: none; color: #F00; } #header #globalNav li h2 { padding: 10px 0; font-size: 113%; position: relative; } #header #globalNav li div.hover { font-family: fa() !important; font-weight: bold; font-size: 84%; padding-top: 2px; margin-top: -7px; *font-size: 75%; *margin-top: -7px; } #header #primalyNav { position: absolute; top: 20px; right: 20px; } #header #primalyNav li { width: 32px; height: 30px; float: left; margin-left: 10px; } #header #primalyNav li a { width: 32px; height: 30px; display: block; } #header #primalyNav li a div { width: 32px; height: 30px; } #header #primalyNav #pnInfo div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: 0 -105px ; overflow: hidden; text-indent: -9999px; } #header #primalyNav #pnFav div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -40px -105px ; overflow: hidden; text-indent: -9999px; } #header #primalyNav #pnFinder div { display: block; width: 32px; height: 30px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -80px -105px ; overflow: hidden; text-indent: -9999px; } #header #otherNav { display: none; } #header #localNav { background-color: #FFF; background-color: rgba(255, 255, 255, 0.1); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AFFFFFF',EndColorStr='#1AFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AFFFFFF',EndColorStr='#1AFFFFFF}'); position: absolute; top: 75px; left: 0; width: 100%; font-size: 75%; text-align: right; } #header #localNav a { display: block; padding: 10px; font-weight: bold; float: left; } #header #localNav a:hover { text-decoration: underline; color: #F00; } #header #localNav ul { float: right; margin-right: 10px; } #header #localNav li { float: left; } #products #gnProducts a, #identity #gnIdentity a, #gworls #gnGworld a, #support #gnSupport a, #shop #gnShop a { color: #F00; } /* ---------------------------------------------------------------------- FOOTER ----------------------------------------------------------------------*/ #footer { background: #333; } #footer a:hover { text-decoration: underline; } #footer #footerContainer { width: 960px; margin: 0 auto; } #footer #fnPage { padding: 15px 0; font-size: 75%; font-weight: bold; border-bottom: 1px solid #282828; } #footer #fnPage ul { float: left; } #footer #fnPage li { float: left; color: #CCC; padding-right: .25em; padding-top: 3px; } #footer #fnPage li a { color: #FFF; } #footer #fnPage p.pagetop { float: right; } #footer #fnPage p.pagetop span { width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -110px -30px; display: inline-block; vertical-align: text-bottom; *zoom: 1; } #footer #fnPage p.pagetop img { width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -110px -30px; display: inline-block; vertical-align: text-bottom; *zoom: 1; } #footer #fnPage p.back, #footer #fnPage p.home { display: none; } #footer #fnSitemap { border-bottom: 1px solid #282828; border-top: 1px solid #484848; } #footer #fnSitemap .sitemapCol { width: 20%; float: left; line-height: 1.2; } #footer #fnSitemap .sitemapCol .col-in { padding: 10px 10px 0 0; } #footer #fnSitemap h1 { margin-top: 10px; } #footer #fnSitemap h1 img { width: 130px; display: block; margin-bottom: 5px; } #footer #fnSitemap h2.home { font-size: 81%; } #footer #fnSitemap h2 { font-family: "Helvetica", "Arial", "Verdana", sans-serif !important; font-weight: bold !important; font-size: 100%; margin: 10px 0 10px 0; } #footer #fnSitemap ul { margin-top: -5px; padding-bottom: 10px; } #footer #fnSitemap ul li { margin-bottom: 5px; } #footer #fnSitemap ul li.baby_g { padding: 6px 0 0 1px; } #footer #fnSitemap ul li a { color: #CCC; font-size: 75%; } #footer #fnSitemap .other { padding-top: .8em; } #footer #fnOther { background-color: #333; border-top: 1px solid #484848; font-size: 75%; padding: 15px 0; } #footer #fnOther ul { float: left; } #footer #fnOther li { float: left; color: #CCC; padding-right: 1em; } #footer #fnOther li a { color: #FFF; } #footer #fnOther small, #footer #fnOther .casio { display: block !important; margin-left: 10px; float: right; } /* ---------------------------------------------------------------------- CONTENTS ----------------------------------------------------------------------*/ #contents { width: 960px; margin: 0 auto; min-height: 400px; } /* ---------------------------------------------------------------------- SHARE ----------------------------------------------------------------------*/ #share { position: absolute; z-index: 2000; top: 100px; right: 0; width: 120px; height: 75px; overflow: hidden; background: #F00 url("../img/bg_vector.png") no-repeat -170px 0; } #share ul { list-style: none; position: relative; width: 100px; text-align: left; } #share li { height: 25px; marginTop: 2px; display: block; overflow: hidden; margin-left: 30px; background: #F00; } #share li span { display: block; padding-top: 2px; } #share li a { display: table-cell; } #share.ie { height: 50px; } #share.ie ul li.twitter span { margin-top: -4px; } #share .facebook span { display: block; height: 22px; width: 71px; } #share.fix { position: fixed; top: 20px; } .local-nav #share { margin-top: 30px; } .local-nav #share.fix { margin-top: 0; } /* ---------------------------------------------------------------------- HOME ----------------------------------------------------------------------*/ #home.svg { /* #contents .featuredProducts .feature a .title{ visibility:hidden; background-image:url(../../img/bg_feauture_title.svg) !important; }*/ } #home.svg #main #mainSkyCockpit h1 { background-image: url(../../img/h1_skycokpit-pc.svg) !important; } #home.svg #main #mainBLE h1 { background-image: url(../../img/h1_ble-pc.svg) !important; } #home.svg #main #mainG-World h1 { background-image: url(../../img/h1_gw-pc.svg) !important; } #home.svg img.arwR { background-image: url("/common/img/icon.svg") !important; } #home.svg img.ico-i, #home.svg img.arwR2, #home.svg img.arwR3, #home.svg img.arwR4, #home.svg img.arwL4, #home.svg img.ico-search { background-image: url("/common/img/bg_vector.svg") !important; } #home img.arwR { background-image: url("/common/img/icon.png"); background-position: -13px 0; background-repeat: no-repeat; height: 12px; margin-top: 2px; width: 8px; position: relative; left: 4px; } #home img.ico-i { background-image: url("/common/img/bg_vector.png"); background-position: -12px -110px; background-repeat: no-repeat; width: 9px; height: 22px; } #home img.arwR2 { background-image: url("/common/img/bg_vector.png"); background-position: -211px -111px; background-repeat: no-repeat; height: 19px; width: 11px; position: relative; left: 4px; } #home img.arwR3 { background-image: url("/common/img/bg_vector.png"); background-position: -104px -197px; background-repeat: no-repeat; height: 12px; width: 8px; position: relative; left: 4px; } #home img.arwR4 { background-image: url("/common/img/bg_vector.png"); background-position: -238px -152px; background-repeat: no-repeat; height: 18px; width: 11px; } #home img.arwL4 { background-image: url("/common/img/bg_vector.png"); background-position: -238px -112px; background-repeat: no-repeat; height: 18px; width: 11px; } #home img.ico-search { background-image: url("/common/img/bg_vector.png"); background-position: -166px -151px; background-repeat: no-repeat; height: 19px; width: 21px; } #home .more { position: absolute; right: 16px; top: 10px; } #home #contents { *overflow: hidden; } #home #contents h2 { font-size: 150%; margin-bottom: 10px; } #home #contents ul { list-style: none; } #home #contents .linkAttention { width: 100%; float: none; } #home #contents .linkAttention a { font-size: 81%; display: block; width: 100%; background-color: #333; margin: 0 0 10px 0; padding: 10px 0px; text-align: center; } #home #contents .newsCol { position: relative; width: 100%; float: none; margin: 0 0 40px 0; } #home #contents .newsCol img.ico-i { position: absolute; top: 8px; left: 14px; } #home #contents .newsCol .inr { background: #000; border: solid 2px #333; border-left: solid 38px #333; padding: 8px 10px; } #home #contents .newsCol .inr p { font-size: 75%; margin-right: 70px; } #home #contents .newsCol .inr p .newsTag { padding: 4px 6px; background: #f40010; float: left; } #home #contents .newsCol .inr p .txt { display: block; position: relative; top: 3px; margin-left: 6em; } #home #contents .newsCol .more { font-size: 94%; font-weight: bold; } #home #contents .productsCol { line-height: 1.5; width: 960; height: auto; overflow: hidden; margin-bottom: 20px; } #home #contents .featuredProducts { float: left; width: 470px; height: 380px; background: #333; overflow: hidden; } #home #contents .featuredProducts .inr { padding: 10px; } #home #contents .featuredProducts .inr h2 { margin: 0 0 5px 0; height: 35px; overflow: hidden; } #home #contents .featuredProducts .inr h2 .sml { padding-left: 3px; font-size: 56%; position: relative; top: -4px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; } #home #contents .featuredProducts .inr ul li { margin-bottom: 10px; } #home #contents .featuredProducts .inr ul li a { display: block; } #home #contents .featuredProducts .inr ul li a img { display: block; } #home #contents .featuredProducts .inr ul li.i01 { background: url("../../img/bnr/bg_feauture01.jpg") no-repeat; margin-bottom: 0; } #home #contents .featuredProducts .inr ul li.i02 { background: url("../../img/bnr/bg_feauture02.jpg") no-repeat; margin-bottom: 0; } #home #contents .featuredProducts .inr ul li.i03 { background: url("../../img/bnr/bg_feauture03.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.i04 { background: url("../../img/bnr/bg_feauture04.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.i05 { background: url("../../img/bnr/bg_feauture05.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.i06 { background: url("../../img/bnr/bg_feauture06.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.i07 { background: url("../../img/bnr/bg_feauture07.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrSupra { background: url("../../img/bnr/bg_bnrSupra.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrMudmaster { background: url("../../img/bnr/bg_bnrMudmaster.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrMTG-G1000 { background: url("../../img/bnr/bg_bnrMTG-G1000.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrWhite_Black { background: url("../../img/bnr/bg_bnrWhite_Black.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrBurton { background: url("../../img/bnr/bg_bnrBurton.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrDenimd { background: url("../../img/bnr/bg_bnrDenimd.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrRescueRed { background: url("../../img/bnr/bg_bnrRescueRed.jpg") no-repeat; } #home #contents .featuredProducts .inr ul li.bnrTricolor2 { background: url("../../img/bnr/bg_bnrTricolor2.jpg") no-repeat; } #home #contents .newProducts { float: left; width: 225px; height: 380px; margin-left: 20px; position: relative; background: #FFF; } #home #contents .newProducts .tl { margin: 10px 15px 20px 0; } #home #contents .newProducts .tl a { display: block; padding: 3px 10px 1px; background: #333; } #home #contents .newProducts .tl a h2 { float: left; margin-bottom: 0; font-size: 125%; } #home #contents .newProducts .tl a .more { display: block; padding: 5px 10px 0 0; float: right; font-size: 94%; font-weight: bold; } #home #contents .newProducts .tl a p { position: relative; top: -5px; font-weight: bold; clear: both; font-size: 81%; } #home #contents .newProducts .loader { width: 225px; height: 380px; position: absolute; top: 0; left: 0; background: #FFF; z-index: 110; } #home #contents .newProducts .loader div { background: url(../../img/bg_loader.png) no-repeat; width: 30px; height: 30px; position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; } #home #contents .newProducts .watBtn_prev { position: absolute; z-index: 101; width: 11px; height: 18px; left: 9px; top: 198px; } #home #contents .newProducts .watBtn_next { position: absolute; z-index: 101; width: 11px; height: 18px; right: 9px; top: 198px; } #home #contents .newProducts .counter { position: absolute; z-index: 101; bottom: 0; right: 12px; color: #000; font-size: 113%; } #home #contents .newProducts .counter .lrg { font-size: 138%; } #home #contents .newProducts .photo { width: 225px; height: 270px; background: #FFF; overflow: hidden; position: relative; z-index: 100; } #home #contents .newProducts .photo ul { position: absolute; top: 0; left: 0; } #home #contents .newProducts .photo li { float: left; text-align: center; height: 100%; position: relative; } #home #contents .newProducts .photo li.error { color: #000; line-height: 1.5; padding-top: 80px; font-size: 75%; width: 225px; } #home #contents .newProducts .photo img { width: 80%; margin-top: 5%; } #home #contents .newProducts .photo .btn_detail { position: relative; left: 7px; margin: 0 auto; width: 112px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); background: #666; } #home #contents .newProducts .photo .btn_detail a { display: block; padding: 5px 0 5px 0; text-align: center; font-size: 75%; font-weight: bold; } #home #contents .newProducts .photo .btn_detail a img.arwR { position: relative; background-position: -13px 0; background-repeat: no-repeat; height: 12px; margin-top: 2px; top: 2px; width: 8px; position: relative; left: 4px; } #home #contents .newProducts .date { position: absolute; top: 5px; left: 0; background: #000; padding: 10px; line-height: 1; z-index: 200; } #home #contents .newProducts .date span { font-size: 125%; display: block; margin-bottom: 5px; } #home #contents .newProducts h3 { font-size: 150%; margin-top: 10px; } #home #contents .newProducts p { font-size: 75%; } #home #contents .banner { width: 225px; height: auto; float: right; } #home #contents .banner .tl { padding: 5px 10px 1px; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #home #contents .banner .tl h2 { font-size: 125%; padding: 0; margin-bottom: 0; } #home #contents .banner .tl p { position: relative; top: -5px; font-size: 75%; } #home #contents .banner ul li { background: #333; padding: 10px; margin-bottom: 10px; } #home #contents .banner ul li a { display: block; width: 100%; height: 165px; background: #333; } #home #contents .banner ul li.products a { background: url(../../img/bg_products.jpg) top center; } #home #contents .banner ul li.finder { margin-bottom: 0; } #home #contents .banner ul li.finder a { background: url(../../img/bg_finder.jpg) top center; } #home #contents .banner02 { width: 960px; height: auto; margin-bottom: 45px; } #home #contents .banner02 ul li { position: relative; width: 470px; height: 99px; float: left; } #home #contents .banner02 ul li p { font-size: 81%; line-height: 1.2; } #home #contents .banner02 ul li.i01 { overflow: hidden; } #home #contents .banner02 ul li.i01 .col-l { float: left; width: 225px; height: 100px; } #home #contents .banner02 ul li.i01 .col-l a { position: relative; display: block; height: 93px; overflow: hidden; border: solid 3px #333; background: url(../../img/bnr/img_bnr03.jpg) no-repeat right -28px; } #home #contents .banner02 ul li.i01 .col-l a h2 { padding: 8px; font-size: 100%; color: #000; } #home #contents .banner02 ul li.i01 .col-l a h2 .blu01 { color: #16499f; } #home #contents .banner02 ul li.i01 .col-l a h2 img { padding-top: 4px; } #home #contents .banner02 ul li.i01 .col-l a p { position: absolute; bottom: 8px; left: 8px; color: #000; font-size: 69%; font-weight: bold; } #home #contents .banner02 ul li.i01 .col-r { float: right; width: 225px; height: 100px; } #home #contents .banner02 ul li.i01 .col-r a { position: relative; display: block; height: 77px; padding: 8px 8px; border: solid 3px #333; background: url(../../img/bnr/img_bnr01.jpg?20150529) no-repeat center center; } #home #contents .banner02 ul li.i01 .col-r a h2 { color: #fff; font-size: 94%; } #home #contents .banner02 ul li.i01 .col-r a p { position: absolute; bottom: 4px; left: 8px; } #home #contents .banner02 ul li.i01 .col-r a p img { height: 34px; } #home #contents .banner02 ul li.i02 { float: right; } #home #contents .banner02 ul li.i02 a { position: relative; display: block; border: solid 3px #333; height: 82px; padding: 11px 10px 1px; } #home #contents .banner02 ul li.i02 a img.bg { position: absolute; right: 0; bottom: 0; } #home #contents .banner02 ul li.i02 a img.ico-search { position: relative; top: -1px; } #home #contents .infoCol, #home #contents .gworldCol { /* width:960px; margin:0 0 20px 0; */ width: 990px; margin: 0 -30px 20px 0; } #home #contents .infoCol h2, #home #contents .gworldCol h2 { width: 940px; /* float:left; width:695px; */ position: relative; font-size: 163%; padding: 10px; background: #333; } #home #contents .infoCol h2 .sml, #home #contents .gworldCol h2 .sml { position: relative; top: -1px; font-size: 56%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; } #home #contents .infoCol h2 a, #home #contents .gworldCol h2 a { position: absolute; right: 18px; top: 15px; color: #000; font-size: 56%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; font-weight: bold; } #home #contents .infoCol ul, #home #contents .gworldCol ul { /* float:left; */ } #home #contents .infoCol ul li, #home #contents .gworldCol ul li { background: #333; width: 225px; float: left; margin: 0 20px 20px 0; padding: 10px 0 5px; position: relative; } #home #contents .infoCol ul li .photo, #home #contents .gworldCol ul li .photo { position: relative; z-index: 2; display: block; margin: 0 10px; box-sizing: border-box; background: #000; } #home #contents .infoCol ul li .photo img, #home #contents .gworldCol ul li .photo img { position: relative; z-index: 1; display: block; width: 100%; background-repeat: no-repeat; background-color: #666; background-position: center center; background-size: cover; transition: opacity 0.2s ease-in-out 0s; } #home #contents .infoCol ul li .photo .media, #home #contents .gworldCol ul li .photo .media { position: absolute; z-index: 2; right: 0; bottom: 0; padding: 4px 6px; background: rgba(85, 85, 85, 0.9); color: #fff; font-size: 63%; } #home #contents .infoCol ul li .txt, #home #contents .gworldCol ul li .txt { padding-top: 3px; } #home #contents .infoCol ul li .txt .inr, #home #contents .gworldCol ul li .txt .inr { display: block; } #home #contents .infoCol ul li .txt .inr .counts, #home #contents .gworldCol ul li .txt .inr .counts { margin: 0 10px 4px 0; text-align: right; } #home #contents .infoCol ul li .txt .inr .counts *, #home #contents .gworldCol ul li .txt .inr .counts * { vertical-align: middle; } #home #contents .infoCol ul li .txt .inr .counts p, #home #contents .gworldCol ul li .txt .inr .counts p { display: inline-block; margin: 0; padding-left: 5px; } #home #contents .infoCol ul li .txt .inr .counts p img, #home #contents .gworldCol ul li .txt .inr .counts p img { padding-right: 3px; } #home #contents .infoCol ul li .txt .inr .counts p .count, #home #contents .gworldCol ul li .txt .inr .counts p .count { color: #000; } #home #contents .infoCol ul li h3, #home #contents .gworldCol ul li h3, #home #contents .infoCol ul li p, #home #contents .gworldCol ul li p { margin: 5px 10px; } #home #contents .infoCol ul li h3, #home #contents .gworldCol ul li h3 { font-size: 81%; line-height: 1.2; } #home #contents .infoCol ul li p, #home #contents .gworldCol ul li p { font-size: 69%; line-height: 1.4; } #home #contents .infoCol ul li p.date, #home #contents .gworldCol ul li p.date { margin-bottom: 2px; } #home #contents .infoCol ul li p.date time, #home #contents .gworldCol ul li p.date time { font-weight: bold; font-size: 113%; } #home #contents .infoCol ul li .pt05, #home #contents .gworldCol ul li .pt05 { padding-top: 7px; } #home #contents .infoCol ul li span.btn02, #home #contents .gworldCol ul li span.btn02 { position: relative; padding: 5px 7px 2px 7px; } #home #contents .infoCol ul li span.btn02 .arwR, #home #contents .gworldCol ul li span.btn02 .arwR { top: -3px; } #home #contents .infoCol ul.instagram li, #home #contents .gworldCol ul.instagram li { padding: 0; background: #000; } #home #contents .infoCol ul.instagram li a .photo, #home #contents .gworldCol ul.instagram li a .photo { margin: 0; padding: 0; } #home #contents .infoCol ul.instagram li a .photo .ico-insta, #home #contents .gworldCol ul.instagram li a .photo .ico-insta { position: absolute; z-index: 2; top: 0; right: 0; width: auto; background: none; } #home #contents .infoCol ul.instagram li a:hover .photo_img, #home #contents .gworldCol ul.instagram li a:hover .photo_img { opacity: 0.33; } #home #contents .infoCol .featuredInfo, #home #contents .gworldCol .featuredInfo { width: 960px; margin-bottom: 20px; } #home #contents .infoCol .featuredInfo a, #home #contents .gworldCol .featuredInfo a { display: block; position: relative; } #home #contents .gworldCol { margin: 0 0 20px 0; } #home #contents .gworldCol h2 { background: #fff; color: #000; } #home #contents .gworldCol ul li { background: #FFF; } #home #contents .gworldCol ul li a { color: #000 !important; } #home #contents .linkCol { padding-bottom: 40px; } #home #contents .linkCol h2 { position: relative; background: #333; margin-bottom: 15px; padding: 7px 9px; font-size: 94%; } #home #contents .linkCol li { float: left; margin: 0 20px 10px 0; width: 225px; } #home #contents .linkCol li a { display: block; height: 34px; padding: 10px 10px 10px 10px; border: 2px solid #666; } #home #contents .linkCol li a:hover { border-color: #999; } #home #contents .linkCol li a img { width: 34px; vertical-align: middle; margin-right: 10px; position: relative; top: -2px; float: left; } #home #contents .linkCol li a h3 { float: left; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: bold; font-size: 81%; margin-bottom: 0; line-height: 1.3; } #home #contents .linkCol .snsCol { float: left; width: 245px; } #home #contents .linkCol .snsCol h2 { margin-right: 20px; } #home #contents .linkCol .snsCol ul li { width: 34px; margin: 0 10px 10px 0; padding: 0; /* &.i01{ a{background:url(../../img/bg_youtube.jpg) no-repeat right center;} } &.i02{ a{background:url(../../img/bg_facebook.jpg) no-repeat right center;} }*/ } #home #contents .linkCol .snsCol ul li a { display: block; width: 34px; height: 34px; padding: 0; border: none; overflow: hidden; } #home #contents .linkCol .snsCol ul li a img { top: 0; width: 34px; } #home #contents .linkCol .snsCol ul li a h3 { font-size: 1px; text-indent: -9999px; } #home #contents .linkCol .recCol { float: left; width: 735px; margin-right: -20px; overflow: hidden; } #home #contents .linkCol .recCol h2 { margin-right: 20px; } #home #contents .linkCol .recCol ul li.i01 a { margin-right: 0; height: 44px; padding: 5px 10px 5px 82px; background: url(../../img/bg_str.jpg) no-repeat left center; } #home #contents .linkCol .recCol ul li.i01 a h3 { font-size: 94%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i01 a p { font-size: 63%; } #home #contents .linkCol .recCol ul li.i02 a { height: 45px; padding: 8px 10px 0 10px; } #home #contents .linkCol .recCol ul li.i02 a h3 { font-size: 75%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i02 a h3 img { width: auto; float: none; } #home #contents .linkCol .recCol ul li.i02 a p { font-size: 63%; } #home #contents .linkCol .recCol ul li.i03 a { height: 40px; padding: 14px 10px 0 82px; background: url(../../img/bg_gapp.jpg) no-repeat left center; } #home #contents .linkCol .recCol ul li.i03 a h3 { font-size: 69%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i03 a h3 img { width: auto; } #home #contents .linkCol .recCol ul li.i03 a p { font-size: 63%; } #home #contents .linkCol .recCol ul li.i04 a { margin-right: 0; height: 44px; padding: 5px 10px 5px 82px; background: url(../../img/bg_b-league.jpg) no-repeat left center; } #home #contents .linkCol .recCol ul li.i04 a h3 { font-size: 94%; margin-bottom: 2px; } #home #contents .linkCol .recCol ul li.i04 a p { font-size: 63%; } #home #contents .linkCol .ftInfoCol { clear: both; padding-top: 25px; } #home #contents .linkCol .ftInfoCol h2 { padding: 0; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "メイリオ", "ＭＳ Ｐゴシック", "Helvetica", arial, sans-serif; } #home #contents .linkCol .ftInfoCol h2 a { display: block; padding: 7px 9px; color: #fec708; } #home #contents .linkCol .ftInfoCol h2 a span.sml { color: #fff; padding-left: 30px; position: relative; font-size: 75%; top: -0.1em; } #home #contents .linkCol .ftInfoCol h2 a .arwR { position: absolute; right: 10px; left: auto; top: 50%; margin-top: -6px; } #home #contents .linkCol .ftInfoCol h2 a:hover { background: #444; } #home #contents .linkCol .ftInfoCol ul { padding-left: 10px; } #home #contents .linkCol .ftInfoCol ul li { width: 100%; font-size: 75%; } #home #main { /* #mainGW-9400{ background:#000 url(../../img/bg_main-gw2-9400-pc.jpg) no-repeat top center; a *{ visibility:hidden; } }*/ } #home #main h1, #home #main h2, #home #main h3, #home #main p { padding-bottom: 10px; line-height: 1.2; } #home #main ul li a h1, #home #main ul li a h2, #home #main ul li a p { visibility: hidden; } #home #main ul li a .btn { position: absolute; top: 352px; left: 0; font-size: 88%; padding: 7px 9px 5px 7px; } #home #main ul li a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -2px; } #home #main ul li a.sp { display: none !important; } #home #main ul li a.sp { display: none !important; } #home #main #mainFes { background: #000 url(../../img/bg_main-fes-pc.jpg) no-repeat top center; } #home #main #mainFes a .btn { top: 325px; left: 419px; } #home #main #mainCasioConnected { background: #c9cdd5 url(../../img/bg_main-casioConnected-pc.jpg) no-repeat top center; } #home #main #mainCasioConnected a .btn { top: 330px; left: 419px; } #home #main #mainGlide { background: #fff url(../../img/bg_main-glide-pc.jpg?20170427) no-repeat top center; } #home #main #mainGlide a .btn { top: 383px; left: 0; } #home #main #mainCleanMilitary { background: #000 url(../../img/bg_main-clean_military-pc.jpg) no-repeat top center; } #home #main #mainCleanMilitary a .btn { top: 435px; left: 420px; } #home #main #mainGPW-2000 { background: #cbcbd2 url(../../img/bg_main-gpw-2000-pc.jpg?20170516) no-repeat top center; } #home #main #mainGPW-2000 a .btn { top: 358px; left: 194px; } #home #main #mainChari_co { background: #434719 url(../../img/bg_main-chari_co-pc.jpg) no-repeat top center; } #home #main #mainChari_co a .btn { top: 357px; left: 419px; } #home #main #mainMog { background: #000 url(../../img/bg_main-mog-pc.jpg) no-repeat top center; } #home #main #mainMog a .btn { top: 447px; left: 30px; } #home #main #mainMilitaryBlack { background: #fff url(../../img/bg_main-military_black-pc.jpg) no-repeat top center; } #home #main #mainMilitaryBlack a .btn { top: 389px; left: 91px; } #home #main #mainMaharishi { background: #000 url(../../img/bg_main-maharishi-pc.jpg) no-repeat top center; } #home #main #mainMaharishi a .btn { top: 389px; left: 106px; } #home #main #mainKatte { background: #000 url(../../img/bg_main-katte-pc.jpg?20161122) no-repeat top center; } #home #main #mainKatte a .btn { top: 432px; left: 19px; } #home #main #mainMog_sea { background: #000 url(../../img/bg_main-mog_sea-pc.jpg) no-repeat top center; } #home #main #mainMog_sea a .btn { top: 335px; left: 19px; } #home #main #mainGA-700 { background: #000 url(../../img/bg_main-ga-700-pc.jpg) no-repeat top center; } #home #main #mainGA-700 a .btn { top: 418px; left: 0; } #home #main #mainGsteel { background: #e0dfe0 url(../../img/bg_main-g-steel2-pc.jpg) no-repeat top center; } #home #main #mainGsteel a .btn { top: 418px; left: 0; } #home #main #mainB_league { background: #000 url(../../img/bg_main-b_league-pc.jpg) no-repeat top center; } #home #main #mainB_league a .btn { top: 412px; left: 253px; } #home #main #mainGulfmaster { background: #000 url(../../img/bg_main-gulfmaster-pc.jpg?20160930) no-repeat top center; } #home #main #mainGulfmaster a .btn { top: 444px; left: 123px; } #home #main #mainRT { background: #000 url(../../img/bg_main-rt-pc.jpg?20160701) no-repeat top center; } #home #main #mainRT a .btn { top: 441px; left: 29px; } #home #main #mainMTG-G1000_2 { background: #d6d8d9 url(../../img/bg_main-mtg-g1000_2-pc.jpg) no-repeat top center; } #home #main #mainMTG-G1000_2 a .btn { top: 403px; left: 0; } #home #main #mainSeaEarth { background: #0c2142 url(../../img/bg_main-sea-earth-pc.jpg) no-repeat top center; } #home #main #mainSeaEarth a .btn { top: 438px; left: 77px; } #home #main #mainMarcelo { background: #000 url(../../img/bg_main-marcelo-pc.jpg) no-repeat top center; } #home #main #mainMarcelo a .btn { top: 455px; left: 0; } #home #main #mainGPW-1000VFC { background: #000 url(../../img/bg_main_gpw-1000vfc-pc.jpg) no-repeat top center; } #home #main #mainGPW-1000VFC a .btn { top: 354px; left: 0; } #home #main #mainLimeAccent { background: #000 url(../../img/bg_main_lime_accent-pc.jpg) no-repeat top center; } #home #main #mainLimeAccent a .btn { top: 334px; left: 0; } #home #main #mainTricolor2 { background: #f3f6fa url(../../img/bg_main-tricolor2-pc.jpg) no-repeat top center; } #home #main #mainTricolor2 a .btn { top: 334px; left: 0; } #home #main #mainNewFrogman { background: #000 url(../../img/bg_main-new_frogman-pc.jpg?20160610) no-repeat top center; } #home #main #mainNewFrogman a .btn { top: 432px; left: 0; } #home #main #mainRescueRed { background: #000 url(../../img/bg_main-rescue_red-pc.jpg) no-repeat top center; } #home #main #mainRescueRed a .btn { top: 421px; left: 0; } #home #main #mainMarble { background: #232824 url(../../img/bg_main-marble-pc.jpg) no-repeat top center; } #home #main #mainMarble a .btn { top: 329px; left: 0; } #home #main #mainDenimd { background: #000 url(../../img/bg_main-denimd-pc.jpg) no-repeat top center; } #home #main #mainDenimd a .btn { top: 329px; left: 0; } #home #main #mainBurton { background: #f0f1f3 url(../../img/bg_main-burton-pc.jpg) no-repeat top center; } #home #main #mainBurton a .btn { top: 330px; left: 0; } #home #main #mainDW-5600M { background: #000 url(../../img/bg_main-dw-5600m-pc.jpg) no-repeat top center; } #home #main #mainDW-5600M a .btn { top: 390px; left: 0; } #home #main #mainWhite_Black { background: #fff url(../../img/bg_main-white_black-pc.jpg) no-repeat top center; } #home #main #mainWhite_Black a .btn { top: auto; bottom: 30px; left: 10px; } #home #main #mainMTG-G1000 { background: #dcdcdc url(../../img/bg_main-mtg-g1000-pc.jpg) no-repeat top center; } #home #main #mainMTG-G1000 a .btn { top: 403px; left: 0; } #home #main #mainMud { background: #000 url(../../img/bg_main-mudmaster-pc.jpg) no-repeat top center; } #home #main #mainMud a .btn { top: 390px; left: 0; } #home #main #mainSupra { background: #fff url(../../img/bg_main-supra-pc.jpg) no-repeat top center; } #home #main #mainSupra a .btn { top: 318px; left: 35px; } #home #main #mainMIC { background: #000 url(../../img/bg_main-men_in_camouflage-pc.jpg) no-repeat top center; } #home #main #mainMIC a h1, #home #main #mainMIC a h2, #home #main #mainMIC a p { visibility: hidden; } #home #main #mainMIC a .btn { position: absolute; top: 332px; left: 4px; font-size: 88%; padding: 7px 9px 5px 7px; } #home #main #mainMIC a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -2px; } #home #main #mainMtg { background: #000 url(../../img/bg_main-mtg-pc.jpg) no-repeat top center; } #home #main #mainMtg a h1, #home #main #mainMtg a h2, #home #main #mainMtg a p { visibility: hidden; } #home #main #mainMtg a .btn { position: absolute; top: 372px; left: 0; font-size: 88%; padding: 7px 9px 5px 7px; } #home #main #mainMtg a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -2px; } #home #main #mainGpw { background: #000 url(../../img/bg_main-gpw-pc.jpg) no-repeat top center; } #home #main #mainGpw a h1, #home #main #mainGpw a h2, #home #main #mainGpw a p { visibility: hidden; } #home #main #mainGpw a .btn { position: absolute; top: 352px; left: 0; font-size: 88%; padding: 7px 9px 5px 7px; } #home #main #mainGpw a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -2px; } #home #main #mainHuf { background: #fefefe url(../../img/bg_main-huf-pc.jpg) no-repeat top center; } #home #main #mainHuf a .btn { top: 352px; left: 30px; } #home #main #mainSlash { background: #000 url(../../img/bg_main-slash-pc.jpg) no-repeat top center; } #home #main #mainSlash a * { visibility: hidden; } #home #main #mainBigCase { background: #000 url(../../img/bg_main-camouflage-pc_140929.jpg) no-repeat top center; } #home #main #mainBigCase a * { visibility: hidden; } #home #main #mainSkyCockpit2 { background: #e0dede url(../../img/bg_main-skycockpit2-pc.jpg) no-repeat top center; } #home #main #mainSkyCockpit2 a * { visibility: hidden; } #home #main #mainSkyCockpit { background: #000 url(../../img/bg_main-skycockpit-pc.jpg) no-repeat top center; } #home #main #mainSkyCockpit h1 { display: block; width: 430px; height: 130px; background-image: url("../../img/h1_skycokpit-pc.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 139px; right: -24px; } #home #main #mainSkyCockpit .crbtns { width: 336px; height: auto; position: absolute; top: 282px; right: 68px; } #home #main #mainSkyCockpit .crbtns .crbtn01, #home #main #mainSkyCockpit .crbtns .crbtn02 { float: left; width: 160px; border: solid 1px #999; height: auto; } #home #main #mainSkyCockpit .crbtns .crbtn01 a, #home #main #mainSkyCockpit .crbtns .crbtn02 a { position: relative; height: auto; } #home #main #mainSkyCockpit .crbtns .crbtn01 a img.bg, #home #main #mainSkyCockpit .crbtns .crbtn02 a img.bg { position: relative; display: block; z-index: 0; width: 100%; } #home #main #mainSkyCockpit .crbtns .crbtn02 { margin-left: 12px; } #home #main #mainSkyCockpit .crbtns .crbtn02 p { position: absolute; width: 146px; height: auto; padding: 7px 6px !important; bottom: 0; left: 0; font-size: 75%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); z-index: 1; } #home #main #mainSkyCockpit .crbtns .crbtn02 p img.arwR { float: right; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-top: 0\9; } #home #main #mainBLEv3 { background: #000 url(../../img/bg_main-ble2-pc.jpg) no-repeat top center; } #home #main #mainBLEv3 a * { visibility: hidden; } #home #main #mainBLEv2 { background: #d2d5d8 url(../../img/bg_main-blev3-pc.jpg) no-repeat center center; } #home #main #mainBLEv2 h1 { visibility: hidden; } #home #main #mainBLEv2 .crbtns { width: 336px; height: auto; position: absolute; top: 230px; left: 0; } #home #main #mainBLEv2 .crbtns .crbtn01, #home #main #mainBLEv2 .crbtns .crbtn02 { float: left; width: 160px; border: solid 1px #999; height: auto; } #home #main #mainBLEv2 .crbtns .crbtn01 a, #home #main #mainBLEv2 .crbtns .crbtn02 a { position: relative; height: auto; } #home #main #mainBLEv2 .crbtns .crbtn01 a img.bg, #home #main #mainBLEv2 .crbtns .crbtn02 a img.bg { position: relative; display: block; z-index: 0; width: 100%; } #home #main #mainBLEv2 .crbtns .crbtn02 { margin-left: 12px; } #home #main #mainBLEv2 .crbtns .crbtn02 p { position: absolute; width: 146px; height: auto; padding: 7px 6px !important; bottom: 0; left: 0; font-size: 75%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); z-index: 1; } #home #main #mainBLEv2 .crbtns .crbtn02 p img.arwR { float: right; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-top: 0\9; } #home #main #mainBLE { background: #d2d5d8 url(../../img/bg_main-ble-pc.jpg) no-repeat center center; } #home #main #mainBLE h1 { display: block; width: 537px; height: 166px; background-image: url("../../img/h1_ble-pc.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 34px; left: 10px; } #home #main #mainBLE a { position: relative; z-index: 1; } #home #main #mainBLE p.btn03 { position: absolute; top: 211px; left: 10px; z-index: 2; margin-right: 12px; background: #ffe5e6; background-color: #174aa0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2459b2), color-stop(1, #174aa0)); background-image: -webkit-linear-gradient(top, #2459b2, #174aa0); background-image: -moz-linear-gradient(top, #2459b2, #174aa0); background-image: -o-linear-gradient(top, #2459b2, #174aa0); background-image: -ms-linear-gradient(top, #2459b2, #174aa0); background-image: linear-gradient(top, #2459b2, #174aa0); -pie-background: linear-gradient(#2459b2, #174aa0); behavior: url("/common/css/PIE.htc"); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); border: solid 1px #174aa0; padding-bottom: 0 !important; behavior: url(/common/css/PIE.htc); } #home #main #mainBLE p.btn03 a { position: relative; display: block; width: auto; height: auto; padding: 4px 7px 7px 10px; font-size: 81%; font-weight: bold; color: #fff; border-top: 1px solid #4d78c1; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); behavior: url(/common/css/PIE.htc); } #home #main #mainBLE p.btn03 a img.arwR { background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; margin-top: 2px; margin-right: 3px; } #home #main #mainGW-9400 { background: #fff; } #home #main #mainGW-9400 div.inr { width: 100%; background: url(../../img/bg_main-gw2-9400-pc.jpg) no-repeat center center; } #home #main #mainGW-9400 div.inr div h1, #home #main #mainGW-9400 div.inr div h2, #home #main #mainGW-9400 div.inr div p { visibility: hidden; } #home #main #mainGW-9400 div.inr div .crbtns { width: 243px; height: auto; position: absolute; top: 385px; left: 0; /* .crbtn01, .crbtn02{ position:relative; width:243px; height:42px; overflow:hidden; } .crbtn01{ margin-bottom:6px; } .crbtn02{ p{ position:absolute; top:0; left:0; padding:13px; color:#fff; font-size:fs(12); } }*/ } #home #main #mainGW-9400 div.inr div .crbtns h1, #home #main #mainGW-9400 div.inr div .crbtns h2, #home #main #mainGW-9400 div.inr div .crbtns p { visibility: visible; } #home #main #mainGW-9400 div.inr div .crbtns .crbtn01 { position: relative; width: 243px; } #home #main #mainGPW02 { background: #a54f58 url(../../img/bg_main-gpw02-pc.jpg) no-repeat top center; } #home #main #mainGPW02 a h1, #home #main #mainGPW02 a h2, #home #main #mainGPW02 a p { visibility: hidden; } #home #main #mainGPW02 a .btn { position: absolute; top: 368px; left: 0; font-size: 88%; padding: 7px 9px 5px 7px; } #home #main #mainGPW02 a .btn img.arwR { position: relative; background-image: url(/common/img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; top: -2px; } #home #main #mainGPS { background: #000 url(../../img/bg_main-gps-pc.jpg) no-repeat top center; } #home #main #mainGPS a * { visibility: hidden; } #home #main #mainFrank { background: #e60817 url(../../img/bg_main-frank-pc.jpg) no-repeat top center; } #home #main #mainFrank a * { visibility: hidden; } #home #main #mainGWN-1000 { background: #000 url(../../img/bg_main-gm-pc.jpg) no-repeat top center; } #home #main #mainGWN-1000 a * { visibility: hidden; } #home #main #mainGD-120CM { background: #000 url(../../img/bg_main-camouflage-pc.jpg) no-repeat top center; } #home #main #mainGD-120CM a * { visibility: hidden; } #home #main #mainGW3-9400 { background: #fff url(../../img/bg_main-gw3-9400-pc.jpg) no-repeat top center; } #home #main #mainGW3-9400 a * { visibility: hidden; } #home #main #mainGLS-8900 { background: #000 url(../../img/bg_main-gls-8900-pc.jpg) no-repeat top center; } #home #main #mainGLS-8900 a * { visibility: hidden; } #home #main #mainGA-310 { background: #000 url(../../img/bg_main-bigcase-pc.jpg) no-repeat top center; } #home #main #mainGA-310 a * { visibility: hidden; } #home #main #mainRealToughness { background: #fff url(../../img/bg_main-rt-pc.jpg) no-repeat top center; } #home #main #mainRealToughness h1 { visibility: hidden; } #home #main #mainMTG-S1000 { background: #000 url(../../img/bg_main-mtg-s1000-pc.jpg) no-repeat top center; } #home #main #mainMTG-S1000 a.main h1, #home #main #mainMTG-S1000 a.main h2, #home #main #mainMTG-S1000 a.main p { color: #FFF; width: 420px; visibility: hidden; } #home #main #mainMTG-S1000 a.main h1 { font-size: 375%; position: absolute; top: 160px; left: 30px; } #home #main #mainMTG-S1000 a.main h2 { font-size: 213%; position: absolute; top: 245px; left: 30px; } #home #main #mainG-World { background: #000 url(../../img/bg_main-gw-pc.jpg) no-repeat center center; } #home #main #mainG-World h1 { display: block; width: 575px; height: 95px; background-image: url("../../img/h1_gw-pc.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; bottom: 30px; left: 0; } #home .mv_txt { display: none; } #home .mv_txt .img { margin-bottom: 10px; } #home .mv_txt .img p.tl { font-weight: bold; margin-bottom: 5px; color: #fff; padding-top: 10px; } #home .mv_txt .img ul li { margin-right: 10px; margin-bottom: 10px; } #home .mv_txt .img ul li .arwR2 { position: relative; top: 2px; } #home .mv_txt .txt { clear: both; padding: 10px 0; border-top: solid 1px #ccc; } #home .mv_txt .txt p { line-height: 1.4; color: #fff; } #home .mv_txt ul.btns li { float: left; margin-right: 15px; list-style: none; } #home .mv_txt ul.btns li a { position: relative; display: inline-block; *display: block; *width: 150px; padding: 8px 25px 8px 8px; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); border-top: solid 1px #999; border-bottom: solid 1px #222; background-color: #333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666), color-stop(1, #333)); background-image: -webkit-linear-gradient(top, #666, #333); background-image: -moz-linear-gradient(top, #666, #333); background-image: -o-linear-gradient(top, #666, #333); background-image: -ms-linear-gradient(top, #666, #333); background-image: linear-gradient(top, #666, #333); -pie-background: linear-gradient(#666, #333); behavior: url("/common/css/PIE.htc"); } #home .mv_txt ul.btns li a:hover { background: #343434; } #home .mv_txt ul.btns li a .tl { display: block; padding-bottom: 3px; } #home .mv_txt ul.btns li a .arwR { position: absolute; top: 50%; right: 10px; margin-top: -4px; left: auto; } #home .mv_txt ul.btns li a.color02 { border-top: solid 1px #a2988c; border-bottom: solid 1px #25211e; background-color: #3b342e; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #73655a), color-stop(1, #3b342e)); background-image: -webkit-linear-gradient(top, #73655a, #3b342e); background-image: -moz-linear-gradient(top, #73655a, #3b342e); background-image: -o-linear-gradient(top, #73655a, #3b342e); background-image: -ms-linear-gradient(top, #73655a, #3b342e); background-image: linear-gradient(top, #73655a, #3b342e); -pie-background: linear-gradient(#73655a, #3b342e); behavior: url("/common/css/PIE.htc"); } #home .mv_txt ul.btns li a.color02:hover { background: #483f38; } #home #cboxContent { padding-bottom: 16em !important; } #home .center { text-align: center; } /* ---------------------------------------------------------------------- PRODUCTS ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #products.svg #page .productTitle { background-image: url(../../products/img/pc/bg_title.svg?20170206) !important; } /* PRODUCTS COMMON */ #products #main { position: relative; z-index: 100; width: 960px; margin: 0 auto; padding-top: 60px; } #products .productTitle { position: relative; z-index: 200; display: block; width: 640px; height: 150px; background-image: url("../../products/img/pc/bg_title.png?20170206") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; margin-bottom: 5px; } #products .wat { position: absolute; } #products .btn, #products .btn02 { font-size: 88%; padding: 8px 24px 7px 29px; } #products .btn img, #products .btn02 img { position: relative; left: 3px; top: 1px; *top: -2px; } #products .notes_price { clear: both; padding: 10px 0 10px; } #products .notes_price li { list-style: none; font-size: 75%; line-height: 1.4; margin-bottom: 4px; } #products.mr-g .productTitle { background-position: 0 -150px; } #products.mt-g .productTitle { background-position: 0 -300px; height: 130px !important; } #products.giez .productTitle { background-position: 0 -450px; height: 130px !important; } #products.master_of_g .productTitle { background-position: 0 -600px; } #products.big_case .productTitle { background-position: 0 -1350px; margin-bottom: 10px; } #products.g-lide .productTitle { background-position: 0 -1500px; } #products.origin .productTitle { background-position: 0 -1650px; } #products.basic .productTitle { background-position: 0 -1800px; } #products.special .productTitle { background-position: 0 -1950px; height: 48px !important; } #products.bluetooth .productTitle { background-position: 0 -2100px; } #products.gulfmaster .productTitle { background-position: 0 -2400px; } #products.mudmaster .productTitle { background-position: 0 -3510px; height: 81px; } #products.gps .productTitle { background-position: 0 -2550px; } #products.pattern .productTitle { background-position: 0 -3334px; height: 33px !important; } #products.gravitymaster-gps .productTitle { background-position: 0 -3732px; height: 92px !important; } #products.mr-g #main h1 { display: block; width: 183px; height: 33px; background-image: url("../../products/img/bg_title_mr-g.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 30px; left: 0; background-size: cover; } #products #content { padding-bottom: 20px; } #products #content .model { margin-bottom: 10px; } #products .pager { margin: 10px 0; } #products .pager ol { list-style-type: none; } #products .pager p { float: left; font-size: 75%; font-weight: bold; } #products .pager strong { font-size: 250%; } #products .pager ol { float: right; } #products .pager li { float: left; margin-left: 5px; } #products .pager a { display: block; padding: 10px; font-size: 88%; font-weight: bold; color: #000; background-color: #FFF; background-color: rgba(255, 255, 255, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF}'); } #products .pager a.current, #products .pager a:hover { background-color: #333; background-color: #333333; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333}'); color: #FFF; } #products #search { margin-bottom: 30px; } #products #search ul { list-style-type: none; } #products #search li { line-height: 1.2; text-indent: -1.5em; margin: 0 0 0.8em 1.25em; } #products #search li label { padding: 3px 0; } #products #search li input { width: 1em; height: 1em; margin-right: .5em; display: inline-block; } #products #search input { -webkit-transform: scale(1.25, 1.25); } #products #search .col { margin-bottom: 0; width: 100%; } #products #search .col-in { padding: 20px !important; } #products .error { background-color: #333; background-color: rgba(51, 51, 51, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9333333',EndColorStr='#D9333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D9333333',EndColorStr='#D9333333}'); padding: 200px 30px; text-align: center; line-height: 1.4; } #products .error h2 { font-size: 150%; padding-bottom: 20px; } #products .error p { margin-bottom: 1.5em; font-size: 81%; } #products .error .btn { font-size: 108% !important; padding: 10px; } #products.master_of_g .btn, #products.master_of_g .btn02 { padding: 8px 9px 7px 13px; *padding: 8px 5px 7px 8px; } /*HIGH-RESOLUTION SCREEN */ #products.index.svg #contents a.m-search img, #products.index.svg #contents a.a-search img { background-image: url("../img/bg_vector.svg") !important; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #products.index #contents a.new-products img, #products.index #contents a.finder img { background-image: url("../img/sp/bg_bitmap@2x.png") !important; background-size: 42px auto; } } #products.svg img.arwR { background-image: url("/common/img/icon.svg") !important; } #products img.arwR { background-image: url("/common/img/icon.png"); background-position: -13px 0; background-repeat: no-repeat; height: 12px; left: 4px; margin-top: 2px; position: relative; width: 8px; } /*PRODUCTS INDEX */ #products.index #contents { width: 100%; } #products.index .search { z-index: 0; height: 240px; } #products.index .search .col-in { padding-top: 100px; } #products.index .search ul { width: 960px; list-style: none; margin: 40px auto; } #products.index .search li { width: 23%; margin-right: 2%; float: left; position: relative; } #products.index .search a { -webkit-text-shadow: 0 -1px 0 black; text-shadow: 0 -1px 0 black; behavior: url("/common/css/PIE.htc"); width: 100%; padding: 15px 0; font-weight: bold; font-size: 81%; line-height: 1 !important; } #products.index .search a img { vertical-align: middle; margin: -5px 0 0; display: inline-block; *display: inline; *zoom: 1; } #products.index .search a img { position: absolute; top: 50%; left: 10px; margin-top: -21px; } #products.index .search a.new-products img { width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -350px; } #products.index .search a.finder img { width: 42px; height: 42px; background: url("../img/sp/bg_bitmap.png") no-repeat 0 -400px; } #products.index .search a.a-search, #products.index .search a.m-search { font-size: 75%; } #products.index .search a.a-search img, #products.index .search a.m-search img { margin-top: -12px; width: 42px; height: 24px; background: url("../img/bg_vector.png") no-repeat -155px -149px; } #products.index .search a .lrg { display: block; margin-bottom: 6px; padding-left: 55px; font-size: 119%; } #products.index .search a .sml { display: block; padding-left: 55px; font-size: 75%; color: #ccc; } #products.index h1 > .inr, #products.index h2 > .inr, #products.index .prdCol > .inr { display: block; width: auto; max-width: 1400px; margin: 0 auto; padding: 0 10px; } #products.index h1 sup, #products.index h2 sup, #products.index .prdCol sup { position: relative; top: -1em; font-size: 44%; } #products.index .prdCol sup { top: -0.7em; font-size: 63%; } #products.index h1.tl { border-top: solid 1px #6b6768; background: url(/products/img/pc/bg_h1.jpg) no-repeat center center #505050; background-size: auto 100%; font-size: 181%; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); behavior: url("/common/css/PIE.htc"); } #products.index h1.tl > .inr { padding: 12px 10px; } #products.index h2.tl { border: none; background: none; padding: 0 10px; } #products.index h2.tl > .inr { padding: 0; } #products.index h2.tl .lrg { padding-right: 15px; font-size: 138%; } #products.index h2.tl .sml { color: #848484; font-size: 88%; font-weight: normal; } #products.index #productList { padding-top: 32px; background: url(../img/bg_wall.gif) top center; } #products.index .prdCol > .inr { padding: 50px 10px; } #products.index .prdCol.prdCol01 { background-color: #333; background-color: #333333; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333}'); -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4); behavior: url("/common/css/PIE.htc"); } #products.index .prdCol.prdCol02 { background: url(../img/bg_tile02.jpg) top center; } #products.index .prdCol ul.notes { padding-top: 15px; } #products.index .prdCol ul.notes li { color: #e5e5e5; list-style: none; text-align: left; margin: 0 0 0 2em; text-indent: -2em; line-height: 1.5; font-size: 69%; font-weight: normal; } #products.index .prdCol.movieCol > .col { margin-bottom: 0; } #products.index .indexCol_movie { width: 100%; height: 100%; text-align: center; overflow: hidden; position: relative; background: #000; } #products.index .indexCol_movie .col-in { position: relative; z-index: 100; width: 71.42857%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; background: none; } #products.index .indexCol_movie .col-in a { position: relative; z-index: 1; display: inline-block; width: 48.83333%; background: #000; } #products.index .indexCol_movie .col-in a:hover .img { opacity: 0.6; } #products.index .indexCol_movie .col-in a .img { position: relative; z-index: 2; transition: opacity 0.2s ease-in-out 0s; } #products.index .indexCol_movie .col-in a .img img { display: block; width: 100%; } #products.index .indexCol_movie .col-in a .txt { position: absolute; z-index: 3; width: 100%; top: 50%; left: 0; margin-top: -5em; } #products.index .indexCol_movie .col-in a .txt .caption { font-size: 113%; margin-bottom: 0; } #products.index .indexCol_movie .col-in a .txt .btn_play { margin: 26px 0 22px; } #products.index .indexCol_movie .col-in a .txt h1 { font-size: 200%; } #products.index .indexCol_movie .col-in a .txt h1 .sml { font-size: 88%; } #products.index .indexCol_movie .col-in .iframe_wrapper { z-index: 10; width: 100%; height: 0; opacity: 0; padding-bottom: 56.25%; } #products.index .indexCol_movie .col-in .iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } #products.index .indexCol_movie .indexCol_movie_txt { display: none; } #products.index .indexCol_movie .indexCol_movie_txt_p { text-align: center; padding: 20px 0 5px; } #products.index .indexCol_movie .indexCol_movie_txt_p * { vertical-align: center; } #products.index .indexCol_movie .indexCol_movie_txt_p a { position: relative; font-size: 125%; font-weight: bold; transition: opacity 0.2s ease-in-out 0s; } #products.index .indexCol_movie .indexCol_movie_txt_p a:hover { opacity: 0.5; } #products.index .indexCol_movie .indexCol_movie_txt_p a img { position: relative; top: -1px; display: inline-block; margin-right: 6px; height: 11px; } #products.index .indexCol_movie .indexCol_movie_txt_p a:after { content: " "; display: inline-block; margin-left: 2px; width: 9px; height: 9px; border-top: solid 2px #fff; border-right: solid 2px #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg); } #products.index .indexCol_movie .btn_close { padding: 0 0 20px; } #products.index .indexCol_movie .btn_close a { display: inline-block; font-size: 94%; cursor: pointer; border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); padding: 9px 27px; transition: opacity 0.2s ease-in-out 0s; } #products.index .indexCol_movie .btn_close a:hover { opacity: 0.5; } #products.index .indexCol_movie .btn_close a img { position: relative; vertical-align: middle; padding-right: 7px; top: -0.1em; } #products.index .indexCol { width: 100%; height: 100%; text-align: center; overflow: hidden; position: relative; } #products.index .indexCol .col-in { position: relative; z-index: 100; width: 100%; height: 100%; margin: 0; padding: 0; text-align: left; background: none; } #products.index .indexCol .col-in .btns { position: absolute; z-index: 200; bottom: 28px; left: 30px; } #products.index .indexCol .col-in .btns p { margin-bottom: 0; } #products.index .indexCol .col-in .lineup { position: absolute; z-index: 3; top: 0; left: 0; height: 100%; width: 100%; margin: 0; background: #fff; } #products.index .indexCol .col-in .lineup h3.tl { position: absolute; top: 0; left: 0; width: 100%; color: #000; padding-top: 3%; text-align: center; font-size: 163%; } #products.index .indexCol .col-in .lineup .watBtn_prev { position: absolute; z-index: 401; width: 24px; height: 44px; left: 28px; top: 40%; margin-top: -22px; } #products.index .indexCol .col-in .lineup .watBtn_prev img { width: 24px !important; height: 44px !important; } #products.index .indexCol .col-in .lineup .watBtn_next { position: absolute; z-index: 401; width: 24px; height: 44px; right: 28px; top: 40%; margin-top: -22px; } #products.index .indexCol .col-in .lineup .watBtn_next img { width: 24px !important; height: 44px !important; } #products.index .indexCol .col-in .lineup .photo { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 100; padding: 0; margin: 0 auto; } #products.index .indexCol .col-in .lineup .photo ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #products.index .indexCol .col-in .lineup .photo li { width: 100%; height: 100%; list-style: none; float: left; position: relative; text-align: center; background: none !important; } #products.index .indexCol .col-in .lineup .photo li.error { color: #000; line-height: 1.5; font-size: 63%; padding-top: 60px; } #products.index .indexCol .col-in .lineup .photo img.wat_photo { padding-top: 10%; width: 30.21%; margin: 0 auto; cursor: pointer; } #products.index .indexCol .col-in .lineup .photo .btn_more { position: relative; width: 100%; height: 100%; display: block; } #products.index .indexCol .col-in .lineup .photo .btn_more img.wat_photo { position: relative; padding-top: 14%; width: 29.17%; margin: 0 auto; z-index: 4; } #products.index .indexCol .col-in .lineup .photo .btn_more p { position: absolute; z-index: 5; top: 43%; left: 0; width: 100%; margin-top: -0.5em; font-size: 113%; font-weight: bold; } #products.index .indexCol .col-in .lineup .photo .prd_info { display: block; text-align: center; } #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name { color: #000; padding-top: 1%; text-align: center; font-size: 163%; margin-bottom: 8px; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0 9px; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail a { position: relative; left: -9px; *left: 0; display: block; margin: 0 auto; padding: 5px 9px 8px 9px; background: #666; height: auto !important; text-align: center; font-size: 100%; font-weight: bold; } #products.index .indexCol .col-in .lineup .photo .prd_info .btn_detail a img.arwR { position: relative; height: 12px; margin-top: 2px; padding-top: 0; top: 2px; width: 8px; position: relative; left: 4px; } #products.index .indexCol .col-in .txt { position: absolute; z-index: 2; bottom: 65px; left: 30px; } #products.index .indexCol .col-in .txt h1 { margin-bottom: 10px; font-weight: bold; font-size: 200%; line-height: 1.1; } #products.index .indexCol .col-in .txt h1 img { padding-bottom: 5px; } #products.index .indexCol .col-in .txt h2 { border: none; margin: 0 0 10px; padding: 0; font-size: 125%; } #products.index .indexCol .col-in .txt h2 .en-font, #products.index .indexCol .col-in .txt h2 .pageTitle h1, .pageTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 .fav, #products.index .indexCol .col-in .txt h2 #home #contents h2, #home #contents #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #home #contents .newsCol .inr p .newsTag, #home #contents .newsCol .inr p #products.index .indexCol .col-in .txt h2 .newsTag, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .counter, #home #contents .newProducts #products.index .indexCol .col-in .txt h2 .counter, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts .date, #home #contents .newProducts #products.index .indexCol .col-in .txt h2 .date, #products.index .indexCol .col-in .txt h2 #home #contents .newProducts h3, #home #contents .newProducts #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #contents .linkCol .recCol ul li.i04 a h3, #home #contents .linkCol .recCol ul li.i04 a #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #main h1, #home #main #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #home #main h2, #home #main #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #home #main h3, #home #main #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #home #main p, #home #main #products.index .indexCol .col-in .txt h2 p, #products.index .indexCol .col-in .txt h2 .search a .lrg, #products.index .search a .indexCol .col-in .txt h2 .lrg, #products.index .indexCol .col-in .txt h2.tl .lrg, #products.index .indexCol .indexCol_movie .col-in a .txt h2 .caption, #products.index .indexCol_movie .indexCol .col-in a .txt h2 .caption, #products.index .indexCol .col-in .txt h2 .lineup h3.tl, #products.index .indexCol .col-in .lineup .txt h2 h3.tl, #products.index .indexCol .col-in .txt h2 .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info .txt h2 h4.prd_name, #products.index .indexCol .col-in .txt h2 #products.concept .colGroup .en, #products.concept .colGroup #products.index .indexCol .col-in .txt h2 .en, #products.index .indexCol .col-in .txt h2 #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #products.index .indexCol .col-in .txt h2 h1, #products.index #products.master_of_g .indexCol .lineup .col-in .txt h2 h3.tl, #products.master_of_g #products.index .indexCol .lineup .col-in .txt h2 h3.tl, #products.index #products.master_of_g .indexCol .lineup .photo .prd_info .col-in .txt h2 h4.prd_name, #products.master_of_g #products.index .indexCol .lineup .photo .prd_info .col-in .txt h2 h4.prd_name, #products.index .indexCol .col-in .txt h2 #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.index .indexCol .col-in .txt h2 dt, #products.index .indexCol .col-in .txt h2 #identity.index #contents .history h2, #identity.index #contents .history #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #identity.history #contents .pageTitle a, #identity.history #contents .pageTitle #products.index .indexCol .col-in .txt h2 a, #products.index .indexCol .col-in .txt h2 #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.index .indexCol .col-in .txt h2 h2#year, #products.index .indexCol .col-in .txt h2 #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.index .indexCol .col-in .txt h2 h2, #products.index .indexCol .col-in .txt h2 #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.index .indexCol .col-in .txt h2 h3, #products.index .indexCol .col-in .txt h2 #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.index .indexCol .col-in .txt h2 h4, #products.index .indexCol .col-in .txt h2 #mobile.index .app h1, #mobile.index .app #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #mobile.index .gmix h1, #mobile.index .gmix #products.index .indexCol .col-in .txt h2 h1, #products.index .indexCol .col-in .txt h2 #mobile.index .mobile h1, #mobile.index .mobile #products.index .indexCol .col-in .txt h2 h1 { position: relative; padding-right: 5px; top: 2px; } #products.index .indexCol .col-in .txt p { margin: 0; padding: 0; } #products.index .indexCol .col-in .img { position: relative; z-index: 1; background: #000; } #products.index .indexCol .col-in .img img { display: block; width: 100%; } #products.index .indexCol .col-in .btn_pickup { display: none; } #products.index .indexCol .note { margin-top: 10px; text-align: left; } #products.index .indexCol .note li { list-style: none; line-height: 1.5; font-size: 69%; text-indent: -3em; padding-left: 3em; } #products.index .indexCol .note li + li { margin-top: 2px; } #products.index .col, #products.index .col2, #products.index .col3 { overflow: hidden; } #products.index .col .indexCol, #products.index .col2 .indexCol, #products.index .col3 .indexCol { float: left; } #products.index .col .indexCol.end, #products.index .col2 .indexCol.end, #products.index .col3 .indexCol.end { margin: 0; } #products.index .col + .col, #products.index .col + .col2, #products.index .col + .col3, #products.index .col2 + .col, #products.index .col2 + .col2, #products.index .col2 + .col3, #products.index .col3 + .col, #products.index .col3 + .col2, #products.index .col3 + .col3 { padding-top: 20px; } #products.index .col.mb00, #products.index .col2.mb00, #products.index .col3.mb00 { margin-bottom: 0 !important; } #products.index .col .indexCol { width: 100%; margin: 0; } #products.index .col .indexCol .lineup h3.tl { padding: 1.5% 0 0; font-size: 175%; } #products.index .col .indexCol .lineup .carouselNav { height: 72%; } #products.index .col .indexCol .lineup .watBtn_prev { top: 50%; } #products.index .col .indexCol .lineup .watBtn_next { top: 50%; } #products.index .col .indexCol .lineup .photo img.wat_photo { padding-top: 5%; width: 14%; } #products.index .col2 { margin-bottom: 0; } #products.index .col2 .indexCol { width: 49%; margin: 0 2% 0 0; } #products.index .col2-s .indexCol .lineup h3.tl { padding: 3% 0 0 30px; width: auto; font-size: 175%; } #products.index .col2-s .indexCol .lineup .carouselNav { height: 72%; } #products.index .col2-s .indexCol .lineup .watBtn_prev { top: 43%; } #products.index .col2-s .indexCol .lineup .watBtn_next { top: 43%; } #products.index .col2-s .indexCol .lineup .photo img.wat_photo { padding-top: 3%; width: 29%; } #products.index .col2-s .indexCol .lineup .photo .prd_info { position: absolute; bottom: 30px; right: 30px; } #products.index .col2-s .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 9%; width: 23.33%; } #products.index .col2-s .indexCol .lineup .photo .btn_more p { top: 45%; } #products.index .col2-s .indexCol .txt h1 { font-size: 113%; } #products.index .col2-s .indexCol .txt h1 .en-font, #products.index .col2-s .indexCol .txt h1 .pageTitle h1, .pageTitle #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 .fav, #products.index .col2-s .indexCol .txt h1 #home #contents h2, #home #contents #products.index .col2-s .indexCol .txt h1 h2, #products.index .col2-s .indexCol .txt h1 #home #contents .newsCol .inr p .newsTag, #home #contents .newsCol .inr p #products.index .col2-s .indexCol .txt h1 .newsTag, #products.index .col2-s .indexCol .txt h1 #home #contents .newProducts .counter, #home #contents .newProducts #products.index .col2-s .indexCol .txt h1 .counter, #products.index .col2-s .indexCol .txt h1 #home #contents .newProducts .date, #home #contents .newProducts #products.index .col2-s .indexCol .txt h1 .date, #products.index .col2-s .indexCol .txt h1 #home #contents .newProducts h3, #home #contents .newProducts #products.index .col2-s .indexCol .txt h1 h3, #products.index .col2-s .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.index .col2-s .indexCol .txt h1 h3, #products.index .col2-s .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i04 a h3, #home #contents .linkCol .recCol ul li.i04 a #products.index .col2-s .indexCol .txt h1 h3, #products.index .col2-s .indexCol .txt h1 #home #main h1, #home #main #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 #home #main h2, #home #main #products.index .col2-s .indexCol .txt h1 h2, #products.index .col2-s .indexCol .txt h1 #home #main h3, #home #main #products.index .col2-s .indexCol .txt h1 h3, #products.index .col2-s .indexCol .txt h1 #home #main p, #home #main #products.index .col2-s .indexCol .txt h1 p, #products.index .col2-s .indexCol .txt h1 .search a .lrg, #products.index .search a .col2-s .indexCol .txt h1 .lrg, #products.index .col2-s .indexCol .txt h1 h2.tl .lrg, #products.index h2.tl .col2-s .indexCol .txt h1 .lrg, #products.index .col2-s .indexCol .indexCol_movie .col-in a .txt h1 .caption, #products.index .indexCol_movie .col-in a .col2-s .indexCol .txt h1 .caption, #products.index .col2-s .indexCol .txt h1 .col-in .lineup h3.tl, #products.index .col2-s .indexCol .col-in .lineup .txt h1 h3.tl, #products.index .col2-s .indexCol .txt h1 .col-in .lineup .photo .prd_info h4.prd_name, #products.index .col2-s .indexCol .col-in .lineup .photo .prd_info .txt h1 h4.prd_name, #products.index .col2-s .indexCol .txt h1 #products.concept .colGroup .en, #products.concept .colGroup #products.index .col2-s .indexCol .txt h1 .en, #products.index .col2-s .indexCol .txt h1 #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s #products.master_of_g .indexCol .txt h1 .lineup h3.tl, #products.master_of_g #products.index .col2-s .indexCol .txt h1 .lineup h3.tl, #products.index .col2-s #products.master_of_g .indexCol .lineup .txt h1 h3.tl, #products.master_of_g #products.index .col2-s .indexCol .lineup .txt h1 h3.tl, #products.index .col2-s #products.master_of_g .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.master_of_g #products.index .col2-s .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.index .col2-s #products.master_of_g .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.master_of_g #products.index .col2-s .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.index .col2-s .indexCol .txt h1 #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.index .col2-s .indexCol .txt h1 dt, #products.index .col2-s .indexCol .txt h1 #identity.index #contents .history h2, #identity.index #contents .history #products.index .col2-s .indexCol .txt h1 h2, #products.index .col2-s .indexCol .txt h1 #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 #identity.history #contents .pageTitle a, #identity.history #contents .pageTitle #products.index .col2-s .indexCol .txt h1 a, #products.index .col2-s .indexCol .txt h1 #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.index .col2-s .indexCol .txt h1 h2#year, #products.index .col2-s .indexCol .txt h1 #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.index .col2-s .indexCol .txt h1 h2, #products.index .col2-s .indexCol .txt h1 #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.index .col2-s .indexCol .txt h1 h3, #products.index .col2-s .indexCol .txt h1 #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.index .col2-s .indexCol .txt h1 h4, #products.index .col2-s .indexCol .txt h1 #mobile.index .app h1, #mobile.index .app #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 #mobile.index .gmix h1, #mobile.index .gmix #products.index .col2-s .indexCol .txt h1 h1, #products.index .col2-s .indexCol .txt h1 #mobile.index .mobile h1, #mobile.index .mobile #products.index .col2-s .indexCol .txt h1 h1 { display: inline-block; *display: inline; font-size: 94%; padding-bottom: 5px; } #products.index .col2-l .indexCol .lineup h3.tl { padding-top: 10%; } #products.index .col2-l .indexCol .lineup .watBtn_prev { top: 45%; } #products.index .col2-l .indexCol .lineup .watBtn_next { top: 45%; } #products.index .col2-l .indexCol .lineup .photo img.wat_photo { width: 36.25%; padding-top: 17%; } #products.index .col2-l .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 22%; width: 35%; } #products.index .col2-l .indexCol .lineup .photo .btn_more p { top: 49%; } #products.index .col3 .indexCol { width: 32%; margin: 0 2% 0 0; } #products.index .col3 .indexCol .lineup h3.tl { padding-top: 8%; } #products.index .col3 .indexCol .lineup .watBtn_prev { top: 40%; } #products.index .col3 .indexCol .lineup .watBtn_next { top: 40%; } #products.index .col3 .indexCol .lineup .photo img.wat_photo { padding-top: 20%; width: 49.04%; } #products.index .col3 .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 25%; width: 51.55%; } #products.index .col3 .indexCol .lineup .photo .btn_more p { top: 45%; } #products.index .col3 .indexCol .txt h1 { font-size: 131%; } #products.index .col3 .indexCol .txt h1 .en-font, #products.index .col3 .indexCol .txt h1 .pageTitle h1, .pageTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 .fav, #products.index .col3 .indexCol .txt h1 #home #contents h2, #home #contents #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #home #contents .newsCol .inr p .newsTag, #home #contents .newsCol .inr p #products.index .col3 .indexCol .txt h1 .newsTag, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts .counter, #home #contents .newProducts #products.index .col3 .indexCol .txt h1 .counter, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts .date, #home #contents .newProducts #products.index .col3 .indexCol .txt h1 .date, #products.index .col3 .indexCol .txt h1 #home #contents .newProducts h3, #home #contents .newProducts #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i04 a h3, #home #contents .linkCol .recCol ul li.i04 a #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #main h1, #home #main #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #home #main h2, #home #main #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #home #main h3, #home #main #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #home #main p, #home #main #products.index .col3 .indexCol .txt h1 p, #products.index .col3 .indexCol .txt h1 .search a .lrg, #products.index .search a .col3 .indexCol .txt h1 .lrg, #products.index .col3 .indexCol .txt h1 h2.tl .lrg, #products.index h2.tl .col3 .indexCol .txt h1 .lrg, #products.index .col3 .indexCol .indexCol_movie .col-in a .txt h1 .caption, #products.index .indexCol_movie .col-in a .col3 .indexCol .txt h1 .caption, #products.index .col3 .indexCol .txt h1 .col-in .lineup h3.tl, #products.index .col3 .indexCol .col-in .lineup .txt h1 h3.tl, #products.index .col3 .indexCol .txt h1 .col-in .lineup .photo .prd_info h4.prd_name, #products.index .col3 .indexCol .col-in .lineup .photo .prd_info .txt h1 h4.prd_name, #products.index .col3 .indexCol .txt h1 #products.concept .colGroup .en, #products.concept .colGroup #products.index .col3 .indexCol .txt h1 .en, #products.index .col3 .indexCol .txt h1 #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 #products.master_of_g .indexCol .txt h1 .lineup h3.tl, #products.master_of_g #products.index .col3 .indexCol .txt h1 .lineup h3.tl, #products.index .col3 #products.master_of_g .indexCol .lineup .txt h1 h3.tl, #products.master_of_g #products.index .col3 .indexCol .lineup .txt h1 h3.tl, #products.index .col3 #products.master_of_g .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.master_of_g #products.index .col3 .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.index .col3 #products.master_of_g .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.master_of_g #products.index .col3 .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.index .col3 .indexCol .txt h1 #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.index .col3 .indexCol .txt h1 dt, #products.index .col3 .indexCol .txt h1 #identity.index #contents .history h2, #identity.index #contents .history #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #identity.history #contents .pageTitle a, #identity.history #contents .pageTitle #products.index .col3 .indexCol .txt h1 a, #products.index .col3 .indexCol .txt h1 #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.index .col3 .indexCol .txt h1 h2#year, #products.index .col3 .indexCol .txt h1 #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.index .col3 .indexCol .txt h1 h2, #products.index .col3 .indexCol .txt h1 #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.index .col3 .indexCol .txt h1 h3, #products.index .col3 .indexCol .txt h1 #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.index .col3 .indexCol .txt h1 h4, #products.index .col3 .indexCol .txt h1 #mobile.index .app h1, #mobile.index .app #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #mobile.index .gmix h1, #mobile.index .gmix #products.index .col3 .indexCol .txt h1 h1, #products.index .col3 .indexCol .txt h1 #mobile.index .mobile h1, #mobile.index .mobile #products.index .col3 .indexCol .txt h1 h1 { font-size: 81%; padding-bottom: 5px; } #products.index .indexCol.GPW-2000 .txt .logos { margin-bottom: 7px; } #products.index .indexCol.GPW-2000 .txt .logos img { display: inline-block; margin-bottom: 2px; } #products.index .indexCol.GPW-2000 .txt .catch { margin-bottom: 8px; line-height: 1.2; } #products.index .indexCol.GPW-2000 .txt .catch span { font-weight: bold; display: inline-block; } #products.index .indexCol.GPW-2000 .txt .catch span.lrg { font-size: 200%; } #products.index .indexCol.GPW-2000 .txt .catch span.sml { font-size: 144%; } #products.index .indexCol.GPW-2000 .txt h1 { font-size: 263%; } #products.index .indexCol.military_black .txt h1, #products.index .indexCol.military_black .txt h2, #products.index .indexCol.military_black .txt p, #products.index .indexCol.ga_700 .txt h1, #products.index .indexCol.ga_700 .txt h2, #products.index .indexCol.ga_700 .txt p { color: #000; } #products.index .indexCol.sea-earth .txt h1 { -webkit-text-shadow: 0 0 8px rgba(17, 23, 64, 0.7); text-shadow: 0 0 8px rgba(17, 23, 64, 0.7); behavior: url("/common/css/PIE.htc"); } #products.index .indexCol.sea-earth .txt p { -webkit-text-shadow: 0 0 3px #111740; text-shadow: 0 0 3px #111740; behavior: url("/common/css/PIE.htc"); } #products.index .indexCol.tricolor2 .txt h1, #products.index .indexCol.tricolor2 .txt h2, #products.index .indexCol.tricolor2 .txt p { color: #000; } #products.index .indexCol.burton .txt h1 img { width: 185px; } #products.index .indexCol.white_black .txt h2 { font-size: 94%; } #products.index .indexCol.denimd .txt h1, #products.index .indexCol.marble .txt h1 { margin-bottom: 0; } #products.index .indexCol.MTG-G1000 .txt h1, #products.index .indexCol.MTG-G1000 .txt h2, #products.index .indexCol.MTG-G1000 .txt p { color: #000; } #products.index .indexCol.MTG-G1000 .txt h1 img.logo, #products.index .indexCol.MTG-G1000 .txt h2 img.logo, #products.index .indexCol.MTG-G1000 .txt p img.logo { width: 65px; } #products.index .indexCol.MTG-G1000 .txt h2 { margin-bottom: 5px; } #products.index .indexCol.new_frogman .txt h1 { margin-bottom: 20px; line-height: 0.6; font-weight: normal !important; } #products.index .indexCol.new_frogman .txt h1 img { display: inline-block; } #products.index .indexCol.new_frogman .txt h1 img:nth-of-type(2) { padding-bottom: 15px; } #products.index .indexCol.master_of_g .col-in .btns { width: 100%; bottom: 8%; left: 0; position: absolute; z-index: 200; text-align: center; } #products.index .indexCol.master_of_g .col-in .btns .btn { padding: 8px 57px 7px 57px; } #products.index .indexCol.master_of_g .col-in .txt { width: 100%; bottom: 4%; left: 0; position: absolute; z-index: 2; padding: 2% 0 6%; text-align: center; background-color: #000; background-color: rgba(0, 0, 0, 0.75); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#BF000000',EndColorStr='#BF000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#BF000000',EndColorStr='#BF000000}'); } #products.index .indexCol.master_of_g .col-in .txt h1 { width: 36.8%; margin: 0 auto; } #products.index .indexCol.master_of_g .col-in .txt h1 img { width: 100%; } #products.index .indexCol.master_of_g .col-in .txt p { padding: 0 30px; font-size: 181%; font-weight: bold; } #products.index .indexCol.g-lide .txt h1, #products.index .indexCol.g-lide .txt p { color: #000; } #products.index .indexCol.ble .txt h1, #products.index .indexCol.ble .txt p { color: #000; } #products.index .dp_none { display: none; } /* PRODUCTS COLLECTION */ #products.collection #localNav .collection a { color: #F00; } /* PRODUCTS CONCEPT */ #products.concept .link { margin-bottom: 30px; } #products.concept #conceptCol { position: relative; } #products.concept #contents { position: relative; z-index: 1000; } #products.concept .movie { width: 154px; padding-bottom: 20px; } #products.concept .movie img { width: 100%; border: solid 1px #333; } #products.concept .colGroup { width: 480px; height: 360px; background-color: #333; background-color: rgba(51, 51, 51, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80333333',EndColorStr='#80333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80333333',EndColorStr='#80333333}'); overflow: hidden; line-height: 1.5; margin-bottom: 30px; } #products.concept .colGroup h1 { font-size: 125%; } #products.concept .colGroup h2 { font-size: 113%; margin-bottom: 10px; border: none; padding: 0; clear: both; } #products.concept .colGroup h2.en { font-size: 163%; margin-bottom: 5px; } #products.concept .colGroup h2.en strong { font-weight: normal; } #products.concept .colGroup h2.en .btn { font-size: 38% !important; margin: -3px 0 0 10px; } #products.concept .colGroup h3 { font-size: 88%; margin-bottom: 5px; border-left: 3px solid #F00; padding-left: 5px; } #products.concept .colGroup h4 { font-size: 81%; margin-bottom: 2px; } #products.concept .colGroup p { font-size: 81%; margin-bottom: 15px; } #products.concept .colGroup strong { color: #F00; } #products.concept .colGroup .colHeader { margin: 0 15px; border-bottom: 1px solid #444; padding: 15px 0 5px 0; } #products.concept .colGroup .colHeader h1 { float: left; } #products.concept .colGroup .colHeader ul { list-style: none; float: right; } #products.concept .colGroup .colHeader li { float: left; } #products.concept .colGroup .colHeader .btn { display: inline-block; font-size: 69%; } #products.concept .colGroup .colHeader .btn:hover { text-decoration: none !important; } #products.concept .colGroup .colContents { width: auto; height: 280px; margin: 15px; overflow: scroll; } #products.concept .colGroup .colContents .jspTrack { background-color: #FFF; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.concept .colGroup .colContents .jspDrag { background: #FFF; } #products.concept .colGroup .col { width: 430px; margin-bottom: 25px; } #products.concept .colGroup .col img { text-align: center; } #products.concept .colGroup .col .col-1, #products.concept .colGroup .col .col-2, #products.concept .colGroup .col .col-3 { width: 100px; float: left; margin-right: 10px; } #products.concept .colGroup .col .col-4 { width: 100px; float: right; } #products.concept .colGroup .col .col-1-2 { width: 210px; float: left; margin-right: 10px; } #products.concept .colGroup .col .col-1-3 { width: 320px; float: left; } #products.concept .colGroup .col .col-3-4 { width: 210px; float: right; text-align: center; } #products.concept .colGroup .col .col-1-4 { clear: both; } #products.concept .col.ppl { padding: 14px 18px 4px 18px; border: solid 2px #d0a242; } #products.concept .col.ppl p { margin-bottom: 0; padding-bottom: 10px; line-height: 1.2; font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro”," ＭＳ Ｐ明朝 "," MS PMincho”, serif; } #products.concept .col.ppl p.en-font03 { color: #d0a242; font-family: "Georgia", serif; font-size: 94%; } #products.concept .col.ppl p.tl { font-size: 181%; line-height: 1.1; padding-bottom: 5px; } #products.concept .col.ppl p.txt { font-size: 75%; } #products.concept .col.ppl .col-1-2 { width: 35%; float: left; font-size: 69%; } #products.concept .col.ppl .col-1-2 img { width: 100%; } #products.concept .col.ppl .col-3-4 { float: none; margin-left: 36%; text-align: left; width: auto; } /* PRODUCTS CONCEPT */ #products.lineup .link { margin-bottom: 30px; } #products.lineup #contents { position: relative; z-index: 1000; margin-bottom: 30px; } #products.lineup #contents .model { margin-bottom: 10px; } #products.lineup #contents .model li .new { color: #fff !important; } #products.lineup #contents .error { margin-bottom: 30px; } #products.lineup .bg { position: relative; z-index: 900; } #products.lineup #contentLoader span { top: 150px; } #products.sky_cockpit.concept #page .bg { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; } #products.sky_cockpit.concept #main { width: auto; padding: 130px 30px 0; } #products.sky_cockpit.concept #main .productTitle { margin-bottom: 20px; } #products.sky_cockpit.concept #main p { font-weight: bold; font-size: 119%; width: 480px; margin-bottom: 40px; line-height: 1.3; } #products.sky_cockpit.concept #contents { width: auto; padding: 0 30px; } #products.sky_cockpit.concept #contents p.link { margin-bottom: 40px; } #products.sky_cockpit.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 20px; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.sky_cockpit.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.sky_cockpit.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.sky_cockpit.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.sky_cockpit.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.sky_cockpit.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.sky_cockpit.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.sky_cockpit.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.sky_cockpit.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.sky_cockpit.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.sky_cockpit.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.sky_cockpit.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.sky_cockpit.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.sky_cockpit.concept #contents .colGroup h2 { position: relative; } #products.sky_cockpit.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/sky_cockpit/aviation/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.sky_cockpit.lineup #page { background: url(../../products/sky_cockpit/aviation/img/bg_lineup1.jpg) top center no-repeat; } #products.sky_cockpit.lineup #main .wat { position: absolute; top: 40px; right: -10px; } #products.sky_cockpit.gravitymaster.lineup #page { background: url(../../products/gravitymaster/img/bg_lineup1.jpg) top center no-repeat; } #products.sky_cockpit.gravitymaster.lineup #main .wat { position: absolute; top: 40px; right: -10px; } #products.gravitymaster-gps.lineup #page { background: url(../../products/master_of_g/gravitymaster/gpw-1000/img/pc/bg_lineup1.jpg) top center no-repeat; } #products.gravitymaster-gps.lineup #main .wat { position: absolute; top: 40px; right: -10px; } #products.gulfmaster.concept #page .bg { position: fixed; z-index: 1; top: 60px; width: 100%; } #products.gulfmaster.concept .movie { width: 220px; } #products.gulfmaster.concept #main { width: auto; padding: 100px 30px 0; position: relative; } #products.gulfmaster.concept #main .productTitle { margin-bottom: 20px; } #products.gulfmaster.concept #main p.sub { position: absolute; top: 109px; left: 220px; font-size: 88%; } #products.gulfmaster.concept #main .lead { width: 480px; margin-bottom: 15px; font-size: 81%; line-height: 1.4; } #products.gulfmaster.concept #contents { width: auto; padding: 0 30px; } #products.gulfmaster.concept #contents header.colHeader h1 { width: 100%; display: block; background: #666; padding: 2px 12px 1px; } #products.gulfmaster.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.gulfmaster.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.gulfmaster.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.gulfmaster.concept #contents .colGroup .colContents .col .inr { padding: 10px 10px 0 10px; border: solid 1px #666; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #products.gulfmaster.concept #contents .colGroup .colContents .col .hf01 .col-1-2, #products.gulfmaster.concept #contents .colGroup .colContents .col .hf01 .col-3-4 { margin-bottom: 30px; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.note { margin-left: 1em; text-indent: -1em; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-1-3 { width: 294px; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-1-3 p img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-4 { width: 147px; text-align: left; } #products.gulfmaster.concept #contents .colGroup .colContents .col .col-4 p img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.gulfmaster.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 150px; list-style: none; margin-right: 15px; text-align: center; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.gulfmaster.concept #contents .colGroup .colContents p.link { font-size: 100%; margin-bottom: 20px; } #products.gulfmaster.concept #contents .colGroup .colContents p.link.end { margin-bottom: 0; padding-bottom: 40px; } #products.gulfmaster.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.gulfmaster.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.gulfmaster.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.gulfmaster.concept #contents .colGroup h2 { position: relative; } #products.gulfmaster.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/gulfmaster/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.gulfmaster.lineup { /*background:#000 url(../../products/gulfmaster/img/bg_lineup2.jpg) center 75px repeat-x;*/ } #products.gulfmaster.lineup .productTitle { margin-bottom: 20px; } #products.gulfmaster.lineup #page { background: url(../../products/gulfmaster/img/bg_lineup1.jpg) top center no-repeat; } #products.gulfmaster.lineup #main .wat { position: absolute; top: 40px; right: -10px; } #products.mudmaster.lineup .productTitle { margin-bottom: 20px; } #products.mudmaster.lineup #page { background: url(../../products/mudmaster/img/bg_lineup1.jpg) top center no-repeat; } #products.mudmaster.lineup #main .wat { position: absolute; top: 40px; right: -10px; } #products.mt-g.concept #page .bg { position: fixed; z-index: 1; top: 60px; right: -2%; width: 100%; } #products.mt-g.concept .col.bnr { position: relative; width: 470px; margin-bottom: 10px !important; } #products.mt-g.concept .col.bnr img.bnr_bg { position: relative; z-index: 10; width: 100%; vertical-align: bottom; } #products.mt-g.concept .col.bnr .btn { position: absolute; z-index: 11; left: 15px; bottom: 15px; } #products.mt-g.concept .col.bnr .btn .arwR { margin-top: -2px; } #products.mt-g.concept #main { width: auto; padding: 100px 30px 0; position: relative; } #products.mt-g.concept #main p.sub { position: absolute; top: 109px; left: 220px; font-size: 88%; } #products.mt-g.concept #contents { width: auto; padding: 0 30px; } #products.mt-g.concept #contents p.link { margin-bottom: 20px; } #products.mt-g.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 20px; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.mt-g.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.mt-g.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.mt-g.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.mt-g.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.mt-g.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col .col-1-3 { width: 294px; } #products.mt-g.concept #contents .colGroup .colContents .col .col-1-3 p img { width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col .col-4 { width: 147px; text-align: left; } #products.mt-g.concept #contents .colGroup .colContents .col .col-4 p img { width: 100%; } #products.mt-g.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.mt-g.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.mt-g.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 150px; list-style: none; margin-right: 15px; text-align: center; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.mt-g.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.mt-g.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.mt-g.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.mt-g.concept #contents .colGroup h2 { position: relative; } #products.mt-g.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/mt-g/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.mt-g.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.mt-g.lineup { /*background:#000 url(../../products/mt-g/img/bg_lineup2.jpg) center 75px repeat-x;*/ } #products.mt-g.lineup #page { background: url(../../products/mt-g/img/bg_lineup1.jpg) top center no-repeat; } #products.mt-g.lineup #main .wat { position: absolute; top: 40px; right: -10px; } #products.rangeman.concept .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-bottom: 45px; } #products.rangeman.concept .bnr img { width: 100%; } #products.rangeman.concept #page .bg { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; } #products.rangeman.concept #main { width: auto; padding: 100px 30px 0; } #products.rangeman.concept #main .productTitle { height: 80px; background-position: 0 -2280px; } #products.rangeman.concept #contents { width: auto; padding: 0 30px; } #products.rangeman.concept #contents p.link { margin-bottom: 20px; } #products.rangeman.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 20px; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.rangeman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 150%; } #products.rangeman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.rangeman.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.rangeman.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.rangeman.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.rangeman.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col .col-1-3 { width: 294px; } #products.rangeman.concept #contents .colGroup .colContents .col .col-1-3 p img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col .col-4 { width: 147px; text-align: left; } #products.rangeman.concept #contents .colGroup .colContents .col .col-4 p img { width: 100%; } #products.rangeman.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.rangeman.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.rangeman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 150px; list-style: none; margin-right: 15px; text-align: center; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.rangeman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.rangeman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.rangeman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.rangeman.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.rangeman.concept #contents .colGroup h2 { position: relative; } #products.rangeman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/rangeman/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.rangeman.lineup { /*background:#000 url(../../products/rangeman/img/bg_lineup2.jpg) center 75px repeat-x;*/ } #products.rangeman.lineup #page { background: url(../../products/rangeman/img/bg_lineup1.jpg) top center no-repeat; } #products.rangeman.lineup #main .productTitle { height: 80px; background-position: 0 -2280px; } #products.rangeman.lineup #main .wat { position: absolute; top: 40px; right: -10px; } /* PRODUCTS MR-G */ #products.mr-g #localNav { background-color: #262626; background-color: rgba(38, 38, 38, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80262626',EndColorStr='#80262626')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80262626',EndColorStr='#80262626}'); } #products.mr-g #localNav a { color: #fff; } #products.mr-g #localNav a:hover { color: #F00; } #products.mr-g.concept #page { background: #000 url(../../products/mr-g/img/bg_concept.jpg) no-repeat top center; } #products.mr-g.concept #main h1 { position: absolute; top: 65px; left: 0; } #products.mr-g.concept #main .wat { position: absolute; top: 140px; right: -250px; } #products.mr-g.concept .col.ppl { width: 440px; } #products.mr-g.lineup #page { background: #000 url(../../products/mr-g/img/bg_lineup.jpg) no-repeat top center; } #products.mr-g.lineup #main h1 { position: absolute; top: 65px; left: 0; } #products.mr-g.lineup #main .wat { position: absolute; top: 40px; right: -100px; } /* PRODUCTS MT-G */ /*#products.mt-g #localNav{ @include rgba-bg(#000, .2); } #products.mt-g.concept{ #page{ background:#000 url(../../products/mt-g/img/bg_concept.jpg) repeat-x 0 0; } .bg{ @include css-splite(1120px, 540px, "../../products/img/bg_light.png"); @include box-absolute(0, -200px, top-right); z-index:90; } #main{ .wat{@include box-absolute(-40px, -260px, top-right);} } #contents .colGroup{ color:#fff; @include rgba-bg(#000, .6); .colContents{ .jspTrack{ @include rgba-bg(#fff, .2); } .jspDrag{ background:#fff; } } } } #products.mt-g.lineup{ #page{ background:#000 url(../../products/mt-g/img/bg_lineup.jpg) center 0 repeat-x; } .bg{ @include css-splite(1120px, 540px, "../../products/img/bg_light.png"); @include box-absolute(0, -200px, top-right); z-index:90; } #main{ .wat{@include box-absolute(0px, -70px, top-right);} } } */ /* PRODUCTS GIEZ */ #products.giez #localNav { background-color: #000; background-color: rgba(0, 0, 0, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000}'); } #products.giez.concept #page { background: #000 url(../../products/giez/img/bg_concept.jpg) repeat-x 0 0; } #products.giez.concept #main .wat { position: absolute; top: -100px; right: -200px; } #products.giez.concept #contents .colGroup { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000}'); } #products.giez.concept #contents .colGroup .colContents .jspTrack { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.giez.concept #contents .colGroup .colContents .jspDrag { background: #fff; } #products.giez.lineup { background: #000 url(../../products/giez/img/bg_lineup.jpg) center 75px repeat-x; } #products.giez.lineup #page { /*background:url(../../products/mr-g/img/bg_lineup1.jpg) top center no-repeat;*/ } #products.giez.lineup #main .productTitle { height: 150px; } #products.giez.lineup #main .wat { position: absolute; top: 0px; right: -120px; } /* PRODUCTS BIG CASE */ #products.big_case.lineup { background: #000 url(../../products/big_case/img/bg_lineup.jpg) center 75px no-repeat; } #products.big_case.lineup #main .productTitle { margin-bottom: 20px; } #products.big_case.lineup #main .wat { position: absolute; top: 25px; right: -20px; } /* PRODUCTS G-LIDE */ #products.g-lide.concept #page { background: #e4eaf2 url(../../products/g-lide/img/bg_concept.jpg) no-repeat center 0; } #products.g-lide.concept #main .wat { position: absolute; top: 50px; right: -30px; } #products.g-lide.concept #contents .colGroup { color: #000; background-color: #fff; background-color: rgba(255, 255, 255, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99FFFFFF',EndColorStr='#99FFFFFF}'); } #products.g-lide.concept #contents .colGroup .colContents .jspTrack { background-color: #000; background-color: rgba(0, 0, 0, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33000000',EndColorStr='#33000000}'); } #products.g-lide.concept #contents .colGroup .colContents .jspDrag { background: #000; } #products.g-lide.concept #contents .colGroup .colHeader { border-bottom-color: #CCC; } #products.g-lide.lineup #page { background: url(../../products/g-lide/img/bg_lineup1.jpg) top center no-repeat #f2f9fe; } #products.g-lide.lineup #main .wat { position: absolute; top: -60px; right: -10px; } #products.g-lide.lineup .pager, #products.g-lide.lineup .notes_price { color: #000; } /* PRODUCTS ORIGIN */ #products.origin #localNav { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); } #products.origin #localNav a { color: #fff; } #products.origin #localNav a:hover { color: #F00; } #products.origin.concept #page { background: #000 url(../../products/origin/img/bg_concept.jpg) repeat-x 0 0; } #products.origin.concept #main .wat { position: absolute; top: 0; right: -20px; } #products.origin.concept #contents { position: relative; z-index: 101; } #products.origin.concept #contents .colGroup { color: #fff; background-color: #000; background-color: rgba(0, 0, 0, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000}'); } #products.origin.concept #contents .colGroup .colContents .jspTrack { background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); } #products.origin.concept #contents .colGroup .colContents .jspDrag { background: #fff; } #products.origin.lineup { background: #000 url(../../products/origin/img/bg_lineup.jpg) center 75px repeat-x; } #products.origin.lineup #main .wat { position: absolute; top: -68px; right: 38px; } /* PRODUCTS BASIC */ #products.basic.lineup #main .wat { position: absolute; top: -100px; right: -10px; } #products.basic.lineup #contents { margin-top: 15px !important; } /* PRODUCTS PATTERN */ #products.pattern.lineup { background: #000 url(../../products/pattern/img/bg_lineup.jpg) center 75px repeat; } #products.pattern.lineup .productTitle { margin: 20px 0 30px; } /* PRODUCTS SPECIAL */ #products.special.lineup { background: #000 url(../../products/special/img/bg_lineup.jpg) center 75px no-repeat; } /* PRODUCTS COLOR */ #products.color.lineup { background: #000 center 75px no-repeat; } #products.color.lineup #page .productTitle { height: 48px; background: none !important; text-indent: 0; } #products.color.lineup #page .productTitle h1 { color: #fff; font-size: 288%; font-weight: normal !important; } /* PRODUCTS LIMITED */ #products.limited.lineup { background: #000 center 75px no-repeat; } #products.limited.lineup #page .productTitle { height: 48px; background: none !important; text-indent: 0; } #products.limited.lineup #page .productTitle h1 { color: #fff; font-size: 288%; font-weight: normal !important; } /* PRODUCTS FROGMAN*/ /* PRODUCTS frogman*/ #products.frogman.concept .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-bottom: 45px; } #products.frogman.concept .bnr img { width: 100%; } #products.frogman.concept #page .bg { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; } #products.frogman.concept #main { width: auto; padding: 100px 30px 0; } #products.frogman.concept #main .productTitle { height: 120px; background-position: 0 -1229px; } #products.frogman.concept #contents { width: auto; padding: 0 30px; } #products.frogman.concept #contents p.link { margin-bottom: 20px; } #products.frogman.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 20px; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.frogman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 150%; } #products.frogman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.frogman.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.frogman.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.frogman.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.frogman.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.frogman.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.frogman.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.frogman.concept #contents .colGroup .colContents .col .col-1-3 { width: 294px; } #products.frogman.concept #contents .colGroup .colContents .col .col-1-3 p img { width: 100%; } #products.frogman.concept #contents .colGroup .colContents .col .col-4 { width: 147px; text-align: left; } #products.frogman.concept #contents .colGroup .colContents .col .col-4 p img { width: 100%; } #products.frogman.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.frogman.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.frogman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 150px; list-style: none; margin-right: 15px; text-align: center; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.frogman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.frogman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.frogman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.frogman.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.frogman.concept #contents .colGroup h2 { position: relative; } #products.frogman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/frogman/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.frogman.lineup #page { background: url(../../products/master_of_g/frogman/img/bg_lineup.jpg) top right no-repeat; } #products.frogman.lineup #main .productTitle { height: 120px; background-position: 0 -3631px; } #products.frogman.lineup #main .wat { position: absolute; top: -20px; right: -120px; } /* PRODUCTS MUDMAN*/ #products.mudman.concept .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-bottom: 45px; } #products.mudman.concept .bnr img { width: 100%; } #products.mudman.concept #page .bg { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; } #products.mudman.concept #main { width: auto; padding: 100px 30px 0; } #products.mudman.concept #main .productTitle { height: 120px; background-position: 0 -780px; } #products.mudman.concept #contents { width: auto; padding: 0 30px; } #products.mudman.concept #contents p.link { margin-bottom: 20px; } #products.mudman.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 20px; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.mudman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 150%; } #products.mudman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.mudman.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.mudman.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.mudman.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.mudman.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.mudman.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.mudman.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.mudman.concept #contents .colGroup .colContents .col .col-1-3 { width: 294px; } #products.mudman.concept #contents .colGroup .colContents .col .col-1-3 p img { width: 100%; } #products.mudman.concept #contents .colGroup .colContents .col .col-4 { width: 147px; text-align: left; } #products.mudman.concept #contents .colGroup .colContents .col .col-4 p img { width: 100%; } #products.mudman.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.mudman.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.mudman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 150px; list-style: none; margin-right: 15px; text-align: center; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.mudman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.mudman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.mudman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.mudman.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.mudman.concept #contents .colGroup h2 { position: relative; } #products.mudman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/mudman/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.mudman.lineup #page { background: url(../../products/mudman/img/bg_lineup1.jpg) top center no-repeat; } #products.mudman.lineup #main .productTitle { height: 120px; background-position: 0 -780px; } #products.mudman.lineup #main .wat { position: absolute; top: -30px; right: -120px; } /* PRODUCTS GULFMAN*/ /* PRODUCTS gulfman*/ #products.gulfman.concept .bnr { padding: 10px 10px 0px 10px; border: solid 2px #d0a242; margin-bottom: 45px; } #products.gulfman.concept .bnr img { width: 100%; } #products.gulfman.concept #page .bg { position: fixed; z-index: 1; top: 0; left: 0; width: 100%; } #products.gulfman.concept #main { width: auto; padding: 100px 30px 0; } #products.gulfman.concept #main .productTitle { height: 80px; background-position: 0 -950px; } #products.gulfman.concept #contents { width: auto; padding: 0 30px; } #products.gulfman.concept #contents p.link { margin-bottom: 20px; } #products.gulfman.concept #contents .colGroup { width: 480px; color: #fff; height: auto; margin-bottom: 20px; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.gulfman.concept #contents .colGroup .lead strong { color: #fff; display: block; margin-bottom: 5px; font-weight: bold; font-size: 150%; } #products.gulfman.concept #contents .colGroup .colContents { margin: 0 !important; height: auto; overflow: visible; } #products.gulfman.concept #contents .colGroup .colContents .col { width: 480px; height: auto; margin-bottom: 15px; } #products.gulfman.concept #contents .colGroup .colContents .col p.img img { width: 100%; } #products.gulfman.concept #contents .colGroup .colContents .col .col-1-2 { width: 220px; } #products.gulfman.concept #contents .colGroup .colContents .col .col-1-2 p img { width: 100%; } #products.gulfman.concept #contents .colGroup .colContents .col .col-3-4 { width: 220px; text-align: left; } #products.gulfman.concept #contents .colGroup .colContents .col .col-3-4 p img { width: 100%; } #products.gulfman.concept #contents .colGroup .colContents .col .col-1-3 { width: 294px; } #products.gulfman.concept #contents .colGroup .colContents .col .col-1-3 p img { width: 100%; } #products.gulfman.concept #contents .colGroup .colContents .col .col-4 { width: 147px; text-align: left; } #products.gulfman.concept #contents .colGroup .colContents .col .col-4 p img { width: 100%; } #products.gulfman.concept #contents .colGroup .colContents .col p.img2 { width: 240px; margin-right: -20px; overflow: hidden; } #products.gulfman.concept #contents .colGroup .colContents .col p.img2 img { width: 105px; padding-right: 9px; } #products.gulfman.concept #contents .colGroup .colContents .col ul { margin-bottom: 15px; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 { margin-bottom: 0; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 li { float: left; width: 150px; list-style: none; margin-right: 15px; text-align: center; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 li.end { margin-right: 0; } #products.gulfman.concept #contents .colGroup .colContents .col ul.col3 li img { width: 100%; } #products.gulfman.concept #contents .colGroup .colHeader { padding: 0; margin: 0 0 15px; border: none; } #products.gulfman.concept #contents .colGroup .colHeader h1 { font-size: 156%; } #products.gulfman.concept #contents .colGroup h3 { border-left: 0; margin-bottom: 5px; padding-left: 0; } #products.gulfman.concept #contents .colGroup h2 { position: relative; } #products.gulfman.concept #contents .colGroup h2 .tripleG-l { display: inline-block; vertical-align: middle; background: url(/products/gulfman/img/tec_01.png) no-repeat; width: 52px; height: 40px; } #products.gulfman.lineup #page { background: url(../../products/gulfman/img/bg_lineup1.jpg) top center no-repeat; } #products.gulfman.lineup #main .productTitle { height: 80px; background-position: 0 -950px; } #products.gulfman.lineup #main .wat { position: absolute; top: -30px; right: -120px; } /* PRODUCTS RISEMAN*/ #products.riseman.concept #contents .colGroup { background-color: #000; background-color: rgba(0, 0, 0, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4D000000',EndColorStr='#4D000000}'); } #products.riseman.concept #main .productTitle { height: 80px; background-position: 0 -1100px; } #products.riseman.concept #main .wat { position: absolute; top: -20px; right: -400px; } #products.riseman.lineup #main .productTitle { height: 80px; background-position: 0 -1100px; } #products.riseman.lineup #main .wat { position: absolute; top: -50px; right: -120px; } /* PRODUCTS MASTER OF G*/ #products.master_of_g #localNav { background-color: #fff; background-color: rgba(255, 255, 255, 0.15); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#26FFFFFF',EndColorStr='#26FFFFFF}'); } #products.master_of_g #localNav a { color: #fff; } #products.master_of_g #localNav a:hover { color: #F00; } #products.gps.lineup #page { background: url(../../products/gps/img/wat_lineup.jpg) top center no-repeat; } #products.gps.lineup #main .productTitle { height: 36px; background-position: 0 -3434px; margin: 20px 0 30px; } #products.master_of_g #main, #products.master_of_g #contents { width: 100%; } #products.master_of_g #main { margin-bottom: 45px; text-align: center; } #products.master_of_g #main h1 { margin-bottom: 15px; } #products.master_of_g #main h2 { font-size: 169%; } #products.master_of_g .indexCol { position: relative; z-index: 9; float: left; margin-right: 1%; } #products.master_of_g .indexCol.end { margin-right: 0; } #products.master_of_g .indexCol h1 img { display: block; padding-top: 15px; max-width: 100%; } #products.master_of_g .indexCol .col-in { position: relative; margin: 0; padding: 0; background-color: #000; background-color: transparent; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#00000000',EndColorStr='#00000000}'); } #products.master_of_g .indexCol .btns { position: absolute; z-index: 301; bottom: 10px; left: 0; width: 100%; } #products.master_of_g .indexCol .btns .link { padding: 0 30px; } #products.master_of_g .indexCol .btns .link .btn { text-align: center; display: inline-block; *display: inline; background: #333; width: 49%; margin: 0 1px; padding: 15px 0 14px; } #products.master_of_g .indexCol .cover { display: block; position: absolute; z-index: 102; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; filter: alpha(opacity=0); } #products.master_of_g .indexCol .btns02 { position: absolute; z-index: 100; top: -1px; left: 0; width: 100%; height: 101%; background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #products.master_of_g .indexCol .btns02 .link { position: absolute; width: 100%; box-sizing: border-box; padding-top: 30%; text-align: center; } #products.master_of_g .indexCol .btns02 .link .btn { position: relative; text-align: center; display: inline-block; *display: inline; background: #333; width: 70%; margin: 0 1px 10px; padding: 1.45em 0 1.45em; font-size: 108% !important; line-height: 1.6 !important; } #products.master_of_g .indexCol .btns02 .link .btn_red01 { background: #f00; padding: 3.0em 0 3.0em; } #products.master_of_g .indexCol .btns02 .link .btn img { position: absolute; top: 50%; right: 10px; left: auto; margin-top: -8px; } #products.master_of_g .indexCol .txt { position: absolute; z-index: 30; bottom: 0; left: 0; width: 100%; } #products.master_of_g .indexCol .txt .txt_inr { padding: 0 30px 68px; } #products.master_of_g .indexCol .txt .txt_inr h1 { margin-bottom: 16px; font-size: 313%; } #products.master_of_g .indexCol .txt .txt_inr p { font-size: 75%; } #products.master_of_g .indexCol .txt .txt_inr p sup { position: relative; top: -0.5em; } #products.master_of_g .indexCol .img { position: relative; z-index: 10; } #products.master_of_g .indexCol .img img { position: relative; z-index: 1; vertical-align: bottom; width: 100%; } #products.master_of_g .indexCol .wat { position: absolute; z-index: 20; } #products.master_of_g .indexCol .wat img { width: 100%; } #products.master_of_g .indexCol .lineup { position: absolute; z-index: 40; top: 0; left: 0; height: 100%; width: 100%; margin: 0; background-color: #FFF; background-color: rgba(255, 255, 255, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80FFFFFF',EndColorStr='#80FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80FFFFFF',EndColorStr='#80FFFFFF}'); } #products.master_of_g .indexCol .lineup h3.tl { position: absolute; top: 0; left: 0; width: 100%; color: #000; padding-top: 3%; text-align: center; font-size: 163%; } #products.master_of_g .indexCol .lineup .watBtn_prev { position: absolute; z-index: 401; width: 24px; height: 44px; left: 28px; top: 40%; margin-top: -22px; } #products.master_of_g .indexCol .lineup .watBtn_prev img { width: 24px !important; height: 44px !important; } #products.master_of_g .indexCol .lineup .watBtn_next { position: absolute; z-index: 401; width: 24px; height: 44px; right: 28px; top: 40%; margin-top: -22px; } #products.master_of_g .indexCol .lineup .watBtn_next img { width: 24px !important; height: 44px !important; } #products.master_of_g .indexCol .lineup .photo { width: 100%; height: 100%; overflow: hidden; position: relative; z-index: 100; padding: 0; margin: 0 auto; } #products.master_of_g .indexCol .lineup .photo ul { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #products.master_of_g .indexCol .lineup .photo li { width: 100%; height: 100%; list-style: none; float: left; position: relative; text-align: center; background: none !important; } #products.master_of_g .indexCol .lineup .photo li.error { color: #000; line-height: 1.5; font-size: 63%; padding-top: 60px; } #products.master_of_g .indexCol .lineup .photo img.wat_photo { padding-top: 10%; width: 30.21%; margin: 0 auto; cursor: pointer; } #products.master_of_g .indexCol .lineup .photo .btn_more { position: relative; width: 100%; height: 100%; display: block; } #products.master_of_g .indexCol .lineup .photo .btn_more img.wat_photo { position: relative; padding-top: 14%; width: 29.17%; margin: 0 auto; z-index: 4; } #products.master_of_g .indexCol .lineup .photo .btn_more p { position: absolute; z-index: 5; top: 43%; left: 0; width: 100%; margin-top: -0.5em; font-size: 113%; font-weight: bold; } #products.master_of_g .indexCol .lineup .photo .prd_info { display: block; text-align: center; } #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name { color: #000; padding-top: 10%; text-align: center; font-size: 163%; margin-bottom: 8px; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail { margin: 0 auto; display: inline-block; padding: 0 9px; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail a { position: relative; left: -9px; *left: 0; display: block; margin: 0 auto; padding: 5px 9px 8px 9px; background: #666; height: auto !important; text-align: center; font-size: 100%; font-weight: bold; } #products.master_of_g .indexCol .lineup .photo .prd_info .btn_detail a img.arwR { position: relative; height: 12px; margin-top: 2px; padding-top: 0; top: 2px; width: 8px; position: relative; left: 4px; } #products.master_of_g .indexCol .btn_close { display: none; position: absolute; z-index: 200; right: 10px; top: 10px; font-size: 94%; } #products.master_of_g .indexCol .btn_close a { display: inline-block; color: #fff; padding: 9px 15px 8px 16px; background-color: #000; background-color: rgba(0, 0, 0, 0.67); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#AB000000',EndColorStr='#AB000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#AB000000',EndColorStr='#AB000000}'); -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); } #products.master_of_g .indexCol .btn_close a img { background-image: url("../img/icon.png") !important; background-position: -96px -1px !important; background-repeat: no-repeat !important; display: inline-block; height: 12px; margin-top: -1px; overflow: hidden; text-indent: -9999px; vertical-align: middle; width: 12px; } #products.master_of_g .indexCol .btn_pickup { display: none; position: absolute; top: -9999px; } #products.master_of_g .col3 { position: relative; box-sizing: border-box; margin: 0 10px 40px; padding: 0; overflow: hidden; } #products.master_of_g .col3 .indexCol { width: 32%; } #products.master_of_g .col3 .indexCol .wat { right: 0; top: 14%; width: 69.8%; } #products.master_of_g .col3 .indexCol .lineup h3.tl { padding-top: 18%; } #products.master_of_g .col3 .indexCol .lineup .watBtn_prev { top: 43%; } #products.master_of_g .col3 .indexCol .lineup .watBtn_next { top: 43%; } #products.master_of_g .col3 .indexCol .lineup .photo img.wat_photo { padding-top: 28%; width: 60%; } #products.master_of_g .col3 .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 33%; width: 53%; } #products.master_of_g .col3 .indexCol .lineup .photo .btn_more p { top: 45%; } #products.master_of_g .col3 .indexCol .lineup .photo .prd_info h4.prd_name { padding-top: 5%; } #products.master_of_g .col3 .indexCol .txt h1 .en-font, #products.master_of_g .col3 .indexCol .txt h1 .pageTitle h1, .pageTitle #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 .fav, #products.master_of_g .col3 .indexCol .txt h1 #home #contents h2, #home #contents #products.master_of_g .col3 .indexCol .txt h1 h2, #products.master_of_g .col3 .indexCol .txt h1 #home #contents .newsCol .inr p .newsTag, #home #contents .newsCol .inr p #products.master_of_g .col3 .indexCol .txt h1 .newsTag, #products.master_of_g .col3 .indexCol .txt h1 #home #contents .newProducts .counter, #home #contents .newProducts #products.master_of_g .col3 .indexCol .txt h1 .counter, #products.master_of_g .col3 .indexCol .txt h1 #home #contents .newProducts .date, #home #contents .newProducts #products.master_of_g .col3 .indexCol .txt h1 .date, #products.master_of_g .col3 .indexCol .txt h1 #home #contents .newProducts h3, #home #contents .newProducts #products.master_of_g .col3 .indexCol .txt h1 h3, #products.master_of_g .col3 .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i01 a h3, #home #contents .linkCol .recCol ul li.i01 a #products.master_of_g .col3 .indexCol .txt h1 h3, #products.master_of_g .col3 .indexCol .txt h1 #home #contents .linkCol .recCol ul li.i04 a h3, #home #contents .linkCol .recCol ul li.i04 a #products.master_of_g .col3 .indexCol .txt h1 h3, #products.master_of_g .col3 .indexCol .txt h1 #home #main h1, #home #main #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 #home #main h2, #home #main #products.master_of_g .col3 .indexCol .txt h1 h2, #products.master_of_g .col3 .indexCol .txt h1 #home #main h3, #home #main #products.master_of_g .col3 .indexCol .txt h1 h3, #products.master_of_g .col3 .indexCol .txt h1 #home #main p, #home #main #products.master_of_g .col3 .indexCol .txt h1 p, #products.master_of_g .col3 .indexCol .txt h1 #products.index .search a .lrg, #products.index .search a #products.master_of_g .col3 .indexCol .txt h1 .lrg, #products.master_of_g .col3 .indexCol .txt h1 #products.index h2.tl .lrg, #products.index h2.tl #products.master_of_g .col3 .indexCol .txt h1 .lrg, #products.master_of_g .col3 .indexCol #products.index .indexCol_movie .col-in a .txt h1 .caption, #products.index .indexCol_movie .col-in a #products.master_of_g .col3 .indexCol .txt h1 .caption, #products.master_of_g .col3 .indexCol .txt h1 #products.concept .colGroup .en, #products.concept .colGroup #products.master_of_g .col3 .indexCol .txt h1 .en, #products.master_of_g .col3 .indexCol .txt h1 #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 .lineup h3.tl, #products.master_of_g .col3 .indexCol .lineup .txt h1 h3.tl, #products.master_of_g .col3 .indexCol .txt h1 .lineup .photo .prd_info h4.prd_name, #products.master_of_g .col3 .indexCol .lineup .photo .prd_info .txt h1 h4.prd_name, #products.master_of_g .col3 .indexCol .txt h1 #identity.index #contents .history dl dt, #identity.index #contents .history dl #products.master_of_g .col3 .indexCol .txt h1 dt, #products.master_of_g .col3 .indexCol .txt h1 #identity.index #contents .history h2, #identity.index #contents .history #products.master_of_g .col3 .indexCol .txt h1 h2, #products.master_of_g .col3 .indexCol .txt h1 #identity.index #contents .technology .technologyTitle h1, #identity.index #contents .technology .technologyTitle #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 #identity.index #contents .technology .more h1, #identity.index #contents .technology .more #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 #identity.history #contents .pageTitle a, #identity.history #contents .pageTitle #products.master_of_g .col3 .indexCol .txt h1 a, #products.master_of_g .col3 .indexCol .txt h1 #identity.history #contents .pageTitle h2#year, #identity.history #contents .pageTitle #products.master_of_g .col3 .indexCol .txt h1 h2#year, #products.master_of_g .col3 .indexCol .txt h1 #identity.history #contents .carousel li h2, #identity.history #contents .carousel li #products.master_of_g .col3 .indexCol .txt h1 h2, #products.master_of_g .col3 .indexCol .txt h1 #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData #products.master_of_g .col3 .indexCol .txt h1 h3, #products.master_of_g .col3 .indexCol .txt h1 #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData #products.master_of_g .col3 .indexCol .txt h1 h4, #products.master_of_g .col3 .indexCol .txt h1 #mobile.index .app h1, #mobile.index .app #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 #mobile.index .gmix h1, #mobile.index .gmix #products.master_of_g .col3 .indexCol .txt h1 h1, #products.master_of_g .col3 .indexCol .txt h1 #mobile.index .mobile h1, #mobile.index .mobile #products.master_of_g .col3 .indexCol .txt h1 h1 { font-size: 81%; padding-bottom: 5px; } #products.master_of_g .col3 .bg2 { display: none; opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; width: 98%; } #products.master_of_g .col2 { position: relative; margin: 10px; padding: 0 0 10px; } #products.master_of_g .col2 .indexCol { width: 49%; } #products.master_of_g .col2 .indexCol .wat { right: 0; top: 0; width: 35%; } #products.master_of_g .col2 .indexCol .lineup h3.tl { padding: 3% 0 0 30px; width: auto; font-size: 175%; } #products.master_of_g .col2 .indexCol .lineup .carouselNav { height: 72%; } #products.master_of_g .col2 .indexCol .lineup .watBtn_prev { top: 43%; } #products.master_of_g .col2 .indexCol .lineup .watBtn_next { top: 43%; } #products.master_of_g .col2 .indexCol .lineup .photo img.wat_photo { padding-top: 3%; width: 29%; } #products.master_of_g .col2 .indexCol .lineup .photo .prd_info { position: absolute; bottom: 30px; right: 30px; } #products.master_of_g .col2 .indexCol .lineup .photo .btn_more img.wat_photo { padding-top: 9%; width: 23.33%; } #products.master_of_g .col2 .indexCol .lineup .photo .btn_more p { top: 45%; } #products.master_of_g .col2 .indexCol .txt h1 { font-size: 200%; } #products.master_of_g .grv_selectList { position: absolute; bottom: 2.8em; left: 0; display: none; opacity: 0; text-align: left; height: auto !important; width: 202%; } #products.master_of_g .grv_selectList div { height: auto !important; margin-bottom: 1px; list-style: none; } #products.master_of_g .grv_selectList a { position: relative; height: auto !important; display: block; padding: 10px 20px 10px 10px; background: #555; font-size: 13px !important; font-weight: bold; line-height: 1.3; } #products.master_of_g .grv_selectList a .arwR { position: absolute; right: 8px; left: auto; top: 50%; margin-top: -6px; } #products.master_of_g .lineup .grv_selectList { left: -70%; bottom: 2em; width: 202%; } #products.master_of_g .lineup .grv_selectList div { height: auto !important; width: auto !important; } #products.master_of_g .lineup .grv_selectList a { font-size: 13px !important; } /* PRODUCTS CATALOG */ #products.catalog #localNav .catalog a { color: #F00; } #products.catalog a.btn { position: relative; width: 75px !important; padding: 8px 69px 7px 19px; } #products.catalog a.btn .arwR { position: absolute; top: 50%; left: auto; right: 10px; margin-top: -5px; } #products.catalog a.pdf { width: 83px !important; padding-right: 15px; padding-left: 65px; line-height: 1.4 !important; } #products.catalog a.pdf img.ico-pdf { position: absolute; top: 50%; left: 22px; margin-top: -16px; width: 32px; height: 32px; background: url(../img/pdficon.gif) no-repeat !important; } /* PRODUCTS FINDER */ #products.svg.finder #contents .pageTitle .searchNav a img { background-image: url("../img/bg_vector.svg") !important; } /* PRODUCTS FINDER */ #products.finder { padding-bottom: 20px; position: relative; } #products.finder #localNav .finder a { color: #F00; } #products.finder ul, #products.finder ol { list-style-type: none; } #products.finder .pageTitle { width: 20%; float: left; line-height: 1.2; } #products.finder .pageTitle .searchNav h3 { border-left: 3px solid #F00; padding-left: 5px; margin: 40px 0 10px 0; } #products.finder .pageTitle .searchNav li { margin-bottom: 10px; } #products.finder .pageTitle .searchNav a { font-size: 75%; font-weight: bold; } #products.finder .pageTitle .searchNav a span { width: 20px; height: 20px; margin-right: 3px; display: inline-block; vertical-align: middle; } #products.finder .pageTitle .searchNav a img { display: block; width: 20px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -50px -145px ; overflow: hidden; text-indent: -9999px; } #products.finder .pageTitle .searchNav a:hover { text-decoration: underline; } #products.finder .pageTitle .searchNav a.current span { background-color: #4c4c4c; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #262626), color-stop(1, #4c4c4c)); background-image: -webkit-linear-gradient(top, #262626, #4c4c4c); background-image: -moz-linear-gradient(top, #262626, #4c4c4c); background-image: -o-linear-gradient(top, #262626, #4c4c4c); background-image: -ms-linear-gradient(top, #262626, #4c4c4c); background-image: linear-gradient(top, #262626, #4c4c4c); -pie-background: linear-gradient(#262626, #4c4c4c); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.current img { background-position: 0 -145px; } #products.finder .pageTitle .searchNav a.black span { background-color: #333; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #333)); background-image: -webkit-linear-gradient(top, #333, #333); background-image: -moz-linear-gradient(top, #333, #333); background-image: -o-linear-gradient(top, #333, #333); background-image: -ms-linear-gradient(top, #333, #333); background-image: linear-gradient(top, #333, #333); -pie-background: linear-gradient(#333, #333); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.red--pink span { background-color: #f00; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f00), color-stop(1, #f00)); background-image: -webkit-linear-gradient(top, #f00, #f00); background-image: -moz-linear-gradient(top, #f00, #f00); background-image: -o-linear-gradient(top, #f00, #f00); background-image: -ms-linear-gradient(top, #f00, #f00); background-image: linear-gradient(top, #f00, #f00); -pie-background: linear-gradient(#f00, #f00); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.red--pink.current img { background-position: -25px -145px; } #products.finder .pageTitle .searchNav a.blue span { background-color: #06f; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #06f), color-stop(1, #06f)); background-image: -webkit-linear-gradient(top, #06f, #06f); background-image: -moz-linear-gradient(top, #06f, #06f); background-image: -o-linear-gradient(top, #06f, #06f); background-image: -ms-linear-gradient(top, #06f, #06f); background-image: linear-gradient(top, #06f, #06f); -pie-background: linear-gradient(#06f, #06f); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.yellow span { background-color: #ff0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff0), color-stop(1, #ff0)); background-image: -webkit-linear-gradient(top, #ff0, #ff0); background-image: -moz-linear-gradient(top, #ff0, #ff0); background-image: -o-linear-gradient(top, #ff0, #ff0); background-image: -ms-linear-gradient(top, #ff0, #ff0); background-image: linear-gradient(top, #ff0, #ff0); -pie-background: linear-gradient(#ff0, #ff0); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.white span { background-color: #fff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #fff)); background-image: -webkit-linear-gradient(top, #fff, #fff); background-image: -moz-linear-gradient(top, #fff, #fff); background-image: -o-linear-gradient(top, #fff, #fff); background-image: -ms-linear-gradient(top, #fff, #fff); background-image: linear-gradient(top, #fff, #fff); -pie-background: linear-gradient(#fff, #fff); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.green span { background-color: #008000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #008000), color-stop(1, #008000)); background-image: -webkit-linear-gradient(top, #008000, #008000); background-image: -moz-linear-gradient(top, #008000, #008000); background-image: -o-linear-gradient(top, #008000, #008000); background-image: -ms-linear-gradient(top, #008000, #008000); background-image: linear-gradient(top, #008000, #008000); -pie-background: linear-gradient(#008000, #008000); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.orange span { background-color: #ffa500; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffa500), color-stop(1, #ffa500)); background-image: -webkit-linear-gradient(top, #ffa500, #ffa500); background-image: -moz-linear-gradient(top, #ffa500, #ffa500); background-image: -o-linear-gradient(top, #ffa500, #ffa500); background-image: -ms-linear-gradient(top, #ffa500, #ffa500); background-image: linear-gradient(top, #ffa500, #ffa500); -pie-background: linear-gradient(#ffa500, #ffa500); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.silver span { background-color: #c0c0c0; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c0c0c0), color-stop(1, #c0c0c0)); background-image: -webkit-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: -moz-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: -o-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: -ms-linear-gradient(top, #c0c0c0, #c0c0c0); background-image: linear-gradient(top, #c0c0c0, #c0c0c0); -pie-background: linear-gradient(#c0c0c0, #c0c0c0); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.gold span { background-color: #ffd700; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd700), color-stop(1, #ffd700)); background-image: -webkit-linear-gradient(top, #ffd700, #ffd700); background-image: -moz-linear-gradient(top, #ffd700, #ffd700); background-image: -o-linear-gradient(top, #ffd700, #ffd700); background-image: -ms-linear-gradient(top, #ffd700, #ffd700); background-image: linear-gradient(top, #ffd700, #ffd700); -pie-background: linear-gradient(#ffd700, #ffd700); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle .searchNav a.transparent span { background-color: #f0ffff; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0ffff), color-stop(1, #f0ffff)); background-image: -webkit-linear-gradient(top, #f0ffff, #f0ffff); background-image: -moz-linear-gradient(top, #f0ffff, #f0ffff); background-image: -o-linear-gradient(top, #f0ffff, #f0ffff); background-image: -ms-linear-gradient(top, #f0ffff, #f0ffff); background-image: linear-gradient(top, #f0ffff, #f0ffff); -pie-background: linear-gradient(#f0ffff, #f0ffff); behavior: url("/common/css/PIE.htc"); } #products.finder .pageTitle #currentInfo { display: none; } #products.finder #contentTxt { padding-top: 30px; } #products.finder #content { padding-top: 20px; width: 80%; float: right; } #products.finder #content .model { width: 100%; } #products.finder #content .model li { width: 25%; } #products.finder #contentLoader { width: 80%; height: 800px; float: right; } /* PRODUCTS ADVANCED SEARCH */ #products.a-search #localNav .a-search a { color: #F00; } #products.a-search #contentTxt .contentTxtWrap { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); margin: 1px; padding: 20px; line-height: 1.2; } #products.a-search #contentTxt .contentTxtWrap h2 { font-size: 100%; margin-bottom: 10px; } #products.a-search #contentTxt .contentTxtWrap p { font-size: 81%; margin-bottom: 1em; } #products.a-search #contentTxt .contentTxtWrap ul { font-size: 75%; margin-bottom: 1em; color: #F33; } #products.a-search #contentTxt .contentTxtWrap .word { text-align: right; } #products.a-search #contents .pageTitle h1 { width: auto; float: left; } #products.a-search #contents .pageTitle .search-btn { float: right; font-size: 100% !important; padding-left: 20px; padding-right: 20px; } #products.a-search #content { margin-top: 30px; min-height: 0; } #products.a-search #search .col3 { margin-bottom: 0; } #products.a-search #search .col3 .col { margin-bottom: 0; width: 33.333% !important; float: left; } #products.a-search #search .other { width: 100% !important; overflow: hidden; } #products.a-search #search .other ul { width: 120%; } #products.a-search #search .other ul li { width: 24%; margin-right: 40px; float: left; } #products.a-search #search .search { text-align: center; } #products.a-search #search .search p { width: auto; margin: 0 auto; } #products.a-search #moreSearch { text-align: center; } #products.a-search #moreSearch h3 { margin-bottom: 0; *zoom: 1; } #products.a-search #moreSearch img { background: url("../img/bg_vector.png") -160px -145px no-repeat; width: 32px; height: 32px; vertical-align: middle; display: inline-block; *display: inline; *zoom: 1; } #products.a-search #moreSearchContent { overflow: hidden; } #products.a-search #contents { min-height: 600px; } #products.a-search #contentLoader { height: 800px; } #products.a-search #contentLoader div { top: 700px; } #products.a-search .watch_history { display: none; } /* PRODUCTS MODEL SEARCH */ #products.m-search #contents { min-height: 600px; } #products.m-search #localNav .m-search a { color: #F00; } #products.m-search #search { margin-bottom: 0; } #products.m-search #search ul { width: 70%; float: left; padding-top: 10px; } #products.m-search #search p { width: 30%; float: right; margin-bottom: 0; } #products.m-search #search a { float: right; } #products.m-search #search li { width: auto; text-indent: 0; margin: 0 20px 0 0; display: inline-block; *display: inline; font-weight: bold; font-size: 100%; } #products.m-search #search input { margin: 0 0 0 10px !important; display: inline-block; width: 10em; padding: 5px; -webkit-transform: scale(1, 1); } #products.m-search #search #contentTxt .contentTxtWrap { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); margin: 1px; padding: 20px; line-height: 1.2; } #products.m-search #search #contentTxt .contentTxtWrap h2 { font-size: 100%; margin-bottom: 10px; } #products.m-search #search #contentTxt .contentTxtWrap p { font-size: 81%; margin-bottom: 1em; } #products.m-search #search #contentTxt .contentTxtWrap ul { font-size: 75%; margin-bottom: 1em; color: #F33; } #products.m-search #search #contentTxt .contentTxtWrap .word { text-align: right; } #products.m-search #search ul.list-ex { width: auto !important; font-size: 75%; color: #F33; } #products.m-search #search ul.list-ex li { float: none; display: block !important; line-height: 1.2; margin: 0 0 0.8em 1.25em; text-indent: -1.5em; font-weight: normal !important; } #products.m-search #search .cap { float: left; width: 100%; padding-top: 10px; clear: both; font-size: 75%; } #products.m-search .watch_history { display: none; } /* PRODUCTS NEW PRODUCTS */ #products.newproducts #contents { min-height: 600px; } #products.newproducts #localNav .newproducts a { color: #F00; } #products.newproducts #contents .pageTitle h1 { float: left; } #products.newproducts #contents .releaseCol { margin-bottom: 0; text-align: center; } #products.newproducts #contents #dateTitle { font-size: 125%; font-weight: bold; margin-bottom: 0; } #products.newproducts #contents #release { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); border: 1px solid #000; width: 300px; margin-top: 10px; padding: 5px; float: right; } /* PRODUCTS FAVLIST */ #products.favlist #contents { min-height: 600px; } #products.favlist .error { padding: 100px 30px; } /* PRODUCTS DETAIL */ #products.detail { /* 2013.11.19 */ /* 2014.05.30 */ /* 2015.01.26 */ /* 2015.02.06 */ } #products.detail #localNav .collection a { color: #F00; } #products.detail #contents { padding-top: 60px; } #products.detail #contents h1 { font-size: 188%; margin-bottom: 10px; font-family: "Oswald-Bold", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; } #products.detail #contents #productData { padding-bottom: 40px; } #products.detail #contents #productData .productSummary { position: relative; float: left; width: 350px; line-height: 1.2; } #products.detail #contents #productData .productSummary h1 { font-size: 238% !important; } #products.detail #contents #productData .productSummary h1 span { font-size: 42%; display: block; } #products.detail #contents #productData .productSummary ul { list-style: none; } #products.detail #contents #productData .productSummary .wat { width: 100%; margin: 0 0 30px 0; position: relative; } #products.detail #contents #productData .productSummary .variation { width: 350px; height: 80px; overflow: hidden; position: relative; padding-bottom: 20px; } #products.detail #contents #productData .productSummary .variation .nav { width: auto; height: 80px; margin: 0 14px; overflow: hidden; position: relative; } #products.detail #contents #productData .productSummary .variation ul { width: 150%; height: 75px; } #products.detail #contents #productData .productSummary .variation li { width: 96px; height: 70px; position: relative; float: left; margin-right: 10px; } #products.detail #contents #productData .productSummary .variation li a { display: block; width: 100%; height: 100%; overflow: hidden; border: 2px solid #999; background: #333; position: relative; } #products.detail #contents #productData .productSummary .variation li a:hover { border-color: #FFF; } #products.detail #contents #productData .productSummary .variation li img { position: absolute; top: -50px; } #products.detail #contents #productData .productSummary .variation a.prev, #products.detail #contents #productData .productSummary .variation a.next { display: block; width: 5%; height: 75px; position: absolute; top: 0; } #products.detail #contents #productData .productSummary .variation a.prev span, #products.detail #contents #productData .productSummary .variation a.next span { position: absolute; top: 50%; margin-top: -8px; } #products.detail #contents #productData .productSummary .variation a.prev { left: -4px; } #products.detail #contents #productData .productSummary .variation a.prev span { display: block; width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -70px -30px; overflow: hidden; text-indent: -9999px; } #products.detail #contents #productData .productSummary .variation a.next { right: -4px; } #products.detail #contents #productData .productSummary .variation a.next span { display: block; width: 16px; height: 16px; background: url("../img/bg_vector.png") no-repeat -90px -30px; overflow: hidden; text-indent: -9999px; } #products.detail #contents #productData .productSummary a.fav { margin-bottom: 20px; padding: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); font-size: 100%; border: 2px solid #000; } #products.detail #contents #productData .productSummary a.fav img { margin-top: -3px; } #products.detail #contents #productData .productSummary a.fav.current, #products.detail #contents #productData .productSummary a.fav:hover { background-color: #fff; background-color: rgba(255, 255, 255, 0.1); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AFFFFFF',EndColorStr='#1AFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#1AFFFFFF',EndColorStr='#1AFFFFFF}'); border: 2px solid #333; } #products.detail #contents #productData .productBody { width: 60%; float: right; } #products.detail #contents #productData .productDetail h2 { font-size: 150%; margin-bottom: 15px; } #products.detail #contents #productData .productDetail h2 .new { font-size: 83% !important; } #products.detail #contents #productData .productDetail .productDetailWrap { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); margin: 1px 1px 1px 1px; padding: 25px 30px 20px; font-size: 75%; line-height: 1.4; } #products.detail #contents #productData .productDetail .productDetailWrap b { font-weight: bold; } #products.detail #contents #productData .productDetail .productDetailWrap li { margin-bottom: .75em; margin-left: 1em; } #products.detail #contents #productData .function { width: 350px; float: left; list-style: none; } #products.detail #contents #productData .function li { margin-bottom: 10px; } #products.detail #contents #productData .function a { display: block; background: #000; border: 2px solid #333; padding: 10px 0 10px 80px; min-height: 53px; } #products.detail #contents #productData .function a:hover { border-color: #FFF; } #products.detail #contents #productData .function a.connected { background: #000 url(../img/bg_connected.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.smpLink { background: #000 url(../img/bg_smpLink.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.connectedApp { background: #000 url(../img/bg_connectedApp.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.gMixApp { background: #000 url(../img/bg_gMixApp.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.gpApp { background: #000 url(../img/bg_gpApp.jpg) no-repeat -40px center !important; } #products.detail #contents #productData .function a.shock { background: #000 url(../img/bg_shock.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.solar { background: #000 url(../img/bg_solar.jpg) no-repeat -14px 0 !important; } #products.detail #contents #productData .function a.gps { background: #000 url(../img/bg_gps.jpg) no-repeat -40px 0 !important; } #products.detail #contents #productData .function a.triple { background: #000 url(../img/bg_triple.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.smart { background: #000 url(../img/bg_smart.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.wave { background: #000 url(../img/bg_wave.jpg) no-repeat 7px center !important; } #products.detail #contents #productData .function a.multi { background: #000 url(../img/bg_multi.jpg) no-repeat 0 0 !important; } #products.detail #contents #productData .function a.water { background: #000 url(../img/bg_water.jpg) no-repeat 0 0 !important; } #products.detail #contents #productData .function h3 { font-size: 125%; margin-bottom: 5px; } #products.detail #contents #productData .function p { font-size: 63%; line-height: 1.4; } #products.detail #contents #otherList { width: 100%; clear: both; padding-top: 30px; } #products.detail #contents #otherList ul { margin: 1px; background: #FFF; padding: 30px; } #products.detail #contents #otherList li { list-style: none; float: left; margin: 0 10px 10px 0; } #products.detail #contents #otherList img { max-width: 600px; } #products.detail .promoArea { padding: 25px 30px 17px; background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); margin: 0 1px 1px 1px; font-size: 75%; line-height: 1.4; } #products.detail .promoArea ul { width: 524px; overflow: hidden; margin-right: -8px; } #products.detail .promoArea ul li { float: left; width: 123px; height: 79px; margin: 0 8px 8px 0; list-style: none; overflow: hidden; background: #000; } #products.detail .promoArea ul li.movie { position: relative; width: 516px; height: auto; } #products.detail .promoArea ul li img { position: relative; display: block; height: 79px; margin: 0 auto; z-index: 1; } #products.detail .promoArea ul li.movie img { height: auto; width: 100%; } #products.detail .promoArea ul li.movie img.bg { position: absolute; top: 0; left: 0; z-index: 2; } #products.detail .variation-color { padding: 0 0 20px 10px; } #products.detail .terms .btns ul { width: 90%; margin: 0 auto; } #products.detail .note { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.85); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#D92E2E2E',EndColorStr='#D92E2E2E}'); background: none\9 !important; background: #031221 \9 !important; width: auto; height: auto; margin: 0 1px 1px; padding: 25px 30px 20px; font-size: 75%; line-height: 1.3; } #products.detail .note .text { margin: 0 0 5px 0; width: auto; word-wrap: break-word; padding-bottom: 10px; } #products.detail a.quickguid { position: relative; display: block; padding: 10px; margin-bottom: 10px; border: solid 1px #ccc; color: #ccc; text-align: center; font-weight: bold; } #products.detail a.quickguid:hover { color: #fff; text-decoration: none; border: solid 1px #fff; } #products.detail a.supportNumber { position: relative; display: block; padding: 10px 40px; margin-bottom: 10px; background-color: #fff; background-color: rgba(255, 255, 255, 0.2); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF',EndColorStr='#33FFFFFF}'); font-size: 150%; font-weight: bold; text-align: center; background: none\9; background: #333 \9; color: #FFF; } #products.detail a.supportNumber:hover { color: #FFF; text-decoration: none; background-color: #fff; background-color: rgba(255, 255, 255, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFFFFFF',EndColorStr='#4DFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFFFFFF',EndColorStr='#4DFFFFFF}'); background: none\9; background: #666 \9; } #products.detail a.supportNumber .ico { position: absolute; background-image: url(../img/bg_vector.png) !important; display: block; margin-top: -16px; top: 50%; right: 3%; background-position: -200px -105px; width: 32px; height: 32px; } #products.detail a.quickguid .ico { position: absolute; background-image: url(../img/bg_vector.png) !important; display: block; margin-top: -9px; top: 50%; right: 3%; background-position: -200px 0px; width: 32px; height: 32px; } #products.detail a.supportNumber .txt { vertical-align: 0.3em; padding-left: 5px; } #products.detail #shareBarDiv_wrap { width: 100%; padding-top: 30px; clear: both; } #products.detail #shareBarDiv_inr { margin: 0 0 0 0; padding: 15px 10px 10px; background: #272727; } #products.detail #shareBarDiv_wrap .tl { padding: 3px 0 3px 35px; margin-bottom: 10px; background: url(../img/ico_share.gif) no-repeat 5px center; } #products.detail .about_btn { position: relative; z-index: 100; padding: 20px 0 8px; margin-bottom: 20px; border-bottom: solid 1px #333; font-size: 77%; } #products.detail .about_btn .btn_txt { text-align: right; } #products.detail .about_btn .comment_box { position: relative; height: 0; display: none; } #products.detail .about_btn .comment_box .inr { position: absolute; top: 10px; z-index: 101; padding: 12px; border: solid 5px #ccc; background: #fff; color: #000; font-size: 90%; line-height: 1.5; } #products.detail .about_btn .comment_box .inr .lead { padding-bottom: 5px; border-bottom: solid 1px #ccc; margin-bottom: 5px; font-size: 110%; } #products.detail .about_btn .comment_box .inr .sml { font-size: 80%; } #products.detail .about_btn .comment_box .inr ol { margin-left: 20px; } #products.detail.svg img.arwR { background-image: url("../img/icon.svg") !important; } #products.detail img.arwR { background-image: url("../img/icon.png"); background-position: -13px 0; background-repeat: no-repeat; height: 12px; left: 4px; margin-top: 2px; position: relative; width: 8px; } #products.detail .btn_close { display: block; position: absolute; right: 12px; top: 7px; padding: 2px; width: 12px; height: 12px; border: solid 1px #ccc; } #products.detail .btn_close img { width: 100%; display: block; } #products.detail #shareBarDiv-reaction5 { display: none; } #products.detail .comment_box * { vertical-align: middle !important; } #products.detail .ico-fav { padding: 0 2px !important; } #products.detail #products.detail.svg #header h1 a { display: block; width: 172px; height: 29px; background-image: url("../img/logo_g.gif"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; text-indent: -9999px; } #products.detail #header h1 { width: 154px; height: 26px; float: left; margin: 23px 0 0 20px; } #products.detail #header h1 a { display: block; width: 172px; height: 29px; background-image: url("../img/logo_g.gif"); background-repeat: no-repeat; background-position: 0 0; overflow: hidden; text-indent: -9999px; } #products.detail #header h1 a img { visibility: hidden; } #products.detail .notes_price { clear: both; padding: 10px 0 0; } #products.detail .notes_price li { list-style: none; font-size: 88%; line-height: 1.4; margin-bottom: 4px; } #products.detail .btn_accordion { display: none; } #products.detail .watch_history { width: 100%; padding-bottom: 30px; -webkit-box-shadow: 0 1px 0 #484848; box-shadow: 0 1px 0 #484848; behavior: url("./resource/css/PIE.htc"); border-bottom: 1px solid #292929; } #products.detail .watch_history .wh_tl .wh_tl_inr { width: 960px; font-size: 100%; color: #fff; font-weight: bold; margin: 0 auto; padding: 15px 0 10px; } #products.detail .watch_history .wh_inr { position: relative; width: 916px; margin: 0 auto; overflow: hidden; } #products.detail .watch_history .h_list { position: relative; width: 1836px; } #products.detail .watch_history .h_list li { list-style: none; float: left; width: 102px; height: 129px; } #products.detail .watch_history .h_list li a { display: block; margin-right: 2px; padding: 17px 8px 10px; background: #fff; } #products.detail .watch_history .h_list li a:hover { background: #666; } #products.detail .watch_history .h_list li .img { text-align: center; } #products.detail .watch_history .h_list li .img img { display: block; margin: 0 auto; width: 100%; } #products.detail .watch_history .h_list li p { font-weight: bold; font-size: 70%; line-height: 1.4; } #products.detail .watch_history .h_list li .price { font-size: 90%; font-weight: normal; } #products.detail .watch_history .h_list_btns { clear: both; position: relative; width: 960px; margin: 0 auto 10px; height: 1px; } #products.detail .watch_history .h_list_btns a { position: absolute; display: block; height: 128px; width: 20px; top: -129px; background: #3f3f3f; } #products.detail .watch_history .h_list_btns a.h_list_prev { left: 0; } #products.detail .watch_history .h_list_btns a.h_list_prev span { display: block; width: 12px; height: 20px; background-image: url("../img/bg_vector.png"); background-repeat: no-repeat; background-position: -210px -150px; overflow: hidden; text-indent: -9999px; position: absolute; top: 50px; left: 3px; } #products.detail .watch_history .h_list_btns a.h_list_next { right: 0; } #products.detail .watch_history .h_list_btns a.h_list_next span { display: block; width: 12px; height: 20px; background-image: url("../img/bg_vector.png"); background-repeat: no-repeat; background-position: -210px -110px; overflow: hidden; text-indent: -9999px; position: absolute; top: 50px; right: 3px; } #products.detail .watch_history .h_list_btns a:hover { background: #666; } #products.detail .watch_history .page_count { color: #fff; width: 960px; margin: 0 auto; font-size: 88%; } #products.detail .watch_history .page_count .page_count_inr { float: right; } /* ---------------------------------------------------------------------- IDENTITY ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #identity.svg #page .concept h1, #identity.svg #page .history h1 { background-image: url(../../identity/img/pc/bg_title.svg) !important; } /* IDENTITY INDEX */ #identity.index #localNav .index a { color: #F00; } #identity.index #contents { width: 100%; } #identity.index #contents h1 { font-size: 375%; *zoom: 1; *margin-bottom: -20px; } #identity.index #contents h2 { font-size: 125%; margin-bottom: 10px; } #identity.index #contents h3 { font-size: 113%; } #identity.index #contents p { font-size: 81%; line-height: 1.8; margin-bottom: 2em; } #identity.index #contents .concept, #identity.index #contents .history, #identity.index #contents .technology { width: 100%; padding: 40px 0; margin-bottom: 0; position: relative; } #identity.index #contents .col-in { width: 960px; margin: 0 auto; position: relative; } #identity.index #contents .concept { z-index: 100; background: #000 url(../../identity/img/pc/bg_concept.jpg) top center no-repeat; padding-top: 80px; } #identity.index #contents .concept p { font-weight: bold; } #identity.index #contents .concept h1 { display: block; width: 450px; height: 40px; background-image: url("../../identity/img/pc/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; font-size: 6%; margin-bottom: 30px; } #identity.index #contents .history { z-index: 200; background: #000 url(../../identity/img/pc/bg_history.jpg) top center no-repeat; padding-bottom: 60px; position: relative; overflow: hidden; } #identity.index #contents .history .wat { z-index: 210; display: block; width: 530px; height: 600px; background-image: url("../../identity/img/pc/wat_history.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -20px; right: -70px; } #identity.index #contents .history .wat2 { z-index: 200; display: block; width: 530px; height: 600px; background-image: url("../../identity/img/pc/wat_history2.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -100px; right: 130px; } #identity.index #contents .history .read { position: relative; z-index: 220; } #identity.index #contents .history .btn { font-size: 100% !important; } #identity.index #contents .history p { margin-top: 40px !important; font-weight: bold; } #identity.index #contents .history dl { margin-bottom: 0; } #identity.index #contents .history dl dt, #identity.index #contents .history dl dd { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; } #identity.index #contents .history dl dt { font-size: 250%; width: 90px; line-height: 1.5; } #identity.index #contents .history dl dd { font-size: 75%; font-weight: bold; line-height: 1.2; } #identity.index #contents .history h1 { display: block; width: 450px; height: 40px; background-image: url("../../identity/img/pc/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 -50px ; overflow: hidden; text-indent: -9999px; font-size: 6%; margin: 11% 0 0; } #identity.index #contents .history h2 { padding: 10px 0 10%; font-size: 400%; } #identity.index #contents .technology { z-index: 300; color: #000; background: #d4ccc6 url(../../identity/img/pc/bg_technology.jpg) bottom center no-repeat; } #identity.index #contents .technology .wat { z-index: 310; display: block; width: 658px; height: 602px; background-image: url("../../identity/img/pc/wat_technology.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -30px; right: -200px; } #identity.index #contents .technology .technologyTitle { *padding-bottom: 20px; } #identity.index #contents .technology .technologyTitle img { float: left; margin-right: 10px; margin-bottom: 10px; } #identity.index #contents .technology .technologyTitle h1 { font-size: 188% !important; padding: 5px 0; *margin-bottom: 0px; } #identity.index #contents .technology .technologyTitle p { line-height: 1.2 !important; font-size: 75% !important; margin-bottom: 0; } #identity.index #contents .technology .col3 { position: relative; z-index: 320; margin-bottom: 20px !important; } #identity.index #contents .technology .more { background: #000 url(../../identity/img/pc/bg_technology_btn.jpg) 0 0 no-repeat; color: #FFF; width: auto; padding: 20px 40px 20px 150px; display: inline-block; display: inline-block; *display: inline; *zoom: 1; } #identity.index #contents .technology .more h1 { font-size: 188% !important; padding-bottom: 10px !important; *padding-bottom: 30px !important; } #identity.index #contents .technology .more p { line-height: 1.2 !important; font-size: 75% !important; margin-bottom: 1em; } #identity.index #contents .col .col-in { background-color: #000000; background-color: rgba(0, 0, 0, 0.6); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#99000000',EndColorStr='#99000000}'); width: auto; margin: 1px; padding: 20px; color: #FFF; } #identity.index #contents .col .col-in h2 { font-size: 113%; } #identity.index #contents .col .col-in h3 { font-size: 88%; margin: 5px 0; } #identity.index #contents .col .col-in p { margin-bottom: 10px; } #identity.index #contents .col .col-in p.photo { margin-bottom: 10px; } #identity.index #contents .col .col-in p.photo img { display: block; } #identity.index #contents .col .col-in .sub p { font-size: 75%; line-height: 1.4 !important; } #identity.index #contents .gps h1 { font-size: 200%; } #identity.index #contents .gps h1 sup { font-size: 44%; vertical-align: top; } #identity.index #contents .gps h2 { margin-bottom: 15px; } #identity.index #contents .gps .h2_2 { margin-bottom: 5px; padding-left: 0; border: none; font-size: 175% !important; } #identity.index #contents .gps .mb00 { margin-bottom: 0 !important; } #identity.index #contents .gps .col { margin-bottom: 0 !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub { margin-bottom: 10px; } #identity.index #contents .gps .col.type02 .col-in .col2.sub p { margin-bottom: 0 !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-2 { margin-bottom: 0 !important; } #identity.index #contents .gps .col.type02 .col-in .col2.sub .col2-2 p { padding-top: 3px; line-height: 1.5 !important; } #identity.index #contents .gps .col2.fh { margin-bottom: 10px; } #identity.index #contents .gps ul.note { margin-bottom: 30px; padding: 5px; background-color: #FFF; background-color: rgba(255, 255, 255, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80FFFFFF',EndColorStr='#80FFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80FFFFFF',EndColorStr='#80FFFFFF}'); position: relative; } #identity.index #contents .gps ul.note li { list-style: none; font-size: 75%; line-height: 1.3; text-indent: -1em; margin-left: 1em; } #identity.index #contents .gps .bd { margin-bottom: 12px; padding: 10px 0; border-top: solid 1px #fff; border-bottom: solid 1px #fff; line-height: 1.4; } #identity.index #contents .gps .bd ul { padding-top: 5px; } #identity.index #contents .gps .bd ul li { list-style: none; margin-left: 1.6em; text-indent: -1.6em; margin-bottom: 3px; } #identity.index #contents .gps .small { font-weight: normal !important; font-size: 88% !important; } /* IDENTITY HISTORY */ #identity.history #localNav .history a { color: #F00; } #identity.history #contents { width: 100%; height: 640px; padding-top: 40px; } #identity.history #contents sup { position: relative; top: -0.5em; } #identity.history #contents #bg1 { background-color: #F00; background-color: rgba(255, 0, 0, 0.3); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFF0000',EndColorStr='#4DFF0000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4DFF0000',EndColorStr='#4DFF0000}'); position: absolute; top: 230px; right: 0; width: 100%; height: 170px; z-index: 100; } #identity.history #contents #bg2 { background-color: #FFF; background-color: rgba(255, 255, 255, 0.05); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0DFFFFFF',EndColorStr='#0DFFFFFF')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#0DFFFFFF',EndColorStr='#0DFFFFFF}'); position: absolute; top: 200px; left: -220px; width: 120%; height: 200px; z-index: 100; } #identity.history #contents #bg3 { position: absolute; top: 0; left: 200px; background: url(../../identity/history/img/pc/bg_ie.png) bottom right no-repeat; width: 697px; height: 700px; display: none; z-index: 100; } #identity.history #contents .pageTitle { position: relative; z-index: 200; width: 960px; margin: 0 auto 20px auto; padding: 10px 0 15px 0; background: url(../../identity/history/img/bg_line.png) bottom right repeat-x; } #identity.history #contents .pageTitle h1 { width: auto; float: left; } #identity.history #contents .pageTitle ul { list-style: none; float: right; margin-right: 10px; } #identity.history #contents .pageTitle li { float: left; } #identity.history #contents .pageTitle a { padding: 10px; font-size: 150%; display: inline-block; *display: inline; *zoom: 1; } #identity.history #contents .pageTitle a:hover, #identity.history #contents .pageTitle a.current { color: #F00; } #identity.history #contents .pageTitle h2#year { float: none; font-size: 938%; position: absolute; top: 200px; left: 100px; } #identity.history #contents .carousel { position: relative; z-index: 200; height: 580px; } #identity.history #contents .carousel ul { height: 580px; } #identity.history #contents .carousel li { height: 580px; background: none; } #identity.history #contents .carousel li h2 { font-size: 938%; position: absolute; top: 120px; left: 100px; } #identity.history #contents .carousel li .photo { position: absolute; top: 0; right: 50px; width: 400px; } #identity.history #contents .carousel li .watData { position: absolute; top: 300px; left: 105px; width: 380px; line-height: 1.4; } #identity.history #contents .carousel li .watData h3, #identity.history #contents .carousel li .watData h4, #identity.history #contents .carousel li .watData h5, #identity.history #contents .carousel li .watData .read { width: 380px; *zoom: 1; } #identity.history #contents .carousel li .watData h3 { font-size: 125%; } #identity.history #contents .carousel li .watData h4 { font-size: 188%; } #identity.history #contents .carousel li .watData h5 { font-size: 100%; margin-bottom: 3px; } #identity.history #contents .carousel li .watData p { font-size: 75%; } #identity.history #contents .carousel .carouselNav { width: 960px; left: 50%; margin-left: -480px; } #identity.history #contents .carousel .carouselNav .prev, #identity.history #contents .carousel .carouselNav .next { height: 580px !important; } #identity.history #contents .carousel .carouselNav .prev span, #identity.history #contents .carousel .carouselNav .next span { top: 160px; } /* IDENTITY TECHNOLOGY */ #identity.technology #localNav .technology a { color: #F00; } #identity.technology #contents { position: relative; padding-top: 50px; } #identity.technology #contents #wat { background: url(../../identity/technology/img/wat.png); position: absolute; top: -160px; right: -200px; width: 544px; height: 487px; z-index: 100; } #identity.technology #contents #article1, #identity.technology #contents #article2 { position: relative; z-index: 200; } #identity.technology #contents article h2 { border: none; padding: 0; } #identity.technology #contents article .title { font-size: 100%; border-left: 3px solid #FF0000; margin-bottom: 10px; padding-left: 5px; } #identity.technology #contents article .image { text-align: center; margin-bottom: 20px; } #identity.technology #contents article .thumb { float: right; margin: 0 0 10px 10px; } #identity.technology #contents article .image-list { margin-right: -10px; margin-bottom: 10px; } #identity.technology #contents article .image-list img { padding-right: 10px; display: block; float: left; } #identity.technology #contents article .in { padding-right: 10px; } #identity.technology #contents article .col2 .col .in { padding-right: 20px; } #identity.technology #contents article .ex { margin-bottom: 30px; } #identity.technology #contents article .ex li { text-indent: -1em; padding-left: 1em; font-size: 69%; list-style: none; line-height: 1.3; } #identity.technology #contents article .clear { clear: both; } #identity.technology #contents article#article1 h2 { font-size: 150%; } #identity.technology #contents article#article1 h4 { font-size: 88%; margin-bottom: 8px; } #identity.technology #contents article#article1 .col .col-in { background-color: #000; background-color: rgba(0, 0, 0, 0.5); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#80000000',EndColorStr='#80000000}'); } #identity.technology #contents article#article2 .col2 .col1 { clear: both; float: none; width: auto; } #identity.technology #contents article#article2 .col2 .col1 .col2 { margin-top: 20px; } #identity.technology #contents article#article2 dl.subTitle { margin-bottom: 20px; } #identity.technology #contents article#article2 dl.subTitle dt, #identity.technology #contents article#article2 dl.subTitle dd { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; } #identity.technology #contents article#article2 dl.subTitle dt { padding-right: 20px; } #identity.technology #contents article#article2 dl.subTitle dd h2 { border: none; padding: 0; margin: 0; } #identity.technology #contents article#article2 dl.subTitle dd p { margin: 0; } #identity.technology #contents article#article2 h3 { padding: 5px 8px; margin-bottom: 8px; background: #1a1a1a; } /* ---------------------------------------------------------------------- G-SHOCK WORLD ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ /* PRODUCTS COMMON */ /* ---------------------------------------------------------------------- SUPPORT ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ /* PRODUCTS COMMON */ /* ---------------------------------------------------------------------- SHOP ----------------------------------------------------------------------*/ /* SHOP */ #shop .btn_back { margin-bottom: 25px; } #shop .btn_back .inr { float: left; display: block; border: solid 1px #333; background-color: #111; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #111)); background-image: -webkit-linear-gradient(top, #333, #111); background-image: -moz-linear-gradient(top, #333, #111); background-image: -o-linear-gradient(top, #333, #111); background-image: -ms-linear-gradient(top, #333, #111); background-image: linear-gradient(top, #333, #111); -pie-background: linear-gradient(#333, #111); behavior: url("/common/css/PIE.htc"); -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); } #shop .btn_back .inr a { position: relative; display: block; padding: 6px 7px 6px 28px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; behavior: url("/common/css/PIE.htc"); text-decoration: none !important; } #shop .btn_back .inr a span { font-weight: bold; text-align: center; display: block; padding: 5px 0; color: #fff; font-size: 75%; } #shop .btn_back .inr a img.arwL { position: absolute; top: 50%; left: 6px; margin-top: -7px; background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: -24px 0; width: 8px; height: 12px; } #shop #contents { padding-bottom: 30px; } #shop #contents article .tabContainer { width: 100%; } #shop #contents article .tab .tabNavigation { width: 971px; margin-right: -11px; overflow: hidden; } #shop #contents article .tab .tabNavigation li { text-align: center; margin-right: 11px; } #shop #contents article .tab .tabNavigation li a { display: block; position: relative; width: 474px; height: 38px; overflow: hidden; padding: 12px 0 2px; font-size: 125%; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; behavior: url("/common/css/PIE.htc"); background-color: #292929; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4b4b4b), color-stop(1, #292929)); background-image: -webkit-linear-gradient(top, #4b4b4b, #292929); background-image: -moz-linear-gradient(top, #4b4b4b, #292929); background-image: -o-linear-gradient(top, #4b4b4b, #292929); background-image: -ms-linear-gradient(top, #4b4b4b, #292929); background-image: linear-gradient(top, #4b4b4b, #292929); -pie-background: linear-gradient(#4b4b4b, #292929); behavior: url("/common/css/PIE.htc"); line-height: 1.5; } #shop #contents article .tab .tabNavigation li a.current { color: #fff !important; background-color: #494949; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #494949), color-stop(1, #494949)); background-image: -webkit-linear-gradient(top, #494949, #494949); background-image: -moz-linear-gradient(top, #494949, #494949); background-image: -o-linear-gradient(top, #494949, #494949); background-image: -ms-linear-gradient(top, #494949, #494949); background-image: linear-gradient(top, #494949, #494949); -pie-background: linear-gradient(#494949, #494949); behavior: url("/common/css/PIE.htc"); } #shop #contents article .tab .tabNavigation li a .en-font, #shop #contents article .tab .tabNavigation li a .pageTitle h1, .pageTitle #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a .fav, #shop #home #contents article .tab .tabNavigation li a h2, #home #shop #contents article .tab .tabNavigation li a h2, #shop #home #contents article .tab .tabNavigation li a .newsCol .inr p .newsTag, #home #shop #contents article .tab .tabNavigation li a .newsCol .inr p .newsTag, #shop #home #contents .newsCol .inr p article .tab .tabNavigation li a .newsTag, #home #shop #contents .newsCol .inr p article .tab .tabNavigation li a .newsTag, #shop #home #contents article .tab .tabNavigation li a .newProducts .counter, #home #shop #contents article .tab .tabNavigation li a .newProducts .counter, #shop #home #contents .newProducts article .tab .tabNavigation li a .counter, #home #shop #contents .newProducts article .tab .tabNavigation li a .counter, #shop #home #contents article .tab .tabNavigation li a .newProducts .date, #home #shop #contents article .tab .tabNavigation li a .newProducts .date, #shop #home #contents .newProducts article .tab .tabNavigation li a .date, #home #shop #contents .newProducts article .tab .tabNavigation li a .date, #shop #home #contents article .tab .tabNavigation li a .newProducts h3, #home #shop #contents article .tab .tabNavigation li a .newProducts h3, #shop #home #contents .newProducts article .tab .tabNavigation li a h3, #home #shop #contents .newProducts article .tab .tabNavigation li a h3, #shop #home #contents article .tab .tabNavigation .linkCol .recCol ul li.i01 a h3, #home #shop #contents article .tab .tabNavigation .linkCol .recCol ul li.i01 a h3, #shop #home #contents .linkCol .recCol ul article .tab .tabNavigation li.i01 a h3, #home #shop #contents .linkCol .recCol ul article .tab .tabNavigation li.i01 a h3, #shop #home #contents article .tab .tabNavigation .linkCol .recCol ul li.i04 a h3, #home #shop #contents article .tab .tabNavigation .linkCol .recCol ul li.i04 a h3, #shop #home #contents .linkCol .recCol ul article .tab .tabNavigation li.i04 a h3, #home #shop #contents .linkCol .recCol ul article .tab .tabNavigation li.i04 a h3, #shop #contents article .tab .tabNavigation li a #home #main h1, #home #main #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #home #main h2, #shop #contents article .tab .tabNavigation li a #home #main h3, #home #main #shop #contents article .tab .tabNavigation li a h3, #shop #contents article .tab .tabNavigation li a #home #main p, #home #main #shop #contents article .tab .tabNavigation li a p, #shop #contents article .tab .tabNavigation li #products.index .search a .lrg, #products.index .search #shop #contents article .tab .tabNavigation li a .lrg, #shop #contents article .tab .tabNavigation li a #products.index h2.tl .lrg, #products.index h2.tl #shop #contents article .tab .tabNavigation li a .lrg, #shop #contents article .tab .tabNavigation li #products.index .indexCol_movie .col-in a .txt .caption, #products.index .indexCol_movie .col-in #shop #contents article .tab .tabNavigation li a .txt .caption, #shop #contents article .tab .tabNavigation li a #products.index .indexCol .col-in .lineup h3.tl, #products.index .indexCol .col-in .lineup #shop #contents article .tab .tabNavigation li a h3.tl, #shop #contents article .tab .tabNavigation li a #products.index .indexCol .col-in .lineup .photo .prd_info h4.prd_name, #products.index .indexCol .col-in .lineup .photo .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #contents article .tab .tabNavigation li a #products.concept .colGroup .en, #products.concept .colGroup #shop #contents article .tab .tabNavigation li a .en, #shop #contents article .tab .tabNavigation li a #products.color.lineup #page .productTitle h1, #products.color.lineup #page .productTitle #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #products.limited.lineup #page .productTitle h1, #products.limited.lineup #page .productTitle #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #products.master_of_g .indexCol .lineup h3.tl, #products.master_of_g .indexCol .lineup #shop #contents article .tab .tabNavigation li a h3.tl, #shop #contents article .tab .tabNavigation li a #products.master_of_g .indexCol .lineup .photo .prd_info h4.prd_name, #products.master_of_g .indexCol .lineup .photo .prd_info #shop #contents article .tab .tabNavigation li a h4.prd_name, #shop #identity.index #contents article .tab .tabNavigation li a .history dl dt, #identity.index #shop #contents article .tab .tabNavigation li a .history dl dt, #shop #identity.index #contents .history dl article .tab .tabNavigation li a dt, #identity.index #shop #contents .history dl article .tab .tabNavigation li a dt, #shop #identity.index #contents article .tab .tabNavigation li a .history h2, #identity.index #shop #contents article .tab .tabNavigation li a .history h2, #shop #identity.index #contents .history article .tab .tabNavigation li a h2, #identity.index #shop #contents .history article .tab .tabNavigation li a h2, #shop #identity.index #contents article .tab .tabNavigation li a .technology .technologyTitle h1, #identity.index #shop #contents article .tab .tabNavigation li a .technology .technologyTitle h1, #shop #identity.index #contents .technology .technologyTitle article .tab .tabNavigation li a h1, #identity.index #shop #contents .technology .technologyTitle article .tab .tabNavigation li a h1, #shop #identity.index #contents article .tab .tabNavigation li a .technology .more h1, #identity.index #shop #contents article .tab .tabNavigation li a .technology .more h1, #shop #identity.index #contents .technology .more article .tab .tabNavigation li a h1, #identity.index #shop #contents .technology .more article .tab .tabNavigation li a h1, #shop #identity.history #contents article .tab .tabNavigation li a .pageTitle a, #identity.history #shop #contents article .tab .tabNavigation li a .pageTitle a, #shop #identity.history #contents .pageTitle article .tab .tabNavigation li a a, #identity.history #shop #contents .pageTitle article .tab .tabNavigation li a a, #shop #identity.history #contents article .tab .tabNavigation li a .pageTitle h2#year, #identity.history #shop #contents article .tab .tabNavigation li a .pageTitle h2#year, #shop #identity.history #contents .pageTitle article .tab .tabNavigation li a h2#year, #identity.history #shop #contents .pageTitle article .tab .tabNavigation li a h2#year, #shop #identity.history #contents article .tab .tabNavigation .carousel li a h2, #identity.history #shop #contents article .tab .tabNavigation .carousel li a h2, #shop #identity.history #contents .carousel article .tab .tabNavigation li a h2, #identity.history #shop #contents .carousel article .tab .tabNavigation li a h2, #shop #identity.history #contents article .tab .tabNavigation .carousel li a .watData h3, #identity.history #shop #contents article .tab .tabNavigation .carousel li a .watData h3, #shop #identity.history #contents .carousel article .tab .tabNavigation li a .watData h3, #identity.history #shop #contents .carousel article .tab .tabNavigation li a .watData h3, #shop #identity.history #contents article .tab .tabNavigation .carousel li .watData a h3, #identity.history #shop #contents article .tab .tabNavigation .carousel li .watData a h3, #shop #identity.history #contents .carousel article .tab .tabNavigation li .watData a h3, #identity.history #shop #contents .carousel article .tab .tabNavigation li .watData a h3, #shop #identity.history #contents article .tab .tabNavigation .carousel li a .watData h4, #identity.history #shop #contents article .tab .tabNavigation .carousel li a .watData h4, #shop #identity.history #contents .carousel article .tab .tabNavigation li a .watData h4, #identity.history #shop #contents .carousel article .tab .tabNavigation li a .watData h4, #shop #identity.history #contents article .tab .tabNavigation .carousel li .watData a h4, #identity.history #shop #contents article .tab .tabNavigation .carousel li .watData a h4, #shop #identity.history #contents .carousel article .tab .tabNavigation li .watData a h4, #identity.history #shop #contents .carousel article .tab .tabNavigation li .watData a h4, #shop #contents article .tab .tabNavigation li a #mobile.index .app h1, #mobile.index .app #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #mobile.index .gmix h1, #mobile.index .gmix #shop #contents article .tab .tabNavigation li a h1, #shop #contents article .tab .tabNavigation li a #mobile.index .mobile h1, #mobile.index .mobile #shop #contents article .tab .tabNavigation li a h1 { position: relative; top: 4px; font-size: 119%; line-height: 1.2; } #shop #contents article .news_wrap { margin: 1px 0 30px 1px; padding: 20px 30px 20px; background: #494949; font-size: 81%; line-height: 1.2; } #shop #contents article .news_wrap p { padding-bottom: 5px; } #shop #contents article .news_wrap .news { background: #5e5e5e; border: solid 1px #444; margin-top: 5px; padding: 15px; } #shop #contents article .news_wrap .news h2 { font-weight: bold; margin-bottom: 12px; font-size: 113%; } #shop #contents article .news_wrap .news dl + dl { margin-top: 15px; } #shop #contents article .news_wrap .news dl dt { font-weight: bold; float: left; width: 7.5em; } #shop #contents article .news_wrap .news dl dd { margin-left: 8em; } #shop #contents article .news_wrap .news dl dd a { text-decoration: underline; } #shop #contents article .news_wrap .news dl dd br + a.btn-txt { display: inline-block; margin-top: 8px; } #shop #contents article #tab01, #shop #contents article #tab02 { width: 100%; float: none; } #shop #contents article .hdr h2.en-font, #shop #contents article .hdr h2.fav, #shop #home #contents article .hdr h2, #home #shop #contents article .hdr h2, #shop #contents article .hdr #home #main h2, #shop #contents article .hdr #products.index .search a h2.lrg, #products.index .search a #shop #contents article .hdr h2.lrg, #shop #contents article .hdr #products.index h2.tl h2.lrg, #products.index h2.tl #shop #contents article .hdr h2.lrg, #shop #contents article .hdr #products.index .indexCol_movie .col-in a .txt h2.caption, #products.index .indexCol_movie .col-in a .txt #shop #contents article .hdr h2.caption, #shop #contents article .hdr #products.concept .colGroup h2.en, #products.concept .colGroup #shop #contents article .hdr h2.en, #shop #identity.index #contents article .hdr .history h2, #identity.index #shop #contents article .hdr .history h2, #shop #identity.index #contents .history article .hdr h2, #identity.index #shop #contents .history article .hdr h2, #shop #identity.history #contents article .hdr .pageTitle h2#year, #identity.history #shop #contents article .hdr .pageTitle h2#year, #shop #identity.history #contents .pageTitle article .hdr h2#year, #identity.history #shop #contents .pageTitle article .hdr h2#year, #shop #identity.history #contents article .hdr .carousel li h2, #identity.history #shop #contents article .hdr .carousel li h2, #shop #identity.history #contents .carousel li article .hdr h2, #identity.history #shop #contents .carousel li article .hdr h2 { margin-bottom: 0 !important; padding-bottom: 25px; border: none !important; padding-left: 0 !important; margin-bottom: 0 !important; font-size: 188%; padding-right: 20px; } #shop #contents article .hdr h2.en-font img, #shop #contents article .hdr h2.fav img, #shop #home #contents article .hdr h2 img, #home #shop #contents article .hdr h2 img, #shop #contents article .hdr #home #main h2 img, #shop #contents article .hdr #products.index .search a h2.lrg img, #products.index .search a #shop #contents article .hdr h2.lrg img, #shop #contents article .hdr #products.index h2.tl h2.lrg img, #products.index h2.tl #shop #contents article .hdr h2.lrg img, #shop #contents article .hdr #products.index .indexCol_movie .col-in a .txt h2.caption img, #products.index .indexCol_movie .col-in a .txt #shop #contents article .hdr h2.caption img, #shop #contents article .hdr #products.concept .colGroup h2.en img, #products.concept .colGroup #shop #contents article .hdr h2.en img, #shop #identity.index #contents article .hdr .history h2 img, #identity.index #shop #contents article .hdr .history h2 img, #shop #identity.index #contents .history article .hdr h2 img, #identity.index #shop #contents .history article .hdr h2 img, #shop #identity.history #contents article .hdr .pageTitle h2#year img, #identity.history #shop #contents article .hdr .pageTitle h2#year img, #shop #identity.history #contents .pageTitle article .hdr h2#year img, #identity.history #shop #contents .pageTitle article .hdr h2#year img, #shop #identity.history #contents article .hdr .carousel li h2 img, #identity.history #shop #contents article .hdr .carousel li h2 img, #shop #identity.history #contents .carousel li article .hdr h2 img, #identity.history #shop #contents .carousel li article .hdr h2 img { position: relative; vertical-align: baseline; height: 0.91em; padding: 0 0 0 7px; bottom: 1px; left: 0; } #shop #contents article .hdr p { margin-bottom: 0 !important; padding-bottom: 35px; font-size: 81%; } #shop #contents article .col table { margin-bottom: 35px; } #shop #contents article .col table th, #shop #contents article .col table td { font-size: 106% !important; } #shop #contents article .col table li { list-style: none; display: inline-block; *display: inline; *zoom: 1; } #shop #contents article .col .col-in { background-color: #333; background-color: #333333; *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#FF333333',EndColorStr='#FF333333}'); background: #333; } #shop #contents article .col .col-in .col2 { width: 900px; padding-bottom: 30px; margin-bottom: 30px; border-bottom: solid 1px #666; } #shop #contents article .col .col-in .col2.end { padding-bottom: 0; margin-bottom: 0; border-bottom: none; } #shop #contents article .col .col-in .col2 .col2-in { width: 940px; overflow: hidden; margin-right: -40px; } #shop #contents article .col .col-in .col2 .col { width: 430px; margin-right: 30px; } #shop #contents article .col .col-in .col2 .col .col-in { margin: 0; padding: 0; } #shop #contents article .col .col-in .col2 .col .col-in .photo { float: right; width: 230px; margin: 0 auto 5px; } #shop #contents article .col .col-in .col2 .col .col-in .photo img { width: 100%; } #shop #contents article .col .col-in .col2 .col .col-in .txt { margin-right: 240px; } #shop #contents article .col .col-in h3 { font-size: 106%; line-height: 1.2; } #shop #contents article .col .col-in p .img { display: block; margin: 10px auto; } #shop #contents article .col .info h3 { margin: 0 0 1px; padding: 7px 9px 5px; background: #3d3d3d; } #shop #contents article .col .info h3 * { vertical-align: middle; } #shop #contents article .col .info h3 img { position: relative; top: -2px; height: 1em; } #shop #contents article .col .info ul { background: #282828; padding: 7px 9px 5px; } #shop #contents article .col .info ul li { list-style: none; margin: 0 0 5px; padding: 0 0 5px; font-size: 75%; line-height: 1.4; border-bottom: solid 1px #555; } #shop #contents article .col .info ul li.end { margin-bottom: 0; padding-bottom: 0; border-bottom: none; } #shop #contents article .col .info ul li .bold { font-weight: bold; } #shop #contents article .col a:hover { text-decoration: underline; } #shop #contents article .btn03 { border-top: solid 1px #666; margin-bottom: 0; padding-top: 25px; } #shop #contents article .btn03 a { position: relative; display: inline-block; *display: inline; padding: 7px 50px 7px 10px; background: #666; } #shop #contents article .btn03 a * { vertical-align: middle; } #shop #contents article .btn03 a img.arwR { position: absolute; top: 50%; right: 10px; margin-top: -6px; background-image: url(../img/icon.png); background-repeat: no-repeat; background-position: -13px 0; width: 8px; height: 12px; } #shop #contents article .btn03 a .ico-cart { position: relative; width: 20px; padding-right: 10px; top: -2px; } #shop.online table th, #shop.online table td { padding: 12px 10px; line-height: 1.3; } #shop.online table th { font-weight: bold; } #shop.svg #contents article .btn03 a img.arwR { background-image: url(../img/icon.svg) !important; } /* ---------------------------------------------------------------------- INFO ----------------------------------------------------------------------*/ /* PRODUCTS COMMON */ #info #contents { padding-bottom: 30px; } #info #contents dl { background-color: #2e2e2e; background-color: rgba(46, 46, 46, 0.9); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#E62E2E2E',EndColorStr='#E62E2E2E')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#E62E2E2E',EndColorStr='#E62E2E2E}'); margin-bottom: 2px; } #info #contents dl dt { float: left; } #info #contents dl dt img { display: block; } #info #contents dl dd { margin-left: 240px; padding: 20px 25px 20px 0; } #info #contents dl h2 { margin-bottom: .5em; } #info #contents dl p { margin-bottom: .8em; font-size: 81%; line-height: 1.3; } #info #contents dl p.date { font-size: 69%; } /* ---------------------------------------------------------------------- MOBILE ----------------------------------------------------------------------*/ /* HIGH-RESOLUTION SCREEN */ #mobile.svg #page .pageTitle h1.title { background-image: url(../../mobile/img/bg_title.svg) !important; } #mobile.widget.svg #page .pageTitle h1.title { background-image: url(../../mobile/img/bg_title_widget.png) !important; } html body#mobile.index div#container div#page div#contents.index article.bg-tile { background: url(../img/bg_tile.jpg) top center !important; } /* MOBILE INDEX */ #mobile.index #localNav .index a { color: #f00; } #mobile.index #contents { width: 100%; } #mobile.index .app, #mobile.index .gmix, #mobile.index .mobile { text-align: center; } #mobile.index .app ul, #mobile.index .gmix ul, #mobile.index .mobile ul { list-style: none; } #mobile.index .app li, #mobile.index .gmix li, #mobile.index .mobile li { display: inline-block; *display: inline; } #mobile.index .app .col2, #mobile.index .gmix .col2, #mobile.index .mobile .col2 { width: 960px; margin: 0 auto; text-align: left; } #mobile.index .app .txt, #mobile.index .gmix .txt, #mobile.index .mobile .txt { padding: 60px 0; } #mobile.index .app .device, #mobile.index .gmix .device, #mobile.index .mobile .device { padding: 40px 0; } #mobile.index .app .device ul, #mobile.index .gmix .device ul, #mobile.index .mobile .device ul { text-align: right; } #mobile.index .app .device li, #mobile.index .gmix .device li, #mobile.index .mobile .device li { margin-left: 10px; } #mobile.index .app h1, #mobile.index .gmix h1, #mobile.index .mobile h1 { font-size: 438%; margin-bottom: 20px; line-height: 1.2; } #mobile.index .app p, #mobile.index .gmix p, #mobile.index .mobile p { font-weight: bold; line-height: 1.3; } #mobile.index .app .btn, #mobile.index .gmix .btn, #mobile.index .mobile .btn { padding: 10px; } #mobile.index .app { background: url(../../mobile/img/pc/bg_app.png) top center no-repeat; } #mobile.index .app .txt { padding-top: 140px; } #mobile.index .app #app h1 { display: block; width: 482px; height: 79px; background-image: url("../../mobile/img/h1_app.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } #mobile.index .app #app .device { width: 40.5%; position: relative; z-index: 3; text-align: center; padding: 50px 0 40px !important; } #mobile.index .app #widget h1 { display: block; width: 481px; height: 96px; background-image: url("../../mobile/img/h1_widget.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } #mobile.index .app #widget .txt { padding: 40px 0 60px; } #mobile.index .app #widget .device { padding: 20px 0 40px; } #mobile.index .gmix { background-color: #333; background-color: rgba(51, 51, 51, 0.66); *background: transparent !important; *zoom: 1; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#A8333333',EndColorStr='#A8333333')"; filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#A8333333',EndColorStr='#A8333333}'); } #mobile.index .gmix #gmix h1 { display: block; width: 472px; height: 99px; background-image: url("../../mobile/img/h1_gmix.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } #mobile.index .gmix #gmix .txt { width: 58%; position: relative; z-index: 4; padding-top: 95px; } #mobile.index .gmix #gmix .device { width: 42%; position: relative; z-index: 3; text-align: center; padding: 50px 0 40px !important; } #mobile.index .gmix #gmix .device a { position: relative; z-index: 2; } #mobile.index .gmix #gmix .device .bg { position: absolute; z-index: 1; top: 174px; left: -100px; } #mobile.index .mobile { background: #000 url(../../mobile/img/pc/bg_mobile.jpg) top center no-repeat; } #mobile.index .mobile dl dt { width: 90px; float: left; } #mobile.index .mobile dl dd { float: left; } #mobile.index .mobile dl strong { display: block; margin-bottom: 5px; } /* MOBILE DETAIL */ #mobile.detail #page .pageTitle h1.title { display: block; width: 575px; height: 95px; background-image: url("../../mobile/img/bg_title.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } #mobile.detail.android #localNav .android a { color: #f00; } #mobile.detail.iphone #localNav .iphone a { color: #f00; } #mobile.detail.widget #localNav .widget a { color: #f00; } #mobile.detail #contents { line-height: 1.5; padding-top: 30px; margin-top: 30px; padding-bottom: 30px; } #mobile.detail #contents .first-child { margin-top: 0px !important; } #mobile.detail #contents #main { float: right; width: 576px; } #mobile.detail #contents #main .lead p { margin-bottom: 15px; font-size: 88%; font-weight: bold; margin-bottom: 15px; } #mobile.detail #contents #main .lead p.normal { font-weight: normal; font-size: 81%; } #mobile.detail #contents #phone { float: left; width: 325px; } #mobile.detail #contents #phone p { margin-bottom: 20px; } #mobile.detail #contents #phone p.btn-app { text-align: center; } #mobile.detail #contents #content { float: right; width: 576px; } #mobile.detail #contents #content .col { margin-bottom: 1px; } #mobile.detail #contents #content .col.first-child { margin-top: 30px !important; } #mobile.detail #contents #content .col .col-in { padding: 30px; } #mobile.detail #contents #content .col .col-in .cap-r { float: right; margin-left: 15px; margin-bottom: 15px; } #mobile.detail #contents #content .col .col-in .cap-c { text-align: center; } #mobile.detail #contents #content .col .col-in dl.subTitle { margin-bottom: 10px; } #mobile.detail #contents #content .col .col-in dl.subTitle dt, #mobile.detail #contents #content .col .col-in dl.subTitle dd { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; } #mobile.detail #contents #content .col .col-in dl.subTitle dt { padding-right: 15px; } #mobile.detail #contents #content .col .col-in dl.subTitle dt img { vertical-align: middle; } #mobile.detail #contents #content .col .col-in dl.subTitle dd h2 { margin: 0; padding: 0; border: none; } #mobile.detail #contents #content .col .col-in dl.subTitle dd p { margin: 0; padding: 0; font-size: 75%; } #mobile.detail #contents #content .col .col-in dl.function { font-size: 81%; margin-bottom: 10px; } #mobile.detail #contents #content .col .col-in dl.function dt { font-weight: bold; margin-bottom: 5px; } #mobile.detail #contents #content .col .col-in dl.function dd { text-indent: -1em; padding-left: 1em; margin-bottom: 5px; } #mobile.detail #contents #content .col .col-in h2 { border-left: none; margin-bottom: 10px; padding-left: 50px; position: relative; line-height: 1.2; } #mobile.detail #contents #content .col .col-in h2 .ico { position: absolute; left: 0; top: 0; } #mobile.detail #contents #content .col .col-in dl dt { margin-top: 1em; } #mobile.detail #contents #content .col .col-in ul { margin-top: 1em; } #mobile.detail #contents #content .col .col-in ul li { list-style: none; } #mobile.detail #contents #content .col .note { padding: 0 0 10px; } #mobile.detail #contents #content .col .note li { margin-left: 1em; text-indent: -1em; font-size: 75%; } #mobile.detail #contents #content .col .mb15 { margin-bottom: 15px !important; } #mobile.detail #contents #content .tab { margin-top: 30px; } #mobile.detail #contents #content .tab .col { margin-top: -1px !important; } #mobile.detail #contents #content .tab .col h2 { border-left: 3px solid #FF0000; margin-bottom: 10px; padding-left: 5px; } #mobile.detail #contents #content .tab #content1 ul { border-bottom: 1px solid #292929; border-top: 1px solid #484848; padding-bottom: 20px; margin-top: 0; } #mobile.detail #contents #content .tab #content1 ul.first-child { border-top: none; } #mobile.detail #contents #content .tab #content1 ul li.odd { float: left; } #mobile.detail #contents #content .tab #content1 ul li.even { float: right; } #mobile.detail #contents #content .tab #content1 ul li dl dd { margin-top: 10px; } #mobile.detail #contents #content .tab #content1 ul li dl dd span { display: table-cell !important; vertical-align: middle; *display: inline; *zoom: 1; } #mobile.detail #contents #content .tab #content1 ul li dl dd span.icon { padding-right: 10px; } #mobile.detail #contents #content .tab #content1 ul li dl dd span.text { width: 200px; } #mobile.detail #contents #content .tab #content1 ul li dl dd span img { vertical-align: middle; } #mobile.detail #contents #content .tab #content2 .section { border-bottom: 1px solid #292929; border-top: 1px solid #484848; padding: 20px 0; } #mobile.detail #contents #content .tab #content2 .section.first-child { padding-top: 0; border-top: none; } #mobile.detail #contents #content .tab #content2 .section .image { float: right; margin: 0 0 20px 10px; } #mobile.detail #contents #content .tab #content2 .section .image-c { text-align: center; } #mobile.detail #contents #content .tab #content2 .section .image-c img { padding: 0 5px; vertical-align: middle; } #mobile.detail #contents #content .tab #content3 ul { margin-right: -30px; } #mobile.detail #contents #content .tab #content3 ul li { float: left; margin-right: 25px; margin-bottom: 30px; } #mobile.detail #contents #sub { float: left; width: 325px; line-height: 1.3; } #mobile.detail #contents #sub h3 { margin: 20px 0 5px 0; font-weight: bold; } #mobile.detail #contents #sub p { margin-bottom: 1em; font-size: 75%; } #mobile.detail #contents #sub ul li { font-size: 75%; margin-bottom: .25em; } #mobile.detail #contents #sub ul.list-ex { margin-top: 1em; } #mobile.detail.gmix #localNav .gmix a { color: #f00; } #mobile.detail.gmix #page .pageTitle h1.title { background-image: url(../../mobile/gmix_app/img/title.png) !important; background-position: 0 0; background-repeat: no-repeat; display: block; height: 86px; overflow: hidden; text-indent: -9999px; width: 565px; } #mobile.detail.gmix #page .pageTitle .ico_gmix { display: block; margin-bottom: 40px; } #mobile.detail.gmix #sub { display: block; border: solid 2px #f00; padding: 10px; margin: 0 auto 0 35px; width: 232px !important; } #mobile.detail.gmix #sub h3 { margin: 0 0 5px 0 !important; } #mobile.detail.gmix #sub p { text-align: left; margin-bottom: 0 !important; } #mobile.detail.gmix .txtd_ul { text-decoration: underline !important; } #mobile.detail.gmix .txtd_ul:hover { text-decoration: none !important; } #mobile.widget #page .pageTitle h1.title { display: block; width: 557px; height: 104px; background-image: url("../../mobile/img/bg_title_widget.png") ; background-repeat: no-repeat ; background-position: 0 0 ; overflow: hidden; text-indent: -9999px; } #mobile.widget #contents { line-height: 1.5; padding-top: 30px; margin-top: 30px; padding-bottom: 30px; } #mobile.widget #contents .first-child { margin-top: 0px !important; } #mobile.widget #contents #main { float: right; width: 576px; } #mobile.widget #contents #main .lead p { margin-bottom: 15px; font-size: 88%; font-weight: bold; margin-bottom: 15px; } #mobile.widget #contents #phone { float: left; width: 325px; } #mobile.widget #contents #phone p { margin-bottom: 20px; } #mobile.widget #contents #phone p.btn-app { text-align: center; } #mobile.widget #contents #content { float: right; width: 576px; padding-top: 205px; } #mobile.widget #contents #content .col { margin-bottom: 1px; } #mobile.widget #contents #content .col.first-child { margin-top: 30px !important; } #mobile.widget #contents #content .col .col-in { padding: 30px; } #mobile.widget #contents #content .col .col-in .cap-r { float: right; margin-left: 15px; margin-bottom: 15px; } #mobile.widget #contents #content .col .col-in .cap-c { text-align: center; } #mobile.widget #contents #content .col .col-in dl.subTitle { margin-bottom: 10px; } #mobile.widget #contents #content .col .col-in dl.subTitle dt, #mobile.widget #contents #content .col .col-in dl.subTitle dd { display: table-cell; vertical-align: middle; *display: inline; *zoom: 1; } #mobile.widget #contents #content .col .col-in dl.subTitle dt { padding-right: 15px; } #mobile.widget #contents #content .col .col-in dl.subTitle dt img { vertical-align: middle; } #mobile.widget #contents #content .col .col-in dl.subTitle dd h2 { margin: 0; padding: 0; border: none; } #mobile.widget #contents #content .col .col-in dl.subTitle dd p { margin: 0; padding: 0; font-size: 75%; } #mobile.widget #contents #content .col .col-in dl.function { font-size: 81%; margin-bottom: 10px; } #mobile.widget #contents #content .col .col-in dl.function dt { font-weight: bold; margin-bottom: 5px; } #mobile.widget #contents #content .col .col-in dl.function dd { text-indent: -1em; padding-left: 1em; margin-bottom: 5px; } #mobile.widget #contents #content .col .col-in h2 { border-left: none; margin-bottom: 10px; padding-left: 50px; position: relative; line-height: 1.2; } #mobile.widget #contents #content .col .col-in h2 .ico { position: absolute; left: 0; top: 0; } #mobile.widget #contents #content .col .col-in dl dt { margin-top: 1em; } #mobile.widget #contents #content .col .col-in ul { margin-top: 1em; } #mobile.widget #contents #content .col .col-in ul li { list-style: none; float: none !important; } #mobile.widget #contents #content .tab { margin-top: 30px; } #mobile.widget #contents #content .tab .tabNavigation li { margin-right: 5px !important; text-align: center; } #mobile.widget #contents #content .tab .tabNavigation li a { position: relative; width: 158px; } #mobile.widget #contents #content .tab .tabNavigation li a.current { background: none repeat scroll 0 0 #2e2e2e; } #mobile.widget #contents #content .tab .tabNavigation li a span.img { position: absolute; left: 0; top: -205px; width: 100%; display: block; text-align: center; vertical-align: bottom; } #mobile.widget #contents #content .tab .tabNavigation li.mr00 { margin-right: 0 !important; } #mobile.widget #contents #content .tab .col { margin-top: -1px !important; } #mobile.widget #contents #content .tab .col h2 { border-left: 3px solid #FF0000; margin-bottom: 10px; padding-left: 5px; } #mobile.widget #contents #content .tab .col .col-in, #mobile.widget #contents #content .tab .col2 .col-in, #mobile.widget #contents #content .tab .col3 .col-in, #mobile.widget #contents #content .tab .col4 .col-in { background-color: #2e2e2e; } #mobile.widget #contents #content .tab .col .col-in h2.title, #mobile.widget #contents #content .tab .col2 .col-in h2.title, #mobile.widget #contents #content .tab .col3 .col-in h2.title, #mobile.widget #contents #content .tab .col4 .col-in h2.title { border-left: none !important; margin-bottom: 10px !important; padding-left: 0 !important; font-family: "Oswald-Bold","Helvetica","Arial","Verdana",sans-serif; font-weight: normal; font-size: 100%; } #mobile.widget #contents #content .tab .col .col-in h2.title span.large, #mobile.widget #contents #content .tab .col2 .col-in h2.title span.large, #mobile.widget #contents #content .tab .col3 .col-in h2.title span.large, #mobile.widget #contents #content .tab .col4 .col-in h2.title span.large { font-size: 200%; } #mobile.widget #contents #content .tab #content1 .section, #mobile.widget #contents #content .tab #content2 .section, #mobile.widget #contents #content .tab #content3 .section { padding: 20px 0; } #mobile.widget #contents #content .tab #content1 .section.first-child, #mobile.widget #contents #content .tab #content2 .section.first-child, #mobile.widget #contents #content .tab #content3 .section.first-child { border-bottom: 1px solid #292929; padding-top: 0; border-top: none; } #mobile.widget #contents #content .tab #content1 .section.bd_t, #mobile.widget #contents #content .tab #content2 .section.bd_t, #mobile.widget #contents #content .tab #content3 .section.bd_t { border-top: 1px solid #484848; } #mobile.widget #contents #content .tab #content1 .section .qr_image, #mobile.widget #contents #content .tab #content2 .section .qr_image, #mobile.widget #contents #content .tab #content3 .section .qr_image { float: right; margin: 0 0 20px 10px; } #mobile.widget #contents #content .tab #content1 .section .headding, #mobile.widget #contents #content .tab #content2 .section .headding, #mobile.widget #contents #content .tab #content3 .section .headding { margin-right: 120px; } #mobile.widget #contents #content .tab #content1 .section ul, #mobile.widget #contents #content .tab #content2 .section ul, #mobile.widget #contents #content .tab #content3 .section ul { border: none; margin-left: 1.5em; } #mobile.widget #contents #content .tab #content1 .section ul li, #mobile.widget #contents #content .tab #content2 .section ul li, #mobile.widget #contents #content .tab #content3 .section ul li { list-style: disc; margin-right: 0; margin-bottom: 3px; } #mobile.widget #contents #content .tab #content1 .section .images, #mobile.widget #contents #content .tab #content2 .section .images, #mobile.widget #contents #content .tab #content3 .section .images { text-align: center; padding-top: 30px; } #mobile.widget #contents #content .tab #content3 ul li { float: none !important; } #mobile.widget #contents .sub { float: left; width: 325px; line-height: 1.3; } #mobile.widget #contents .sub h3 { margin: 20px 0 5px 0; font-weight: bold; } #mobile.widget #contents .sub p { margin-bottom: 1em; font-size: 75%; } #mobile.widget #contents .sub ul li { font-size: 75%; margin-bottom: .25em; } #mobile.widget #contents .sub ul.list-ex { margin-top: 1em; } /* ---------------------------------------------------------------------- MAIL ----------------------------------------------------------------------*/ /* MAIL */ #mail #contents .col .col-in { height: 25em; } #mail #contents ul { margin-top: 40px; text-align: center; } #mail #contents li { list-style: none; display: inline-block; *display: inline; *zoom: 1; padding-right: 20px; } #mail #contents li .btn { padding: 20px 50px; } #mail #contents li.cancel .btn { background-color: #666; } /* ---------------------------------------------------------------------- CONTACT ----------------------------------------------------------------------*/ /* CONTACT */ #contact .col .col-in { height: 20em; padding: 20px; } #contact .col .col-in p.info { text-align: center; } #contact .col .col-in p.info a.btn { display: block; padding: 20px 0; font-weight: bold; } /* ---------------------------------------------------------------------- ERROR ----------------------------------------------------------------------*/ /* ERROR */ #error #contents .col .col-in { margin: 1px; height: 20em; } #error #contents ul { margin-top: 40px; } #error #contents li { list-style: none; display: inline-block; *display: inline; *zoom: 1; padding-right: 20px; } #error #contents li .btn { padding: 20px 50px; } /* ---------------------------------------------------------------------- Watch History ----------------------------------------------------------------------*/ .cookieTest article h2 { font-size: 150%; margin-bottom: 20px; } .cookieTest #prd_img, .cookieTest #prd, .cookieTest #price { font-size: 120%; margin-bottom: 10px; } .cookieTest #prd_img { width: 300px; margin-left: 30px; padding-bottom: 30px; } .cookieTest #prd_img img { width: 100%; } .cookieTest #contents article { width: 960px; margin: 0 auto 30px; } .cookieTest .infoCol li a:visited, .cookieTest #home #contents .gworldCol li a:visited, #home #contents .cookieTest .gworldCol li a:visited { color: #666; } .watch_history { width: 100%; padding-bottom: 15px; -webkit-box-shadow: 0 1px 0 #484848; box-shadow: 0 1px 0 #484848; behavior: url("/common/css/PIE.htc"); border-bottom: 1px solid #292929; } .watch_history .wh_tl .wh_tl_inr { width: 960px; font-size: 100%; color: #fff; font-weight: bold; margin: 0 auto; padding: 15px 0 10px; } .watch_history .wh_inr { position: relative; width: 916px; margin: 0 auto; overflow: hidden; } .watch_history .h_list { position: relative; width: 1836px; } .watch_history .h_list li { list-style: none; float: left; width: 102px; height: 129px; } .watch_history .h_list li a { display: block; margin-right: 2px; padding: 17px 8px 10px; background: #fff; } .watch_history .h_list li .img { text-align: center; } .watch_history .h_list li .img img { display: block; margin: 0 auto; width: 100%; } .watch_history .h_list li p { font-weight: bold; font-size: 70%; line-height: 1.4; } .watch_history .h_list li .price { font-size: 90%; font-weight: normal; } .watch_history .h_list_btns { clear: both; position: relative; width: 960px; margin: 0 auto 10px; height: 1px; } .watch_history .h_list_btns a { position: absolute; display: block; height: 128px; width: 20px; top: -129px; background: #3f3f3f; } .watch_history .h_list_btns a.h_list_prev { left: 0; } .watch_history .h_list_btns a.h_list_prev span { display: block; width: 12px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -210px -150px ; overflow: hidden; text-indent: -9999px; position: absolute; top: 50px; left: 3px; } .watch_history .h_list_btns a.h_list_next { right: 0; } .watch_history .h_list_btns a.h_list_next span { display: block; width: 12px; height: 20px; background-image: url("../img/bg_vector.png") ; background-repeat: no-repeat ; background-position: -210px -110px ; overflow: hidden; text-indent: -9999px; position: absolute; top: 50px; right: 3px; } .watch_history .h_list_btns a:hover { background: #666; } .watch_history .page_count { color: #fff; width: 960px; margin: 0 auto; font-size: 88%; } .watch_history .page_count .page_count_inr { float: right; } /*# sourceMappingURL=desktop.css.map */