/* ======================== スライドショー ======================== */ #slider { position:relative; min-height:220px; background-color:#202834; background-repeat:no-repeat; background-position:50% 50%; } #slider img { position: absolute; top: 0px; left: 0px; display: none; } #slider a { border: 0; display: block; } .nivo-controlNav { position: absolute; left: 47%; bottom: -30px; display: none; } .nivo-controlNav a { display: block; width: 10px; height: 10px; text-indent: -9999px; border: 0; margin-right: 3px; float: left; } .nivo-controlNav a.active { background-position: -10px 0; } .nivo-directionNav a { display: block; width: 30px; height: 34px; text-indent: -9999px; border: 0; } a.nivo-nextNav { background-position: -30px 0; right: 10px; } a.nivo-prevNav { left: 10px; } /* ここまでが追加部分 */ /* The Nivo Slider styles */ .nivoSlider { position: relative; } .nivoSlider img { position: absolute; top: 0px; left: 0px; } /* If an image is wrapped in a link */ .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 60; display: none; } /* The slices in the Slider */ .nivo-slice { display: block; position: absolute; z-index: 50; height: 100%; } /* Caption styles */ .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; /* Overridden by captionOpacity setting */ width: 100%; z-index: 89; } .nivo-caption p { padding: 5px; margin: 0; } /* Direction nav styles (e.g. Next & Prev) */ .nivo-directionNav a { position: absolute; top: 45%; z-index: 99; cursor: pointer; } .nivo-prevNav { left: 0px; } .nivo-nextNav { right: 0px; } /* Control nav styles (e.g. 1,2,3...) */ .nivo-controlNav a { position: relative; z-index: 99; cursor: pointer; } .nivo-controlNav a.active { font-weight: bold; } /* ======================== お知らせ ======================== */ #information { margin: 20px 0; } #information h2 { font-weight: bold; font-size: 120%; color: #f00; } #information .entry { border-top: dotted 1px #ccc; padding: 15px; } #information .entry:last-child { border-bottom: dotted 1px #000; } #information .entry h3 { font-weight: bold;} #information .entry p:nth-child(n+3) { margin-top: 1.0em; } /* ======================== banner ======================== */ #top .banner { margin: 20px 0; overflow: hidden; zoom: 1; } #top .banner > div { width: 263px; float: left; margin: 0 14px 0 0; } #top .banner > div:nth-child(2n) { margin-right: 0; } /* ======================== 新着情報 ======================== */ #news { margin-top: 10px; } #news h2 { width: 100%; height: 0px; padding-top: 54px; overflow: hidden; background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/news_title.gif); background-repeat: no-repeat; } #news dl { padding: 0px 10px 10px 10px; } #news dl dt { margin-top: 0.5em; font-weight: bold; } #news dl dd { margin-top: 0.25em; padding-bottom: 0.5em; border-bottom: dashed 1px #CCCCCC; } #twitter { width: 100%; margin: 10px auto; } /* ======================== 新商品 ======================== */ /* #arrival { margin-top:10px; } #arrival ul.product { padding:10px 0px 10px 10px; } #arrival ul.product li { width:120px; height:180px; overflow:hidden; margin-bottom:20px; padding-right:10px; float:left; font-size:1.3em; } #arrival ul.product li img { display:block; margin:0px auto; } #arrival ul.product li img.thumb { width:110px; } #arrival p.none { width:100px; height:66px; margin:0px auto; } #arrival p.none a { display:block; width:100px; height:0px; padding-top:66px; overflow:hidden; background-image:url(https://img11.shop-pro.jp/PA01145/695/etc/rank_nophoto.gif); background-repeat:no-repeat; margin:0px auto; } #arrival p.name { text-align:center; margin:0.5em; } #arrival p.price { text-align:right;} */ /* ======================== おすすめ商品 ======================== */ #recommend { margin-top: 20px; } #recommend h2 { width: 540px; height: 0px; padding-top: 54px; overflow: hidden; background-image: url(https://img17.shop-pro.jp/PA01152/752/etc/newitem_title.gif); background-repeat: no-repeat; } #recommend ul.product { padding: 10px 0px 10px 10px; } #recommend ul.product li { width: 160px; height: 200px; overflow: hidden; margin-bottom: 20px; padding-right: 10px; float: left; line-height: 1.2; } #recommend ul.product li img { display: block; margin: 0px auto; } #recommend ul.product li img.thumb { width: 100px; } #recommend p.none { width: 100px; height: 66px; margin: 0px auto; } #recommend p.none a { display: block; width: 100px; height: 0px; padding-top: 66px; overflow: hidden; background-image: url(https://img11.shop-pro.jp/PA01145/695/etc/rank_nophoto.gif); background-repeat: no-repeat; margin: 0px auto; } #recommend p.name { text-align: center; margin: 0.5em; } #recommend p.price { text-align: right; }