@charset "utf-8"; /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* article */ a { cursor:pointer; } .articleMain{ width: 858px; padding: 10px 20px 0 22px; display: block; margin: 10px 0 20px 10px; overflow: hidden; } .tops{ height: 75px; position: relative; /* margin-bottom:16px; */ font-size: 12px; } .button{ float:right; margin-top:20px; margin-right:2px; } #ws-body .delete { position: absolute; top: 27px; left: 20px; display: inline-block; padding: 2px 26px; margin-left: 5px; } #ws-body .delete:hover { } #ws-body .delete:active { /* position:relative; top:1px;*/ } #ws-body a.delete:not(:target) { /* background-image: url(button_back_off.svg);*/ } #ws-body a.delete:hover:not(:target) { /* background-image: url(button_back_on.svg);*/ } #ws-body .delete_hover { display: inline-block; padding: 2px 26px; margin-left: 5px; background-position: center top; } #ws-body .delete:hover:hover { } #ws-body .delete:hover:active { /* position:relative; top:1px;*/ } .tops ul{ float:left; margin:0; padding:0; } .tops ul li{ display:inline; } .tops ul li a{ float:left; text-decoration:none; margin-right:5px; margin-left:5px; } .tops ul span{ float: left; text-decoration: none; margin-left: 5px; } .tops ul li a:hover{ text-decoration:underline; } .tops ul li b{ float:left; } .tops p{ position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0; } #sortingDiv span{ float: left; margin: 7px 7px 0px 0px; } #sortingDiv a.delete{ margin-top: 15px; } /* section */ .sectionBookmark{ height: 135px; padding-top: 10px; margin-top: 10px; display: block; } .cnt_section{ margin: 0; height: 120px; position: relative; padding-top: 10px; padding-bottom: 5px; } .cnt_section:hover{ } .cnt_section a.img{ display: block; position: relative; width: 161px; height: 120px; float: left; } .cnt_section .check{ width: 100px; height: 70px; padding-top: 50px; text-align: center; vertical-align: middle; float: left; display: block; } .cnt_section a.img img{ margin: 7px auto 0; position: relative; } /*.cnt_section a.img img.book_icon{ position:absolute; top:0px; left:0px; z-index:10; }*/ .cnt_section .text{ float: left; height: 120px; margin: 0 0 0 35px; width:450px; } .cnt_section .text a.name{ } .cnt_section .text a.name img { display:inline; margin-right:5px; } .cnt_section .text a.name:hover{ text-decoration:none; } .cnt_section .text ul.date{ margin-top: 0px; height:40px;} .cnt_section .text ul.date li{ } /*---*/ .cnt_section .text .info{ overflow: hidden; margin-top: 10px; } .cnt_section .text ul.pic{ float: left; margin-top: 20px; width:85%; } .cnt_section .text ul.pic li.pageno { float:right; } .cnt_section .text ul.pic li{ float: left; margin-left: 17px; display: inline-block; } .cnt_section .text ul.pic li img { position: relative; left: -18px; } .cnt_section .text ul.pic li a.read_open { margin-top: 30px; } .cnt_section .text ul.pic li a.read_download { margin-top: 60px; } .cnt_section .text ul.pic li a.read { /*margin-top: 42px;*/ -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 2px 26px; text-decoration: none; margin-left: 5px; }.cnt_section .text ul.pic li a.read:hover { }.cnt_section .text ul.pic li a.read:active { position:relative; top:1px; } .cnt_section .text ul.pic li a.read:not(:target) { filter: none; -ms-filter: none; } .cnt_section .text ul.pic li a.read:hover:not(:target) { filter: none; -ms-filter: none; } .cnt_section .text ul.pic li a.read_hover { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 2px 26px; text-decoration: none; margin-left: 5px; line-height: 20px; margin-left: 5px; }.cnt_section .text ul.pic li a.read_hover:hover { }.cnt_section .text ul.pic li a.read_hover:active { position:relative; top:1px; } .btn_bott{ display:block; width:280px; height:35px; margin:37px auto 0 auto; } section#bottom { height:53px; padding:5px; position:relative; margin-top: 10px; display: block; } #bookmark .wrapper_ws #main-ws article section .cnt_section .img .band_horizontal { position: absolute; top: -4px; left: 1px; } #bookmark .wrapper_ws #main-ws article section .cnt_section .img .band_vertical { position: absolute; left: 40px; top: -4px; } #bookmark .wrapper_ws #main-ws article section .cnt_section .text .info .pic li .read { position: absolute; right: 20px; top: 50px; } .shioriNotExist { text-align: left; margin-top: 20px; clear: both; } /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* article */ a { } .articleMain{ border: 1px solid #ccc; } .tops{ /* margin-bottom:16px; */ font-size:12px; } .button{ } #ws-body .delete { -moz-box-shadow: inset 0px 1px 0px 0px #C66; -webkit-box-shadow: inset 0px 1px 0px 0px #C66; box-shadow: inset 0px 1px 0px 0px #C66; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F33), color-stop(1, #CC0000) ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#F33', endColorstr='#CC0000'); background-color: #CC0000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #990000; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; text-decoration: none; background-position: center top; } #ws-body .delete:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #F33) ); background:-moz-linear-gradient( center top, #CC0000 5%, #F33 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#F33'); background-color:#F33; } #ws-body .delete:active { } #ws-body a.delete:not(:target) { filter: none; -ms-filter: none; /* background-image: url(button_back_off.svg);*/ } #ws-body a.delete:hover:not(:target) { filter: none; -ms-filter: none; /* background-image: url(button_back_on.svg);*/ } #ws-body .delete_hover { -moz-box-shadow: inset 0px 1px 0px 0px #C66; -webkit-box-shadow: inset 0px 1px 0px 0px #C66; box-shadow: inset 0px 1px 0px 0px #C66; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #F33) ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#F33'); background-color: #F33; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #990000; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; text-decoration: none; /* [disabled]text-shadow:1px 1px 0px #686666; */ line-height: 20px; background-position: center top; } #ws-body .delete:hover:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #CC0000), color-stop(1, #F33) ); background:-moz-linear-gradient( center top, #CC0000 5%, #F33 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC0000', endColorstr='#F33'); background-color:#F33; } #ws-body .delete:hover:active { } .tops ul{ } .tops ul li{ } .tops ul li a{ font-size:12px; color:#333333; } .tops ul span{ font-size: 12px; color: #333333; } .tops ul li a:hover{ } .tops ul li b{ font-weight:normal; font-size:12px; } .tops p{ color:#333333; font-size:12px; } /* section */ .sectionBookmark{ border-top: 1px dashed #cccccc; } .cnt_section{ } section.sectionBookmark .cnt_section:hover{ background-color: #EDEDED; } .cnt_section a.img { cursor:default; } .cnt_section .check{ } .cnt_section a.img img{ } /*.cnt_section a.img img.book_icon{ position:absolute; top:0px; left:0px; z-index:10; }*/ .cnt_section .text{ } .cnt_section .text a.name{ color: #37648C; font-size: 16px; cursor:default; text-decoration:none; } .cnt_section .text a.name div.pageTitle{ width:550px; white-space: nowrap; /* 改行を半角スペースに置き換える */ overflow: hidden; /* はみだした部分を削除する */ text-overflow: ellipsis; } .cnt_section .text label.name { color: #2D83DA; } .cnt_section .text a.name img { } .cnt_section .text a.name:hover{ } .cnt_section .text ul.date{ } .cnt_section .text ul.date li{ color:#333333; font-size:13px; } /*---*/ .cnt_section .text .info{ } .cnt_section .text ul.pic{ } .cnt_section .text ul.pic li{ } .cnt_section .text ul.pic li img { } .cnt_section .text ul.pic li a.read { -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-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color: #23486F; border: 1px solid #0C274D; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; }.cnt_section .text ul.pic li a.read:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; }.cnt_section .text ul.pic li a.read:active { } .cnt_section .text ul.pic li a.read:not(:target) { background-image: url(button_back_off.svg); } .cnt_section .text ul.pic li a.read:hover:not(:target) { background-image: url(button_back_on.svg); } .cnt_section .text ul.pic li a.read_hover { -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-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ); background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F'); background-color: #23486F; border: 1px solid #0C274D; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; }.cnt_section .text ul.pic li a.read_hover:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ); background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B'); background-color:#36638B; }.cnt_section .text ul.pic li a.read_hover:active { } .btn_bott{ background:url(../img/list/button_bottom.png) no-repeat; } section#bottom { border-top: 1px dashed #cccccc; } #bookmark .wrapper_ws #main-ws article section .cnt_section .img .band_horizontal { } #bookmark .wrapper_ws #main-ws article section .cnt_section .img .band_vertical { } #bookmark .wrapper_ws #main-ws article section .cnt_section .text .info .pic li .read { } .shioriNotExist { font-size: 16px; color: #f00; }