@charset "euc-jp"; /* CSS Document */ /* ▼基本のスタイル▼ */ /* ============================================================================== 　tag ============================================================================== */ sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: 0em;} sup { top: -0.5em;} ol{ list-style: none;} img{ border: 0; vertical-align: bottom;} /* ============================================================================== 　float ============================================================================== */ /* フロート(左) */ #template #templateFlame .leftContents{ display: block; float: left; } /* フロート(右) */ #template #templateFlame .rightContents { display: block; float: right; } /* ============================================================================== 　text-align・vertical・display・position ============================================================================== */ #template #templateFlame .alignLeft { text-align: left;} #template #templateFlame .alignRight { text-align: right;} #template #templateFlame .alignCenter { text-align: center;} #template #templateFlame .verticalTop { vertical-align: top;} #template #templateFlame .verticalMiddle { vertical-align: middle;} #template #templateFlame .verticalBottom { vertical-align: bottom;} #template #templateFlame .displayNone{ display: none;} #template #templateFlame .displayBlock{ display: block;} #template #templateFlame .relative{ position: relative;} #template #templateFlame .absolute{ position: absolute;} /* ============================================================================== 　list・indent ============================================================================== */ #template #templateFlame ul.disc{ list-style: disc; margin-left: 16px; padding-left: 16px; } #template #templateFlame ol.decimal { list-style: decimal; margin-left: 16px; padding-left: 16px; } #template #templateFlame ul.int li, #template #templateFlame ol.int li, #template #templateFlame dl.int dd{ padding-left: 0.5em; text-indent: -0.5em; } #template #templateFlame ul.disc li, #template #templateFlame ol.decimal li, #template #templateFlame ul.int li, #template #templateFlame ol.int li, #template #templateFlame dl.int dd{ margin-bottom: 0.5em; } #template #templateFlame .int{ padding-left: 1em; text-indent: -1em; } /* ============================================================================== 　font-color ============================================================================== */ #template #templateFlame .fcWhite { color: #FFFFFF;} #template #templateFlame .fcRed-lt { color: #FF0000;} #template #templateFlame .fcBlue-lt { color: #1E90FF;} #template #templateFlame .fcGray-lt { color: #C0C0C0;} #template #templateFlame .fcRed-dk { color: #BF0000;}/*クリムゾンレッド*/ #template #templateFlame .fcBlue-dk { color: #000080;} #template #templateFlame .fcGray-dk { color: #333333;} /* ============================================================================== 　font-size ============================================================================== */ #template #templateFlame .fs300 { font-size: 300%;} #template #templateFlame .fs175 { font-size: 175%;} /*推奨サイズの最大値*/ #template #templateFlame .fs165 { font-size: 165%;} /*に相当*/ #template #templateFlame .fs115 { font-size: 115%;} /*に相当*/ #template #templateFlame .fs82 { font-size: 82%;} /*に相当*/ #template #templateFlame .fs65 { font-size: 65%;} /*に相当*/ /* ============================================================================== 　font-wight ============================================================================== */ .txtBold { font-weight: bold;} .txtNormal { font-weight: normal;} /* ============================================================================== 　margin・padding ============================================================================== */ #template #templateFlame .mAuto{margin: 0 auto;} #template #templateFlame .mt5 { margin-top: 5px;} #template #templateFlame .mt10 { margin-top: 10px;} #template #templateFlame .mt15 { margin-top: 15px;} #template #templateFlame .mt20 { margin-top: 20px;} #template #templateFlame .mt25 { margin-top: 25px;} #template #templateFlame .mr5 { margin-right: 5px;} #template #templateFlame .mr10 { margin-right: 10px;} #template #templateFlame .mr15 { margin-right: 15px;} #template #templateFlame .mr20 { margin-right: 20px;} #template #templateFlame .mr25 { margin-right: 25px;} #template #templateFlame .mb5 { margin-bottom: 5px;} #template #templateFlame .mb10 { margin-bottom: 10px;} #template #templateFlame .mb15 { margin-bottom: 15px;} #template #templateFlame .mb20 { margin-bottom: 20px;} #template #templateFlame .mb25 { margin-bottom: 25px;} #template #templateFlame .ml5 { margin-left: 5px;} #template #templateFlame .ml10 { margin-left: 10px;} #template #templateFlame .ml15 { margin-left: 15px;} #template #templateFlame .ml20 { margin-left: 20px;} #template #templateFlame .ml25 { margin-left: 25px;} #template #templateFlame .pt5 { padding-top: 5px;} #template #templateFlame .pt10 { padding-top: 10px;} #template #templateFlame .pt15 { padding-top: 15px;} #template #templateFlame .pt20 { padding-top: 20px;} #template #templateFlame .pt25 { padding-top: 25px;} #template #templateFlame .pr5 { padding-right: 5px;} #template #templateFlame .pr10 { padding-right: 10px;} #template #templateFlame .pr15 { padding-right: 15px;} #template #templateFlame .pr20 { padding-right: 20px;} #template #templateFlame .pr25 { padding-right: 25px;} #template #templateFlame .pb5 { padding-bottom: 5px;} #template #templateFlame .pb10 { padding-bottom: 10px;} #template #templateFlame .pb15 { padding-bottom: 15px;} #template #templateFlame .pb20 { padding-bottom: 20px;} #template #templateFlame .pb25 { padding-bottom: 25px;} #template #templateFlame .pl5 { margin: 0 5px;} #template #templateFlame .pl10 { margin: 0 10px;} #template #templateFlame .pl15 { margin: 0 15px;} #template #templateFlame .pl20 { margin: 0 20px;} #template #templateFlame .pl25 { margin: 0 25px;} #template #templateFlame .m0 { margin: 0px;} #template #templateFlame .m5 { margin: 5px;} #template #templateFlame .m10 { margin: 10px;} #template #templateFlame .m15 { margin: 15px;} #template #templateFlame .m20 { margin: 20px;} #template #templateFlame .m25 { margin: 25px;} #template #templateFlame .p0 { padding: 0px;} #template #templateFlame .p5 { padding: 5px;} #template #templateFlame .p10 { padding: 10px;} #template #templateFlame .p15 { padding: 15px;} #template #templateFlame .p20 { padding: 20px;} #template #templateFlame .p25 { padding: 25px;} /* ============================================================================== 　box ============================================================================== */ #template #templateFlame .freeBox200 { width: 200px;} #template #templateFlame .freeBox250 { width: 250px;} #template #templateFlame .freeBox300 { width: 300px;} #template #templateFlame .freeBox450 { width: 450px;} #template #templateFlame .freeBox500 { width: 500px;} #template #templateFlame .freeBox650 { width: 650px;} #template #templateFlame .freeBox700 { width: 700px;} #template #templateFlame .freeBox900 { width: 900px;} /* ▼ボタンのスタイル▼ */ /* ============================================================================== item-moreLink btn-layout ============================================================================== */ .item-moreLink { margin: 10px 0 30px; } .item-moreLink p { text-align: center; font-size: 160%; } .item-moreLink a { display: block; width: 128px; padding: 16px 2em 13px; margin: 0 auto; } /* ---------------------------------------------- pattern01 ---------------------------------------------- */ /* ---left-icon--- */ /*red #bf0000 */ .item-moreLink .btn-red { width: 416px; padding-left: 4em; background-color: #bf0000; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #bf0000 0%, #ec5252 100%); background: -o-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -moz-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -webkit-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -ms-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bf0000), color-stop(1, #ec5252) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-red { >background: #bf0000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #bf0000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-red::before { background-color: #bf0000; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -webkit-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -moz-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -o-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; } /*orange #f28b21 */ .item-moreLink .btn-orange { width: 416px; padding-left: 4em; background-color: #f28b21; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #eb790a 0%, #ffab49 100%); background: -o-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -moz-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -ms-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #eb790a), color-stop(1, #ffab49) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-orange { >background: #f28b21 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #f28b21 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-orange::before { background-color: #db7209; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; -webkit-box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; -moz-box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; -o-box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; } /*green #23942b */ .item-moreLink .btn-green { width: 416px; padding-left: 4em; background-color: #23942b; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #23942b 0%, #89d560 100%); background: -o-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -moz-linear-gradient(bottom, #23942b 0%, #89d560 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -ms-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #23942b), color-stop(1, #89d560) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-green { >background: #23942b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #23942b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-green::before { background-color: #369434; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; -webkit-box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; -moz-box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; -o-box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; } /*lightblue #2996bd */ .item-moreLink .btn-lightblue { width: 416px; padding-left: 4em; background-color: #2996bd; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #2996bd 0%, #5bc0e5 100%); background: -o-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -moz-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -ms-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2996bd), color-stop(1, #5bc0e5) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-lightblue { >background: #2996bd url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #2996bd url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-lightblue::before { background-color: #2591b4; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; -webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; -moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; -o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; } /*blue #2a3cc3 */ .item-moreLink .btn-blue { width: 416px; padding-left: 4em; background-color: #2a3cc3; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #2a3cc3 0%, #5e7fe9 100%); background: -o-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -moz-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -ms-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2a3cc3), color-stop(1, #5e7fe9) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-blue { >background: #2a3cc3 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #2a3cc3 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-blue::before { background-color: #2443a6; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; -webkit-box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; -moz-box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; -o-box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; } /*pink #cc285a */ .item-moreLink .btn-pink { width: 416px; padding-left: 4em; background-color: #cc285a; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #ce285b 0%, #f36590 100%); background: -o-linear-gradient(bottom, #ce285b 0%, #f36590 100%); background: -moz-linear-gradient(bottom, #ce285b 0%, #f36590 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #ce285b 0%, #f36590 100%); background: -ms-linear-gradient(bottom, #ce285b 0%, #f36590 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ce285b), color-stop(1, #f36590) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #fff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-pink { >background: #ce285b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #ce285b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-pink::before { background-color: #be1a4c; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #73102e, 0px 1px 0px #ea90ac; -webkit-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -moz-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -o-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; } /*black #000000 */ .item-moreLink .btn-black { width: 416px; padding-left: 4em; background-color: #000000; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #000000 0%, #585858 100%); background: -o-linear-gradient(bottom, #000000 0%, #585858 100%); background: -moz-linear-gradient(bottom, #000000 0%, #585858 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #000000 0%, #585858 100%); background: -ms-linear-gradient(bottom, #000000 0%, #585858 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #585858) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-black { >background: #000000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat; background: #000000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-black::before { background-color: #323232; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; -webkit-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; -moz-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; -o-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; } /* ---right-icon--- */ /*red #bf0000 */ .item-moreLink .btn-red-r { width: 416px; padding-right: 4em; background-color: #bf0000; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #bf0000 0%, #ec5252 100%); background: -o-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -moz-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -webkit-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -ms-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bf0000), color-stop(1, #ec5252) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-red-r { >background: #bf0000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #bf0000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-red-r::before { background-color: #bf0000; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -webkit-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -moz-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -o-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; } /*orange #f28b21 */ .item-moreLink .btn-orange-r { width: 416px; padding-right: 4em; background-color: #f28b21; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #eb790a 0%, #ffab49 100%); background: -o-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -moz-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -ms-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #eb790a), color-stop(1, #ffab49) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-orange-r { >background: #f28b21 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #f28b21 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-orange-r::before { background-color: #db7209; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; -webkit-box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; -moz-box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; -o-box-shadow: inset 0px 1px 0px #a15307, 0px 1px 0px #ec9c6c; } /*green #23942b */ .item-moreLink .btn-green-r { width: 416px; padding-right: 4em; background-color: #23942b; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #23942b 0%, #89d560 100%); background: -o-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -moz-linear-gradient(bottom, #23942b 0%, #89d560 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -ms-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #23942b), color-stop(1, #89d560) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #2a4b29, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #2a4b29, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #2a4b29, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-green-r { >background: #23942b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #23942b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-green-r::before { background-color: #369434; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; -webkit-box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; -moz-box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; -o-box-shadow: inset 0px 1px 0px #225d20, 0px 1px 0px #7dce7b; } /*lightblue #2ca0ca */ .item-moreLink .btn-lightblue-r { width: 416px; padding-right: 4em; background-color: #2ca0ca; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #2996bd 0%, #5bc0e5 100%); background: -o-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -moz-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -ms-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2996bd), color-stop(1, #5bc0e5) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-lightblue-r { >background: #2996bd url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #2996bd url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-lightblue-r::before { background-color: #2591b4; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; -webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; -moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; -o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0; } /*blue #2a3cc3 */ .item-moreLink .btn-blue-r { width: 416px; padding-right: 4em; background-color: #2a3cc3; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #2a3cc3 0%, #5e7fe9 100%); background: -o-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -moz-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -webkit-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -ms-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2a3cc3), color-stop(1, #5e7fe9) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-blue-r { >background: #2a3cc3 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #2a3cc3 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-blue-r::before { background-color: #2443a6; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; -webkit-box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; -moz-box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; -o-box-shadow: inset 0px 1px 0px #132358, 0px 1px 0px #6c8cf2; } /*pink #cc285a */ .item-moreLink .btn-pink-r { width: 416px; padding-right: 4em; background-color: #cc285a; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #bf0000 0%, #ec5252 100%); background: -o-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -moz-linear-gradient(bottom, #ce285b 0%, #f36590 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -ms-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bf0000), color-stop(1, #ec5252) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-pink-r { >background: #ce285b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #ce285b url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-pink-r::before { background-color: #be1a4c; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #73102e, 0px 1px 0px #ea90ac; -webkit-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -moz-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; -o-box-shadow: inset 0px 1px 0px #9d0000, 0px 1px 0px #ec5252; } /*black #000000 */ .item-moreLink .btn-black-r { width: 416px; padding-right: 4em; background-color: #000000; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #000000 0%, #585858 100%); background: -o-linear-gradient(bottom, #000000 0%, #585858 100%); background: -moz-linear-gradient(bottom, #000000 0%, #585858 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #000000 0%, #585858 100%); background: -ms-linear-gradient(bottom, #000000 0%, #585858 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #585858) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-black-r { >background: #000000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat; background: #000000 url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-black-r::before { background-color: #323232; background: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; -webkit-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; -moz-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; -o-box-shadow: inset 0px 1px 0px #000000, 0px 1px 0px #7f7f7f; } /* ---------------------------------------------- pattern02 ---------------------------------------------- */ /* ---left-icon--- */ /* red #bf0000 */ .item-moreLink .btn-red02 { width: 412px; position: relative; padding-left: 4em; color: #bf0000; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #bf0000; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #9d0000, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #9d0000, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-red02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-red-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-red-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-red02::before { background-color: #bf0000; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* orange #da7100 */ .item-moreLink .btn-orange02 { width: 412px; position: relative; padding-left: 4em; color: #da7100; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #e07e0a; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-orange02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-orange-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-orange-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-orange02::before { background-color: #e07e0a; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* green #369434 */ .item-moreLink .btn-green02 { width: 412px; position: relative; padding-left: 4em; color: #369434; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #359d32; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-green02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-green-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-green-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-green02::before { background-color: #369434; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* lightblue #2996bd */ .item-moreLink .btn-lightblue02 { width: 412px; position: relative; padding-left: 4em; color: #2996bd; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#FFF 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #2996bd; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-lightblue02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-lightblue-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-lightblue-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-lightblue02::before { background-color: #2591b4; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* blue #2a3cc3 */ .item-moreLink .btn-blue02 { width: 412px; position: relative; padding-left: 4em; color: #2a3cc3; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #2a3cc3; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-blue02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-blue-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-blue-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-blue02::before { background-color: #2443a6; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* pink #ce285b */ .item-moreLink .btn-pink02 { width: 412px; position: relative; padding-left: 4em; color: #ce285b; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #be1a4c; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-pink02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-pink-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-pink-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-pink02::before { background-color: #BE1A4C; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* black #000000 */ .item-moreLink .btn-black02 { width: 412px; position: relative; padding-left: 4em; color: #000000; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #000000; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-black02 { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-black-arrow.png) 12% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-black-arrow.png) 12% 50% no-repeat\9; } .item-moreLink .btn-black02::before { background-color: #323232; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; left: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* ---right-icon--- */ /* red #bf0000 */ .item-moreLink .btn-red02-r { width: 412px; position: relative; padding-right: 4em; color: #bf0000; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #bf0000; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #9d0000, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-red02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-red-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-red-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-red02-r::before { background-color: #bf0000; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* orange #da7100 */ .item-moreLink .btn-orange02-r { width: 412px; position: relative; padding-right: 4em; color: #da7100; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #e07e0a; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-orange02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-orange-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-orange-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-orange02-r::before { background-color: #e07e0a; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* green #369434 */ .item-moreLink .btn-green02-r { width: 412px; position: relative; padding-right: 4em; color: #369434; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#FFF 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #359d32; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-green02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-green-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-green-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-green02-r::before { background-color: #369434; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* lightblue #2996bd */ .item-moreLink .btn-lightblue02-r { width: 412px; position: relative; padding-right: 4em; color: #2996bd; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #2996bd; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-lightblue02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-lightblue-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-lightblue-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-lightblue02-r::before { background-color: #2591b4; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* blue #2a3cc3 */ .item-moreLink .btn-blue02-r { width: 412px; position: relative; padding-right: 4em; color: #2a3cc3; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #2a3cc3; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-blue02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-blue-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-blue-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-blue02-r::before { background-color: #2443a6; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* pink #ce285b */ .item-moreLink .btn-pink02-r { width: 412px; position: relative; padding-right: 4em; color: #ce285b; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #be1a4c; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-pink02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-pink-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-pink-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-pink02-r::before { background-color: #BE1A4C; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* black #000000 */ .item-moreLink .btn-black02-r { width: 412px; position: relative; padding-right: 4em; color: #000000; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #000000; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; } /* IE */ .item-moreLink .btn-black02-r { >background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-black-arrow.png) 92% 50% no-repeat; background: #ffffff url(http://image.books.rakuten.co.jp/books/img/common/other/icon-black-arrow.png) 92% 50% no-repeat\9; } .item-moreLink .btn-black02-r::before { background-color: #323232; background-image: url(http://image.books.rakuten.co.jp/books/img/common/other/icon-white-arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; width: 24px; height: 24px; position: absolute; right: 2em; top: 50%; margin-top: -11px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -webkit-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -moz-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); -o-box-shadow: inset 0px 1px 0px rgba(000,000,000,0.4), 0px 1px 0px rgba(255,255,255,0.4); } /* ---------------------------------------------- pattern01 no-icon ---------------------------------------------- */ /* red #bf0000 */ .item-moreLink .noicon01-red { width: 468px; background-color: #bf0000; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #bf0000 0%, #ec5252 100%); background: -o-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -moz-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -ms-linear-gradient(bottom, #bf0000 0%, #ec5252 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #bf0000), color-stop(1, #ec5252) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; } /* orange #f28b21 */ .item-moreLink .noicon01-orange { width: 468px; background-color: #f28b21; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #eb790a 0%, #ffab49 100%); background: -o-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -moz-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -ms-linear-gradient(bottom, #eb790a 0%, #ffab49 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #eb790a), color-stop(1, #ffab49) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #9d4e00, 1px 2px 2px #999999; } /* green #23942b */ .item-moreLink .noicon01-green { width: 468px; background-color: #23942b; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #23942b 0%, #89d560 100%); background: -o-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -moz-linear-gradient(bottom, #23942b 0%, #89d560 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -ms-linear-gradient(bottom, #23942b 0%, #89d560 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #23942b), color-stop(1, #89d560) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #325531, 1px 2px 2px #999999; } /* lightblue #2996bd */ .item-moreLink .noicon01-lightblue { width: 468px; background-color: #2996bd; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #2996bd 0%, #5bc0e5 100%); background: -o-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -moz-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -ms-linear-gradient(bottom, #2996bd 0%, #5bc0e5 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2996bd), color-stop(1, #5bc0e5) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #156785, 1px 2px 2px #999999; } /* blue #2a3cc3 */ .item-moreLink .noicon01-blue { width: 468px; background-color: #2a3cc3; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #2a3cc3 0%, #5e7fe9 100%); background: -o-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -moz-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -ms-linear-gradient(bottom, #2a3cc3 0%, #5e7fe9 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #2a3cc3), color-stop(1, #5e7fe9) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #29386d, 1px 2px 2px #999999; } /* pink #cc285a */ .item-moreLink .noicon01-pink { width: 468px; background-color: #cc285a; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #ce285b 0%, #f36590 100%); background: -o-linear-gradient(bottom, #ce285b 0%, #f36590 100%); background: -moz-linear-gradient(bottom, #ce285b 0%, #f36590 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #ce285b 0%, #f36590 100%); background: -ms-linear-gradient(bottom, #ce285b 0%, #f36590 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #ce285b), color-stop(1, #f36590) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #8d3a53, 1px 2px 2px #999999; } /* black #000000 */ .item-moreLink .noicon01-black { width: 468px; background-color: #000000; text-decoration: none; text-shadow: 0 -1px 1px rgba(7,61,136,0.6), 0px 1px 0px rgba(255,255,255,0.3); color: #ffffff; position: relative; background: linear-gradient(to bottom, #000000 0%, #585858 100%); background: -o-linear-gradient(bottom, #000000 0%, #585858 100%); background: -moz-linear-gradient(bottom, #000000 0%, #585858 100%); /*ff*/ background: -webkit-linear-gradient(bottom, #000000 0%, #585858 100%); background: -ms-linear-gradient(bottom, #000000 0%, #585858 100%); background: -webkit-gradient( linear, left bottom, left top, color-stop(0, #000000), color-stop(1, #585858) ); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -webkit-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -moz-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; -o-box-shadow: inset 0px 1px 2px #ffffff, 0px 1px 0px 0px #515151, 1px 2px 2px #999999; } /* ---------------------------------------------- pattern02 no-icon ---------------------------------------------- */ /* red #bf0000 */ .item-moreLink .noicon02-red { width: 468px; position: relative; color: #bf0000; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #bf0000; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #9d0000, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 0px 0px #9d0000, 1px 2px 2px #999999; } /* orange #da7100 */ .item-moreLink .noicon02-orange { width: 468px; position: relative; color: #da7100; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #e07e0a; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #9d4e00, 1px 2px 2px #999999; } /* green #369434 */ .item-moreLink .noicon02-green { width: 468px; position: relative; color: #369434; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #359d32; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #325531, 1px 2px 2px #999999; } /* lightblue #2996bd */ .item-moreLink .noicon02-lightblue { width: 468px; position: relative; color: #2996bd; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#FFF 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #2996bd; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #156785, 1px 2px 2px #999999; } /* blue #2a3cc3 */ .item-moreLink .noicon02-blue { width: 468px; position: relative; color: #2a3cc3; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #2a3cc3; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #29386d, 1px 2px 2px #999999; } /* pink #ce285b */ .item-moreLink .noicon02-pink { width: 468px; position: relative; color: #ce285b; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #be1a4c; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #8d3a53, 1px 2px 2px #999999; } /* black #000000 */ .item-moreLink .noicon02-black { width: 468px; position: relative; color: #000000; text-decoration: none; text-shadow: 0 2px 1px rgba(255,255,255,0.8), 0px -1px 1px rgba(7,61,136,0.2); background: -moz-linear-gradient(top,#ffffff 52%,#f1f1f1 70%,#d6d6d6); background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d6d6d6)); border: 2px solid #000000; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -webkit-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -moz-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; -o-box-shadow: 0px 1px 1px 0px #515151, 1px 2px 2px #999999; }