@charset "utf-8"; .thumbnail a:link{ text-decoration: none; background-image: url(../../img/bookshelf/thumbnail_off.png) ; background-repeat: no-repeat; background-position: center center; border-radius: 3px 0px 0px 3px; } .thumbnail a:hover{ text-decoration: none; background-color: #D6E5E5; background-image: url(../../img/bookshelf/thumbnail_on.png); background-repeat: no-repeat; background-position: center center; border-radius: 3px 0px 0px 3px; } .thumbnail_select{ text-decoration: none; background-color: #D6E5E5; background-image: url(../../img/bookshelf/thumbnail_on.png); background-repeat: no-repeat; background-position: center center; border-radius: 3px 0px 0px 3px; } #bookshelf .wrapper #main .hoge-R section.sectionhomebookshelf .name img { } /* section */ section.sectionhomebookshelf{ } p.dop_info{ border:1px solid #999999; background:#fff; } p.dop_info a{ font-size:12px; color:#333333;} p.dop_info a:hover{ text-decoration:none;} .cnt_section_bookshelf{ } .cnt_section_bookshelf:hover{ background:#FFF;} .cnt_section_bookshelf a.img{ } .cnt_section_bookshelf a.img img{ } .cnt_section_bookshelf .text{ } .sectionhomebookshelf a.name{ color: #333333; font-size: 18px; text-decoration: none; font-size: 12px; } .cnt_section_bookshelf a.name:hover{ text-decoration:underline; color:#2d83da;} .cnt_section_bookshelf .text ul.date{ } .cnt_section_bookshelf .text ul.date li{ color:#333333; font-size:11px;} .cnt_section_bookshelf .text .info{} .cnt_section_bookshelf .text ul.pic{ } .cnt_section_bookshelf .text ul.pic li{} .cnt_section_bookshelf .text ul.pic li a{ } .cnt_section_bookshelf .text ul.pic li a.sticker{background:url(../../img/bookshelf/pic_1.png) no-repeat left bottom;} .cnt_section_bookshelf .text ul.pic li a.pen{ background:url(../../img/bookshelf/pic_2.png) no-repeat 0 center;} .cnt_section_bookshelf .text ul.pic li a.read { -moz-box-shadow:inset 0px 1px 0px 0px #d6ee23; -webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23; box-shadow:inset 0px 1px 0px 0px #d6ee23; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008'); background-color:#a4d815; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #83bd07; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0px #a2d613; } .cnt_section_bookshelf .text ul.pic li a.read:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) ); background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815'); background-color:#83c008; } .cnt_section_bookshelf .text ul.pic li a.read:active { } .cnt_section_bookshelf .text ul.pic li a.read_hover { -moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3; -webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3; box-shadow:inset 0px 1px 0px 0px #b6b3b3; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) ); background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d'); background-color:#777575; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; border:1px solid #63636d; color:#ffffff; font-family:arial; font-size:15px; font-weight:bold; text-decoration:none; text-shadow:1px 1px 0px #686666; }.cnt_section_bookshelf .text ul.pic li a.read_hover:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) ); background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575'); background-color:#3f3d3d; }.cnt_section_bookshelf .text ul.pic li a.read_hover:active { } .btn_bott{ font-size: 14px; color: #fff; text-decoration: none; border: 1px solid #0C284E; border-radius: 4px; /*outline:1px solid #0C284E;*/ background: #37648C; /* Old browsers */ background: -moz-linear-gradient(top, #37648C 0%, #22466D 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#37648C), color-stop(100%,#22466D)); /* Chrome,Safari4+ */ -moz-box-shadow: inset 0px 1px 0px 0px #86ACC7; -webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7; box-shadow: inset 0px 1px 0px 0px #86ACC7; background: -webkit-linear-gradient(top, #37648C 0%,#22466D 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #37648C 0%,#22466D 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #37648C 0%,#22466D 100%); /* IE10+ */ background: linear-gradient(to bottom, #37648C 0%,#22466D 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37648C', endColorstr='#22466D',GradientType=0 ); /* IE6-9 */ } a:hover.btn_bott{ background: #22466D; /* Old browsers */ background: -moz-linear-gradient(top, #22466D 0%, rgb(16,89,163) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#22466D), color-stop(100%,#37648C)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #22466D 0%,#37648C 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #22466D 0%,#37648C 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #22466D 0%,#37648C 100%); /* IE10+ */ background: linear-gradient(to bottom, #22466D 0%,#37648C 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22466D', endColorstr='#37648C',GradientType=0 ); /* IE6-9 */ } #bookshelf .wrapper #main .hoge-R .tops .floatR { } #bookshelf .wrapper #main .hoge-R section .cnt_section_bookshelf .img .band_vertical { } #bookshelf .wrapper #main .hoge-R section .cnt_section_bookshelf .img .band_horizontal { } .wrapper #main .hoge-R section .cnt_section_bookshelf .img .book_horizontal { } .wrapper #main .hoge-R .cnt_section_bookshelf .img .book_vertical { }