@charset "utf-8"; .thumbnail a:link{ text-align: center; float: left; width: 80px; height: 33px; display: table-cell; } .thumbnail a:hover{ text-align: center; width: 80px; height: 33px; display: table-cell; } .thumbnail_select{ text-align: center; width: 80px; height: 33px; display: table-cell; } #bookshelf .wrapper_ws #main-ws .hoge-R section.sectionhomebookshelf .name img { display: inline-block; vertical-align: middle; margin-right: 5px; } /* section */ section.sectionhomebookshelf{ margin-top: 10px; width: 200px; float: left; text-align: center; height: 238px; margin-right: 25px; position: relative; display: inline-block; } p.dop_info{ position:absolute; bottom:-55px; left:15px; width:140px; padding-top:10px; padding-bottom:10px; text-align:left; padding-left:12px; padding-right:12px; margin:0; z-index:9999; } p.dop_info a{} p.dop_info a:hover{ } .cnt_section_bookshelf{ margin: 0px 0px 5px 0px ; padding: 5px 0 5px 0; height: 160px; width: 195px; } .cnt_section_bookshelf:hover{ } .cnt_section_bookshelf a.img{ display:block; margin:0 auto; } .cnt_section_bookshelf a.img img{ position: relative; margin-right: auto; margin-left: auto; } .cnt_section_bookshelf .text{ text-align:center; } .sectionhomebookshelf a.name{ display: block; width: 165px; text-align:left !important; margin-left: 25px; text-indent:-25px; } .cnt_section_bookshelf a.name:hover{ } .cnt_section_bookshelf .text ul.date{ float:left;} .cnt_section_bookshelf .text ul.date li{ } .cnt_section_bookshelf .text .info{ overflow:hidden; margin-top:10px;} .cnt_section_bookshelf .text ul.pic{ float:left; margin-left:105px;} .cnt_section_bookshelf .text ul.pic li{ float:left; display:inline; margin-left:17px;} .cnt_section_bookshelf .text ul.pic li a{ display:block;} .cnt_section_bookshelf .text ul.pic li a.sticker{ width:33px; height:35px;} .cnt_section_bookshelf .text ul.pic li a.pen{ width:32px; height:47px;} .cnt_section_bookshelf .text ul.pic li a.read { display:inline-block; padding:2px 26px; margin-left:5px; }.cnt_section_bookshelf .text ul.pic li a.read:hover { }.cnt_section_bookshelf .text ul.pic li a.read:active { position:relative; top:1px; } .cnt_section_bookshelf .text ul.pic li a.read_hover { display:inline-block; padding:2px 26px; margin-left:5px; line-height:20px; }.cnt_section_bookshelf .text ul.pic li a.read_hover:hover { }.cnt_section_bookshelf .text ul.pic li a.read_hover:active { position:relative; top:1px; } .btn_bott{ display: block; width: 210px; height: 33px; line-height: 33px; margin: 37px auto 0 auto; } a:hover.btn_bott{ } #bookshelf .wrapper_ws #main-ws .hoge-R .tops .floatR { display: inline; } #bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_vertical { position: absolute; top: 8px; left: 40px; } #bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_horizontal { position: absolute; top: 46px; left: 19px; } .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .book_horizontal { margin-top: 44px; } .wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical { margin-top: 5px; } @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_ws #main-ws .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{ } section.sectionhomebookshelf .cnt_section_bookshelf:hover{ background-color: #EDEDED; } .cnt_section_bookshelf a.img{ } .cnt_section_bookshelf a.img img{ } .cnt_section_bookshelf .text{ } .sectionhomebookshelf a.name{ color: #333333; font-size: 12px; text-decoration: none; } .sectionhomebookshelf a.name div.content-title{ width:150px; white-space: nowrap; /* 改行を半角スペースに置き換える */ overflow: hidden; /* はみだした部分を削除する */ text-overflow: ellipsis; } .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_ws #main-ws .hoge-R .tops .floatR { } #bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_vertical { } #bookshelf .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .band_horizontal { } .wrapper_ws #main-ws .hoge-R section .cnt_section_bookshelf .img .book_horizontal { } .wrapper_ws #main-ws .hoge-R .cnt_section_bookshelf .img .book_vertical { }