@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 #mainG-LIDE dl, #home #main #mainGW-A1000 .crbtns, #home #main #mainGW-A1000 .crbtns .crbtn02 p, #home #main #mainBLEv2 .crbtns, #home #main #mainBLEv2 .crbtns .crbtn02 p, #home #main #mainG-LIDE2 dl, #home #main #mainG-LIDE3 dl, #concept.index #contents .history dl, #concept.history #contents .pageTitle, #concept.history #contents .carousel li .read p, #technology .pageTitle, #technology .navCol ul, #technology.detail .articleCol, #technology.detail .col, #products .pager, #products #search, #products #search .col-in, #products.index #contents .ble .col-in, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3, #products.finder #contents, #products.a-search #contents .pageTitle, #products.a-search #search .other ul, #products.newproducts #contents .pageTitle, #products.detail #contents #productData, #products.detail #contents #otherList ul, #app.index .col dl.mobile, #app.index .col dl.mobile dd dl, #app.detail #contents, #app.detail #contents #content .col .col-in, #app.detail #contents #content .tab #content1 ul, #app.detail #contents #content .tab #content2 .section, #app.detail #contents #content .tab #content3 ul, #info #contents dl, #shop #contents article .hdr, #shop #contents article .col .col-in { *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 #mainG-LIDE dl:before, #home #main #mainGW-A1000 .crbtns:before, #home #main #mainGW-A1000 .crbtns .crbtn02 p:before, #home #main #mainBLEv2 .crbtns:before, #home #main #mainBLEv2 .crbtns .crbtn02 p:before, #home #main #mainG-LIDE2 dl:before, #home #main #mainG-LIDE3 dl:before, #concept.index #contents .history dl:before, #concept.history #contents .pageTitle:before, #concept.history #contents .carousel li .read p:before, #technology .pageTitle:before, #technology .navCol ul:before, #technology.detail .articleCol:before, #technology.detail .col:before, #products .pager:before, #products #search:before, #products #search .col-in:before, #products.index #contents .ble .col-in:before, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:before, #products.finder #contents: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, #app.index .col dl.mobile:before, #app.index .col dl.mobile dd dl:before, #app.detail #contents:before, #app.detail #contents #content .col .col-in:before, #app.detail #contents #content .tab #content1 ul:before, #app.detail #contents #content .tab #content2 .section:before, #app.detail #contents #content .tab #content3 ul:before, #info #contents dl:before, #shop #contents article .hdr:before, #shop #contents article .col .col-in: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 #mainG-LIDE dl:after, #home #main #mainGW-A1000 .crbtns:after, #home #main #mainGW-A1000 .crbtns .crbtn02 p:after, #home #main #mainBLEv2 .crbtns:after, #home #main #mainBLEv2 .crbtns .crbtn02 p:after, #home #main #mainG-LIDE2 dl:after, #home #main #mainG-LIDE3 dl:after, #concept.index #contents .history dl:after, #concept.history #contents .pageTitle:after, #concept.history #contents .carousel li .read p:after, #technology .pageTitle:after, #technology .navCol ul:after, #technology.detail .articleCol:after, #technology.detail .col:after, #products .pager:after, #products #search:after, #products #search .col-in:after, #products.index #contents .ble .col-in:after, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:after, #products.finder #contents: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, #app.index .col dl.mobile:after, #app.index .col dl.mobile dd dl:after, #app.detail #contents:after, #app.detail #contents #content .col .col-in:after, #app.detail #contents #content .tab #content1 ul:after, #app.detail #contents #content .tab #content2 .section:after, #app.detail #contents #content .tab #content3 ul:after, #info #contents dl:after, #shop #contents article .hdr:after, #shop #contents article .col .col-in: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 #mainG-LIDE dl:after, #home #main #mainGW-A1000 .crbtns:after, #home #main #mainGW-A1000 .crbtns .crbtn02 p:after, #home #main #mainBLEv2 .crbtns:after, #home #main #mainBLEv2 .crbtns .crbtn02 p:after, #home #main #mainG-LIDE2 dl:after, #home #main #mainG-LIDE3 dl:after, #concept.index #contents .history dl:after, #concept.history #contents .pageTitle:after, #concept.history #contents .carousel li .read p:after, #technology .pageTitle:after, #technology .navCol ul:after, #technology.detail .articleCol:after, #technology.detail .col:after, #products .pager:after, #products #search:after, #products #search .col-in:after, #products.index #contents .ble .col-in:after, #products.gulfmaster.concept #contents .colGroup .colContents .col ul.col3:after, #products.finder #contents: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, #app.index .col dl.mobile:after, #app.index .col dl.mobile dd dl:after, #app.detail #contents:after, #app.detail #contents #content .col .col-in:after, #app.detail #contents #content .tab #content1 ul:after, #app.detail #contents #content .tab #content2 .section:after, #app.detail #contents #content .tab #content3 ul:after, #info #contents dl:after, #shop #contents article .hdr:after, #shop #contents article .col .col-in:after { clear: both; }

.en-font, .pageTitle h1, .fav, #header #globalNav li div.hover, #home #contents h2, #home #contents .newsCol .inr p .newsTag, #home #contents .featuredProducts .date, #home #contents .featuredProducts h3, #home #contents .newProducts .tl a .more, #home #contents .newProducts .counter, #home #contents .newProducts .date, #home #contents .newProducts h3, #home #contents .linkCol .recCol ul li.i01 a h3, #home #main h1, #home #main h2, #home #main h3, #home #main p, #concept.index #contents .history dl dt, #concept.history #contents .pageTitle a, #concept.history #contents .pageTitle h2#year, #concept.history #contents .carousel li h2, #concept.history #contents .carousel li .watData h3, #concept.history #contents .carousel li .watData h4, #products.index #contents .indexCol .col-in h1, #products.collection #main h1, #products.concept .colGroup .en, #products.detail #contents h1 { font-family: "Oswald-Bold", "Impact", "Helvetica", "Arial", "Verdana", sans-serif; font-weight: normal; }

.btn-linear-gradient, #header #primalyNav li a, #products.index #contents .search a, #products.concept .colGroup .colHeader .btn, #products.finder #contents .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("/global/it/wat/ble/common1/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("/global/it/wat/ble/common1/css/PIE.htc"); -webkit-box-shadow: 0 1px 0 #646464; box-shadow: 0 1px 0 #646464; behavior: url("/global/it/wat/ble/common1/css/PIE.htc"); display: block; border: 1px solid #000; }
.btn-linear-gradient div, #header #primalyNav li a div, #products.index #contents .search a div, #products.concept .colGroup .colHeader .btn div, #products.finder #contents .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("/global/it/wat/ble/common1/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("/global/it/wat/ble/common1/css/PIE.htc"); }

/* ---------------------------------------------------------------------- HIGH-RESOLUTION SCREEN
----------------------------------------------------------------------*/
.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: url("../img/bg_vector.svg") no-repeat 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: url("../img/bg_vector.svg") no-repeat 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-str, .svg p.tag-team, .svg p.tag-sns, .svg p.tag-world, .svg p.tag-jp, .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-col, .svg p.tag-rus, .svg p.tag-idn, .svg p.tag-phl, .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-col, .svg p.tag-special, .svg p.tag-rus, .svg p.tag-idn, .svg p.tag-phl { 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: url("../img/btn_app-store.svg") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; margin: 0 auto; }
.svg .btn-itune img { visibility: hidden; }

@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) { #header h1 a { display: block; width: 172px; height: 29px; background: url("../img/logo_g@2x.gif") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; background-size: 100% auto; }
  #header h1 a 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("/global/it/wat/ble/common1/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: url("../img/bg_vector.png") no-repeat 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: url("../img/pc/bg_prev.png") no-repeat 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: url("../img/pc/bg_next.png") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: 200px; left: 10px; }

/* products list */
.model { width: 100%; list-style: none; margin-bottom: 40px; *padding-right: 5px; }
.model li { position: relative; float: left; width: 20%; }
.model li .productWrap { 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; }
.model li .productWrap:hover { background-color: #333333; 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}'); }
.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 #000; }
.model li .photo img { width: 95%; -ms-interpolation-mode: bicubic; }
.model li .productData { border-top: 1px solid #444; margin: 0 10px; padding: 10px 5px 10px 5px; line-height: 1.2; }
.model li .productData h3 { font-size: 88%; 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 p { margin: -10px 15px 0 15px; padding-bottom: 10px; }
.model li .notes { color: #f00; }
.model li.blank .productWrap { background-color: white; 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-left: 5px; margin-bottom: 10px; }
.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 { display: block; width: 72px; height: 73px; background: url("../img/pc/bg_tag.png") no-repeat 0 0 ; overflow: hidden; text-indent: -9999px; position: absolute; top: -3px; right: -3px; 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-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-col, p.tag-rus, p.tag-idn, p.tag-phl { display: block; width: 50px; height: 50px; background: url("../img/pc/bg_tag.png") no-repeat 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: -165px -272px; }

p.tag-mys { background-position: -218px -272px; }

p.tag-col { background-position: -273px -271px; }

p.tag-rus { background-position: -334px -271px; }

p.tag-idn { background-position: -386px -271px; }

p.tag-phl { background-position: -331px -160px; }

/* btn */
.btn-linear-gradient:hover, #header #primalyNav li a:hover, #products.index #contents .search a:hover, #products.concept .colGroup .colHeader .btn:hover, #products.finder #contents .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("/global/it/wat/ble/common1/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; display: block; padding: 5px 0 2px 0; background: #1a1a1a; color: #FFF !important; text-align: center; font-size: 88%; *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; }

.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("/global/it/wat/ble/common1/css/PIE.htc"); background-color: #990000; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, red), color-stop(1, #990000)); background-image: -webkit-linear-gradient(top, red, #990000); background-image: -moz-linear-gradient(top, red, #990000); background-image: -o-linear-gradient(top, red, #990000); background-image: -ms-linear-gradient(top, red, #990000); background-image: linear-gradient(top, red, #990000); -pie-background: linear-gradient(#ff0000, #990000); behavior: url("/global/it/wat/ble/common1/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("/global/it/wat/ble/common1/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-room #page { background: url(../img/pc/bg_room.jpg) top center no-repeat; }

/* ---------------------------------------------------------------------- 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 { margin: 23px 0 0 20px; float: left; }
#header h1 a { display: block; width: 172px; height: 29px; background: url("../img/logo_g.gif") no-repeat 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: 100px; }
#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 { padding: 10px 0; font-size: 113%; }
#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: url("../img/bg_vector.png") no-repeat 0 -105px ; overflow: hidden; text-indent: -9999px; }
#header #primalyNav #pnFav div { display: block; width: 32px; height: 30px; background: url("../img/bg_vector.png") no-repeat -40px -105px ; overflow: hidden; text-indent: -9999px; }
#header #primalyNav #pnFinder div { display: block; width: 32px; height: 30px; background: url("../img/bg_vector.png") no-repeat -80px -105px ; overflow: hidden; text-indent: -9999px; }
#header #otherNav { display: none; }
#header #localNav { background-color: white; 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; }

#concept #gnConcept a, #products #gnProducts a, #technology #gnTechnology a, #gworls #gnGworld a, #app #gnApp a, #shop #gnShop a { color: #F00; }

/* ---------------------------------------------------------------------- FOOTER
----------------------------------------------------------------------*/
#footer { background: #333333; min-height:50px; }
#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: #cccccc; 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 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 a { color: #cccccc; font-size: 75%; }
#footer #fnSitemap .other { padding-top: .8em; }
#footer #fnOther { background-color: #333333; border-top: 1px solid #484848; font-size: 75%; padding: 15px 0; }
#footer #fnOther ul { float: left; }
#footer #fnOther li { float: left; color: #cccccc; 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 { position: relative; width: 960px; margin: 0 auto; min-height: 400px; }

/* ---------------------------------------------------------------------- SHARE
----------------------------------------------------------------------*/