@charset "utf-8"; /** * DESKTOP 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. HTML, BODY * ---------------------------------------- */ body{color:#333; width:100%; min-width:1000px; min-height:800px; overflow-x:hidden;position:relative;} #menuNav{display:none;} /* ---------------------------------------- * 1. HEADER * ---------------------------------------- */ #header {height:70px;} #siteID a{display:block; width:156px; height:32px; top:22px; left:20px;} #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:122%; 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:-7px 20px 0 20px; position:relative; background:#FFF; cursor:pointer;} #globalNav a .line{ position:absolute; bottom:5px; left:0; width:100%; height:3px; background:#FFF; overflow:hidden;} #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; display:none; background:rgba(0,0,0,.8); /background:url(../img/bg_primary-nav.png); } #primaryNav a{color:#FFF; line-height:1.4;} #primaryNav .primary{float:left; margin:0 0 0 20px; margin-right:-5px; width:75%; max-width:960px;} #primaryNav .primary li{width:18.5%; float:left; margin-right:10px;min-height:15em;} #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;} #primaryNav .other a{display:block; padding:5px 0 5px 10px; background:url(../img/arrow-l-w.gif) no-repeat 0 10px; font-size:93%;} #primaryNav .other a:hover{text-decoration:underline;} #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;} #wrap #specialBanner{ display:none;position:absolute; top:-100px; right:10px; z-index:1200;} #wrap #specialBanner a{display:block; width:85px; height:295px; background:url(../img/special_banner.png) no-repeat; overflow:hidden; text-indent: 100%; white-space: nowrap; overflow: hidden; } /* ---------------------------------------- * 2. FOOTER * ---------------------------------------- */ #footer ul{width:500px; margin-left:20px;} #footer li{loat:left; margin-right:20px; padding-top:2px;} #footer small{width:300px; float:right; margin-right:20px;} /* ---------------------------------------- * 3. CONTAINER * ---------------------------------------- */ #container{width:960px; margin:0 auto; position:relative; z-index:100;} #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; clear:both; margin-top:15px;} #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:136%; 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;} /* ---------------------------------------- * 4. HOME * ---------------------------------------- */ #home #main{width:100%; height:100%; z-index:200; position:relative; z-index:100; overflow:hidden; background:#f5f7fb; min-height:820px;} #home #main h1{position:absolute; top:-1%; left:5%; width:40%;} #home #main h1 img.title{width:87%; max-width:580px;margin-top:50px;} #home #main div{list-style:none; width:100%; overflow:hidden; max-height:940px; overflow:hidden;} #home #main img.bg{display:block; margin:0 auto; width:100%;} #home #container{position:absolute; bottom:23%; left:50%; margin-left:-480px;} #home #container ul{list-style:none;} #home #container #bannerCol{position:relative;} /*#home #container #bannerCol .event{width:150px; height:100px; position:absolute; top:-120px; left:0px; z-index:20;} #home #container #bannerCol .event img{position:absolute; top:-3px; left:0;} 20130424*/ #home #container #bannerCol .event{width:180px; height:100px; position:absolute; top:10px; right:0; z-index:20;} #home #container #bannerCol .event img{position:absolute; top:-6px; left:0; border:solid 3px #414452;} #home #container #bannerCol .tieup{width:150px; height:100px; position:absolute; top:-120px; left:0; z-index:10;} #home #container #bannerCol .tieup img{position:absolute; top:-3px; left:0;} #home #container #bannerCol .hawaii{width:150px; height:100px; position:absolute; top:-120px; left:320px; z-index:0;} #home #container #bannerCol .hawaii img{position:absolute; top:0; left:0;} #home #container #bannerCol .wat{position:absolute; top:-105px; left:95px;} #home #container #bannerCol .tip{position:absolute; top:-20px; left:0; display:block; width:100%;} #home .contents{width:790px; float:left; margin-right:-25px;} #home .col{background:#FFF; float:left; width:180px; margin-right:15px; position:relative;} #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 .col a{zoom:1;}*/ #home .productsCol .photo{background:url(../../img/bg_products.jpg) center center; cursor:pointer;} #home .looksCol .photo{background:url(../../img/bg_looks.jpg) center center;} #home .presentCol .photo{background:url(../../img/bg_movie.jpg) center center; cursor:pointer;} #home .productsCol a:hover, #home .looksCol a:hover, #home .presentCol a:hover{text-decoration:none;} #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 a, #home .girlsVoiceCol a{/zoom:1; display:block; cursor:pointer;} #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 .girlsVoiceCol h3{font-size:85%; margin-left:10px;} #home .girlsPartyCol h3{font-size:167%; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; margin:5px 10px 0 10px;} #home .girlsPartyCol a,#home .girlsPartyCol a:hover{text-decoration:none !important;} #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 a,#home .newproductsCol a:hover{text-decoration:none !important;} #home .newproductsCol h2{ position:absolute; top:10px; left:0; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; background:#1ba298; color:#FFF; padding:5px 10px; margin:0; line-height:1; font-size:116%;} #home .newproductsCol h2 span{font-size:70% !important; display:block; padding-top:3px;} #home .newproductsCol h3{margin-top:5px; font-size:116%; margin-left:10px;} #home .newproductsCol p{font-size:85%; margin-left:10px;} #home .infoCol{width:765px; clear:both; margin-top:15px; padding:10px 0;} #home .infoCol h2{font-size:136%; float:left; margin-right:-20px;} #home .infoCol div.news{width:630px; height:70px; float:right; margin-right:10px; border-left:solid 1px #d9d9d9; overflow:scroll;} #home .infoCol li{margin:5px 0 7px 15px; zoom:1;} #home .infoCol li:before, #home .infoCol li:after { content:""; display:block; overflow:hidden; } #home .infoCol li:after { clear:both; } #home .infoCol strong{width:100px; float:left;} #home .infoCol a, #home .infoCol span{width:420px; float:left;} #home .banner{width:180px; float:right; margin-top:272px; margin-top:280px\9; *margin-top:280px;} #home .banner li{margin-bottom:5px; background:#FFF; zoom:1;} #home .banner li.other{background:none;} #home .banner a {display:block;} #home .banner img.pc{width:100%; display:block;} /* ---------------------------------------- * 5. PRODUCTS * ---------------------------------------- */ #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; overflow:hidden;} #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;} /* LINEUP */ #products #lineupCol2{width:100%; margin-top:20px; /padding-right:5px; zoom:1; } #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:100%;} #products #lineupCol2 .category .heightFix div{padding:15px; padding-bottom:0;} #products #lineupCol2 .category h2{font-size:152%; border-left:3px solid #1ba298; padding-left:6px; margin:20px 0 10px 0; font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal;} #products #lineupCol2 .category h2.pageTitle_2{font-size:137%; margin-bottom:12px;} #products #lineupCol2 .photo div{position:relative; overflow:hidden;} #products #lineupCol2 .photo img{position:absolute; top:0; left:-10%; height:100%;} /* COLLECTION */ #products.collection #pageFooter{ border-top:1px solid #b3b3b3; padding-top:10px;} #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 a{display:block; padding:10px 20px 10px 20px;} #products #productNav a:hover{text-decoration:none;} #products #productNav li{float:left; border-right:1px solid #d9d9d9; font-weight:bold; position:relative;} #products #productNav li ul{position:absolute; top:40px; left:0; width:180px; 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 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; overflow:hidden;} #products .pager ul .current .line{height:2px;} #products .model{margin-bottom:10px; width:100%; /padding-right:5px; zoom:1;} #products .model:before,.model:after { content:""; display:block; overflow:hidden; } #products .model:after { clear:both;} #products .model, #products .model ul{list-style:none;} #products .model li{float:left; width:20%;} #products .model li li{clear:both; width:100%;} #products .model .productWrap{background:#FFF; margin:1px; position:relative;} #products .model .photo{width:100%; position:relative;} #products .model .photo img{width:100%;} #products .model .photo .zoom{position:absolute; right:10px; bottom:8px; font-size:77%; display:block; background:url(../../products/collection/img/bg_zoom.gif) no-repeat 2px 2px transparent; padding:3px 0 0 16px;} /*#products .model .zoomArea .zoom{position:absolute; right:10px; bottom:104px; font-size:77%; display:block; background:url(../../products/collection/img/bg_zoom.gif) no-repeat 2px 2px transparent; 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; overflow:hidden; display:block; text-indent: 100%; white-space: nowrap; } #products .model .fav #products .model a.fav:hover, #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 #CCC; padding:3px 5px; margin-right:5px; font-size:85%; display:inline-block; margin-bottom:2px;} #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:50%; zoom:1;} #products .model li.list .productData h3{font-size:122% !important; margin-bottom:10px;} #products .model li.list .photo{width:40%; float:left;} #products .model li.list .productData{width:53%; float:right; padding-top:40px; border:none;} #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:20px;} #products #favAlert{display:block; width:112px; height:23px; background:url(../../products/collection/img/bg_fav_hover.gif) no-repeat 0 0; position:absolute; top:0; left:0; z-index:2000;} #products .model li.thumbnail.looks .productData{display:none;} #products .model li.thumbnail.looks .photo{height:100%; position:relative; overflow:hidden} #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} #products .model li.list.looks .photo img{height:100%; width:auto; position:absolute; top:0; left:0%;} /* CATEGORY TITILE */ #products .categoryTitle{zoom:1; /padding-right:5px; position:relative;} #products .categoryTitle .txtWrap, #products .categoryTitle .photoWrap{height:28em;} #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;} #products .categoryTitle .photoWrap{background:#000; margin:1px;} #products .categoryTitle .txtWrap div{padding:80px 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;} #products .categoryTitle .txtWrap h2{font-size:152%; color:#1ba298; margin-top:20px;} #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 .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_big-case.jpg) top right no-repeat;} #products #big-case .photoWrap, #products #big-case .txtWrap{height:21em;} #products #big-case .txtWrap div{ padding-top:10px;z-index:2;} #products .categoryTitle .txtWrap div{ padding-top:10px;z-index:2;} #products #neon-marine .photoWrap{background:#000 url(../../products/collection/img/bg_photo_neon-marine.png) top center no-repeat;} #products #neon-marine .txtWrap{background:#FFF; overflow:hidden; z-index:2;} #products #neon-marine.categoryTitle .txtWrap div{padding:50px 10px 30px 30px;z-index:2;} #products #neon-marine.categoryTitle .txtWrap p.subTitle{padding-right:30px;} #products #neon-marine.categoryTitle .photoWrap, #products #neon-marine .txtWrap{height:40em; position:relative;} #products #neon-marine.categoryTitle .txtWrap .sub{position:relative;padding:0;height:22em;} #products #neon-marine.categoryTitle .txtWrap .sub img.tb_img{display:none;} #products #neon-marine.categoryTitle .txtWrap .sub2{position:relative; width:300px; padding:0;height:13em;} #products #neon-marine.categoryTitle .txtWrap .sub_l{float:left;width:320px;padding:0;z-index:2;} #products #neon-marine.categoryTitle .txtWrap .sub .sub_l .sub{height:auto;} #products #neon-marine.categoryTitle .txtWrap .sub_r{position:relative;float:right;width:210px;padding:0;z-index:2;margin-top:30px;} #products #neon-marine.categoryTitle .txtWrap .sub_r h3{padding-right:110px;z-index:2;} #products #neon-marine.categoryTitle .txtWrap img.bg{position:absolute;bottom:20px;left:30px;z-index:1;right:6px¥9;*right:6px;} #products #neon-dial .photoWrap { background: url("../../products/collection/img/bg_photo_neon-dial.jpg") no-repeat scroll center 10% #000000; } #products #neon-dial .txtWrap { background:#FFF; overflow:hidden; z-index:2;} #products #neon-dial.categoryTitle .txtWrap div { padding:50px 10px 30px 30px; z-index: 2;} #products #neon-dial.categoryTitle .photoWrap, #products #neon-dial .txtWrap { height: 30em; } #products #neon-dial.categoryTitle .txtWrap .sub { height: 22em; padding: 0; position: relative; } #products #neon-dial.categoryTitle .txtWrap .sub img.tb_img{display:none;} #products #neon-dial.categoryTitle .txtWrap .sub_l { float: left; padding: 0; width: 320px; z-index: 2; } #products #neon-dial.categoryTitle .txtWrap .sub .sub_l .sub { height: auto; } #products #neon-dial.categoryTitle .txtWrap .sub_r { float: right; padding: 0; position: relative; width: 210px; z-index: 2; margin-top:30px;} #products #jerry-marine .photoWrap{background:#FFF 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) top right no-repeat;} #products #jerry-marine .photoWrap, #products #jerry-marine .txtWrap{height:29em;} #products #jerry-marine .txtWrap div{padding-top:140px;} /*#products #neon-dial .photoWrap{background:#FFF 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:29em;} #products #neon-dial .txtWrap div{padding-top:140px;}*/ #products #energetic-colors .photoWrap{background:#FFF 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) top right no-repeat;} #products #energetic-colors .photoWrap, #products #energetic-colors .txtWrap{height:29em;} #products #energetic-colors .txtWrap div{padding-top:130px;} #products #g-lide .photoWrap{background:#FFF 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) top right no-repeat;} #products #g-lide .photoWrap, #products #g-lide .txtWrap{height:29em;} #products #g-lide .txtWrap div{padding-top:120px;} #products #tripper .photoWrap{background:#FFF 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) top right no-repeat;} #products #tripper .photoWrap, #products #tripper .txtWrap{height:29em;} #products #tripper .txtWrap div{padding-top:120px;} #products #basic .photoWrap{background:#FFF 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) top right no-repeat;} #products #basic .photoWrap, #products #basic .txtWrap{height:29em;} #products #basic .txtWrap div{padding-top:130px;} #products #shell-pink-colors .photoWrap{background:#FFF 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) top right no-repeat;} #products #shell-pink-colors .photoWrap, #products #shell-pink-colors .txtWrap{height:29em;} #products #shell-pink-colors .txtWrap div{padding-top:130px;} /* #products #no6900 .photoWrap{background:#FFF 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) top right no-repeat;} #products #no6900 .photoWrap, #products #no6900 .txtWrap{height:29em;}*/ /* #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) top right no-repeat;} #products #tripper .photoWrap, #products #tripper .txtWrap{height:13em;} #products #tripper .txtWrap div{ padding-top:10px;}*/ #products #running .txt{width:100%;} #products #running .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_6900-for-running.jpg) top right no-repeat; height:13em;} #products #running .txtWrap div{ padding-top:20px;} #products #casket .txt{width:100%;} #products #casket .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_casket.jpg) top right no-repeat; height:13em;} #products #casket .txtWrap div{ padding-top:30px;} /* #products #shell-pink-colors .txt{width:100%;} #products #shell-pink-colors .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_shell-pink-colors.jpg) top right no-repeat; height:13em;} #products #shell-pink-colors .txtWrap div{ padding-top:20px;}*/ #products #g-ms .txt{width:100%;} #products #g-ms .txtWrap{background:#FFF url(../../products/collection/img/bg_txt_g-ms.jpg) top right no-repeat; height:13em;} #products #g-ms .txtWrap div{ padding-top:10px;} /* #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) top right no-repeat;} #products #g-lide .photoWrap, #products #g-lide .txtWrap{height:14em;} #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) top right no-repeat;} #products #glitter-dial .photoWrap, #products #glitter-dial .txtWrap{height:14em;} #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) top right no-repeat;} #products #pink-gold .photoWrap, #products #pink-gold .txtWrap{height:13em;} #products #pink-gold .txtWrap div{ padding-top:10px;} #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) top right no-repeat;} #products #multi-color-dial .photoWrap, #products #multi-color-dial .txtWrap{height:13em;} #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) top right no-repeat;} #products #basic .photoWrap, #products #basic .txtWrap{height:14em;} #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) top right no-repeat;} #products #g-ms .photoWrap, #products #g-ms .txtWrap{height:14em;} #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 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:26px 30px;} #products #catalogCol .txt h1{font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; padding-top:30px;} #products #catalogCol .txt h2{margin-top:20px; } #products #catalogCol .txt a{text-decoration:underline;} /* ---------------------------------------- * 6. LOOKS * ---------------------------------------- */ #looks #wrap{ background-image:none;} #looks #container{width:100%;} #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:170px; position:relative; overflow:hidden; z-index:100;} #looks #looksTitle{position:absolute; z-index:200; bottom:10px; left:40px;} #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%;} #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; right: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; right:-10px;} #looksCol #shareCol #shareBtn{background:#FFF; width:100px; height:100%; position:absolute; top:0; right:100px; 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:10px; left:50px; width:100%; text-align:center; zoom:1;} #looksCol #pageNav .number:before, #looksCol #pageNav .number:after { content:""; display:block; overflow:hidden; } #looksCol #pageNav .number:after { clear:both; } #looksCol #pageNav .number li{display:block; width:20px; overflow:hidden; float:left;} #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{position:absolute; top:0; right:0; width:170px; height:100%; background:#FFF; overflow:hidden;} #snapCol ul{position:absolute; left:5px; top:0;} /* ---------------------------------------- * 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:36px 29px 24px;} #about #aboutCol .about-area #aboutTop.aboutWrap{padding:0;} #about #aboutCol .about-area #aboutTop.aboutWrap h1 {padding:0;} #about #aboutCol .about-area #aboutTop.aboutWrap h1 img {display:block;} #about #aboutCol .about-area #aboutTop.aboutWrap p {margin-bottom:0; padding:0 30px 0 50px; text-align:left !important; line-height:2; font-weight:bold;} #about #aboutCol .about-area .aboutWrap ul li{list-style:none;} #about #aboutCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; font-size:139%; 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:200px;} #about #aboutCol .about-area .aboutWrap .about-col-area .about-col-txt {width:200px;} #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{zoom:1;} #about #aboutCol .about-area .aboutWrap .about-col-area:before, #about #aboutCol .about-area .aboutWrap .about-col-area:after{content:""; display:block; overflow:hidden;} #about #aboutCol .about-area .aboutWrap .about-col-area:after{clear:both;} /* ---------------------------------------- * 8. SHOP * ---------------------------------------- */ #shop #categoryTitle .shop01{right:-60px; top:-60px;} #shop #categoryTitle .shop02{right:100px; top:-60px;} #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:36px 29px 13px;} #shop #shopCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; font-size:139%; line-height:1.2; border-left:3px solid #1BA298;} #shop #shopCol h3{margin:12px 0 5px; font-size:93%; line-height:1.2; color:#1BA298;} #shop #shopCol .shoplist li{list-style:none; float:left;} #shop #shopCol .shoplist li img{display:block;} #shop #shopCol .shoplist li img.shoppho{width:200px;} #shop #shopCol .shoplist li h3, #shop #shopCol .shoplist li p{width:200px; 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 .shoplist li.shopfst{padding-right:18px;} #shop #shopCol .shoplist li.shopsnd{padding-left:18px;} #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:10px; 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%; float:left;} #movie #movieCol .movie-col-all{width:100%; float:left;} #movie #movieCol .movie-area{background:#FFF; margin:1px;} #movie #movieCol .movie-area .movieWrap{padding:29px 29px 39px;} #movie #movieCol .movie-area .movieWrap .movie-vs img, #movie #movieCol .movie-area .movieWrap .movie-vs video, #movie #movieCol .movie-area .movieWrap .movie-vs object{width:420px; height:240px;} #movie #movieCol .movie-area .movieWrap .movie-vs iframe{display:block; margin:0 auto;} #movie_promotion{ height:100%;} #movie_comment{height:240px;} #movie #movieCol .movie-area .movie-profile .movie-pho {width:154px; float:left;} #movie #movieCol .movie-area .movie-profile .movie-txt {width:725px; float:right;} #movie #movieCol .movie-area .movie-profile .movie-txt h3{margin:18px 0 5px; 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;} /* ---------------------------------------- * 10. PRESENT * ---------------------------------------- */ #present #categoryTitle .pcPhoto{position:absolute; top:0; right:-18px;} #present #categoryTitle .spPhoto{position:absolute; top:10px; right:180px;} #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:36px 29px 24px;} #present #wallCol .wall-area .wallWrap ul li{list-style:none;} #present #wallCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; font-size:139%; line-height:1.2; border-left:3px solid #1BA298; display: block;} #present #wallCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;} #present #wallCol .wallWrap .wall-oth .wall-oth-li {margin-right:30px; width:280px; float:left;} #present #wallCol .wallWrap .wall-oth .wall-oth-li-end {width:280px; float:left;} #present #wallCol .wallWrap .wall-pho{margin-bottom:15px; text-align:center;} #present #wallCol .wallWrap .wall-btn .wall-btn-p{width:200px; float:left;} #present #wallCol .wallWrap .wall-btn .wall-btn-s{width:200px; float:right;} #present #wallCol .wallWrap .wall-btn li{width:95px; float:left;} #present #wallCol .wallWrap .wall-btn li.wallfst{margin-right:10px;} #present #wallCol .wallWrap .wall-btn li.wallfst a{background-position:5px center; padding-left:20px;} #present #wallCol .wallWrap .wall-btn li a {font-size:93%; display:block;} #present #wallCol .wallWrap .wall-btn .wall-ngt li a.download{background-color:#000;} #present #wallCol .wallWrap .wall-btn .wall-gls li{width:135px;} #present #wallCol .wallWrap .wall-btn .wall-gls li a{padding:7px 10px 5px 25px; text-align:center;} #present #wallCol .wallWrap .wall-btn .wall-gls1 li a.download{background-color:#fe0096;} #present #wallCol .wallWrap .wall-btn .wall-gls2 li a.download{background-color:#cd975b;} #present #wallCol .wallWrap .wall-btn .wall-gls3 li a.download{background-color:#000 ;} #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-btn a.p1{padding:7px 10px 5px 23px; background-position: 5px center;} #present #wallCol .wallWrap .wall-btn li.wallfst a.p3{padding-left:30px;background-position: 10px center;} /* ---------------------------------------- * 11. CONTACT * ---------------------------------------- */ #contact #contactCol{width:100%; margin-top:20px; /padding-right:5px;} #contact #contactCol .contact-col-all{width:99%; float:left;} #contact #contactCol .contact-col{width:33%; float:left;} #contact #contactCol .contact-area{background:#FFF; margin:1px;} #contact #contactCol .contact-area .contactWrap-all{padding:20px 29px;} #contact #contactCol .contact-area .contactWrap{padding:56px 29px 300px;} #contact #contactCol .contact-area .contactWrap ul li{list-style:none;} #contact #contactCol h2.pageTitle{margin-bottom:33px; padding:5px 0 5px 7px; font-size:139%; 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;} #contact #contactCol p.contact-txt {margin-bottom:30px;} /* ---------------------------------------- * 12. 2012TIEUP * ---------------------------------------- */ #tieup #wrap{background:url(../../2012tieup/img/bg_tieup.jpg) repeat;} #tieup #container{width:1040px;} #tieup #tieupCol{width:100%; /padding-right:5px;} #tieup #tieupCol .tieup-col{width:920px; float:left;background:#fff;padding:30px 10px 0 30px;margin:0 40px;_margin:0 20px;position:relative;} #tieup #tieupCol .tieup-col-all{width:100%; float:left;} #tieup #tieupCol .tieup-area{margin:1px;} #tieup #tieupCol .tieup-area .tieupWrap{padding:36px 29px 24px;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop{position:relative;background:url(../../2012tieup/img/bg_concept.png) left bottom no-repeat;padding:0 40px 495px 40px;height:1%;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop h1 {line-height:1.3;font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-size:152% !important; font-weight:normal; padding:25px 0 0 0;text-align:left !important;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop h1 span {font-size:260%;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop p {position:absolute;width:0;left:495px;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.photo01 {position:absolute;left:45px;top:0;z-index:100;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo02 {position:absolute;left:0;top:0;z-index:101;} #tieup #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo03 {position:absolute;left:313px;top:375px;z-index:102;} #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:280px;float:left;min-height:745px;height:auto !important;height:745px;} #tieup #tieupCol .tieup-col .col_1 img.layer {position:absolute;left:-70px;} #tieup #tieupCol .tieup-col .col_2{width:280px;float:left;padding:20px 30px 0;} #tieup #tieupCol .tieup-col .col_2 p{margin-bottom:35px;} #tieup #tieupCol .tieup-col .col_3{position:relative;width:300px;float:right;padding-top:340px;} #tieup #tieupCol .tieup-col .col_3 img.layer {position:absolute;left:-30px;top:-130px;} #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{width:960px;margin:0 0 0 40px; /padding-right:5px;} #tieup #movieCol .movie-col-all{width:100%; float:left;} #tieup #movieCol .movie-area{background:#FFF; margin:1px;} #tieup #movieCol .movie-area .movieWrap{padding:29px 29px 39px;position:relative;} #tieup #movieCol .movie-area .movieWrap .movie-vs img, #tieup #movieCol .movie-area .movieWrap .movie-vs video, #tieup #movieCol .movie-area .movieWrap .movie-vs object{width:420px; height:240px;} #tieup_promotion, #tieup_comment, #tieup_event{height:240px;} #tieup #movieCol .movie-area .movie-profile .movie-pho {width:154px; float:left;} #tieup #movieCol .movie-area .movie-profile .movie-txt {width:725px; float:right;} #tieup #movieCol .movie-area .movie-profile .movie-txt h3{margin:18px 0 5px; font-size:93%; line-height:1.2; color:#1BA298;} #tieup #movieCol .movie-area .movie-profile, #tieup #movieCol .col{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;} #tieup #tieupCol .tieup-col img.bg {position:absolute;left:0;bottom:-32px;} #tieup #movieCol .movie-area .movieWrap img.bg {position:absolute;left:0;bottom:-32px;} .end-txt {text-align:center;} .detail-shadow{float:left;background:url(../../2012tieup/img/bg_shadow01.png) center bottom no-repeat;padding-bottom:32px;-moz-background-size:960px 32px;background-size:960px 32px; } .movie-shadow{width:50%; float:left;margin-bottom:0;background:url(../../2012tieup/img/bg_shadow02.png) center bottom no-repeat;padding-bottom:31px;} #tieup.event #wrap{background:url(../../2012tieup/img/event/bg_event.jpg) repeat;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop h1 {background:url(../../2012tieup/img/event/bg_tl_p.png) no-repeat;padding:20px 0 20px 20px;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop{position:relative;background:none;padding:0 40px 295px 40px;height:1%;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p.lead {position:absolute;width:488px;left:25px;top:135px;height:287px;text-indent:0;overflow:visible;z-index:103;background:url(../../2012tieup/img/event/img_lead_01_p.png) no-repeat;text-indent:-9999px;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo01 {position:absolute;left:-50px;top:0;z-index:100;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo02 {position:absolute;left:418px;top:0;z-index:101;} #tieup.event #tieupCol .tieup-area .tieupWrap.tieupTop p img.photo03 {position:absolute;left:-65px;top:0;z-index:102;} #tieup.event #tieupCol .bg_wrap {background:url(../../2012tieup/img/event/bg_col2.png) 470px 80px no-repeat;} #tieup.event #tieupCol .tieup-col .col_1{position:relative;width:380px;float:left;min-height:665px;height:auto !important;height:665px;} #tieup.event #tieupCol .tieup-col .col_1 img.layer {position:absolute;left:-47px;top:-39px;} #tieup.event #tieupCol .tieup-col .col_2{width:480px;float:left;padding:20px 30px 0;} #tieup.event #tieupCol .tieup-col .col_2 p{margin-bottom:35px;} #tieup.event #tieupCol .col3{position:relative;height:320px;} #tieup.event #tieupCol .col3 img {position:absolute;top:-105px;} #tieup.event #tieupCol .col4 .floatL{float:left;width:516px;} #tieup.event #tieupCol .col4 .floatR{float:right;width:434px;} #tieup.event #movieCol{width:434px;margin:0 0 0 40px; /padding-right:5px;} #tieup.event #movieCol .movie-col-all{width:100%; float:left;} #tieup.event #movieCol .movie-area{background:url(../../2012tieup/img/event/bg_mov.png) no-repeat; width:455px;height:353px;} #tieup.event #movieCol .movie-area .movieWrap{padding:0;position:relative;} #tieup.event #movieCol .movie-area .movieWrap .movie-vs img, #tieup.event #movieCol .movie-area .movieWrap .movie-vs video, #tieup.event #movieCol .movie-area .movieWrap .movie-vs object{width:420px; height:240px;} #tieup.event #movieCol .movie-area .movie-profile .movie-pho {width:154px; float:left;} #tieup.event #movieCol .movie-area .movie-profile, #tieup.event #movieCol .col{zoom:1;} #tieup.event #movieCol {margin: 0;width: 434px;} #tieup.event #movieCol .movie-area .movie-profile:before, #tieup.event #movieCol .movie-area .movie-profile:after{content:""; display:block; overflow:hidden;} #tieup.event #movieCol .movie-area .movie-profile:after{clear:both;} #tieup.event #tieupCol .tieup-col img.bg {position:absolute;left:0;bottom:-32px;} #tieup.event #movieCol .movie-area .movieWrap img.bg {position:absolute;left:0;bottom:-32px;} #tieup.event .detail-shadow{float:left;background:url(../../2012tieup/img/bg_shadow03.png) center bottom no-repeat;padding-bottom:18px;-moz-background-size:960px 18px;background-size:960px 18px;margin-bottom:20px; } .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:40px 29px 300px;} #error #errorCol .error-area .errorWrap ul li{list-style:none;} #error #errorCol h2.pageTitle{margin-bottom:25px; padding-left:0 !important; font-size:139%; line-height:1.2; color:#1BA298 !important; border-left:0 !important; display:block;} #error #errorCol h3{padding-bottom:5px; font-size:93%; line-height:1.2; color:#1BA298;} #error #errorCol p.error-txt {margin-bottom:25px;} /* ---------------------------------------- * 14. ARCHIVE * ---------------------------------------- */ #archive #wrap{position:relative;z-index:99;} #archive #archiveCol{width:100%; margin-top:15px; /padding-right:5px;} #archive #archiveCol .archive-col{width:33.3%; float:left;} #archive #archiveCol .archive-col-all{width:100%; float:left;} #archive #archiveCol .archive-area{background:#FFF; margin:1px;} #archive #archiveCol .archive-area .archiveWrap{padding:36px 29px 24px;} #archive #archiveCol .archive-area .archiveWrap.archiveTop{background:url(../../archive/img/bg_archive.jpg) right -10px no-repeat; padding:0 0 30px 0; text-align:right;} #archive #archiveCol .archive-area .archiveWrap.archiveTop h1 {font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-size:272% !important; padding:70px 30px 40px;text-align:left !important;} #archive #archiveCol .archive-area .archiveWrap.archiveTop h1 span {color:#1BA298;} #archive #archiveCol .archive-area .archiveWrap.archiveTop p {margin-bottom:0; padding:0 30px; text-align:left !important; line-height:2; font-weight:bold;} #archive #archiveCol .archive-area .archiveWrap ul li{list-style:none;} #archive #archiveCol h2.pageTitle{margin-bottom:11px; padding:5px 0 5px 7px; font-size:139%; 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:200px;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-img a:hover img {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-txt {width:200px;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area p{margin-bottom:0;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .li-l{float:left;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .li-r{float:right;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area{zoom:1;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area:before, #archive #archiveCol .archive-area .archiveWrap .archive-col-area:after{content:""; display:block; overflow:hidden;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area:after{clear:both;} #archive #archiveCol .making-col{width:100%;clear:both;} #archive #archiveCol .making-col .archive-area{position:relative;} #archive #archiveCol .making-col .archive-area #bg_making{position:absolute;top:0;right:0;} #archive #archiveCol .making-col h2{border:none;padding:0;font-family:"LatoBold", Helvetica, Arial, Verdana, sans-serif !important; font-weight:normal; font-size:182%; line-height:1.5;} #archive #archiveCol ul{width:100%;clear:both;zoom:1;padding-top:48px;} #archive #archiveCol ul li{float:left;width:144px;margin:0 5px 5px 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;} #archive #archiveCol .archive-area .archiveWrap .archive-col-area .archive-col-img a:hover img,#archive #archiveCol ul li a:hover img {filter: alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;} #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: 800px; height: 600px; 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; margin:0 auto 0; width: 800px; height: 600px; overflow:hidden; } #mycarousel-m ul li { position:absolute; text-align:center; } #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/120223_girls-voice.jpg) no-repeat top center;} #primaryNav #pnNewProducts .photo{background:url(../../img/bg_newproduct.jpg) 40% 35%;} .sp,.tablet,.tablet-sp{display:none !important;}