@charset "utf-8"; #contentDetail{ margin: 0; padding: 0; } .sectiondetail { width: 690px; 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; min-height: 505px; /*position:relative;*/ } .closebtn { width: 30px; height: 30px; display: block; margin-left: 656px; margin-top:3px; position:absolute; } .sectiondetail #book_data { width: 245px; float: left; min-height: 545px; } .sectiondetail #book_data .book_img { /*height: 145px; margin: 124px 0 0 47px; position: relative;*/ text-align:center; margin:124px 0 0 0; height: 145px; } .sectiondetail #book_data .book_img img{ /*position: absolute; top: 0px; left: -1px; margin-left:20px;*/ margin:0 auto; } .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; /*margin:0 0 0 42px;*/ margin:0 0 0 52px; padding:0; } .sectiondetail #book_data ul li { display:block; } .sectiondetail #book_data ul .title { margin-bottom:19px; } .sectiondetail #book_data ul .date { margin-bottom:20px; } .sectiondetail #book_data ul .explain { margin-bottom:32px; line-height:1.3em; } .sectiondetail #book_data .read_btn a.read { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 2px 27px; /*margin-left: 87px;*/ text-decoration: none; margin:0 auto; } .sectiondetail #book_data .read_btn a.read:hover { } .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; } .sectiondetail #book_data .read_btn a.read:hover:not(:target) { filter: none; -ms-filter: none; } .sectiondetail #book_list { width: 395px; margin-right: 35px; 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; } .sectiondetail #book_list ul .list_title{ font-size: 16px; margin-bottom: 10px; } .sectiondetail #book_list ul .list_title a { } .sectiondetail #book_list ul .page,.sectiondetail #book_list ul .text{ margin-bottom:5px;} .sectiondetail #book_list ul+ul { } .sectiondetail #book_data .read_btn { height:25px; /*margin:30px 0 0 80px;*/ text-align:center; } /* section for detail no pdf */ .sectiondetailnopdf { /*position:relative;*/ width: 690px; 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; min-height: 505px; } .sectiondetailnopdf #book_data { margin-right: auto; margin-left: auto; padding-top: 124px; width: 200px; } .sectiondetailnopdf #book_data .book_img { height: 145px; margin: 0 15px; position: relative; text-align:center; } .sectiondetailnopdf #book_data .book_img img{ /*position: absolute; top: 0px; left: 0px;*/ margin:0 auto; } .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; margin: 0; padding: 0; } .sectiondetailnopdf #book_data ul li { display:block; } .sectiondetailnopdf #book_data ul .title { margin-bottom: 15px; text-align: center; } .sectiondetailnopdf #book_data ul .date { margin-bottom: 20px; margin-left: 10px; } .sectiondetailnopdf #book_data ul .explain { margin-bottom: 32px; line-height: 1.3em; margin-left: 10px; } .sectiondetailnopdf #book_data .read_btn a.read { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; display: inline-block; padding: 2px 27px; margin-left: 45px; text-decoration: none; } .sectiondetailnopdf #book_data .read_btn a.read:hover { } .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; } .sectiondetailnopdf #book_data .read_btn a.read:hover:not(:target) { filter: none; -ms-filter: none; } .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; } .sectiondetailnopdf #book_list ul .list_title{ font-size: 16px; margin-bottom: 10px; } .sectiondetailnopdf #book_list ul .list_title a { } .sectiondetailnopdf #book_list ul .page,.sectiondetailnopdf #book_list ul .text{ margin-bottom:5px;} .sectiondetailnopdf #book_list ul+ul { } .sectiondetailnopdf #book_data .read_btn { height:25px; /*margin:30px 0 0 80px;*/ } #contentDetail{ } .sectiondetail { border: 1px solid #CCC; -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; background-color:#fff; } .closebtn { background: url(../../img/login/close.png) 0 0 no-repeat; } .sectiondetail #book_data { border-right: 2px solid #CCC; background-color: #f7f7f7; } .sectiondetail #book_data .book_img { } .sectiondetail #book_data .book_img img{ } .sectiondetail #book_data .book_img img.book_icon { } .sectiondetail #book_data ul { font-size:13px; } .sectiondetail #book_data ul li { } .sectiondetail #book_data ul li.title { font-size:18px; line-height:1.3em; width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; } .sectiondetail #book_data ul .date { font-size:12px; } .sectiondetail #book_data ul .explain { 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; border: 1px solid #0C274D; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; } .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 { } .sectiondetail #book_data .read_btn a.read:not(:target) { background-image: url(button_back_off.svg); } .sectiondetail #book_data .read_btn a.read:hover:not(:target) { background-image: url(button_back_on.svg); } .sectiondetail #book_list { } .sectiondetail #book_list ul { font-size: 13px; } .sectiondetail #book_list ul li { } .sectiondetail #book_list ul .list_img { } .sectiondetail #book_list ul .list_img img { box-shadow: 0px 1px 3px 0px #666; } .sectiondetail #book_list ul .list_title{ font-size: 12px; line-height:150%; } .sectiondetail #book_list ul .list_title a { color: #37648C; text-decoration:none; cursor:default; } .sectiondetail #book_list ul .page,.sectiondetail #book_list ul .text{ } .sectiondetail #book_list ul+ul { border-top:1px dotted #CCC;} .sectiondetail #book_data .read_btn { /*margin:30px 0 0 80px;*/ } /* section for detail no pdf */ .sectiondetailnopdf{ border: 1px solid #CCC; -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; background-color: #f7f7f7; } .sectiondetailnopdf #book_data { background-color: #f7f7f7; } .sectiondetailnopdf #book_data .book_img { } .sectiondetailnopdf #book_data .book_img img{ } .sectiondetailnopdf #book_data .book_img img.book_icon { } .sectiondetailnopdf #book_data ul { font-size: 13px; } .sectiondetailnopdf #book_data ul li { } .sectiondetailnopdf #book_data ul .title { font-size: 18px; } .sectiondetailnopdf #book_data ul .date { font-size: 12px; } .sectiondetailnopdf #book_data ul .explain { font-size: 13px; } .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; border: 1px solid #0C274D; color: #ffffff; font-family: arial; font-size: 15px; font-weight: bold; } .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 { } .sectiondetailnopdf #book_data .read_btn a.read:not(:target) { background-image: url(button_back_off.svg); } .sectiondetailnopdf #book_data .read_btn a.read:hover:not(:target) { background-image: url(button_back_on.svg); } .sectiondetailnopdf #book_list { } .sectiondetailnopdf #book_list ul { font-size: 13px; } .sectiondetailnopdf #book_list ul li { } .sectiondetailnopdf #book_list ul .list_img { } .sectiondetailnopdf #book_list ul .list_img img { box-shadow: 0px 1px 3px 0px #666; } .sectiondetailnopdf #book_list ul .list_title{ font-size: 16px; } .sectiondetailnopdf #book_list ul .list_title a { color: #37648C; } .sectiondetailnopdf #book_list ul .page,.sectiondetailnopdf #book_list ul .text{ } .sectiondetailnopdf #book_list ul+ul { border-top:1px dotted #CCC; } .sectiondetailnopdf #book_data .read_btn { /*margin:30px 0 0 80px;*/ }