@charset "utf-8"; /** * TABLET STYLE * @version 0.0.6 2012-04-16 * @author utix * @description [ NOTE ] 0. CONTAINER 1. HEADER 2. FOOTER 3. CONTENTS [ FONT SIZE (body=13px) ] 10px 77% | 11px 85% 12px 93% (was 93%) | 13px 100% 14px 108% (was 107%) | 15px 116% (was 114%) 16px 123.1% (was 122%) | 17px 131% (was 129%) 18px 138.5% (was 136%) | 19px 146.5% (was 144%) 20px 153.9% (was 152%) | 21px 161.6% (was 159%) 22px 167% | 23px 174% 24px 182% | 25px 189% 26px 197% */ /* ---------------------------------------- * 0. CONTAINER * ---------------------------------------- */ body{color:#333; height:auto; min-width:640px; width:100%; overflow:hidden;} #menuNav{display:none;} /* ---------------------------------------- * 1. HEADER * ---------------------------------------- */ #header {height:70px;} #siteID a{display:block; width:120px; height:35px; margin:26px; float:left;} #globalNav{position:absolute; top:26px; right:70px; height:20px; overflow:visible; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; z-index:200;} #globalNav h2{font-size:116%; color:#333;} #globalNav li{float:left; overflow:visible;} #globalNav #gnHome{margin-left:10px;} #globalNav #gnShop{margin-right:10px;} #globalNav a{display:block; padding:10px 0; height:20px; margin:-8px 10px 0 10px; position:relative; background:#FFF;} #globalNav a .line{ position:absolute; bottom:5px; left:0; width:100%; height:3px; background:#FFF;} #globalNav a.current h2{color:#999;} #globalNav a.current .line{background:#ccc;} #moreNav{position:absolute; top:0px; right:0;} #moreNav a{display:block; padding:29px 20px; background:url(../img/arrow-b-b.gif) no-repeat center 50px;} #primaryNav{position:absolute; top:70px; left:0; width:100%; z-index:100; padding:20px 0; overflow:hidden; background:rgba(0,0,0,.8);} #primaryNav a{color:#FFF; line-height:1.4;} #primaryNav .primary{float:left; margin:0 0 0 20px; margin-right:-5px; width:65%;} #primaryNav .primary li{width:31%; height:200px; float:left; margin:0 10px 20px 0;} #primaryNav .primary .photo{width:100%; height:100px; margin-bottom:10px;} #primaryNav .primary h2{margin-bottom:5px; font-size:122%;} #primaryNav .primary p{margin-bottom:10px; font-size:85%; margin-bottom:0; font-size:93%;} #primaryNav .other{float:left; margin-left:10px; } #primaryNav .other a{display:block; padding:5px 0 5px 10px; background:url(../img/arrow-l-w.gif) no-repeat 0 10px; font-size:93%;} #closeNav{position:absolute; top:90px; right:15px; z-index:200;} #closeNav a{color:#FFF; display:block; padding-top:35px; background:url(../img/bg_close.gif) no-repeat center 0; font-size:85%;} #primaryNav #pnNewProducts .photo{background:#000 url(../img/bg_newproducts.gif) no-repeat center center;} #primaryNav #pnNewProducts h2{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important; font-weight:bold; font-size:114%; padding-top:2px;} #primaryNav #pnMovie .photo{background:#000 url(../img/bg_movie.gif) no-repeat center center;} #primaryNav #pnPresent .photo{background:#000 url(../img/bg_present.gif) no-repeat 20% 80%;} #primaryNav #pnArchive .photo{background:#000 url(../img/bg_archive.gif) no-repeat center center;} /* ---------------------------------------- * 2. FOOTER * ---------------------------------------- */ #footer ul{width:450px; float:left; margin-left:20px;} #footer li{display:block; float:left; margin-right:10px; padding-top:2px;} #footer li.g-shock{padding:0; padding-top:3px;} #footer small{width:220px; float:right; text-align:right; vertical-align:middle; margin-right:20px;} #footer small span{padding-top:2px; display:block; float:right;} #footer small a.logo{display:block; margin-left:5px; width:74px; height:15px; float:right;} /* ---------------------------------------- * 3. CONTAINER * ---------------------------------------- */ #container{margin:0 20px; position:relative; z-index:1000;} #categoryTitle{width:100%; vertical-align:middle; position:relative; padding-top:15px; z-index:100;} #categoryTitle h1, #categoryTitle p{display:table-cell; /display:inline; zoom:1; vertical-align:middle;} #categoryTitle h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:272%; line-height:1.5;} #categoryTitle p{color:#666; line-height:1.5; padding-left:20px; padding-top:3px; /padding-top:20px;} #categoryTitle img{position:absolute;} #pageFooter{width:100%; zoom:1; margin-top:20px; clear:both;} #pageFooter ul, #pageFooter ol{list-style:none; width:auto; float:left;} #pageFooter a, #pageFooter span{font-weight:bold; font-size:100%;} #pageFooter:before, #pageFooter:after { content:""; display:block; overflow:hidden; } #pageFooter:after { clear:both; } #pageFooter ol { list-style:none; padding-bottom:10px; font-size:93%; height:100%; } #pageFooter ol li { display:inline; color:#999; } #pageFooter ol span {color:#999; } #pageFooter p{float:right;} #pageFooter p a{display:block; background:url(../img/bg_pagetop.gif) no-repeat center right; padding-right:20px;} #container h2.pageTitle{font-size:114%; border-left:3px solid #1ba298; padding-left:6px; margin-bottom:10px;} #container h2.pageTitle_2{font-size:110%; border-left:3px solid #1ba298; padding-left:6px; margin-bottom:10px;} #categoryAbout{width:100%; vertical-align:middle; position:relative; padding-bottom:15px; z-index:100;} #categoryAbout h1, #categoryAbout p{display:table-cell; /display:inline; zoom:1; vertical-align:middle;} #categoryAbout h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:272%; line-height:1.5;} #categoryAbout p{color:#666; line-height:1.5; padding-left:20px; padding-top:3px; /padding-top:20px;} #categoryAbout img{position:absolute;} /* ---------------------------------------- * 4. HOME * ---------------------------------------- */ #home #wrap{background:#f5f7fb;} #home #main{width:100%; height:100%; z-index:200; position:relative; z-index:100; overflow:hidden; background:#f5f7fb; min-height:560px;} #home #main h1{position:absolute; top:-5%; left:5%; width:40%;} #home #main h1 img.title{width:100%;} #home #main img.bg{display:block; margin:0 auto; width:100%;} #home #container{/*position:absolute; bottom:130px;*/ margin-top:-160px;} #home #container ul{list-style:none;} #home #container #bannerCol{position:relative;} /*#home #container #bannerCol .event{width:100px; height:100px; position:absolute; top:-80px; left:0;} #home #container #bannerCol .event img{position:absolute; top:-3px; left:0;} #home #container #bannerCol .event .eventIMG{width:113px;} 20130425*/ #home #container #bannerCol .event{width:200px; height:100px; position:absolute; top:5px; right:0;} #home #container #bannerCol .event img{position:absolute; top:-5px; left:5px; border:solid 2px #414452;} #home #container #bannerCol .event .eventIMG{width:100%;} #home #container #bannerCol .tieup{width:100px; height:100px; position:absolute; top:-80px; left:0;} #home #container #bannerCol .tieup img{position:absolute; top:-3px; left:0;} #home #container #bannerCol .tieup .tieupIMG{width:113px;} #home #container #bannerCol .hawaii{width:100px; height:100px; position:absolute; top:-80px; left:220px;} #home #container #bannerCol .hawaii img{position:absolute; top:0; left:0;} #home #container #bannerCol .hawaii .hawaiiIMG{width:100px;} #home #container #bannerCol .tip{position:absolute; top:-20px; left:0; display:block; width:100%;} #home #container #bannerCol .wat{display:none;} #home .contents{width:100%; margin-right:-25px;} #home .col{background:#FFF; float:left; width:32%; margin-right:1.2%; position:relative; margin-bottom:15px} #home .col .photo{ height:160px; background:#ccc; margin:5px;} #home .col h2{font-size:167%; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; margin:5px 10px 0 10px;} #home .col p{margin:0 10px 10px 10px; font-size:85%;} #home .productsCol .photo{background:url(../../img/bg_products.jpg) center center;} #home .looksCol .photo{background:url(../../img/bg_looks.jpg) center center;} #home .presentCol .photo{background:url(../../img/bg_movie.jpg) center center;} #home .girlsPartyCol h2{width:52px; height:48px; background: url(../../img/h2_girls-party_pc.gif) no-repeat; position:absolute; top:117px; left:5px; margin:0; z-index:100; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; } #home .girlsVoiceCol h2{width:94px; height:50px; background: url(../../img/h2_girls-voice_pc.png) no-repeat; position:absolute; top:120px; left:0; margin:0; z-index:100; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; } #home .girlsPartyCol li, #home .girlsVoiceCol li{/margin-top:-1em;} #home .girlsPartyCol .photo, #home .girlsVoiceCol .photo{overflow:hidden; position:relative; background: url(../../img/131018_girls-party.jpg) no-repeat 60% 0;} #home .girlsPartyCol .photo img, #home .girlsVoiceCol .photo img{position:absolute; top:0; left:50%; margin-left:-120px;} #home .girlsPartyCol h3,#home .girlsVoiceCol h3{font-size:85%; margin-left:10px;} #home .newproductsCol {position:relative;} #home .newproductsCol .photo{ height:158px; background:#FFF; border:1px solid #d9d9d9; overflow:hidden; position:relative;} #home .newproductsCol .photo ul{list-style:none; position:absolute; top:0; left:0;} #home .newproductsCol .photo li{text-align:center; float:left;} #home .newproductsCol .photo img{height:160px; width:auto; display:inline;} #home .newproductsCol h2{ position:absolute; top:15px; left:0; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; background:#1ba298; color:#FFF; padding:5px 10px; line-height:1; font-size:107%; margin:0;} #home .newproductsCol h2 span{font-size:70% !important; display:block; padding-top:3px;} #home .newproductsCol h3{margin-top:5px; margin-left:10px;} #home .newproductsCol p{font-size:85%; margin-left:10px;} #home .infoCol{width:65.1%; clear:both; padding:10px 0;} #home .infoCol h2{font-size:136%; line-height:1; margin-bottom:-5px;} #home .infoCol div.news{height:100px; margin:10px; overflow:scroll;} #home .infoCol div.news strong{display:block;} #home .infoCol div.news li{padding:10px 0 5px 0; border-top:1px solid #e9e9e9; margin-right:10px;} #home .infoCol strong{margin-right:10px;} #home .news a{ display:block;zoom:1;} #home .banner{position:absolute; bottom:0; right:15px} #home .banner img.tablet-sp{width:100%; display:block;} #home .banner li{margin-bottom:15px; background:#FFF;} /* ---------------------------------------- * 5. PRODUCTS * ---------------------------------------- */ /* LINEUP */ #products #lineupCol2{width:100%; margin-top:10px; /padding-right:5px; zoom:1; } #products #lineupCol2 ul{list-style:none;} #products #lineupCol2 ul{width:100%; list-style:none;} #products #lineupCol2:before, #products #lineupCol2:after { content:""; display:block; overflow:hidden; } #products #lineupCol2:after { clear:both;} #products #lineupCol2 .col{width:25%; float:left; overflow:hidden;} #products #lineupCol2 .col div{margin:1px; background:#FFF;} #products #lineupCol2 .category .wat{margin:0; text-align:center;} #products #lineupCol2 .category img{width:80%;} #products #lineupCol2 .category .heightFix div{padding:10px; padding-bottom:0;} #products #lineupCol2 .category h2{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; margin-top:10px;} #products #lineupCol2 .category p{font-size:93%;} #products #lineupCol2 .photo div{position:relative; overflow:hidden;} #products #lineupCol2 .photo img{position:absolute; top:0; left:-10%; height:100%;} /* COLLECTION */ #products #categoryNav{width:100%; border-left:1px solid #b3b3b3; width:100%; zoom:1; list-style:none; margin-top:20px;} #products #categoryNav:before, #products #categoryNav:after { content:""; display:block; overflow:hidden; } #products #categoryNav:after { clear:both; } #products #categoryNav li{float:left; border-right:1px solid #b3b3b3; padding:0 20px; overflow:visible;} #products #categoryNav a{display:block; padding:5px 0 5px 20px; font-weight:bold; height:20px; position:relative; margin:-3px 0 -5px 0;} #products #categoryNav a:hover{text-decoration:none;} #products #categoryNav .current a{opacity:.5;} #products #categoryNav .line{width:100%; height:0; position:absolute; bottom:2px; left:0; display:bloc; background:#666;} #products #categoryNav .current .line{ height:2px;} #products #cnLineup a{background:url(../../products/img/nav_icon.png) no-repeat -7px -2px;} #products #cnCollection a{background:url(../../products/img/nav_icon.png) no-repeat -7px -32px;} #products #cnCatalog a{background:url(../../products/img/nav_icon.png) no-repeat -7px -62px;} #products.collection #pageFooter{ border-top:1px solid #b3b3b3;} #products #collectionContainer{margin-bottom:10px;} #products #collectionNav{margin-top:20px;} #products #collectionNav ul{list-style:none; margin-bottom:15px;} #products #productNav{background:#FFF; zoom:1; position:relative; z-index:200;} #products #productNav:before, #products #productNav:after { content:""; display:block; overflow:hidden; } #products #productNav:after { clear:both; } #products #productNav li{float:left; border-right:1px solid #d9d9d9; font-weight:bold; position:relative; zoom:1;} #products #productNav a{font-size:85%;} #products #productNav a:hover{text-decoration:none;} #products #productNav li ul{position:absolute; top:40px; left:0; width:150px; padding:5px; display:none; overflow:hidden; color:#FFF; background:rgba(0,0,0,0.8); /background:url(../img/bg_primary-nav.png);} #products #productNav li ul a{color:#FFF;} #products #productNav li li{border:none; clear:both;} #products #productNav li li a{background:none !important; padding:5px; font-weight:normal; font-size:93%;} #products #productNav a{display:block; padding:10px 20px 10px 20px;} #products #productNav li li a:hover{text-decoration:underline;} #products #productNav li li .tip{width:12px; height:12px; background:#FFF; float:left; margin:0 5px 0 0; border:1px solid #CCC; overflow:hidden;} #products #productNav li .current .tip{border-color:#FFF; background:transparent url(../../products/collection/img/bg_check_01.gif);} #products #productNav .lnSeries ul{background:#1ba298; width:180px;} #products #productNav .lnSeries .tip{background:#60beb7; border-color:#91d2cd;} #products #productNav .lnSeries .current .tip{background:transparent url(../../products/collection/img/bg_check_02.gif); border-color:#FFF;} #products #productNav .lnFav{float:right; border:none; border-left:1px solid #d9d9d9;} #products #productNav .lnFavNum{float:right; border:none;} #products #productNav .lnFavNum span{display:block; float:left; padding:8px 20px 0px 20px; font-weight:normal; font-size:93%;} #products #productNav .lnFavNum span strong{font-size:140%; color:#1ba298;} #products #productNav .lnSeries{background:#1ba298; border:none;} #products #productNav .lnSeries a{color:#FFF; background:url(../../products/collection/img/pn_nav_arrow-w.gif) center bottom no-repeat;} #products #productNav .lnColor a, #products #productNav .lnView a, #products #productNav .lnFunc a{background:url(../../products/collection/img/pn_nav_arrow-b.gif) center bottom no-repeat;} #products #productNav .black .tip{background:#000;} #products #productNav .current .black .tip{background-color:#000} #products #productNav .blue .tip{background:#36f;} #products #productNav .current .blue .tip{background-color:#039} #products #productNav .green .tip{background:#0c6;} #products #productNav .current .green .tip{background-color:#063} #products #productNav .red .tip{background:#f00;} #products #productNav .current .red .tip{background-color:#900} #products #productNav .brown .tip{background:#f93;} #products #productNav .current .brown .tip{background-color:#930} #products #productNav .purple .tip{background:#f6f;} #products #productNav .current .purple .tip{background-color:#909} #products #productNav .gray .tip{background:#666;} #products #productNav .current .gray .tip{background-color:#333} #products #productNav .current .white .tip{background-color:#666} #products #productNav .gold .tip{background:#c90;} #products #productNav .current .gold .tip{background-color:#960;} #products .pager{zoom:1; width:100%; padding:0 0 10px 0; font-size:100%} #products .pager:before,.pager:after { content:""; display:block; overflow:hidden; } #products .pager:after { clear:both; } #products .pager p.volume{float:left; width:auto; margin-bottom:0;} #products .pager span{margin-right:10px;} #products .pager strong{font-size:152%; margin-right:5px;} #products .pager ol{float:left; list-style:none; text-align:left;} #products .pager ol li{display:inline-block; /display:inline; /zoom:1; margin-right:10px;} #products .pager ol a{display:inline-block; /display:inline; /zoom:1; padding:7px 8px; color:#FFF !important; line-height:1; font-size:93%; background:rgba(0,0,0,.8); /background:url(../img/bg_primary-nav.png); } #products .pager ol a:hover{text-decoration:none;} #products .pager ol a.current{background:#FFF; color:#999 !important;} #products .pager ul{list-style:none; float:right; text-align:right; width:auto;} #products .pager ul li{display:inline-block; /display:inline; /zoom:1; margin-left:10px;} #products .pager ul a{display:inline-block; /display:inline; /zoom:1; font-weight:bold; padding:7px 0 5px 20px; position:relative;} #products .pager ul a:hover{text-decoration:none;} #products .pager ul a.thumbnail{background:url(../../products/img/nav_icon.png) no-repeat -7px -90px;} #products .pager ul a.list{background:url(../../products/img/nav_icon.png) no-repeat -7px -120px;} #products .pager ul a .line{width:100%; height:0; background:#333; position:absolute; bottom:0; left:0;} #products .pager ul .current .line{height:2px;} #products .category .txt{background:#FFF; padding:30px; margin:1px;} #products .model{margin-bottom:10px;} #products .model, #products .model ul{list-style:none;} #products .model{zoom:1; width:100%; /padding-right:5px;} #products .model:before,.model:after { content:""; display:block; overflow:hidden; } #products .model:after { clear:both;} #products .model li{float:left; width:25%;} #products .model li li{clear:both; width:100%;} #products .model li .productWrap{background:#FFF; margin:1px; position:relative;} #products .model .photo{width:100%; position:relative; padding-bottom:10px;} #products .model .photo img{width:100%;} #products .model .photo .zoom{position:absolute; right:10px; bottom:10px; font-size:77%;} #products .model .photo .zoom{display:block; background:#FFF url(../../products/collection/img/bg_zoom.gif) no-repeat; padding:3px 0 0 16px;} #products .model .fav{position:absolute; right:10px; top:10px; width:20px; height:20px; background:url(../../products/collection/img/bg_fav.gif) no-repeat 0 0; display:block; text-indent: 100%; white-space: nowrap; overflow: hidden; } #products .model .favorites .fav{background-position:0 -20px;} #products .model .productData{margin:-5px 10px 0 10px; border-top:1px solid #d9d9d9; padding:10px 5px 5px 5px; position:relative;} #products .model .productData h3{margin-bottom:5px; padding-left:5px; font-size:93%; border-left:3px solid #1ba298;} #products .model .productData li{font-size:85%; margin-bottom:5px;} #products .model .productData li span{border:1px solid #EEE; padding:3px 5px; margin-right:5px; font-size:85%;} #products .model .productData .detail{ display:inline-table; clear:both;} #products .model li.thumbnail .func,#products .model li.thumbnail .size{display:none;} #products .model li.list{width:100%; zoom:1;} #products .model li.list .photo{width:20%; float:left;} #products .model li.list .productData{width:80%; float:right; padding-top:20px; border:none; margin-right:-20px} #products .model li.list .productData h3{font-size:122% !important; margin-bottom:10px;} #products .model li.list .productWrap{zoom:1;} #products .model li.list .productWrap:before, .model li.list .productWrap:after { content:""; display:block; overflow:hidden; } #products .model li.list .productWrap:after { clear:both; } #products .error{width:100%; margin-bottom:10px; font-size:122%;} #products .error div{margin:1px; background:#FFF; text-align:center; padding:150px 0 150px 0;} #products .favTitle h2{margin:1px; background:#FFF; padding:15px;} #products .model li.thumbnail.looks .productData{display:none;} #products .model li.thumbnail.looks .photo{height:100%; position:relative; overflow:hidden; padding-bottom:0;} #products .model li.thumbnail.looks .photo img{height:100%; width:auto; position:absolute; top:0; left:-20%;} #products .model li.list.looks .photo{height:100%; position:relative; overflow:hidden; padding-bottom:0;} #products .model li.list.looks .photo img{height:100%; width:auto; position:absolute; top:0; left:0%;} /*CATEGORY TITLE*/ #products .categoryTitle{zoom:1; /padding-right:5px; position:relative;} #products .categoryTitle .txtWrap, #products .categoryTitle .photoWrap{height:22em;} #products .categoryTitle:before, #products .categoryTitle:after { content:""; display:block; overflow:hidden; } #products .categoryTitle:after { clear:both; } #products .categoryTitle .photo{width:40%; float:left;} #products .categoryTitle .txt{width:60%; zoom:1; float:right; line-height:1.6;} #products .categoryTitle .txtWrap{background:#FFF; margin:1px; -moz-background-size:50% auto; -webkit-background-size:50% auto; -o-background-size:50% auto; -ms-background-size:50% auto; } #products .categoryTitle .photoWrap{background:#000; margin:1px;} #products .categoryTitle .txtWrap div{padding:50px 30px 30px 30px;} #products .categoryTitle .txtWrap h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:288%; margin-bottom:5px; line-height:1.3;} #products .categoryTitle .txtWrap h3{font-size:85%; color:#999;} #products .categoryTitle .sub-photo{float:left; margin-right:20px;} #products .categoryTitle .sub{font-size:100%;} #products #big-case .txt{width:100%;} #products #big-case .photoWrap{background:#000 url(../../products/collection/img/bg_photo_big-case.jpg) center center no-repeat;} #products #big-case .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_big-case.jpg) right -20px no-repeat;} #products #big-case .photoWrap, #products #big-case .txtWrap{height:19em;} #products #big-case .txtWrap div{ padding-top:10px;} /* #products #neon-dial .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-dial.jpg) center center no-repeat;} #products #neon-dial .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_neon-dial.jpg) top right no-repeat;} #products #neon-dial .photoWrap, #products #neon-dial .txtWrap{height:52em;} #products #neon-dial.categoryTitle .txtWrap .sub{position:relative;padding:0;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub_l{padding:0;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub .sub_l .sub{height:auto;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub_l img{display:block;margin:0 auto;} #products #neon-dial.categoryTitle .txtWrap .sub_r{position:relative;padding:0;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub_r h3,#products #neon-dial .txtWrap .sub_r p{z-index:2;padding-right:11%;} #products #neon-dial.categoryTitle .txtWrap img.bg{position:absolute;bottom:0;right:0;z-index:1;width:11%;}*/ #products #neon-marine .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-marine.jpg) center center no-repeat;} #products #neon-marine .txtWrap{background-color:#FFF} #products #neon-marine .txtWrap div{padding:40px 20px 30px 20px;} #products #neon-marine .photoWrap, #products #neon-marine .txtWrap{height:40em; position:relative;} #products #neon-marine.categoryTitle .txtWrap h1{font-size: 258%;} #products #neon-marine.categoryTitle .txtWrap .sub{position:relative; padding:0;z-index:2;} #products #neon-marine.categoryTitle .txtWrap .sub img.pc_img{display:none;} #products #neon-marine.categoryTitle .txtWrap .sub2{position:relative; width:60%; padding:0;z-index:2;} #products #neon-marine.categoryTitle .txtWrap .sub_l{float:left; padding:0;z-index:2; width:65%;} #products #neon-marine.categoryTitle .txtWrap .sub .sub_l .sub{height:auto;z-index:2;} #products #neon-marine.categoryTitle .txtWrap .sub_l img{display:block;margin:0 auto;width:80%;} #products #neon-marine.categoryTitle .txtWrap .sub_r{float:right; width:30%; padding:0;z-index:2;margin-top:10px;} #products #neon-marine.categoryTitle .txtWrap .sub_r h3,#products #neon-marine .txtWrap .sub_r p{z-index:2;} #products #neon-marine .txtWrap .sub_r p{font-size:110%;} #products #neon-marine.categoryTitle .txtWrap img.bg{position:absolute;bottom:5%;left:30px;z-index:1;width:45%;} #products #neon-marine.categoryTitle .txtWrap .clear{padding:0;} #products #neon-dial .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-dial.jpg) center top no-repeat;} #products #neon-dial .txtWrap{background-color:#FFF} #products #neon-dial .txtWrap div{padding:40px 20px 30px 20px;} #products #neon-dial .photoWrap, #products #neon-dial .txtWrap{height:36em;} #products #neon-dial.categoryTitle .txtWrap .sub{position:relative;padding:0;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub img.pc_img{display:none;} #products #neon-dial.categoryTitle .txtWrap .sub2{position:relative; width:60%; padding:0;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub_l{float:left; padding:0;z-index:2; width:65%} #products #neon-dial.categoryTitle .txtWrap .sub .sub_l .sub{height:auto;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub_l img{display:block;margin:0 auto; width:80%;} #products #neon-dial.categoryTitle .txtWrap .sub_r{float:right; width:30%; padding:0;z-index:2;} #products #neon-dial.categoryTitle .txtWrap .sub_r h3,#products #neon-marine .txtWrap .sub_r p{z-index:2;} #products #neon-dial .txtWrap .sub_r p{font-size:110%;} #products #jerry-marine .photoWrap{background:#000 url(../../products/collection/img/bg_photo_jerry-marine.jpg) center center no-repeat;} #products #jerry-marine .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_jerry-marine.jpg) center center no-repeat; background-size: 100%;} #products #jerry-marine .photoWrap, #products #jerry-marine .txtWrap{height:25em;} #products #jerry-marine .txtWrap div{ padding-top:60px;} /*#products #neon-dial .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-dial.jpg) center center no-repeat;} #products #neon-dial .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_neon-dial.jpg) right -50px no-repeat;} #products #neon-dial .photoWrap, #products #neon-dial .txtWrap{height:25em;} #products #neon-dial .txtWrap div{ padding-top:60px;}*/ #products #energetic-colors .photoWrap{background:#000 url(../../products/collection/img/bg_photo_energetic-colors.jpg) center center no-repeat;} #products #energetic-colors .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_energetic-colors.jpg) center center no-repeat; background-size: 100%;} #products #energetic-colors .photoWrap, #products #energetic-colors .txtWrap{height:22em;} #products #energetic-colors .txtWrap div{ padding-top:60px;} #products #g-lide .photoWrap{background:#000 url(../../products/collection/img/bg_photo_g-lide.jpg) center center no-repeat;} #products #g-lide .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_g-lide.jpg) center center no-repeat; background-size: 100%;} #products #g-lide .photoWrap, #products #g-lide .txtWrap{height:22em;} #products #g-lide .txtWrap div{ padding-top:60px;} #products #tripper .photoWrap{background:#000 url(../../products/collection/img/bg_photo_tripper.jpg) center center no-repeat;} #products #tripper .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_tripper.jpg) center center no-repeat; background-size: 100%;} #products #tripper .photoWrap, #products #tripper .txtWrap{height:22em;} #products #tripper .txtWrap div{ padding-top:60px;} #products #basic .photoWrap{background:#000 url(../../products/collection/img/bg_photo_basic.jpg) center center no-repeat;} #products #basic .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_basic.jpg) center center no-repeat; background-size: 100%;} #products #basic .photoWrap, #products #basic .txtWrap{height:22em;} #products #basic .txtWrap div{ padding-top:60px;} #products #shell-pink-colors .photoWrap{background:#000 url(../../products/collection/img/bg_photo_shell-pink-colors.jpg) center center no-repeat;} #products #shell-pink-colors .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_shell-pink-colors.jpg) center center no-repeat; background-size: 100%;} #products #shell-pink-colors .photoWrap, #products #shell-pink-colors .txtWrap{height:22em;} #products #shell-pink-colors .txtWrap div{ padding-top:60px;} #products #running .txt{width:100%;} #products #running .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_6900-for-running.jpg) 32em -20px no-repeat;} #products #running .txtWrap{height:11em;} #products #running .txtWrap div{ padding-top:10px;} #products #casket .txt{width:100%;} #products #casket .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_casket.jpg) 32em -20px no-repeat;} #products #casket .txtWrap{height:11em;} #products #casket .txtWrap div{ padding-top:20px;} /* #products #shell-pink-colors .txt{width:100%;} #products #shell-pink-colors .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_shell-pink-colors.jpg) 32em -20px no-repeat;} #products #shell-pink-colors .txtWrap{height:11em;} #products #shell-pink-colors .txtWrap div{ padding-top:10px;}*/ #products #g-ms .txt{width:100%;} #products #g-ms .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_g-ms.jpg) 32em -20px no-repeat;} #products #g-ms .txtWrap{height:11em;} #products #g-ms .txtWrap div{ padding-top:5px;} /* #products #no6900 .photoWrap{background:#000 url(../../products/collection/img/bg_photo_6900.jpg) center center no-repeat;} #products #no6900 .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_6900.jpg) right -50px no-repeat;} #products #no6900 .photoWrap, #products #no6900 .txtWrap{height:25em;} #products #no6900 .txtWrap div{ padding-top:60px;}*/ /* #products #g-lide .txt{width:100%;} #products #g-lide .photoWrap{background:#000 url(../../products/collection/img/bg_photo_g-lide.jpg) center center no-repeat;} #products #g-lide .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_g-lide.jpg) right -20px no-repeat;} #products #g-lide .photoWrap, #products #g-lide .txtWrap{height:13em;} #products #g-lide .txtWrap div{ padding-top:10px;}*/ #products #glitter-dial .txt{width:100%;} #products #glitter-dial .photoWrap{background:#000 url(../../products/collection/img/bg_photo_glitter-dial.jpg) center center no-repeat;} #products #glitter-dial .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_glitter-dial.jpg) right -20px no-repeat;} #products #glitter-dial .photoWrap, #products #glitter-dial .txtWrap{height:13em;} #products #glitter-dial .txtWrap div{ padding-top:10px;} #products #pink-gold .txt{width:100%;} #products #pink-gold .photoWrap{background:#000 url(../../products/collection/img/bg_photo_pink-gold.jpg) center center no-repeat;} #products #pink-gold .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_pink-gold.jpg) right -20px no-repeat;} #products #pink-gold .photoWrap, #products #pink-gold .txtWrap{height:11em;} #products #pink-gold .txtWrap div{ padding-top:10px;} /* #products #tripper .txt{width:100%;} #products #tripper .photoWrap{background:#000 url(../../products/collection/img/bg_photo_tripper.jpg) center center no-repeat;} #products #tripper .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_tripper.jpg) right -20px no-repeat;} #products #tripper .photoWrap, #products #tripper .txtWrap{height:11em;} #products #tripper .txtWrap div{ padding-top:10px;}*/ /*#products #casket .txt{width:100%;} #products #casket .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_casket.jpg) 120% -20px no-repeat; height:15em;} #products #casket .txtWrap div{ padding-top:30px;} #products #casket .txtWrap p{width:60%;}*/ #products #multi-color-dial .txt{width:100%;} #products #multi-color-dial .photoWrap{background:#000 url(../../products/collection/img/bg_photo_multi-color-dial.jpg) center center no-repeat;} #products #multi-color-dial .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_multi-color-dial.jpg) right -20px no-repeat;} #products #multi-color-dial .photoWrap, #products #multi-color-dial .txtWrap{height:11em;} #products #multi-color-dial .txtWrap div{ padding-top:10px;} /* #products #basic .txt{width:100%;} #products #basic .photoWrap{background:#000 url(../../products/collection/img/bg_photo_basic.jpg) center center no-repeat;} #products #basic .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_basic.jpg) right -20px no-repeat;} #products #basic .photoWrap, #products #basic .txtWrap{height:11em;} #products #basic .txtWrap div{ padding-top:10px;}*/ /*#products #g-ms .txt{width:100%;} #products #g-ms .photoWrap{background:#000 url(../../products/collection/img/bg_photo_g-ms.jpg) center center no-repeat;} #products #g-ms .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_g-ms.jpg) right -20px no-repeat;} #products #g-ms .photoWrap, #products #g-ms .txtWrap{height:11em;} #products #g-ms .txtWrap div{ padding-top:10px;}*/ /* CATALOG */ #products #catalogCol{width:100%; margin-top:20px; /padding-right:5px; zoom:1; } #products #catalogCol:before, #products #catalogCol:after { content:""; display:block; overflow:hidden; } #products #catalogCol:after { clear:both;} #products #catalogCol .photo{width:30%; float:left;} #products #catalogCol .txt{width:70%; float:left;} #products #catalogCol .photo div{overflow:hidden; position:relative;} #products #catalogCol .photo img{display:block; width:100%; margin:0 auto;} #products #catalogCol .photo div, #products #catalogCol .txt div{margin:1px; background:#FFF;} #products #catalogCol .txt .txtWrap{padding:30px;} #products #catalogCol .txt h1{display:none;} #products #catalogCol .txt a{text-decoration:underline;} /* ---------------------------------------- * 6. LOOKS * ---------------------------------------- */ #looks #wrap{ background-image:none;} #looks #container{width:100%; height:100%; background-image:none; margin:0;} #looks #footer{padding-bottom:0;} #looks #container ul{list-style:none;} #looks #container li{zoom1;} #looksCol img{display:block;-ms-interpolation-mode: bicubic;} #looksCol{width:auto; margin-right:0px; position:relative; overflow:hidden; z-index:100;} #looks #looksTitle{position:absolute; z-index:200; bottom:10px; left:50px;} #looks #looksTitle h1{font-family:"LatoRegular", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:378%; color:#000; line-height:1;} #looks #looksTitle p{font-size:85%; position:absolute; top:0em; left:9.5em; width:20em; color:#000;} #looksCol #photoCol ul{zoom:1;} #looksCol #photoCol ul:before,#looksCol #photoCol ul:after { content:""; display:block;} #looksCol #photoCol ul:after { clear:both; } #looksCol #photoCol img{width:100%;} #looksCol #photoCol li{float:left; width:100%; overflow:hidden;} #looksCol #watCol{ position:absolute; bottom:0; right:0; line-height:1.5; width:250px; height:250px; background: url(../../looks/img/bg_wat.png) bottom right no-repeat;} #looksCol #watCol li{line-height:1.5; position:absolute; bottom:0; right:0; text-align:right;} #looksCol #watCol .detail{background-color:#FFF; background-image:url(../img/ico_detail_g.gif); color:#1ba298 !important; display:block; float:right; margin-bottom:3px;} #looksCol #watCol .new{background-color:#FFF;color:#1ba298 !important; font-size:85%; padding:3px; display:block; float:right;} #looksCol #watCol img{position:absolute; bottom:20px; right:0;} #looksCol #watCol p{position:absolute; bottom:15px; right:100px; color:#FFF; font-weight:bold; margin-bottom:0; width:200px;} #looksCol #watCol p span{font-size:85%; display:block; clear:both; padding-top:5px;} #looksCol #watCol a:hover{text-decoration:none;} #looksCol #shareCol{position:absolute; top:20px; left:50px; width:110px; height:110px; background:rgba(27,162,152, .8); /background:#1ba298;} #looksCol #shareCol h2{font-family:"LatoRegular", Helvetica, Arial, Verdana, sans-serif !important; color:#FFF; text-align:left; position:absolute; top:15px; right:15px; text-align:right; background:url(../../looks/img/bg_sns.gif) no-repeat right bottom; padding:0 0 30px 80px; line-height:1; zoom:1; font-size:152%; overflow:visible;} #looksCol #shareCol #sharePlus{background:url(../../looks/img/ico_plus.gif) center center; width:30px; height:30px; position:absolute; top:-10px; left:-10px;} #looksCol #shareCol #shareBtn{background:#FFF; width:100px; height:100%; position:absolute; top:0; left:110px; overflow:hidden; position:relative;} #looksCol #shareCol #shareBtn li.share{position:absolute; top:10px; right:10px; text-align:right;} #looksCol #pageNav .prev,#pageNav .next{display:block; position:absolute; width:30px; height:100%; cursor: pointer;} #looksCol #pageNav .prev span, #looksCol #pageNav .next span{display:block; width:30px; height:100%; position:absolute; text-indent: 100%; white-space: nowrap; overflow: hidden; } #looksCol #pageNav .next{top:0; right:0;} #looksCol #pageNav .prev{top:0; left:0;} #looksCol #pageNav .next span.bg, #pageNav .prev span.bg{background:#FFF;} #looksCol #pageNav .next span.bg{top:0; right:0;} #looksCol #pageNav .prev span.bg{top:0; left:0;} #looksCol #pageNav .next span.arrow{top:0; right:0; background:url(../../looks/img/arrow_right.png) no-repeat center center;} #looksCol #pageNav .prev span.arrow{top:0; left:0; background: url(../../looks/img/arrow_left.png) no-repeat center center;} #looksCol #pageNav .number{position:absolute; top:5px; left:0; width:100%; text-align:center;} #looksCol #pageNav .number li{display:inline-block; width:20px; overflow:hidden;} #looksCol #pageNav .number a{display:block; width:20px; height:20px; overflow:hidden; background:url(../../looks/img/bg_pointer.png) no-repeat 0 0; text-indent: 100%; white-space: nowrap; overflow: hidden; } #looksCol #pageNav .number a.current, #looksCol #pageNav .number a:hover{background-position:0 -20px;} #snapCol{display:none;} /* ---------------------------------------- * 7. ABOUT * ---------------------------------------- */ #about #aboutCol{width:100%; margin-top:15px; /padding-right:5px;} #about #aboutCol .about-col{width:50%; float:left;} #about #aboutCol .about-col-all{width:100%; float:left;} #about #aboutCol .about-area{background:#FFF; margin:1px;} #about #aboutCol .about-area .aboutWrap{padding:15px;} #about #aboutCol .about-area .aboutWrap.aboutTop{padding:0;} #about #aboutCol .about-area .aboutWrap.aboutTop h1 {padding:0;} #about #aboutCol .about-area .aboutWrap.aboutTop h1{width:auto !important; height:auto !important; background:none !important; text-indent:0 !important; padding-bottom:0 !important;} #about #aboutCol .about-area .aboutWrap.aboutTop p {margin-bottom:0; padding:20px 15px 15px; text-align:left !important; line-height:1.8; font-weight:bold;} #about #aboutCol .about-area .aboutWrap.aboutTop img{width:100%; float:right; display:block;} #about #aboutCol .about-area .aboutWrap ul li{list-style:none;} #about #aboutCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;} #about #aboutCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;} #about #aboutCol .about-area .aboutWrap .about-col-area .about-col-img {width:45%;} #about #aboutCol .about-area .aboutWrap .about-col-area .about-col-img img {width:100%;} #about #aboutCol .about-area .aboutWrap .about-col-area .about-col-txt {width:48%;} #about #aboutCol .about-area .aboutWrap .about-col-area p{margin-bottom:0;} #about #aboutCol .about-area .aboutWrap .about-col-area .li-l{float:left;} #about #aboutCol .about-area .aboutWrap .about-col-area .li-r{float:right;} #about #aboutCol .about-area .aboutWrap .about-col-area, #about #aboutCol .about-area .aboutWrap.aboutTop{zoom:1;} #about #aboutCol .about-area .aboutWrap .about-col-area:before, #about #aboutCol .about-area .aboutWrap .about-col-area:after, #about #aboutCol .about-area .aboutWrap.aboutTop:before, #about #aboutCol .about-area .aboutWrap.aboutTop:after{content:""; display:block; overflow:hidden;} #about #aboutCol .about-area .aboutWrap .about-col-area:after, #about #aboutCol .about-area .aboutWrap.aboutTop:after{clear:both;} /* ---------------------------------------- * 8. SHOP * ---------------------------------------- */ #shop #categoryTitle .shop01{right:-120px; top:-50px; width:220px;} #shop #categoryTitle .shop02{right:20px; top:-30px; width:180px;} #shop #shopCol{width:100%; margin-top:20px; /padding-right:5px;} #shop #shopCol .shop{width:50%; float:left;} #shop #shopCol .shop div{background:#FFF; margin:1px;} #shop #shopCol .shop .shopWrap{padding:15px;} #shop #shopCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;} #shop #shopCol h3{margin:12px 0 5px; font-size:93%; line-height:1.2; color:#1BA298;} #shop #shopCol .shoplist li{width:48%; list-style:none;} #shop #shopCol .shoplist li.li-l{float:left;} #shop #shopCol .shoplist li.li-r{float:right;} #shop #shopCol .shoplist li span{text-align:center; display:block;} #shop #shopCol .shoplist li img{display:block;} #shop #shopCol .shoplist li img.shoppho{width:100%;} #shop #shopCol .shoplist li h3, #shop #shopCol .shoplist li p{font-size:93%;} #shop #shopCol .shoplist li p a.map{background:#1ba298 url(../../common/img/ico_detail.gif) no-repeat center right; color:#FFF; padding:3px 15px 3px 5px; font-size:93%; color:#FFF !important; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; text-decoration:none !important;} #shop #shopCol .shoplist li p a.map:hover{text-decoration:underline !important;} #shop #shopCol table{width:100%; font-size:93%; border-top:1px solid #e6e6e6;} #shop #shopCol table a{color:#1ba298;} #shop #shopCol table a:hover{text-decoration:none;} #shop #shopCol td, #shop #shopCol th{padding:5px; border-bottom:1px solid #e6e6e6;} #shop #shopCol table th{width:20%; text-align:left;} #shop #shopCol .even td, #shop #shopCol .even th{background:#f2f2f2;} #shop #shopCol, #shop #shopCol .shoplist{zoom:1;} #shop #shopCol:before, #shop #shopCol:after, #shop #shopCol .shoplist:before, #shop #shopCol .shoplist:after{content:""; display:block; overflow:hidden;} #shop #shopCol:after, #shop #shopCol .shoplist:after{clear:both;} /* ---------------------------------------- * 9. MOVIE * ---------------------------------------- */ #movie #movieCol{width:100%; margin-top:15px; /padding-right:5px;} #movie #movieCol .movie-col{width:100%;} #movie #movieCol .movie-area{background:#FFF; margin:1px;} #movie #movieCol .movie-area .movieWrap{padding:15px;} #movie #movieCol .movie-area .movieWrap .movie-vs {text-align:center;} #movie #movieCol .movie-area .movieWrap .movie-vs img, #movie #movieCol .movie-area .movieWrap .movie-vs video{width:100%; height:auto;} #movie #movieCol .movie-area .movieWrap .movie-vs #movie_promotion {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; height:0;} #movie #movieCol .movie-area .movieWrap .movie-vs #movie_promotion iframe{position:absolute; top:0; left:0; width:100%; height:100%;} #movie_promotion, #movie_comment{height:auto /*!important;*/} #movie #movieCol .movie-area .movie-profile .movie-pho {width:20%; float:left;} #movie #movieCol .movie-area .movie-profile .movie-pho img{width:100%;} #movie #movieCol .movie-area .movie-profile .movie-txt {width:77%; float:right;} #movie #movieCol .movie-area .movie-profile .movie-txt h3{margin:2% 0 0.5em; font-size:93%; line-height:1.2; color:#1BA298;} #movie #movieCol .movie-area .movie-profile {zoom:1;} #movie #movieCol .movie-area .movie-profile:before, #movie #movieCol .movie-area .movie-profile:after{content:""; display:block; overflow:hidden;} #movie #movieCol .movie-area .movie-profile:after{clear:both;} #movie .cl{display:none;} /* ---------------------------------------- * 10. PRESENT * ---------------------------------------- */ #present #categoryTitle .pcPhoto{position:absolute; top:0; right:-18px; width:150px;} #present #categoryTitle .spPhoto{position:absolute; top:10px; right:120px; width:60px;} #present #wallCol{width:100%; margin-top:20px; /padding-right:5px;} #present #wallCol .wall{width:50%; float:left;} #present #wallCol .wall-all{width:100%; float:left;} #present #wallCol .wall-area{background:#FFF; margin:1px;} #present #wallCol .wall-area .wallWrap{padding:15px;} #present #wallCol .wall-area .wallWrap ul li{list-style:none;} #present #wallCol .wallWrap li.li-l{float:left;} #present #wallCol .wallWrap li.li-r{float:right;} #present #wallCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;} #present #wallCol h3{padding:5px 0; font-size:93%; line-height:1.2; color:#1BA298;} #present #wallCol .wallWrap .wall-oth .wall-oth-li {width:48%;} #present #wallCol .wallWrap .wall-oth .wall-oth-li-end {padding-top:10px; width:48%;} #present #wallCol .wall-pho{text-align:center; margin-bottom:5px;} #present #wallCol .wall-pho img {width:100%; display:block;} #present #wallCol .wallWrap .wall-btn .wall-btn-p{width:100%; margin-bottom:15px;} #present #wallCol .wallWrap .wall-btn .wall-btn-s{width:100%; clear:both;} #present #wallCol .wallWrap .wall-btn ul{margin-bottom:10px;} #present #wallCol .wallWrap .wall-btn li{width:45%;} #present #wallCol .wallWrap .wall-btn li a {font-size:93%; display:block;} #present #wallCol .wallWrap .wall-btn li a{color:#FFF; padding:7px 10px 5px 25px; color:#FFF; line-height:12px; text-align:center; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif; text-decoration:none;} #present #wallCol .wallWrap .wall-btn .wall-day li a.pngfix{background:#1ba298 url(../../common/img/ico_dl.png) no-repeat 10px center;} #present #wallCol .wallWrap .wall-btn .wall-ngt li a.pngfix{background:#000 url(../../common/img/ico_dl.png) no-repeat 10px center;} #present #wallCol .wallWrap .wall-btn .wall-gls1 li a.pngfix{background:#fe0096 url(../../common/img/ico_dl.png) no-repeat 10px center;} #present #wallCol .wallWrap .wall-btn .wall-gls2 li a.pngfix{background:#cd975b url(../../common/img/ico_dl.png) no-repeat 10px center;} #present #wallCol .wallWrap .wall-btn .wall-gls3 li a.pngfix{background:#000 url(../../common/img/ico_dl.png) no-repeat 10px center;} #present #wallCol .wallWrap .wall-btn li a:hover{text-decoration:underline !important;} #present #wallCol .wallWrap .wall-oth .wall-btn {padding:0 0 !important; margin-bottom:15px;} #present #wallCol .wallWrap ol.num{margin-left:20px; padding-left:0.21em;} #present #wallCol .wallWrap ol.num li{margin-bottom:5px;} #present #wallCol .wallWrap .wall-btn, #present #wallCol .wallWrap .wall-oth{zoom:1;} #present #wallCol .wallWrap .wall-btn:before, #present #wallCol .wallWrap .wall-btn:after, #present #wallCol .wallWrap .wall-oth:before, #present #wallCol .wallWrap .wall-oth:after{content:""; display:block; overflow:hidden;} #present #wallCol .wallWrap .wall-btn:after, #present #wallCol .wallWrap .wall-oth:after{clear:both;} #present #wallCol .wallWrap .wall-day, #present #wallCol .wallWrap .wall-ngt{zoom:1;} #present #wallCol .wallWrap .wall-day:before, #present #wallCol .wallWrap .wall-day:after, #present #wallCol .wallWrap .wall-ngt:before, #present #wallCol .wallWrap .wall-ngt:after{content:""; display:block; overflow:hidden;} #present #wallCol .wallWrap .wall-day:after, #present #wallCol .wallWrap .wall-ngt:after{clear:both;} /* ---------------------------------------- * 11. CONTACT * ---------------------------------------- */ #contact #contactCol{width:100%; margin-top:20px; /padding-right:5px;} #contact #contactCol .contact-col-all{width:100%; float:left;} #contact #contactCol .contact-col{width:50%; float:left;} #contact #contactCol .contact-area{background:#FFF; margin:1px;} #contact #contactCol .contact-area .contactWrap-all{padding:15px;} #contact #contactCol .contact-area .contactWrap{padding:15px;} #contact #contactCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;} #contact #contactCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;} /* ---------------------------------------- * 12. 2012TIEUP * ---------------------------------------- */ #tieup #wrap{background:url(../../2012tieup/img/bg_tieup.jpg) repeat;} #tieup #tieupCol{width:100%; /padding-right:5px;background:url(../../2012tieup/img/bg_shadow02.png) center bottom no-repeat;padding-bottom:32px;-moz-background-size:100% 32px;background-size:100% 32px;} #tieup #tieupCol .tieup-col{float:left;background:#fff;padding:20px 0 0 0;margin:0 0 0 0;position:relative;} #tieup #tieupCol .tieup-col h2{text-align:left;padding-left:20px;} #tieup #tieupCol .tieup-col-all{width:80%; float:left;} #tieup #tieupCol .tieup-area{margin:1px;} #tieup #tieupCol .tieup-area .tieupWrap{padding:36px 0 24px;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop{position:relative;background:url(../../2012tieup/img/bg_concept_s.png) -10px bottom no-repeat;padding:0 0 465px;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop h1 {line-height:1.3;font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-size:123% !important; font-weight:normal; padding:10px 0 0 0;text-align:left !important;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop h1 span {font-size:200%;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop p {position:absolute;width:0;left:295px;top:-4px;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop p.lead {position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo02 {position:absolute;left:0;top:0;} #tieup #tieupCol .tieup-area .tieupWrap ul li{list-style:none;} #tieup #tieupCol h2.pageTitle,#tieup #tieupCol h3.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; font-size:139%; line-height:1.2; border-left:3px solid #1BA298; display: block;} #tieup #tieupCol .tieup-col .col_1{position:relative;width:48%;float:right;min-height:598px;height:auto !important;height:598px;} #tieup #tieupCol .tieup-col .col_1 img.layer {position:absolute;right:-10px;} #tieup #tieupCol .tieup-col .col_2{width:48%;float:left;padding:20px 0 0 20px} #tieup #tieupCol .tieup-col .col_2 p{margin-bottom:35px;} #tieup #tieupCol .tieup-col .col_3{clear:both;position:relative;width:47%;padding:0 340px 0 20px;} #tieup #tieupCol .tieup-col .col_3 img.layer {position:absolute;right:20px;top:0;} #tieup #tieupCol .tieup-col .col_3 .small {display:block;padding-bottom:5px;} #tieup #tieupCol span.font01{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-size:136%; line-height:1.2;} #tieup #tieupCol .tieup-area .tieupWrap .tieup-col-area,#tieup #tieupCol .tieup-col{zoom:1;} #tieup #tieupCol .tieup-area .tieupWrap .tieup-col-area:before, #tieup #tieupCol .tieup-area .tieupWrap .tieup-col-area:after, #tieup #tieupCol .tieup-col:before, #tieup #tieupCol .tieup-col:after{content:""; display:block; overflow:hidden;} #tieup #tieupCol .tieup-area .tieupWrap .tieup-col-area:before, #tieup #tieupCol .tieup-area .tieupWrap .tieup-col-area:after{clear:both;} #tieup #movieCol{margin-top:15px; /padding-right:5px;} #tieup #movieCol .movie-col{padding:0;background:url(../../2012tieup/img/bg_shadow02.png) center bottom no-repeat;padding-bottom:32px;-moz-background-size:100% 32px;background-size:100% 32px;} #tieup #movieCol .movie-area{margin:1px;} #tieup #movieCol .movie-area .movieWrap{padding:15px;background:#FFF;-moz-background-size:960px 32px;background-size:960px 32px; } #tieup #movieCol .movie-area .movieWrap .movie-vs {text-align:center;} #tieup #movieCol .movie-area .movieWrap .movie-vs img, #tieup #movieCol .movie-area .movieWrap .movie-vs video{width:100%; height:auto;} #movie_promotion, #movie_comment, #movie_event{height:auto /*!important;*/} #tieup #movieCol .movie-area .movie-profile .movie-pho {width:20%; float:left;} #tieup #movieCol .movie-area .movie-profile .movie-pho img{width:100%;} #tieup #movieCol .movie-area .movie-profile .movie-txt {width:77%; float:right;} #tieup #movieCol .movie-area .movie-profile .movie-txt h3{margin:2% 0 0.5em; font-size:93%; line-height:1.2; color:#1BA298;} #tieup #movieCol .movie-area .movie-profile {zoom:1;} #tieup #movieCol .movie-area .movie-profile:before, #tieup #movieCol .movie-area .movie-profile:after{content:""; display:block; overflow:hidden;} #tieup #movieCol .movie-area .movie-profile:after{clear:both;} #movie .cl{display:none;} .end-txt {text-align:center;} #tieup.event #wrap{background:url(../../2012tieup/img/event/bg_event.jpg) repeat;} #tieup.event #tieupCol{background:none;} #tieup.event #tieupCol .tieup-col-all{width:100%; float:left;background:none;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop{background:url(../../2012tieup/img/event/photo01_s.png) -10px 70px no-repeat;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p {position:absolute;width:0;left:320px;top:-4px;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p.lead {position:absolute;width:1px;height:1px;text-indent:-9999px;overflow:hidden;z-index:104;left:-20px;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo01 {z-index:103;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop{padding:0 0 210px;} #tieup.event #tieupCol .tieup-col .col_1{display:none;} #tieup.event #tieupCol .tieup-col .col_2{position:relative;width:100%;background:#fff;} #tieup.event #tieupCol .tieup-col .col_2 img.tablet{position:relative;float:right;top:-30px;right:-20px;} #tieup.event #tieupCol .tieup-col{background:url(../../2012tieup/img/bg_shadow02.png) center bottom no-repeat;padding-bottom:32px;-moz-background-size:100% 32px;background-size:100% 32px;margin-right:20px;padding-top:0;} #tieup.event .col1 .tablet-sp img,#tieup.event .col3 .tablet-sp img {width:48%;} #tieup.event .col1 .tablet-sp img.p02, #tieup.event .col1 .tablet-sp img.p04, #tieup.event .col1 .tablet-sp img.p06 {float:right;} #tieup.event .col1 .tablet-sp,#tieup.event .col3 {width:100%;min-width:645px;} #tieup.event .col3 .tablet-sp img.p02 {float:right;} #tieup.event #movieCol .movie-col{padding:0;background:url(../../2012tieup/img/bg_shadow02.png) center bottom no-repeat;padding-bottom:26px;-moz-background-size:100% 32px;background-size:100% 32px;} #tieup.event #movieCol .movie-area{margin:1px;} #tieup.event #movieCol .movie-area .movieWrap{padding:0;background:none;-moz-background-size:960px 32px;background-size:960px 32px; } #tieup.event .col4 p,#tieup.event .col4 .tablet-sp {text-align:center;margin-bottom:20px;} #tieup.event .col4 p,#tieup.event .col4 .tablet-sp img {width:100%;} .clear {clear:both;} /* ---------------------------------------- * 13. ERROR * ---------------------------------------- */ #error #errorCol{width:100%; margin-top:20px; /padding-right:5px;} #error #errorCol .error-col{width:100%;} #error #errorCol .error-area{background:#FFF; margin:1px;} #error #errorCol .error-area .errorWrap{padding:15px;} #error #errorCol .error-area .errorWrap ul li{list-style:none;} #error #errorCol h2.pageTitle{margin-bottom:11px; padding-left:0 !important; line-height:1.2; color:#1BA298 !important; border-left:0 !important; display:block;} /* ---------------------------------------- * 14. ARCHIVE * ---------------------------------------- */ #archive #container{padding:10px;} #archive #archiveCol{width:100%; margin-top:10px;} #archive #archiveCol .archive-col{width:100%;} #archive #archiveCol .archive-col-all{width:100%;} #archive #archiveCol .archive-area{width:49%;background:#FFF; margin:1px;float:left;} #archive #archiveCol .archive-area .archiveWrap{padding:20px 15px;} #archive #archiveCol .archive-area .archiveWrap p{display:none;} #archive #archiveCol .archive-area .archiveWrap.archiveTop{background:url(../../archive/img/bg_archive.jpg) right 26% no-repeat; background-size:50%; text-align:right;} #archive #archiveCol .archive-area .archiveWrap.archiveTop h1 {font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; margin-bottom:20px; text-align:left !important; padding-top:10px;} #archive #archiveCol .archive-area .archiveWrap.archiveTop h1{width:auto !important; height:auto !important; background:none !important; text-indent:0 !important; padding-bottom:0 !important;} #archive #archiveCol .archive-area .archiveWrap.archiveTop h1 span {color:#1BA298; display:block;} #archive #archiveCol .archive-area .archiveWrap.archiveTop p {margin-bottom:0; font-size:85%; text-align:left !important; font-weight:bold; line-height:1.8;} #archive #archiveCol .archive-area .archiveWrap ul li{list-style:none;} #archive #archiveCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; line-height:1.2; border-left:3px solid #1BA298; display: block;} #archive #archiveCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-img {width:100%;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-img img {width:100%;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area p{margin-bottom:0;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area, #archive #archiveCol .archive-area .archiveWrap.archiveTop{zoom:1;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area:before, #archive #archiveCol .archive-area .archiveWrap .archive-col-area:after, #archive #archiveCol .archive-area .archiveWrap.archiveTop:before, #archive #archiveCol .archive-area .archiveWrap.archiveTop:after{content:""; display:block; overflow:hidden;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area:after, #archive #archiveCol .archive-area .archiveWrap.archiveTop:after{clear:both;} #archive #archiveCol .making-col{width:100%;clear:both;} #archive #archiveCol .making-col .archive-area{position:relative;width:98%;padding:0 1px;} #archive #archiveCol .making-col .archive-area .archiveWrap{} #archive #archiveCol .making-col .archive-area #bg_making{display:none;} #archive #archiveCol .making-col h2{margin-bottom:10px; padding-left:5px; border-left:3px solid #1ba298;} #archive #archiveCol ul{width:100%;clear:both;zoom:1;} #archive #archiveCol ul li{float:left;width:32.3%;margin:0 1% 1% 0;} #archive #archiveCol ul li a img{width:100%;-ms-interpolation-mode:bicubic;display:block;} #archive #archiveCol ul:before,#archive #archiveCol ul:after{content:""; display:block; overflow:hidden;} #archive #archiveCol ul:after{clear:both;} #layer{ position:absolute; left:0; top:0; width:100%; display:none; background:#fff; z-index:9001; } #mycarousel-m_wrap{ position:absolute; left:0; top:-9999px; width:100%; z-index:9002; } #mycarousel-m { position:relative; margin:0 auto 0; width:85%; padding:9px 0; background:none; background-size:100% 100%; z-index:9002; } #mycarousel-m ul { position:relative; list-style: none; margin: 0; z-index:1; overflow:hidden; } #mycarousel-m ul li { position:absolute; width:100%; text-align:center; } #mycarousel-m ul li img { width:100%; } #mycarousel-m ul li a { display:block; /* background:url(images/index/bg_bnr.jpg) no-repeat center top; background-size:84% 84%;*/ } #btn_prev { display:block; position:absolute; right:57px; top:-20px; z-index:9003; } #btn_next { display:block; position:absolute; right:33px; top:-20px; z-index:9003; } #btn_close { display:block; position:absolute; right:0; top:-19px; z-index:9003; } #circles { display:none; } #num{ display:none; } /* ---------------------------------------- * 999. 更新 * ---------------------------------------- */ #primaryNav #pnGirlsParty .photo{background:#000 url(../../img/130628_girls-party.jpg) no-repeat 70% 20%;} #primaryNav #pnGirlsVoice .photo{background:#000 url(../../img/bg_girls-voice.jpg) no-repeat top center;} #primaryNav #pnNewProducts .photo{background:url(http://product-search.casio.jp/wat/products/product_images/BGA-170-7B2JF.png) -20px -90px;} .sp,.pc,.pc-sp{display:none !important;}