/*update:2012 12 13*/ body { background: #fff; font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;} /* **************************************************** rayout */ #wrapper {margin: 0 auto;text-align: left; line-height:1.5; background:#fff;} #wrapperInner { min-width:960px;max-width:1280px; margin: 0 auto 10px; padding: 0 10px 10px; overflow: hidden; color: #4b4b4b;} /*for ie6*/ * html #wrapperInner { width : expression( (document.documentElement.clientWidth > 1280)? "1280px" : (document.documentElement.clientWidth < 960)? "960px" : "auto"); height : 1%;} #headerContents{} #container {width: 100%; float: right; margin-left: -270px;} #contents {position: relative; margin: 0 0 0 270px; padding: 10px;} #contents a { text-decoration: none; outline: none; color: #1f53a7;} #contents a:visited { color: #7094cd;} #contents a:hover { text-decoration: underline; color: #c00000;} #sidebar { width: 250px; float: left; position:relative; z-index: 2; } /* **************************************************** header moduel */ /* headerContents */ #headerContents{} #headerContents a { text-decoration: none; outline: none; color: #7b5432;} #headerContents a:visited { color: #bcb4ad;} #headerContents a:hover { text-decoration: underline; color: #f53a0f;} /* searchForm */ #searchForm{ background: url(//image.excite.co.jp/jp/shopping/images/bg_searchLine.png); padding:10px; margin: 10px auto;} #searchFormInner{ width: 100%; background: #f7f7f7; padding: 15px 0; border: solid 1px #fff;} #form_search_h{width: 750px; height: 34px; margin: 0 auto; overflow: hidden; _zoom:1;} #searchSelect{ display: block; width: 200px; float: left; margin: 7px 10px 0 0;} #searchWord{ width: 358px; height: 34px; line-height: 34px; margin: 0 10px 0 0; padding: 0 10px 0 40px; float: left; border: none; background:#fff url(//image.excite.co.jp/jp/shopping/images/bg_searchParts.gif) no-repeat left top; } #searchSubmit{ display: block; width: 122px; overflow: hidden; height: 34px; text-indent: -9999px; border: none; cursor: pointer; background: url(//image.excite.co.jp/jp/shopping/images/bg_searchParts.gif) no-repeat right top;} #rakutenTextNote{ margin: 0 0 10px; color: #666666; font-size: 10px; text-align: center;} /* hotKeyword */ #hotKeyword{ height: 34px; padding: 0 10px; margin: 0 0 10px; line-height: 34px; background: #ffffc8; overflow: hidden; _zoom:1; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } #hotKeyword span{ float: left; font-weight: bold; font-size: 108%;} /* breadcrumbs */ .breadcrumbs { border-top: solid 1px #e9bebe; line-height: 31px; background: #fbeded; margin: 0 0 10px; padding: 0 10px;} .breadcrumbs h1 { font-weight: bold; } .breadcrumbs ul { overflow: hidden; _zoom: 1;} .breadcrumbs li { padding:0 15px 0 0; margin:0 5px 0 0; line-height: 28px; background: url(//image.excite.co.jp/jp/news201006/icon_arrow03.gif) no-repeat right;} /* **************************************************** sidebar module */ #sidebar{} #sidebar a { text-decoration: none; outline: none; color: #c45e5e;} #sidebar a:visited { color: #b58b8b;} #sidebar a:hover { text-decoration: underline; color: #8c3434;} .sideBox{ padding: 10px; border: solid 1px #ccc; background: #fff; margin: 0 0 10px;} .sideCaption{ border: solid 1px #96391d; background: #b64242; padding: 10px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; -webkit-box-shadow: 0 0 2px #fff inset; -moz-box-shadow: 0 0 2px #fff inset; box-shadow: 0 0 2px #fff inset; } .sideCaption h2 , .sideCaption h3{ display: block; border-left: solid 4px #fff; text-indent: 10px; font-weight: bold; color: #fff;} .sideList { border: solid 1px #aeaeae; border-top:0; margin: 0 0 10px;} .sideList li{ line-height: 34px; background: #f7f7f7; border-top: solid 1px #aeaeae;} .sideList li:last-child{ border-bottom: none;} .sideList li a{ display: block; padding: 0 10px; border-top: solid 1px #fff; white-space: nowrap; overflow: hidden; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .sideList li a:hover{ cursor: pointer; background: #fff;} .sideList a.current{ font-weight: bold; background: #fff; color: #8c3434 !important;} .sideList .more{ text-align: center;} .sideList .new{ font-weight: bold; color: #ff9200} .sideList .up{ font-weight: bold; color: #ff0000} .sideList .down{ font-weight: bold; color: #0078ff} .sideList .same{ font-weight: bold; color: #48ae42} .dropdown { position: relative; z-index: 597;} .dropdown ul { position: absolute; top: -1px; left: 100%; z-index: 598; width: 200px; background: #F1ECE4; border: solid 1px #ccc; border-top: none;} .dropdown li{ position: relative;} .dropdown li a:hover { z-index: 599; } #sideSearch { padding: 0;} #sideSearch .sideCaption{ margin: 0 0 10px;} #sideSearch .inner{ padding: 10px; border-bottom:dotted 1px #ccc; overflow: hidden; _zoom:1;} #sideSearch .inner:last-child{ border-bottom: none;} #sideSearch .word input{ border: solid 1px #ccc; padding: 5px; margin: 0 0 7px; border-radius: 3px; box-shadow: 0 0 2px #ccc inset;} #sideSearch .selectBtn select{ width: 100%; margin: 0 0 7px;} #sideSearch .submitBtn input{ width: 100%; height: 20px;} #searchWordsDetails .word input { width: 170px;} #searchPriceDetails .word input { width: 70px;} #searchFlagsDetails .flag { display: block; float: left; width: 110px; } #searchFlagsDetails .flag input{ margin: 0 3px 0 0;} #searchTypeDetails .submitBtn{ margin: 7px 0 0;} #sideSearchOption{} #sideGenreList{} #sideCurrentGenreList li{} #sideCurrentGenreList .sideList li li a{ text-indent: 15px; background: url(//image.excite.co.jp/jp/shopping/images/icon_sideList_arrow_s.png) no-repeat 10px center;} #sideCurrentGenreList .sideList li li a.current{ background: #fff url(//image.excite.co.jp/jp/shopping/images/icon_sideList_arrow_s.png) no-repeat 10px center; } #sideCurrentGenreList .sideList li li li a{ text-indent: 25px; background: url(//image.excite.co.jp/jp/shopping/images/icon_sideList_arrow_sb.png) no-repeat 20px center;} #sideCurrentGenreList .sideList li li li a.current{ background:#fff url(//image.excite.co.jp/jp/shopping/images/icon_sideList_arrow_sb.png) no-repeat 20px center; } #sideCurrentGenreList .sideList li li li li a{ text-indent: 30px; font-size: 11px; background: none;} #sideCurrentRankigList{} #sideAuction{} /* **************************************************** footer element */ #powerdBy{ text-align: center; margin: 30px;} /* **************************************************** page element */ .content { margin: 0 0 20px;} .content .inner{ overflow: hidden; _zoom:1;} .content .more{ text-align: right; line-height: 44px; padding: 0 20px;} /* h title bar */ .barStyle{ border-bottom: solid 4px #b64242; margin: 0 0 15px; border-top: solid 1px #ccc; padding: 0 10px 0 50px; background: #f7f7f7 url(http://image.excite.co.jp/jp/shopping/images/icon_cart.png) no-repeat 15px center;} .barStyle h2{ display: inline; font-weight: bold; font-size: 131%; text-indent: 10px; line-height: 40px; margin: 0 30px 0 0; -webkit-text-shadow: 0 1px 0 #fff; -moz-text-shadow: 0 1px 0 #fff; text-shadow: 0 1px 0 #fff; } .innerBarStyle h2{ border-top: solid 1px #e9bebe; line-height: 31px; background: #fbeded; margin: 0 0 10px; padding: 0 10px; font-weight: bold;} /* itemList ( list mode ) */ .itemList{ margin: 0 0 15px; overflow: hidden; _zoom:1;} .itemList li{ padding:15px 5px; border-bottom: dotted 1px #ccc; overflow: hidden; _zoom:1;} .itemList li:first-child{ border-top: dotted 1px #ccc;} .itemList .thumb{ width: 128px; float: left; margin: 0 15px 0 0; text-align: center; background: #fff;} .itemList .thumb img{ margin: 0 auto;} .itemList .itemDetails{ float: left; width: 60%; height: 128px; margin: 0 15px 0 0;} .itemName a{ display: block; font-weight: bold; font-size: 108%; line-height: 1.4; margin: 0 0 5px;} .itemDetails span{ padding: 0 10px 0 0; } .shopInfo{ line-height: 1.7} .itemReview{ line-height:1.7;} .showItemBtn a{ display: block; width: 102px; height: 0; padding: 32px 0 0; overflow: hidden; background:url(http://image.excite.co.jp/jp/shopping/images/itemDetailBtns.gif) no-repeat 0 -58px; } .itemFlags{ margin: 0 0 5px;} .itemPrice a{ font-weight: bold; font-size: 167%; color: #c00000!important; text-decoration: underline!important;} /* rankingList */ .rankingList{} .rankingList .itemDetails{ width: 50%;} .rankingList .rank{ display: block; float: left; width: 70px; font-size: 108%; line-height: 128px; text-align: center;} .rank { font-weight: bold; color: #b94522; } /* tile mode */ .tileList{ overflow: hidden; _zoom:1; } .tileList li{ display: block; float: left; width: 18%; padding:15px 5px; text-align: center; border-bottom: dotted 1px #ccc; border-right: dotted 1px #ccc; overflow: hidden;} .tileList .thumb{ display: block; margin: 0 auto 5px;} .tileList a{ display: block; width: 100%;white-space: nowrap; overflow: hidden; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* banner width */ .bannerTile li{ width: 27%; padding:15px 3%;} .bannerTile li:nth-child(3n){ border-right: none;} .rankingTile li{ width: 18%; padding:15px 5px; text-align: center;} .rankingTile li:nth-child(5n){ border-right: none;} .rankingTile .thumb{ height: 128px; width: 128px;} .itemSort { margin: 0 0 10px; border-top: solid 1px #e9bebe; line-height: 31px; background: #fbeded; margin: 0 0 10px; padding: 0 10px; overflow: hidden; _zoom:1;} .itemSort span{ margin: 0 10px 0 0;} .itemSort .current { background:#FF6;} /* list pager */ .pager{ display: block; overflow: hidden; text-align: center; margin: 0 0 15px; padding: 0 10px; position: relative} .pager li{ display: inline;} .pager a , .pager .current{ display: inline-block; line-height: 30px; width: 30px; border: solid 1px #ccc; margin: 0 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .pager a { background:#f7f7f7;} .pager a:hover , .pager .current { color: #fff !important ; background:#902323; border: solid 1px #902323} .pagerNotes{ float: right; line-height: 30px;} /* ranking tab */ .tabNav{ overflow: hidden; _zoom:1; height: 34px;} .tabNav li{ display: block; height: 34px; line-height: 34px; text-align: center; width: 150px; float: left; background: #f7f7f7; border: solid 1px #ccc; border-bottom: none; margin: 0 10px 0 0; cursor: pointer; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; } .tabNav .cr{ background:#b64242; color: #fff; border: solid 1px #96391d; font-weight: bold; -webkit-box-shadow: 0 0 2px #fff inset; -moz-box-shadow: 0 0 2px #fff inset; box-shadow: 0 0 2px #fff inset; } .content_wrap{ width: 100%} /* rakutenMW */ .rakutenMW{ margin: 0 0 15px; text-align: center;} /* id="container" class="top-page"*/ #topCampaign{} #topRanking{} #topRanking .rankingTile .rank { display: block; line-height: 30px; } #topRecommend{} /* id="container" class="campaign-page" */ .campaign-page{} /* id="container" class="genre-page" */ .genre-page{} .genre-page .tileList{ margin: 0 0 30px;} .genre-page .tileList li{ width: 31%; padding:15px 1%;} .genre-page .tileList li:nth-child(3n){ border-right: none;} /* id="container" class="genre-list-page" */ .genre-list-page{} .genre-list-page .tileList{ margin: 0 0 15px; border-top:dotted 1px #ccc;} .genre-list-page .tileList li{ width: 18%; padding:15px 3%;} .genre-list-page .tileList li:nth-child(4n){ border-right: none;} .genre-list-page .tileList .thumb{ height: 128px;} .genre-list-page .tileList .itemPrice { display: block;} .genre-list-page .tileList { white-space: nowrap; overflow: hidden; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* id="container" class="ranking-page" */ .ranking-page{} /* id="container" class="ranking-list-page" */ .ranking-list-page{} .ranking-list-page .pager a{ width: 80px;} /* id="container" class="search-list-page" */ .search-list-page{} .search-list-page .tileList{ margin: 0 0 15px; border-top:dotted 1px #ccc;} .search-list-page .tileList li{ width: 18%; padding:15px 3%;} .search-list-page .tileList li:nth-child(4n){ border-right: none;} .search-list-page .tileList .thumb{ height: 128px;} .search-list-page .tileList .itemPrice { display: block;} .search-list-page .tileList { white-space: nowrap; overflow: hidden; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* id="container" class="detail-page" */ #itemDetailContents{} #itemDetailContents h1{ font-weight: bold; font-size: 150%; line-height: 1.4; margin: 0 0 10px;} #itemDetailHeader { overflow: hidden; margin: 0 0 10px;} #itemDetailHeader .fL{ width: 65%;} #itemDetailHeader .fR{ width: 30%; background: #f7f7f7; margin: 0 0 10px; padding: 10px; } #itemDetailHeader .fR span{} #itemDetailHeader .itemPrice a{ font-weight: bold; font-size: 167%; color: #c00000!important; text-decoration: underline!important;} #itemDetailHeader .itemFlags{ border-bottom: dotted 1px #ccc; padding: 0 0 5px;} #itemDetailImages{ margin: 0 0 10px; text-align: center;} #itemDetailImages img{ margin: 0 auto 10px;} #itemDetailContents .summary{ margin: 0 40px 30px; line-height: 1.8} #itemDetailBtns{ width: 628px; margin: 0 auto 20px; overflow: hidden; _zoom:1;} #itemDetailBtns .btn a{ margin: 0 10px 0 0; display: block; width: 304px; padding: 54px 0 0; height: 0; overflow: hidden; float: left;} #itemDetailBtns .btn a:hover{ opacity: 0.8; filter: alpha(opacity=80); /* ie 6 7 */ -ms-filter: "alpha(opacity=80)"; /* ie 8 */ } #btn01 a{ background:url(http://image.excite.co.jp/jp/shopping/images/itemDetailBtns.gif) no-repeat 0 0; } #btn02 a{ background:url(http://image.excite.co.jp/jp/shopping/images/itemDetailBtns.gif) no-repeat right top; } /* display mode PC to Smartphone */ .pcToSmartphoneAreaOut { text-align: center;} .pcToSmartphoneArea { display: block; width: 955px; margin:0 auto 10px;} .pcToSmartphoneArea a { display:block;line-height:72px;text-decoration:none; border-radius:3px;-webkit-border-radius:3px;background:-webkit-gradient(linear,left top,left bottom,from(#ffe0e0),color-stop(0.05,#ff9f9f),to(#e80000)); background:-moz-linear-gradient( top, #ffe0e0, #ba0000 95% , #e80000 );color:#fff;height:72px;width:955px;font-size:32px;text-align:center;border:1px solid #ba0000; margin-top:4px;margin-bottom:4px;font-weight:bold;text-shadow:rgba(0,0,0,0.4) 0 -1px 0; padding-left:3px;padding-right:3px; }