/* CSS Document */ @charset "utf-8"; /* Latest Update 2012.11.5 write */ /* author koyuki watanabe */ /* ---------- MENU ---------- */ /* 5. section setting */ /* ---------- MENU ---------- */ html,body { margin:0; padding:0; } /*----------------------------*/ /* 1. section setting */ /*----------------------------*/ /*----------------------------*/ /* 1. section content pdf */ /*----------------------------*/ #contentDetail{ margin: 0; padding: 0; } .sectiondetail { width: 690px; border: 1px solid #CCC; display: block; padding: 0; margin: 0; overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0px 1px 3px 0px #666; -moz-box-shadow: 0px 1px 3px 0px #666; box-shadow: 0px 1px 3px 0px #666; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; min-height: 505px; background-color:#fff; } .closebtn { background: url(../img/login/close.png) 0 0 no-repeat; width: 30px; height: 30px; display: block; margin-left: 660px; } .sectiondetail #book_data { width: 245px; border-right: 2px solid #CCC; background-color: #f7f7f7; float: left; min-height: 545px; } .sectiondetail #book_data .book_img { height: 145px; margin: 124px 0 0 47px; position: relative; } .sectiondetail #book_data .book_img img{ position: absolute; top: 0px; left: -1px; } .sectiondetail #book_data .book_img img.book_icon { position: absolute; top: -3px; left: -3px; z-index: 10; } .sectiondetail #book_data ul { list-style:none; line-height:1em; font-size:13px; margin:0 0 0 42px; padding:0; } .sectiondetail #book_data ul li { display:block; } .sectiondetail #book_data ul .title { margin-bottom:19px; font-size:18px; } .sectiondetail #book_data ul .date { margin-bottom:20px; font-size:12px; } .sectiondetail #book_data ul .explain { margin-bottom:32px; line-height:1.3em; font-size:13px; } .sectiondetail #book_data .read_btn 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; padding: 2px 27px; margin-left: 80px; text-decoration: none; } .sectiondetail #book_data .read_btn 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; } .sectiondetail #book_data .read_btn a.read:active { position:relative; top:1px; } .sectiondetail #book_data .read_btn a.read:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); } .sectiondetail #book_data .read_btn a.read:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); } .sectiondetail #book_list { width: 395px; margin-right: 25px; margin-top: 5px; float: right; } .sectiondetail #book_list ul { list-style: none; width: 395px; margin: 0; padding: 10px 0px; font-size: 13px; min-height: 64px; } .sectiondetail #book_list ul li { margin:0; padding:0; line-height:1em; } .sectiondetail #book_list ul .list_img { width:96px; height:64px; float:left; } .sectiondetail #book_list ul .list_img img { height: 64px; box-shadow: 0px 1px 3px 0px #666; } .sectiondetail #book_list ul .list_title{ font-size: 16px; margin-bottom: 10px; } .sectiondetail #book_list ul .list_title a { color: #37648C; } .sectiondetail #book_list ul .page,.sectiondetail #book_list ul .text{ margin-bottom:5px;} .sectiondetail #book_list ul+ul { border-top:1px dotted #CCC;} .sectiondetail #book_data .read_btn { height:25px; /*margin:30px 0 0 80px;*/ } /* section for detail no pdf */ .sectiondetailnopdf{ width: 690px; border: 1px solid #CCC; display: block; padding: 0; margin: 0; overflow: hidden; -webkit-border-radius: 10px 10px 10px 10px; -moz-border-radius: 10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-box-shadow: 0px 1px 3px 0px #666; -moz-box-shadow: 0px 1px 3px 0px #666; box-shadow: 0px 1px 3px 0px #666; font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif; min-height: 505px; background-color: #f7f7f7; } .sectiondetailnopdf #book_data { background-color: #f7f7f7; margin-right: auto; margin-left: auto; padding-top: 124px; width: 180px; } .sectiondetailnopdf #book_data .book_img { height: 145px; margin: 0 15px; position: relative; } .sectiondetailnopdf #book_data .book_img img{ position: absolute; top: 0px; left: 0px; } .sectiondetailnopdf #book_data .book_img img.book_icon { position: absolute; top: -3px; left: -3px; z-index: 10; } .sectiondetailnopdf #book_data ul { list-style: none; line-height: 1.2em; font-size: 13px; margin: 0; padding: 0; } .sectiondetailnopdf #book_data ul li { display:block; } .sectiondetailnopdf #book_data ul .title { margin-bottom: 15px; font-size: 18px; text-align: center; } .sectiondetailnopdf #book_data ul .date { margin-bottom: 20px; font-size: 12px; margin-left: 10px; } .sectiondetailnopdf #book_data ul .explain { margin-bottom: 32px; line-height: 1.3em; font-size: 13px; margin-left: 10px; } .sectiondetailnopdf #book_data .read_btn 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; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #0C274D; display: inline-block; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; padding: 2px 27px; margin-left: 45px; text-decoration: none; } .sectiondetailnopdf #book_data .read_btn 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; } .sectiondetailnopdf #book_data .read_btn a.read:active { position:relative; top:1px; } .sectiondetailnopdf #book_data .read_btn a.read:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_off.svg); } .sectiondetailnopdf #book_data .read_btn a.read:hover:not(:target) { filter: none; -ms-filter: none; background-image: url(button_back_on.svg); } .sectiondetailnopdf #book_list { width: 395px; margin-right: 25px; margin-top: 5px; float: right; } .sectiondetailnopdf #book_list ul { list-style: none; width: 395px; margin: 0; padding: 10px 0px; font-size: 13px; min-height: 64px; } .sectiondetailnopdf #book_list ul li { margin-top:0; padding:0; line-height:1em; } .sectiondetailnopdf #book_list ul .list_img { width:96px; height:64px; float:left; } .sectiondetailnopdf #book_list ul .list_img img { height: 64px; box-shadow: 0px 1px 3px 0px #666; } .sectiondetailnopdf #book_list ul .list_title{ font-size: 16px; margin-bottom: 10px; } .sectiondetailnopdf #book_list ul .list_title a { color: #37648C; } .sectiondetailnopdf #book_list ul .page,.sectiondetailnopdf #book_list ul .text{ margin-bottom:5px;} .sectiondetailnopdf #book_list ul+ul { border-top:1px dotted #CCC; } .sectiondetailnopdf #book_data .read_btn { height:25px; /*margin:30px 0 0 80px;*/ }