/* COMMON --------------------------------------------------------------------- COMMON */ body{font:11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, helvetica, clean, sans-serif;/* background:#D4D3C9; */font-size:12px;color:#444;line-height:1.6em;-webkit-text-size-adjust:none;} strong{font-weight:bold;} em{font-style:italic;} article{margin:0;} dt{font-weight:bold;} p{font-size:1em;} h2, h3, h4, h5, h6{font-weight:bold;} h1 + p, h2 + p, h3 + p, h4 + p, h5 + p, h6 + p{margin-top:0;} /* fix for weird Chrome collapse bug */ input, textarea{font:.75em;} hr{background:black; border:none; color:black; display:block; height:1px; margin-top:20px; width:100%;} .none{display:none;} #container{margin:0;position:absolute;z-index:100;} table, td, th{border-collapse:collapse;border:solid 1px #F8A5BE;padding:10px;vertical-align:middle} /* LINK COLORS --------------------------------------------------------------------- LINK COLORS */ img{display:block;} a img{display:block;} ul{list-style:none;} a:link{color:#008ac4;text-decoration:none;} a:visited{color:#008AC4;text-decoration:none;} a:hover{color:#1ebcff;text-decoration:underline;} a:focus{outline:1px dotted #79160d;} .black{color:#000 !important;} /* FONT COLORS --------------------------------------------------------------------- FONT COLORS */ .red{color:red !important;} .bold{font-weight:bold !important;} .gold{color:#A17814 !important;} /* .pink{color:#F42F67 !important;}1309 */ .pink{color:#e86084 !important;} #leftColumn .widget a:link, #leftColumn .widget a:visited, #msContainer a:link, #msContainer a:visited{color:#444;text-decoration:none;} #leftColumn .widget a:hover, #msContainer a:hover{color:#008AC4;text-decoration:none;} /* FONT SIZE --------------------------------------------------------------------- FONT SIZE */ .f9{font-size:9px !important;} .f10{font-size:10px !important;} .f12{font-size:12px !important;} .f14{font-size:14px !important;} .f15{font-size:15px !important;} .f19{font-size:19px !important;} .appInfo > h3{font-size:23px;color:#8B1414;margin:4px 0;line-height:26px;} /* MARGIN TOPS --------------------------------------------------------------------- MARGIN TOPS */ .mt-10{margin-top:-10px !important;} .mt2{margin-top:2px !important;} .mt5{margin-top:5px !important;} .mt10{margin-top:10px !important;} .mt15{margin-top:15px !important;} .mt20{margin-top:20px !important;} .mt25{margin-top:25px !important;} .mt30{margin-top:30px !important;} .mt35{margin-top:35px !important;} .mt40{margin-top:40px !important;} .mt45{margin-top:45px !important;} .mt50{margin-top:50px !important;} .mt60{margin-top:60px !important;} .mt90{margin-top:90px !important;} .mt120{margin-top:120px !important;} /* MARGIN BOTTOMS --------------------------------------------------------------------- MARGIN BOTTOMS */ .mb0{margin-bottom:0px !important;} .mb3{margin-bottom:3px !important;} .mb5{margin-bottom:5px !important;} .mb10{margin-bottom:10px !important;} .mb15{margin-bottom:15px !important;} .mb20{margin-bottom:20px !important;} .mb25{margin-bottom:25px !important;} .mb30{margin-bottom:30px !important;} .mb35{margin-bottom:35px !important;} .mb45{margin-bottom:45px !important;} .mb60{margin-bottom:60px !important;} .mb90{margin-bottom:90px !important;} .mb120{margin-bottom:120px !important;} .mb10Li li{margin-bottom:5px !important;} /* MARGIN LEFTS --------------------------------------------------------------------- MARGIN LEFTS */ .ml0{margin-left:0 !important;} .ml4{margin-left:4px !important;} .ml5{margin-left:5px !important;} .ml10{margin-left:10px !important;} .ml15{margin-left:15px !important;} .ml20{margin-left:20px !important;} .ml23{margin-left:23px !important;} .ml25{margin-left:25px !important;} .ml30{margin-left:30px !important;} .ml40{margin-left:40px !important;} .ml50{margin-left:50px !important;} .ml60{margin-left:60px !important;} .ml65{margin-left:65px !important;} .ml70{margin-left:70px !important;} .ml78{margin-left:78px !important;} /* MARGIN RIGHTS --------------------------------------------------------------------- MARGIN RIGHTS */ .mr0{margin-right:0 !important;} .mr1{margin-right:1px !important;} .mr2{margin-right:2px !important;} .mr5{margin-right:5px !important;} .mr10{margin-right:10px !important;} .mr15{margin-right:15px !important;} .mr20{margin-right:20px !important;} .mr25{margin-right:25px !important;} .mr30{margin-right:30px !important;} .mr10n li{margin-right:0 !important;} /* PADDING TOPS --------------------------------------------------------------------- PADDING TOPS */ .pt0{padding-top:0px !important;} .pt2{padding-top:2px !important;} .pt5{padding-top:5px !important;} .pt10{padding-top:10px !important;} .pt15{padding-top:15px !important;} .pt20{padding-top:20px !important;} .pt30{padding-top:30px !important;} .pt45{padding-top:45px !important;} .pt60{padding-top:60px !important;} .pt90{padding-top:90px !important;} .pt120{padding-top:120px !important;} .pt130{padding-top:130px !important;} /* PADDING BOTTOMS --------------------------------------------------------------------- PADDING BOTTOMS */ .pb10{padding-bottom:10px !important;} .pb15{padding-bottom:15px !important;} .pb20{padding-bottom:20px !important;} .pb30{padding-bottom:30px !important;} .pb45{padding-bottom:45px !important;} .pb60{padding-bottom:60px !important;} .pb90{padding-bottom:90px !important;} .pb120{padding-bottom:120px !important;} .pb130{padding-bottom:130px !important;} /* FLOAT --------------------------------------------------------------------- FLOAT */ .fL{float:left;} .fR{float:right;} .liFL li{float:left;} .liFR li{float:right;} /* OPTION --------------------------------------------------------------------- OPTION */ .w360{width:360px;margin-right:20px;} .widget.w684{width: 684px;} .h23{line-height:100%;height:21px !important;font-size:10px !important;} .bdTop{border-top:solid 1px #ccc;} .bdBt{border-bottom:solid 1px #ccc;} .abs{position:absolute;} .ieH{height:auto;} .ieH img{height:auto;} .fadeIn{display:none;} .loc, .locN{cursor:pointer;} /* EXTRAS --------------------------------------------------------------------- EXTRAS */ .clear, .clearboth{clear:both !important;} .clearleft{clear:left !important;} .clearright{clear:right !important;} .cursor{cursor:pointer;} .block{display:block;overflow:hidden;} .italic{font-style:italic;} /* ALIGNS --------------------------------------------------------------------- ALIGNS */ .textcenter{text-align:center;} .textright{text-align:right;} .textleft{text-align:left;} .aligncenter{text-align:center;} .alignright{text-align:right;float:right;margin:0 0 10px 20px !important;} .alignleft{text-align:left;float:left;margin:0 20px 10px 0 !important;} .alignnone{margin-bottom:2px;} /* BOXSHADOW --------------------------------------------------------------------- BOXSHADOW */ .boxShadow{-moz-box-shadow:0 2px 5px #999;-webkit-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999;} .boxShadow img{-moz-box-shadow:0 2px 5px #999;-webkit-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999;} /* SPACES --------------------------------------------------------------------- SPACES */ .inner{padding:10px;overflow:hidden;} .related-posts-type{padding:10px;overflow:hidden;} #featureContents .inner, #recommendBody .inner, #singleVendor .inner{overflow:visible;} header > .inner{padding:15px 5px 0;} #sommelierInfo .inner{padding:10px 0 0;} #rightColumn #rankingWidget .inner, #rightColumn #vendorWidget .inner{padding:10px 0;} #leftColumn > .widget > .inner{padding:10px 0 0;} #teachmeContents > .widget > .inner{padding:20px;} /* #contactPage .inner{padding:0 20px;} 1309 */ #contactPage .inner{padding:20px;} #docsPage .inner{padding:20px;} /* R --------------------------------------------------------------------- R */ .cs-rightBanner{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);} .royalImage{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);} /* LAYOUT Styles --------------------------------------------------------------------- LAYOUT Styles */ #wrap{width:980px;margin:0 auto;padding:0 10px;overflow:hidden;} /* header{display:none;position:relative;height:167px;-webkit-border-bottom-left-radius:5px;-moz-border-bottom-left-radius:5px;border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-right-radius:5px;background:#fff;margin-bottom:10px;z-index:10000;} */ #mainColumn{overflow:hidden;} #leftColumn{position:relative;width:228px;float:left;} #centerColumn{margin-bottom:10px;float:left;width:456px;} /* #contentsColumn{margin-bottom:10px;float:left;width:694px;} */ #rightColumn{position:relative;width:286px;float:right;} /* #featureContents{width:684px;} 1309 */ #featureContents{width:670px; overflow: hidden;} .contents{padding:0 10px;} #recommendArchiveView.contents{padding:0;width: 681px;} #vendorArchiveView.contents, #featureArchiveView.contents{padding:0;} /* #rankingArchiveView.contents{width:644px;padding:20px;margin-bottom:10px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} 1309 */ #rankingArchiveView.contents{width:650px;padding:10px;margin-bottom:10px;background:#fff;} #teachmeContents.contents{width:684px;padding:0;} #featureArchiveView, #rankingArchiveView{width: 670px;/* width:684px;1309 */} #contactPage{width:980px;} /* HEADING Styles --------------------------------------------------------------------- HEADING Styles */ .contents h2, .contentsNav h2, #featureContents h2{font-size:23px;margin:10px 0;background:url(../images/icon-heart.png) no-repeat;padding:0 0 0 32px;min-height:26px;line-height:120%;} .templates h4{font-size:23px;margin:10px 0;background:url(../images/icon-heart.png) no-repeat;padding:3px 0 0 32px;min-height:26px;} #relatedPosts h4{font-size:23px;margin:10px;background:url(../images/icon-heart.png) no-repeat;padding:3px 0 0 32px;min-height:26px;} .related-posts h4{font-size:23px;margin:10px;background:url(../images/icon-heart.png) no-repeat;padding:3px 0 0 32px;min-height:26px;} #teachmeContents h2{font-size:23px;font-weight:normal;margin:10px 0 20px;background:url(../images/icon-q_s.gif) no-repeat;padding:1px 0 0 44px;min-height:26px;line-height:120%;color:#E86084;} .faqContents{background:url(../images/icon-a.gif) no-repeat;padding:6px 0 0 44px;font-size:15px;} /* #docsPage h2{font-size:23px;font-weight:normal;margin:10px 0 20px;background:url(../images/icon-heart.png) no-repeat;padding:1px 0 0 32px;min-height:26px;line-height:120%;} 1309 */ #docsPage h2{font-size:23px;font-weight:normal;margin:0 0 20px;background:url(../images/icon-heart.png) no-repeat;padding:1px 0 0 32px;min-height:26px;line-height:120%;} #docsPage h3{font-size:14px;} /* STOREBUTTON Styles --------------------------------------------------------------------- STOREBUTTON Styles */ /* .storeButtons{background:url(../images/bg-downloadnow.gif) 197px 20px no-repeat #eee;margin:20px auto;width:643px;height:40px;padding:55px 0 20px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;clear:both;text-align:center;} */ .storeButtons{background:url(../images/bg-downloadnow.gif) 197px 20px no-repeat #eee;margin:20px 0;padding:55px 0 20px;display:block;clear:both;text-align:center;vertical-align: top;} .templates .storeButtons{margin:0 auto 20px;width:643px;height:40px;padding:55px 0 20px;display:block;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;clear:both;text-align:center;} .storeButtons li{display:inline-block;margin:0 10px;vertical-align: top} .infoStoreButtons{float:right;} .infoStoreButtons li{margin-bottom:5px !important;} /* SEARCHFORM Styles --------------------------------------------------------------------- SEARCHFORM Styles */ #searchform label.screen-reader-text{display:none;} #searchform input{width:200px;height:15px;padding:2px 5px;border:solid 1px #E2E9EF;margin-right:2px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;} #searchForm div.button{float:right;width:48px;height:21px;background:url(../images/button-search.gif) no-repeat;border:none;text-indent:-99999px;cursor:pointer;margin-right:0;} /* FORM PARTS Styles --------------------------------------------------------------------- FORM PARTS Styles */ /* #sortNav{width:684px;} 1309 */ #sortNav p, #categoryNav p {float:left;padding-top:6px;} #contactPage div.button{margin:0 auto;width:200px;text-align:center;background:#F42E67;color:#fff;padding:10px 0;margin-left:0px;} #sortNav div.button, #categoryNav div.button{min-width:61px;float:right;background:#777;padding:4px 4px 3px;margin-left:10px;text-align:center;}/* 0913 */ /* HEADER Styles --------------------------------------------------------------------- HEADER Styles */ /* header h1{float:left;} header aside{float:right;background:url(../images/bg-contact.gif) no-repeat;height:27px;padding:0 0 0 81px;} header aside ul li{float:left;margin-left:10px;} header nav{clear:both;padding-top:10px;} header nav ul li{float:left;} */ /* GLOBALNAV Styles --------------------------------------------------------------------- GLOBALNAV Styles */ #glovalNav{padding:20px 0 0;} #glovalNav ul{} #glovalNav > ul > li{float:left;list-style:none;margin:0;padding:0 11px 0 0;background:url(../images/bg-nav_border.gif) no-repeat right top;} #glovalNav > ul > li:first-child{padding:0 13px 0 0;background-position:153px top;} #glovalNav > ul > li:last-child{background:none;padding:0;} #glovalNav > ul > li > a{outline:none;z-index:10;display:block;float:left;height:55px;position:relative;overflow:hidden;} /********* GLOBALNAV REQUIRED ***********/ #glovalNavPull{margin:0px;padding:0px;position:absolute !important;z-index:999;} #glovalNavPull li{display:block;margin:0px;padding:0px;position:relative !important;float:left;vertical-align:bottom;} * html #glovalNavPull li{width:1px;} #glovalNavPull li a:link, #glovalNavPull li a:visited, #glovalNavPull li a:hover{display:block;margin:0px;padding:0px;white-space:nowrap;} #glovalNavPull ul{display:none;margin:0px;padding:0px;position:absolute !important;height:auto;} #glovalNavPull ul li{float:none;margin:0px;padding:0px;} /******** GLOBALNAV PULLDOWN STYLE *******/ #glovalNavPull li ul{padding-bottom:3px;} #glovalNavPull ul li{height:26px;padding:3px;background-color:#fff;width:149px;} #glovalNavPull ul li:last-child{padding-bottom:7px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;} #glovalNavPull ul li a{display:block;color:#000;height:30px;line-height:30px;padding:0px 4px;background:#FFEAEA;margin-bottom:3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} #glovalNavPull ul li a span{display:block;color:#000;margin-left:8px;} #glovalNavPull ul li a span:hover{color:#fff;} #glovalNavPull ul li a:hover, #globalNavPull ul li a.active{background-color:#E86084;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);color:#fff;text-decoration:none;} #glovalNavPull > li > a{position:relative;display:block;height:55px;width:152px;text-indent:-99999px;} /*-- .navRecommend > a{background:url(../images/nav-recommend.gif) 0 0 no-repeat;} .navRecommend.current-menu-item > a, .navRecommend.current-menu-ancestor > a{background:url(../images/nav-recommend.gif) 0 -55px no-repeat;} .navSpecial > a{background:url(../images/nav-special.gif) 0 0 no-repeat;} .navSpecial.current-menu-item > a, .navSpecial.current-menu-ancestor > a{background:url(../images/nav-special.gif) 0 -55px no-repeat;} .navRanking > a{background:url(../images/nav-ranking.gif) 0 0 no-repeat;} .navRanking.current-menu-item > a, .navRanking.current-menu-ancestor > a{background:url(../images/nav-ranking.gif) 0 -55px no-repeat;} .navVendor > a{background:url(../images/nav-vendor.gif) 0 0 no-repeat;} .navVendor.current-menu-item > a, .navVendor.current-menu-ancestor > a{background:url(../images/nav-vendor.gif) 0 -55px no-repeat;} .navTeachme > a{background:url(../images/nav-teachme.gif) 0 0 no-repeat;} .navTeachme.current-menu-item > a, .navTeachme.current-menu-ancestor > a{background:url(../images/nav-teachme.gif) 0 -55px no-repeat;} .navAppsomm > a{background:url(../images/nav-appsomm.gif) 0 0 no-repeat;} .navAppsomm.current-menu-item > a, .navAppsomm.current-menu-ancestor > a{background:url(../images/nav-appsomm.gif) 0 -55px no-repeat;} #glovalNavPull > li > a span.hover{position:absolute;top:0;left:0;display:block;height:55px;width:152px;} .navRecommend > a > span.hover{background:url(../images/nav-recommend.gif) 0 -55px no-repeat;} .navSpecial > a > span.hover{background:url(../images/nav-special.gif) 0 -55px no-repeat;} .navRanking > a > span.hover{background:url(../images/nav-ranking.gif) 0 -55px no-repeat;} .navVendor > a > span.hover{background:url(../images/nav-vendor.gif) 0 -55px no-repeat;} .navTeachme > a > span.hover{background:url(../images/nav-teachme.gif) 0 -55px no-repeat;} .navAppsomm > a > span.hover{background:url(../images/nav-appsomm.gif) 0 -55px no-repeat;} */ /* WIDGET Styles --------------------------------------------------------------------- WIDGET Styles */ .widget{background:#fff;/* -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc); 0913 */margin-bottom:10px;} .related-posts{display:none;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);margin-bottom:10px;width:684px;} .widget.leftC{padding:15px 5px;margin:5px 5px 5px;clear:both;overflow:hidden;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;behavior:none;} .widget.leftC:last-child{-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-bottom-left-radius:5px;-moz-border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;behavior:url(PIE.htc);} #msContainer .widget{width:218px;margin:0 0 10px 10px;/* display:none; 1309 */} #mainColumn .widget{display:none;} #rankingWidget .rankApps .appTitle{margin:0 0 0 46px;overflow:hidden;} #recommendArchiveView .widget{width:216px;margin:0 11px 10px 0; border: 2px solid #fff;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}/* 0913 */ #vendorArchiveView .widget{width:222px;margin:0 9px 10px 0;} #vendorArchiveView .widget:nth-child(3n){margin:0 0 10px 0;} /* CATEGORY ICON Styles --------------------------------------------------------------------- CATEGORY ICON Styles */ .dateCat{margin:10px 0 2px;overflow:hidden;} .dateCat .date{color:#9F9F9F;display:block;float:left;} .free{color:#fff;background:#17BD27;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .pay{color:#fff;background:#FC5C46;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .game{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .entertainment{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .lifestyle{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .usefultool{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .fashion-beauty{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .health-fitness{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .business-tools{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .photo{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .travel-trans-map{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .weather-info-news{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .sns{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .e-book{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .study{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .dictionary{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} /* .feature_event{color:#fff;background:#F5511F;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .feature_campaign{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .feature_report{color:#fff;background:#FFC600;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .feature_scene{color:#fff;background:#8ACE06;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .feature_column{color:#fff;background:#13CFE0;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} 0913*/ .grayBg{color:#fff;background:#777;padding:2px 4px 1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .topCatAb { height: 20px; margin-bottom: 10px; } .topCatAb li { max-width: 109px; height: 20px; display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; } .lbl_feature_event{background:#f5511f url(../images/detail/lbl_event.png) center 4px no-repeat;} .lbl_feature_astv{background:#000 url(../images/detail/lbl_astv.png) center 4px no-repeat;} .lbl_feature_report{background:#ffc000 url(../images/detail/lbl_report.png) center 4px no-repeat;} .lbl_feature_scene{background:#8ace06 url(../images/detail/lbl_scene.png) center 4px no-repeat;} .lbl_feature_column{background:#13cfe0 url(../images/detail/lbl_column.png) center 4px no-repeat;} /* .topCatAb{position:absolute;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;} #featureArchiveView .topCatAb, #rankingArchiveView .topCatAb{position:static;border: 1px solid #000;} #featureArchiveView .topCatAb li, #rankingArchiveView .topCatAb li{margin:0 1px 10px 0;} 0913*/ .topCatAb li{margin-bottom:1px;} .topCatAb .feature_feature{background:#e86084 url(../images/detail/lbl_feature.png) center 4px no-repeat;}/* 131105 */ .topCatAb .feature_event { background: url("../images/detail/lbl_event.png") no-repeat scroll center 4px #F5511F; } .topCatAb .appsommtv { background: url("../images/detail/lbl_astv.png") no-repeat scroll center 4px #000000; } .topCatAb .feature_report { background: url("../images/detail/lbl_report.png") no-repeat scroll center 4px #FFC000; } .topCatAb .feature_scene { background: url("../images/detail/lbl_scene.png") no-repeat scroll center 4px #8ACE06; } .topCatAb .feature_column { background: url("../images/detail/lbl_column.png") no-repeat scroll center 4px #13CFE0; } . .topCatAb .feature_campaign{display:none;} /* HOVEREFFECTS --------------------------------------------------------------------- HOVEREFFECTS */ .hoverAppsomm{position:relative;/*background:#ede6dc;*/} #leftColumn .hoverAppsomm{width:200px;margin:0 auto;} :root .hoverAppsomm > a.trigger > img{min-height:200px \0/IE9;} .trigger{position:relative;} .appsomms{position:absolute;display:none;z-index:50;} /* BREADCRUMB Styles --------------------------------------------------------------------- BREADCRUMB Styles */ #breadCrumb{/* display:none; */margin:10px 0 10px;padding:0;overflow:hidden;} #breadCrumb ul{margin:0;padding:0;display:block;} #breadCrumb ul li{display:block;float:left;position:relative;overflow:hidden;margin:0px 5px 0px 0;padding:0px 10px 0px 0;font-size:.9167em;background:url(../images/Chevron.png) no-repeat 100% 5px;} #breadCrumb ul li span{display:block;overflow:hidden;} #breadCrumb ul li a{display:block;position:relative;overflow:hidden;float:left;} #breadCrumb ul li.top a{height:16px !important;text-indent:-1000em;width:16px;padding:0;margin-top:1px;overflow:hidden;background:url(../images/IconHome.gif) no-repeat 0 0;} #breadCrumb ul li.top a:hover{background-position:0 -16px;} #breadCrumb ul li.current{background:none;margin-right:0;padding-right:0;color:#666;} /* FOOTER --------------------------------------------------------------------- FOOTER */ /* #pageTop{height:26px;margin-bottom:10px;text-align:right;display:none;} 1309 */ #pageTop{height:26px;margin:30px 0 10px;text-align:right;} #pageTop a {display: inline-block;}/* 1309 */ /* footer{position:relative;z-index:1000;display:none;clear:both;padding:10px;background:#333;-webkit-border-top-left--radius:5px;-webkit-border-top-right-radius:5px;-moz-border-top-left-radius:5px;-moz-border-top-right-radius:5px;border-top-left-radius:5px;border-top-right-radius:5px;behavior:url(PIE.htc);color:#fff;font-size:11px;} footer .inner{background:#333;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);} footer #footerLogo{margin:40px 0 0 20px;float:left;} footer nav{margin:0 0 0 220px;} footer nav ul{float:left;width:140px;} footer > div > nav > ul{list-style:disc;margin-bottom:10px;} footer > div > nav > div > ul > li:before{content:"▶ ";} footer > div > nav > div.clear{margin:10px 20px 10px -10px;border-top:dashed 1px #fff;padding:10px 0;} footer nav ul li{} footer nav ul li a{color:#fff !important;} 0913 */ /* INDEX PAGE Styles --------------------------------------------------------------------- INDEX PAGE Styles */ #topSliderArea{width:684px;display:none;} #indexNav{margin-top:10px;} #indexNav li{margin-bottom:1px;} /* LEFT COLUMN Styles --------------------------------------------------------------------- LEFT COLUMN Styles */ #leftColumn .innerB{border-top:solid 1px #999;margin:0 10px;} /* APP TITLE Styles --------------------------------------------------------------------- APP TITLE Styles */ .appTitle dt{min-height:33px;line-height: 26px;} #vendorArchiveView .appTitle dt{min-height:33px;line-height: 18px;} #rightColumn .appTitle dt{line-height:15px;} #rankingArchiveView .appTitle{margin-left:140px;line-height:14px;min-height:80px;} /* #rankingArchiveView .readMore{position:absolute;right:0;bottom:20px;} 1309 */ #rankingArchiveView .pageView{position:absolute;right:0;bottom:20px;} #leftColumn .appIcon, .rankApps .appIcon{margin-right:10px;} .rankApps .appIcon{width:40px;} #leftColumn .appTitle{display:block;overflow:hidden;} #leftColumn .appTitle dt{font-size:14px;line-height:16px;margin-bottom:5px;} #leftColumn .appTitle dd, .rankApps .appTitle dd{float:left;margin-right:3px;} .rankApps .appTitle{margin:0 0 0 56px;overflow:hidden;} .rankApps{overflow:hidden;padding:10px;} #recommendArchiveView .appIcon{margin-right:10px;} #recommendArchiveView .appTitle{display:block;overflow:hidden;} #recommendArchiveView .appTitle dt{font-size:13px;line-height:16px;margin-bottom:5px;} #recommendArchiveView .appTitle dd{float:left;margin-right:4px;} /* RIGHT COLUMN Styles --------------------------------------------------------------------- RIGHT COLUMN Styles */ #astvSide{background:url(../images/bg-astv_top.png);width:286px;height:102px;padding-top:41px;} .sidebar_banner h2{display:none;} .sidebar_banner img{width:286px;} .teachmeFaq li{background:url(../images/icon-q.gif) no-repeat;height:27px;padding:5px 0 0 33px;margin-bottom:10px;} #noticeFree,#noticeSale,#noticeNew,#noticeUp{margin:0 10px;} .noticeApps{overflow:hidden;padding:10px 0;border-bottom:solid 1px #ccc;width:140px;float:left;font-size:10px;min-height:98px;} .noticeApps .appTitle{float:left;width:126px;padding:0 14px 0 0;overflow:hidden;margin-left:0;} .noticeApps .appTitle dt{height:44px;line-height:120%;} .noticeApps:nth-child(even){width:126px;} .noticeApps:nth-child(even) .appTitle{padding-right:0px;} .noticeApps .appIcon{margin-right:4px;} .noticeApps .appIcon .imgr{float:left !important;} #sideSocial{background:url(../images/bg-side_social.png) no-repeat;width:286px;height:55px;padding-top:70px;} .ui-tabs-panel > .rankApps.rank1{background:url(../images/icon-rank1_small.png) no-repeat 10px 10px #F9F4EB;} .ui-tabs-panel > .rankApps.rank2{background:url(../images/icon-rank2_small.png) no-repeat 10px 10px;} .ui-tabs-panel > .rankApps.rank3{background:url(../images/icon-rank3_small.png) no-repeat 10px 10px #F9F4EB;} .ui-tabs-panel > .rankApps.rank4{background:url(../images/icon-rank4_small.png) no-repeat 10px 5px;} .ui-tabs-panel > .rankApps.rank5{background:url(../images/icon-rank5_small.png) no-repeat 10px 5px #F9F4EB;} .rankArIc{position:relative;top:30px;margin-right:14px;float:left;} #docsPage P{margin-bottom:10px;line-height:180%;} .ui-tabs-panel > .rankApps{height:88px;} /* SINGLE RECOMMEND Styles --------------------------------------------------------------------- SINGLE RECOMMEND Styles */ .appInfo{position:relative;background:#FFE4EB;/* -webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);margin:0 10px; 0913 */border:solid 1px #ECD2D9;padding:10px;overflow:hidden;} .appIcon{float:left;margin-right:10px;} .appInfo .liFL li{margin-right:10px;} .appInfoStore li{margin-bottom:7px;} .appInfoStore{float:right;} .appTags{margin-top:6px;} .rtags{font-size:11px;margin:10px 0 8px 20px;overflow:hidden;} .rtags dt{float:left;} .rtags dd{float:left;margin:0 4px;} .entryBody{margin:10px 0 20px;border-bottom:solid 1px #ccc;padding:0 0 0;overflow:hidden;font-size:15px; line-height:160%;} #recommendArchiveView .entryBody, #featureArchiveView .entryBody{border-top:solid 1px #ccc;border-bottom:none;padding:10px 0;overflow:hidden;} /* #featureContents .entryBody{margin:0;padding:0 0 10px;border-bottom:none;} */ #featureContents .entryBody{margin:0 0 23px;padding:0 0 1em;} #recommendBody .entryBody, #vendorBody .entryBody{border-bottom:none;margin:10px 0 0;} /* #recommendBody > .inner > .contents > .entryBody img, #featureContents > .inner > .contents > .entryBody img{-moz-box-shadow:0 2px 5px #999;-webkit-box-shadow:0 2px 5px #999;box-shadow:0 2px 5px #999;margin:4px 4px 10px; 1309} */ #recommendBody > .inner > .contents > .entryBody .storeButtons img{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;margin:4px 4px 10px;} .cfBody{margin:10px;overflow:hidden;font-size:15px;line-height:23px;} /* #sommelierInfo .cfBody{border-bottom:solid 1px #ccc;padding-bottom:10px;margin-bottom:20px;} */ #sommelierInfo .cfBody{margin:0 0 23px;padding:0 0 1em;border-bottom:solid 1px #ccc;} #sommelierInfo > .inner > .contents > p{margin:0 10px;} .socialLinks{margin:10px 0 0 10px;overflow:hidden;clear:both;} #recommendBody .socialLinks, #vendorBody .socialLinks, #sommelierInfo .socialLinks{margin:0 0 0 10px;} .cfBody > h3{font-size:19px;line-height:26px;} .contentsNav{margin-bottom:20px;border-bottom:solid 1px #ccc;/* margin:10px; 1309 */} #singleRecommend{/* width:684px; 1309 */width: 670px;} /* #singleRecommend .contentsNav{margin:10px 10px 0;} 1309 */ #singleRecommend .contentsNav > .contents{padding:0;} #singleRecommend .contentsNav > .contents .appInfo{margin:0;} #singleRecommend .contentsNav > .contents .rtags{margin-left:0;} .sommelierIcon{float:right;display:inline;overflow:hidden;padding:10px;border:solid 1px #ccc;} #leftColumn .sommelierIcon, #recommendArchiveView .sommelierIcon{padding:2px;} #leftColumn .sommelierIcon img, #recommendArchiveView .sommelierIcon img{width:30px;height:30px;} .sommelierWords{/* background:url(../images/arrow-pink_r.gif) no-repeat 245px 40%; 1309 */background:url(../images/arrow-pink_r.gif) no-repeat 245px 58px;margin-top:10px;overflow:hidden;} .sommelierWords dl{float:left;display:block;width:225px;background:#E86084;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);padding:10px;} .sommelierWords dt{margin-bottom:4px;} .sommelierWords dd{background:#FFEDF2;padding:10px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;} .appSpec{background:#F8F4F5;margin:10px 0 0;padding:14px;overflow:hidden;} .appSpec .appIcon{margin-right:14px;} .appSpec table{width:500px;} .appSpec th{padding:2px 0;text-align:left;border-bottom:dashed 1px #8a8a8a;width:70px;} .appSpec td{border-bottom:solid 1px #ccc;} #singleVendor{width:684px;} #singleVendor .contentsNav{margin:10px 10px 0;padding:0 0 10px;} #singleVendor .contentsNav > .contents{padding:0;} #singleVendor .contentsNav > .contents .appInfo{margin:0;} #singleVendor .cfBody > h2{font-size:19px;margin-bottom:20px;line-height:24px;} /* CONTENTS BOX Styles --------------------------------------------------------------------- CONTENTS BOX Styles */ /* .contentsBox{display:none;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;behavior:url(PIE.htc);margin-bottom:10px;} 0913 */ .contentsBox{background:#fff;margin-bottom:10px;} #featureArchiveView .contentsBox{position:relative;min-height:170px;border: 2px solid #fff;}/* 1309 */ #featureArchiveView .contentsBox .inner{padding: 8px;}/* 1309 */ /* PLATFORM Styles --------------------------------------------------------------------- PLATFORM Styles */ .platforms{position:relative;margin:10px 0 10px 60px;clear:both;display:block;background:url(../images/bg-platform.png) no-repeat;width:109px;height:29px;} .rankApps .platforms{margin:5px 0 0 96px;} .noticeApps .platforms{margin:5px 0 0 0px;} #singleRecommend .platforms, #singleVendor .platforms{clear:none;margin:3px 0 0 180px;height:29px;} #rankingArchiveView .platforms{clear:none;margin:10px 0 0 140px;height:29px;} .platforms li{margin-right:6px;} .pfandroid{position:absolute;left:57px;background:url(../images/icon-android_on.png) no-repeat;width:22px;height:29px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;} .pfipad{position:absolute;left:28px;background:url(../images/icon-ipad_on.png) no-repeat;width:22px;height:29px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;} .pfiphone{position:absolute;left:0;background:url(../images/icon-iphone_on.png) no-repeat;width:22px;height:29px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;} .pfwindows-phone{position:absolute;left:87px;background:url(../images/icon-wphone_on.png) no-repeat;width:22px;height:29px;text-indent:100%;white-space:nowrap;overflow:hidden;display:block;} /* ARCHIVE Styles --------------------------------------------------------------------- ARCHIVE Styles */ #featureArchiveView dt a{/* color:#FD4979; 1309*/font-weight:bold;font-size:16px;margin-bottom:5px;display:block;} #featureArchiveView dt a:hover { text-decoration: none } #featureArchiveView dd a{color:#434343;} #featureArchiveView .date, /* #rankingArchiveView .date{position:absolute;bottom:10px;left:170px;color:#06ABF1;}0913 */ #rankingArchiveView .date{position:absolute;bottom:10px;left:170px;color:#555;font-size: 10px;} /* #featureArchiveView .readMore{position:absolute;bottom:10px;right:10px;}0913 */ #featureArchiveView .pageView {position:absolute;bottom:10px;right:10px;} .socialLinks li{float:left;margin:0 10px 0 0;} /* PAGINATION Styles --------------------------------------------------------------------- PAGINATION Styles */ #pagination, #npPagination{/* width:684px; 0913 */width: 670px;text-align:center;} #npPagination a{color:#000;margin:0 20px 0 -5px;} #npPagination span, #pagination span, #pagination a.inactive, #pagination a.page-numbers{width:20px;height:19px;padding-top:1px;display:inline-block;color:#222;} #pagination .current{background:#222;color:#fff;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;behavior:url(PIE.htc);} #pagination span,#pagination a{margin:0 3px;} #pagination .next{margin:0 0 0 10px;color:#222;} #pagination .prev{margin:0 10px 0 0;color:#222;} #pagination .next a, #pagination .prev a{color:#222;} #pagination a.prev.page-numbers, #pagination a.next.page-numbers{width:auto} /* RANKING PAGINATION Styles --------------------------------------------------------------------- RANKING PAGINATION Styles */ .rankingAcvPagination #pagination .inner{padding:0;} .rankingAcvPagination #pagination span, .rankingAcvPagination #pagination a.inactive{padding-top:auto;display:inline-block;color:#222;} .rankingAcvPagination #pagination .current{background:none;color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;behavior:none;} .rankingAcvPagination #pagination.widget{color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;behavior:none;} .rankingAcvPagination #pagination span, .rankingAcvPagination #pagination a{margin:0 auto;} .rankingAcvPaginationArea > #pagination > .inner > a.next{display:none;} .rankingAcvPaginationArea > #pagination > .inner > a.prev{display:none;} .rankingAcvPagination #pagination .next a, .rankingAcvPagination #pagination .prev a{color:#222;} /* .rankingAcvPagination{width:644px;height:28px;border-bottom:solid 1px #A17814;} 1309 */ .rankingAcvPagination{width:650px;height:28px;border-bottom:solid 1px #e86084; } .rankingAcvPagination p{margin:2px 0 0;} /* .rankingAcvPagination #pagination{margin:0 0 0 130px;padding-left:3px;width:auto;background:url(../images/bg-ranking_pagination.gif) no-repeat left top;}1309 */ .rankingAcvPagination #pagination{margin-left:142px;padding-left:3px;width:auto;background:url(../images/bg-ranking_pagination.gif) no-repeat left top;} .rankingAcvPagination.under{border-bottom:none;margin-top:20px;} .under .rankingAcvPaginationArea #pagination{margin:0 0 0 83px;background:url(../images/bg-ranking_paginationu.gif) no-repeat left 3px;} .rankingAcvPaginationArea #pagination span, .rankingAcvPaginationArea #pagination a{width:96px;height:26px;display:block;float:left;text-indent:-9999px;margin-right:5px;} .rankingAcvPaginationArea #pagination .pn1{background:url(../images/button-rank1.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn1:hover{background:url(../images/button-rank1_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn1.current{background:url(../images/button-rank1_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn2{background:url(../images/button-rank2.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn2:hover{background:url(../images/button-rank2_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn2.current{background:url(../images/button-rank2_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn3{background:url(../images/button-rank3.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn3:hover{background:url(../images/button-rank3_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn3.current{background:url(../images/button-rank3_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn4{background:url(../images/button-rank4.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn4:hover{background:url(../images/button-rank4_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn4.current{background:url(../images/button-rank4_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn5{background:url(../images/button-rank5.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn5:hover{background:url(../images/button-rank5_on.gif) no-repeat;} .rankingAcvPaginationArea #pagination .pn5.current{background:url(../images/button-rank5_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn1{background:url(../images/button-rank1u.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn1:hover{background:url(../images/button-rank1u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn1.current{background:url(../images/button-rank1u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn2{background:url(../images/button-rank2u.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn2:hover{background:url(../images/button-rank2u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn2.current{background:url(../images/button-rank2u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn3{background:url(../images/button-rank3u.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn3:hover{background:url(../images/button-rank3u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn3.current{background:url(../images/button-rank3u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn4{background:url(../images/button-rank4u.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn4:hover{background:url(../images/button-rank4u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn4.current{background:url(../images/button-rank4u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn5{background:url(../images/button-rank5u.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn5:hover{background:url(../images/button-rank5u_on.gif) no-repeat;} .under .rankingAcvPaginationArea #pagination .pn5.current{background:url(../images/button-rank5u_on.gif) no-repeat;} #rankingArchiveView .contentsBlock{position:relative;background:#fff no-repeat left 20px;border-bottom:solid 1px #ccc;} #rankingArchiveView .contentsBlock .inner{padding:20px 0;} #rankingArchiveView .contentsBlock a span img{width:63px;height:63px;} #rankingArchiveView .contentsBlock.rank1{background-image: url(../images/icon-rank1_big.png);} #rankingArchiveView .contentsBlock.rank2{background-image: url(../images/icon-rank2_big.png);} #rankingArchiveView .contentsBlock.rank3{background-image: url(../images/icon-rank3_big.png);} #rankingArchiveView .contentsBlock.rank4{background-image: url(../images/icon-rank4_big.png);} #rankingArchiveView .contentsBlock.rank5{background-image: url(../images/icon-rank5_big.png);} #rankingArchiveView .contentsBlock.rank6{background-image: url(../images/icon-rank6_big.png);} #rankingArchiveView .contentsBlock.rank7{background-image: url(../images/icon-rank7_big.png);} #rankingArchiveView .contentsBlock.rank8{background-image: url(../images/icon-rank8_big.png);} #rankingArchiveView .contentsBlock.rank9{background-image: url(../images/icon-rank9_big.png);} #rankingArchiveView .contentsBlock.rank10{background-image: url(../images/icon-rank10_big.png);} .paged-2 #rankingArchiveView .contentsBlock.rank1{background-image: url(../images/icon-rank11.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank2{background-image: url(../images/icon-rank12.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank3{background-image: url(../images/icon-rank13.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank4{background-image: url(../images/icon-rank14.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank5{background-image: url(../images/icon-rank15.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank6{background-image: url(../images/icon-rank16.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank7{background-image: url(../images/icon-rank17.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank8{background-image: url(../images/icon-rank18.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank9{background-image: url(../images/icon-rank19.gif);} .paged-2 #rankingArchiveView .contentsBlock.rank10{background-image: url(../images/icon-rank20.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank1{background-image: url(../images/icon-rank21.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank2{background-image: url(../images/icon-rank22.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank3{background-image: url(../images/icon-rank23.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank4{background-image: url(../images/icon-rank24.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank5{background-image: url(../images/icon-rank25.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank6{background-image: url(../images/icon-rank26.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank7{background-image: url(../images/icon-rank27.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank8{background-image: url(../images/icon-rank28.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank9{background-image: url(../images/icon-rank29.gif);} .paged-3 #rankingArchiveView .contentsBlock.rank10{background-image: url(../images/icon-rank30.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank1{background-image: url(../images/icon-rank31.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank2{background-image: url(../images/icon-rank32.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank3{background-image: url(../images/icon-rank33.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank4{background-image: url(../images/icon-rank34.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank5{background-image: url(../images/icon-rank35.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank6{background-image: url(../images/icon-rank36.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank7{background-image: url(../images/icon-rank37.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank8{background-image: url(../images/icon-rank38.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank9{background-image: url(../images/icon-rank39.gif);} .paged-4 #rankingArchiveView .contentsBlock.rank10{background-image: url(../images/icon-rank40.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank1{background-image: url(../images/icon-rank41.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank2{background-image: url(../images/icon-rank42.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank3{background-image: url(../images/icon-rank43.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank4{background-image: url(../images/icon-rank44.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank5{background-image: url(../images/icon-rank45.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank6{background-image: url(../images/icon-rank46.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank7{background-image: url(../images/icon-rank47.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank8{background-image: url(../images/icon-rank48.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank9{background-image: url(../images/icon-rank49.gif);} .paged-5 #rankingArchiveView .contentsBlock.rank10{background-image: url(../images/icon-rank50.gif);} /* CONTACTPAGE --------------------------------------------------------------------- CONTACTPAGE */ #contactPage table.iqfm-table{border-collapse:collapse;border-solid:solid 1px #F8A5BE;} #contactPage h3{font-size:20px;color:#fe4a7a;font-weight:normal;margin:15px 0 0 0;} #contactPage #contactAbout{margin:15px 0 0 0;} #contactPage #contactAbout p{margin:0 0 20px 0;font-size:14px;} #contactPage th{width:200px;background:#FDEBF0;margin:0 0 0 0;border:solid 1px #F8A5BE;padding:15px 0 15px 20px;vertical-align:middle;text-align:left;} #contactPage th span.red{color:#f00;} #contactPage td{border:solid 1px #F8A5BE;width:auto;word-break:break-all;padding:15px 20px;vertical-align:middle;} #contactPage td span.caution{font-size:10px;} #contactPage textarea{width:90%;} #inquiryformSubmit-1{width:173px; margin:10px 0 0 226px;} .checkbox-863 .wpcf7-list-item-label, .checkbox-13 .wpcf7-list-item-label{display:none;} /*NEWFORM*/ #inquiryform-1{padding:20px 0;} #inquiryform-1 #back{margin:20px 20px 0 160px;} #inquiryform-1 #send{margin:20px 0 0;} #contactPage #compimg{margin-top:20px;} #contactPage .totop{margin:20px 0 20px 250px;} /* SINGLE TEMPLATES Styles --------------------------------------------------------------------- SINGLE TEMPLATES Styles */ #recommendBody, #vendorBody{/* font-size:15px;width:684px; 1309*/ width: 670px;} .templates{padding:0;border-bottom:solid 1px #ccc;/* font-size:15px; 1309 */margin-bottom:20px;clear:both;overflow:hidden;} .imgArea{margin:20px auto 10px;text-align:center;} .imgArea img{display:inline-block;margin:0 15px;} .img2Area{margin:20px auto;text-align:center;} .img2Area img{display:inline-block;margin:0 15px;} .imgAreaR{max-width:260px;float:right;margin:10px 8px 10px 20px;} .imgAreaL{max-width:260px;float:left;margin:10px 20px 10px 8px;} .WYSIWYG{margin:0 auto 20px;} /* RELATED Styles --------------------------------------------------------------------- RELATED Styles */ #relatedPosts ul, .related-posts ul{/* list-style:circle;margin: 20px 20px 20px 30px; 1309 */margin: 0 0 0 23px;} /* #relatedPosts ul li, .related-posts ul li{margin-bottom: 10px;} 1309 */ /* APPSOMM INDEX --------------------------------------------------------------------- APPSOMM INDEX */ body.page-id-15575, .post-type-archive-sommelier{background:#fff;} body.page-id-15575 header, .post-type-archive-sommelier header{border:solid 1px #ccc;border-top:none;} body.page-id-15575 #mainColumn, .post-type-archive-sommelier #mainColumn{position:relative;min-height:741px;} body.page-id-15575 footer, .post-type-archive-sommelier footer{position: relative;} #appsommIndexWrap{position:relative;width:980px;background:url(../images/logo-appsommindex.gif) no-repeat center top #fff;padding-top:151px;margin:0 auto;overflow:hidden;} /* .appsommDion {list-style:none;position:relative;padding:0;} */ /* .appsommDion li{width:140px;height:541px;float:left;display:block;background-color:#fff;background-repeat:no-repeat;background-position:center center;position:relative;overflow:hidden;cursor:pointer; *//*do not change these *//* display:block;overflow:hidden;padding:0; */ /* if you need padding, do so with an inner div (or implement your own box-model hack) */} /* .appsommDion.horizontal li {margin-right:5px;float:right;} .appsommDion.vertical li{margin-bottom:5px;} .appsommDion li .bgishiihiroko{position:absolute;width:199px;height:402px;background:url(../images/ishiihiroko/apsmindex.jpg) no-repeat 0 3px;} .appsommDion li .bgtomo{border-left:1px solid #ccc;position:absolute;width:199px;height:402px;background:url(../images/tomo/apsmindex.jpg) no-repeat -50px 1px;} .appsommDion li .bghasegawamai{border-left:1px solid #ccc;position:absolute;width:199px;height:402px;background:url(../images/hasegawamai/apsmindex.jpg) no-repeat 13px 1px;} .appsommDion li .bgkonishi{border-left:1px solid #ccc;position:absolute;width:199px;height:402px;background:url(../images/konishi/apsmindex.jpg) no-repeat 5px 1px;} .appsommDion li .bgwatabe{border-left:1px solid #ccc;position:absolute;width:199px;height:402px;background:url(../images/watabe/apsmindex.jpg) no-repeat -5px 1px;} .appsommDion li .bgkambe{border-left:1px solid #ccc;position:absolute;width:199px;height:402px;background:url(../images/kambe/apsmindex.jpg) no-repeat 20px 1px;} .appsommDion li .bgimai{border-left:1px solid #ccc;position:absolute;width:199px;height:402px;background:url(../images/imai/apsmindex.jpg) no-repeat 0 1px;} .appsommDion li.bleft{border-left:solid 1px #ccc;} .appsommDion li.bright{border-right:solid 1px #ccc;} .appsommDion li .heading{border-top:solid 1px #fff;height:129px;padding:10px 35px 0;margin-top:402px;font-size:14px;color:#fff;text-align:left;} .appsommDion li .bgishiihiroko .heading, .appsommDion li .bgishiihiroko .description{background:url(../images/bg-heading_pink.gif) #E86084 no-repeat;color:#fff;} .appsommDion li .bgtomo .heading, .appsommDion li .bgtomo .description{background:url(../images/bg-heading_light-pink.gif) #FFD4E0 no-repeat;color:#000;} .appsommDion li .bghasegawamai .heading, .appsommDion li .bghasegawamai .description{background:url(../images/bg-heading_pink.gif) #E86084 no-repeat;color:#fff;} .appsommDion li .bgkonishi .heading, .appsommDion li .bgkonishi .description{background:url(../images/bg-heading_light-pink.gif) #FFD4E0 no-repeat;color:#000;} .appsommDion li .bgwatabe .heading, .appsommDion li .bgwatabe .description{background:url(../images/bg-heading_pink.gif) #E86084 no-repeat;color:#fff;} .appsommDion li .bgkambe .heading, .appsommDion li .bgkambe .description{background:url(../images/bg-heading_light-pink.gif) #FFD4E0 no-repeat;color:#000;} .appsommDion li .bgimai .heading, .appsommDion li .bgimai .description{background:url(../images/bg-heading_pink.gif) #E86084 no-repeat;color:#fff;} .appsommDion li .description{border-top:solid 1px #fff;padding:15px;position:absolute;width:171px;height:109px;bottom:-139px;left:0px;display:none;} .appsommDion li .description h2{font-weight:bold;letter-spacing:1px;font-size:19px;text-align:left;margin:0px 0px 0 20px;} .appsommDion li .description p{line-height:14px;margin:5px 22px 5px;font-size:12px;} .appsommDion li .description a{position:absolute;bottom:15px;right:5px;font-size:11px;text-decoration:none;color:#fff;right:20px;} .appsommDion li .description a:hover{color:#fff;text-decoration:underline;} .appsommDion li .bgDescription{background:transparent url(../images/bgDescription.png) repeat-x top left;height:240px;position:absolute;bottom:0px;left:0px;width:100%;display:none;} */ /* APPSOMM INDEX ----- RANDOM FADEIN ---------------------------------------------------------------- APPSOMM INDEX */ ul.champagne div.hidden{display:none;} /* APPSOMM INDEX ----- SETINTERVEL ---------------------------------------------------------------- APPSOMM INDEX */ #elem0,#elem1{width:980px;} .toBeFaded {display:none;position:absolute;font-size:70pt;} /* special page title --------------------------------------------------------------------- */ .ttl_special { min-height: 110px; position: relative; } .ttl_special .time { position: absolute; top: 20px; right: 20px; color: #555; } .ttl_special .img { float: left; margin-right: 20px; } .ttl_special .ttl { height: 90px; line-height: 1.5; display: table-cell; font-size: 14px; font-weight: normal; vertical-align: middle; width:400px; } .ttl_special .ttl span { font-size: 24px; } /* release item --------------------------------------------------------------------- */ .releaseItem { padding: 20px 10px 0; margin: 0 0 17px; border-top: 1px solid #ccc; } .releaseItem:first-child { padding-top: 10px; border:none; } .releaseItem .ttl { line-height: 1.3; margin-bottom: 12px; font-size: 18px; font-weight: bold; }