Commit c21e1f75 by vietdo

Merge branch 'feature/1.6.4' of…

Merge branch 'feature/1.6.4' of ssh://git@gitlab.agentec.jp/abook_web/web-viewer.git into feature/1.6.4
parents ff02a188 cc2b7653
@charset "utf-8";
/*アコーディオン用*/
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(img/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(img/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon,.ui-state-active .ui-icon {background-image: url(img/ui-icons_454545_256x240.png); }
/* positioning */
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
/* jQuery UI Accordion 1.8.11*/
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 1.4em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
#accordion p,#mouseover p{padding:5px; margin:0;}
.cnt_header .menu_language .button #accordion {
width: 250px;
position: absolute;
left: 24px;
top: 28px;
text-align: left;
z-index: 9999;
font-size: 12px;
border:1px solid #CCC;
background-color: #FFFFFF;
}
.cnt_header .menu_language .button #accordion h5{
padding: 5px 10px;
margin: 0;
border-bottom: 1px solid #CCC;
background: #FFFFFF;
}
.cnt_header .menu_language .button #accordion h5 a { text-decoration:underline;}
.cnt_header .menu_language .button #accordion h5 a:hover { text-decoration:none;}
.cnt_header .menu_language .button #accordion .newmsg { border-bottom:1px solid #CCC;}
.cnt_header .menu_language .button #accordion .newmsg p {
padding:5px 15px;
height:60px;
overflow-y:scroll;
}
.cnt_header .menu_language .button #accordion .pagechange a {
display: block;
padding:10px;
cursor:pointer;
}
.cnt_header .menu_language .button #accordion .date {
font-size: 10px;
text-align: right;
display: block;
padding:5px 5px 0;
}
.postItem a{white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:block;}
.postItem a.open{white-space:normal; text-overflow:none; overflow:visible;}
header .cnt_header .menu_language #searchArea {
background-color: #FFFFFF;
width: 200px;
border: 1px solid #CCCCCC;
position: absolute;
top: 40px;
z-index: 9999;
text-align: left;
right: 0px;
padding-top:5px;
}
header .cnt_header .menu_language #searchArea a#searchbtn {
display: block;
height: 20px;
width: 25px;
-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;
color: #ffffff;
padding: 1px 20px;
text-decoration: none;
margin: 0 0 10px 125px;
}
header .cnt_header .menu_language #searchArea a#searchbtn: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;
}
a#searchbtn:active{
position:relative;
top:1px;
}
#numbermessage
{
padding-left:5px;
}
\ No newline at end of file
@charset "utf-8";
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* ---------- MENU ---------- */
/*
5. .sectionbackup setting
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. .sectionbackup setting */
/*----------------------------*/
.sectionbackup{
width:420px;
height:269px;
border:1px solid #cccccc;
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;
display:none;
z-index:1000;
background-color:#fff;
}
.sectionbackup h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
.sectionbackup p{
width:320px;
margin:0 50px;
}
.sectionbackup p.message{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionbackup .backupbtn {
width:325px;
height:25px;
margin:49px auto 0;
}
.sectionbackup .backupbtn a.ok {
position:relative;
margin:0 98px 0 0;
}
.sectionbackup .backupbtn a.cancel {
position:relative;
margin:-27px 0 0 135px;
}
.sectionbackup .backupbtn a {
width:85px;
height:21px;
-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%, #83c008 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:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-align:center;
float:right;
}
.sectionbackup .backupbtn a: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;
}
.sectionbackup .backupbtn a:active {
position:relative;
top:1px;
}
.sectionbackup .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.sectionbackup .backupbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
.sectionbackup_logout{
width:500px;
height:310px;
border:1px solid #cccccc;
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;
display:none;
z-index:1000;
background-color:#fff;
}
.sectionbackup_logout h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
.sectionbackup_logout .message-options .option_backup
{
font-size:13px;
margin:0 0 0 24px;
}
.sectionbackup_logout .message-options .option_backup input
{
margin:0 5px 0 15px;
}
.sectionbackup_logout p{
width:500px;
margin:0 50px;
}
.sectionbackup_logout p.notice
{
/*text-align:center;*/
margin-top:20px;
font-size:13px;
}
.sectionbackup_logout p.message{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionbackup_logout .backupbtn {
width:500px;
height:25px;
margin:20px auto 0;
}
.sectionbackup_logout .backupbtn a.ok {
position:relative;
/*margin:0 98px 0 0;*/
}
.sectionbackup_logout .backupbtn a.cancel {
position:relative;
/*margin:-27px 0 0 135px;*/
}
.sectionbackup_logout .backupbtn a
{
margin:0 15px;
width: 200px;
height:21px;
-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%, #83c008 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:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-align:center;
float:right;
}
.sectionbackup_logout .backupbtn a: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;
}
.sectionbackup_logout .backupbtn a:active {
position:relative;
top:1px;
}
.sectionbackup_logout .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.sectionbackup_logout .backupbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
.articlecontentsearch{
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
}
.tops a.btn_gray img, .tops a.btn_blue img{
display:inline;
line-height:19px;
vertical-align:middle;
}
.tops a.btn_blue,.tops a.btn_gray
{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
/*width:80px;*/
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
-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 15px;
text-decoration: none;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
margin-left: 5px;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray {
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;
}
.tops a.btn_blue:active,.tops a.btn_gray:active {
/*position:relative;
top:1px;*/
}
.tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
.button{ float:right; margin-top:20px; margin-right:2px;}
.tops ul{ float:left; margin:0; padding:0;}
.tops ul li{ display:inline;}
.tops ul li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li a.nottouchdevice:hover{ text-decoration:underline;}
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;}
/* section */
.sectionsearchlist{
height: 135px;
padding-top: 10px;
border-top: 1px dashed #cccccc;
margin-top: 10px;
display: block;
}
.cnt_section_list{
margin: 0;
height: 120px;
position: relative;
padding-top: 10px;
padding-bottom: 5px;
padding-left:10px;
}
.cnt_section_list:hover{
background-color: #FFFFFF;
}
.cnt_section_list a.img{
display: block;
position: relative;
width: 161px;
height: 120px;
float: left;
}
.cnt_section_list a.img img{
margin: 7px auto 0;
position: relative;
}
/*.cnt_section_list a.img img.book_icon{
position:absolute;
top:0px;
left:0px;
z-index:10;
}*/
.cnt_section_list .text{
float: left;
height: 120px;
margin: 0 0 0 35px;
width:400px;
}
.cnt_section_list .text a.name{
color: #37648C;
font-size: 16px;
}
.cnt_section_list .text a.name img
{
float:left;
display:inline-block;
margin-right:5px;
}
.cnt_section_list .text a.name:hover{ text-decoration:none; }
.cnt_section_list .text ul.date{ margin-top: 0px; }
.cnt_section_list .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section_list .text .info{
overflow: hidden;
margin-top: 10px;
}
.cnt_section_list .text ul.pic{
float: left;
margin-top: 20px;
}
.cnt_section_list .text ul.pic li{
float: left;
margin-left: 17px;
display: inline-block;
}
.cnt_section_list .text ul.pic li img {
position: relative;
left: -18px;
}
.cnt_section_list .text ul.pic li a.read {
margin-top: 42px;
-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 26px;
text-decoration: none;
margin-left: 5px;
}
.cnt_section_list .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_list .text ul.pic li a.read:active {
/*position:relative;
top:1px;*/
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
.cnt_section_list .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;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 2px 26px;
text-decoration: none;
margin-left: 5px;
line-height: 20px;
margin-left: 5px;
}.cnt_section_list .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_list .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;
font-size: 14px;
color: #fff;
text-align: center;
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 */
}
.sectionsearchlist #bottom {
height:53px;
padding:5px;
position:relative;
}
.cnt_section_list .img .band_horizontal {
position: absolute;
top: -4px;
left: 1px;
}
.cnt_section_list .img .band_vertical {
position: absolute;
left: 40px;
top: -4px;
}
.cnt_section_list .text .info .pic li .read {
position: absolute;
right: 20px;
top: 50px;
}
#main-searchresult
{
border:1px solid #ccc;
padding:10px 20px 10px 22px;
display:block;
margin:10px 10 20px 10px;
height: 25px;
}
#main-searchresult span
{
float: left;
margin-right: 15px;
}
#main-searchresult input
{
float: left;
margin-right: 10px;
}
#main-searchresult input[type="radio"]
{
margin-right: 5px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
margin-right: 15px;
}
a:hover
{
cursor:pointer;
}
#main-searchresult span:hover
{
cursor: pointer;
}
#msgSearchNotExist
{
display: none;
}
\ No newline at end of file
header .cnt_header .menu_language #header-searchbox {
background-color: #FFFFFF;
width: 200px;
border: 1px solid #CCCCCC;
position: absolute;
top: 24px;
z-index: 9999;
text-align: left;
right: 0px;
padding-top:5px;
}
header .cnt_header .menu_language #header-searchbox span
{
cursor:pointer;
}
header .cnt_header .menu_language #header-searchbox a#searchbox-search {
display: block;
height: 20px;
line-height:20px;
/*width: 25px;*/
-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;
color: #ffffff;
padding: 1px 20px;
text-decoration: none;
margin: 0 10px 10px 125px;
}
header .cnt_header .menu_language #header-searchbox a#searchbox-search: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;
}
a#searchbox-search:active{
position:relative;
top:1px;
}
.articlehistory{
width:858px;
border:1px solid #ccc;
padding:10px 20px 0 22px;
display:block;
margin:10px 0 20px 10px;
overflow:hidden;
}
.tops{
height:45px;
position:relative;
margin-bottom:16px;
font-size:12px;
}
.tops a.btn_gray img, .tops a.btn_blue img{
display:inline;
line-height:19px;
vertical-align:middle;
}
.tops a.btn_blue,.tops a.btn_gray
{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
/*width:80px;*/
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
-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 15px;
text-decoration: none;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
margin-left: 5px;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray {
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;
}
.tops a.btn_blue:active,.tops a.btn_gray:active {
/*position:relative;
top:1px;*/
}
.tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
.button{ float:right; margin-top:20px; margin-right:2px;}
.tops ul{ float:left; margin:0; padding:0;}
.tops ul li{ display:inline;}
.tops ul li a{
font-size:12px;
float:left;
color:rgb(45,131,218);
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li span{
font-size:12px;
float:left;
color:#333333;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul li a.nottouchdevice:hover{ text-decoration:underline;}
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; text-decoration:underline;}
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; padding:0 2px 0 0; margin:0;}
/* section */
.sectionhistory{
height: 135px;
padding-top: 10px;
border-top: 1px dashed #cccccc;
margin-top: 10px;
display: block;
}
.cnt_section_list{
margin: 0;
height: 120px;
position: relative;
padding-top: 10px;
padding-bottom: 5px;
padding-left:10px;
}
.cnt_section_list:hover{
background-color: #FFFFFF;
}
.cnt_section_list a.img{
display: block;
position: relative;
width: 161px;
height: 120px;
float: left;
}
.cnt_section_list a.img img{
margin: 7px auto 0;
position: relative;
}
/*.cnt_section_list a.img img.book_icon{
position:absolute;
top:0px;
left:0px;
z-index:10;
}*/
.cnt_section_list .text{
float: left;
height: 120px;
margin: 0 0 0 35px;
width:400px;
}
/*.cnt_section_list .text a.name{
color: #37648C;
font-size: 16px;
}*/
.cnt_section_list .text a.name img
{
float:left;
display:inline-block;
margin-right:5px;
}
.cnt_section_list .text a.name:hover{ text-decoration:none; }
.cnt_section_list .text ul.date{ margin-top: 0px; }
.cnt_section_list .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section_list .text .info{
overflow: hidden;
margin-top: 10px;
}
.cnt_section_list .text ul.pic{
float: left;
margin-top: 20px;
}
.cnt_section_list .text ul.pic li{
float: left;
margin-left: 17px;
display: inline-block;
}
.cnt_section_list .text ul.pic li img {
position: relative;
left: -18px;
}
.cnt_section_list .text ul.pic li a.read {
margin-top: 42px;
-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 26px;
text-decoration: none;
margin-left: 5px;
}
.cnt_section_list .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_list .text ul.pic li a.read:active {
/*position:relative;
top:1px;*/
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
.cnt_section_list .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;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
padding: 2px 26px;
text-decoration: none;
margin-left: 5px;
line-height: 20px;
margin-left: 5px;
}.cnt_section_list .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_list .text ul.pic li a.read_hover:active {
/*position:relative;
top:1px;*/
}
.cnt_section_list .img .band_horizontal {
position: absolute;
top: -4px;
left: 1px;
}
.cnt_section_list .img .band_vertical {
position: absolute;
left: 40px;
top: -4px;
}
.cnt_section_list .text .info .pic li .read {
position: absolute;
right: 20px;
top: 50px;
}
#main-searchresult
{
border:1px solid #ccc;
padding:10px 20px 10px 22px;
display:block;
margin:10px 10 20px 10px;
height: 25px;
}
#main-searchresult span
{
float: left;
margin-right: 15px;
}
#main-searchresult input
{
float: left;
margin-right: 10px;
}
#main-searchresult input[type="radio"]
{
margin-right: 5px;
}
.tops a.btn_gray, .tops a.btn_blue{
float:left;
text-align:center;
display:table-cell;
vertical-align:middle;
width:80px;
layout-grid-line:80px;
height:19px;
text-decoration:none;
margin-right:10px;
color:#fff;
margin-right: 15px;
}
a:hover
{
cursor:pointer;
}
#main-searchresult span:hover
{
cursor: pointer;
}
#msgSearchNotExist
{
display: none;
}
\ No newline at end of file
......@@ -995,7 +995,7 @@ aside.MemoIndexBox .indexBoxBody_off{
.slider .sld01 span input{
border: none;
width: 20px;
width: 30px;
line-height: 1;
padding: 0;
margin: 0;
......

.sectionLimitAccess {
width:420px;
/*height:249px;*/
border:1px solid #cccccc;
display: none;
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;
background-color: #ffffff;
z-index: 101;
}
.sectionLimitAccess h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
border-radius: 10px 10px 0px 0px;
}
.sectionLimitAccess p{
text-align:center;
}
.sectionLimitAccess p.message{
font-size:13px;
font-weight:bold;
color:#333;
}
.sectionLimitAccess p.message .error
{
display:block;
color:#f00;
padding:15px 0 0 0;
font-weight:normal;
}
.sectionLimitAccess p.message .text
{
padding:0 10px 0 0;
display:block;
font-size:15px;
margin-bottom:15px;
}
.sectionLimitAccess p.message input
{
width:200px;
height:20px;
padding:2px;
background-color:#fff;
}
.sectionLimitAccess .deletebtn {
width:325px;
height:25px;
line-height:25px;
margin:30px auto;
text-align:center;
}
.sectionLimitAccess .deletebtn a
{
cursor:pointer;
margin-left:10px;
width:85px;
height:21px;
line-height:21px;
text-align:center;
-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 0;
text-decoration: none;
}
.sectionLimitAccess .deletebtn a: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;
}
.sectionLimitAccess .deletebtn a:active {
position:relative;
top:1px;
}
.sectionLimitAccess .deletebtn a:not(:target) {
filter: none;
-ms-filter: none;
}
\ No newline at end of file
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* article */
a
{
cursor:pointer;
}
.articleMain{
width: 858px;
border: 1px solid #ccc;
padding: 10px 20px 0 22px;
display: block;
margin: 10px 0 20px 10px;
overflow: hidden;
}
.tops{
height:40px;
position:relative;
/*
margin-bottom:16px;
*/
font-size:12px;
}
.button{ float:right; margin-top:20px; margin-right:2px; }
.delete {
position: absolute;
top: 17px;
left: 764px;
-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 26px;
text-decoration: none;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
margin-left: 5px;
}.delete: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;
}
.delete:active {
/*position:relative;
top:1px;*/
}
a.delete:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
a.delete:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
/*
.delete_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, #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;
-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 26px;
text-decoration: none;
margin-left: 5px;
line-height: 20px;
}.delete: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;
}.delete:hover:active {
position:relative;
top:1px;
}*/
.tops ul{ float:left; margin:0; padding:0; }
.tops ul li{ display:inline; }
.tops ul li a{
font-size:12px;
float:left;
color:#333333;
text-decoration:none;
margin-right:5px;
margin-left:5px;
}
.tops ul span{
font-size: 12px;
float: left;
color: #333333;
text-decoration: none;
margin-left: 5px;
}
.tops ul li a:hover{ text-decoration:underline; }
.tops ul li b{ font-weight:normal; float:left; font-size:12px; }
.tops p{ color:#333333; font-size:12px; position:absolute; right:0; top:25px; padding:0 2px 0 0; margin:0; }
/* section */
.sectionBookmark{
height: 135px;
padding-top: 10px;
border-top: 1px dashed #cccccc;
margin-top: 10px;
display: block;
}
.cnt_section{
margin: 0;
height: 120px;
position: relative;
padding-top: 10px;
padding-bottom: 5px;
}
.cnt_section:hover{
background-color: #FFFFFF;
}
.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{
color: #37648C;
font-size: 16px;
}
.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; }
.cnt_section .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section .text .info{
overflow: hidden;
margin-top: 10px;
}
.cnt_section .text ul.pic{
float: left;
margin-top: 20px;
}
.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 {
margin-top: 42px;
-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 26px;
text-decoration: none;
margin-left: 5px;
}.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 {
position:relative;
top:1px;
}
.cnt_section .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.cnt_section .text ul.pic li a.read:hover:not(:target) {
filter: none;
-ms-filter: none;
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;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
display: inline-block;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
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 {
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 {
position:relative;
top:1px;
}
.btn_bott{
display:block;
width:280px;
height:35px;
background:url(../img/list/button_bottom.png) no-repeat;
margin:37px auto 0 auto;
}
section#bottom {
height:53px;
padding:5px;
position:relative;
border-top: 1px dashed #cccccc;
margin-top: 10px;
display: block;
}
#list .wrapper #main article section .cnt_section .img .band_horizontal {
position: absolute;
top: -4px;
left: 1px;
}
#list .wrapper #main article section .cnt_section .img .band_vertical {
position: absolute;
left: 40px;
top: -4px;
}
#list .wrapper #main article section .cnt_section .text .info .pic li .read {
position: absolute;
right: 20px;
top: 50px;
}
/* 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;*/
}
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
width:100%;
}
body{
background:#37648C;
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
height:100%;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
.wrapper {
width: 100%;
}
#main{
width:960px;
padding:0;
}
a
{
cursor:pointer;
}
article{
width: 900px;
height: 543px;
padding: 0;
display: block;
/*margin: 50px 30px 30px;*/
margin:40px 30px 20px 30px;
overflow: hidden;
}
section{
width: 500px;
height: 325px;
border: 1px solid #cccccc;
display: block;
padding: 25px 0 0;
margin: 25px auto 0;
overflow: hidden;
-webkit-border-radius: 4px 4px 4px 4px;
-moz-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
-webkit-box-shadow: 0px 1px 2px 0px #666;
-moz-box-shadow: 0px 1px 2px 0px #666;
box-shadow: 0px 1px 2px 0px #666;
background-color: #FFF;
}
section dl,section dl dt,section dl dd{
margin:0;
padding:0;
}
section dl{
width: 450px;
margin: 0 auto 5px;
}
section dl dt{
padding: 5px;
font-size: 13px;
color: #37648C;
font-weight: bolder;
}
section dl dd{
background: url(../img/login/loginbg.png) 0 0 no-repeat;
/* [disabled]padding:6px; */
width: 240px;
height: 30px;
}
section dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
width: 240px;
height: 30px;
border: none;
margin: 3px 4px;
padding: 0;
}
section .p{
width:300px;
}
section .memory{
width: 250px;
font-size: 12px;
vertical-align: middle;
color: #37648C;
margin-right: auto;
margin-left: auto;
margin-top: 30px;
}
section .memory input{
vertical-align:middle;
margin:0 5px 0;
padding:0;
}
section .loginbtn {
width: 200px;
margin: 14px auto 0;
}
section a.loginbtn {
width: 160px;
height: 20px;
display: block;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #0C274D;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding: 10px 0;
line-height: 20px;
text-decoration: none;
margin: 20px auto 0;
text-align: center;
}
section a.loginbtn: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;
}
#login .wrapper #main article section a.loginbtn:active {
position:relative;
top:1px;
}
section .loginbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
section .loginbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.alertTxt,.alertTxtDialog {
position: absolute;
margin: -20px 0 0 90px;
font-size: 13px;
color: #e60012;
display: block;
text-align: center;
width: 300px;
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
font-size:1px;
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.fix {
zoom:1;
}
/*------------*/
#login .wrapper {
background-color: #37648C;
}
#login footer {
background-color: #37648C;
}
#login footer .cnt_footer {
color: #FFF;
}
#login article section table tr th {
font-size: 14px;
color: #37648C;
font-weight: bolder;
text-align: left;
padding-left:30px;
}
#login .wrapper #main article section table tr td input {
width: 240px;
height: 28px;
}
#login article section table tr th,#login article section table tr td {
padding-bottom: 30px;
}
#login .wrapper #main article section table {
margin:0 30px ;
border-bottom:dotted 1px #BBBBBB;
}
#login footer .border .cnt_footer {
background: url(../img/login/login_border.jpg) top repeat-x;
border: none;
opacity:0;
}
#login .wrapper #main article img {
margin-right: auto;
margin-left: auto;
}
#loader {
width: 126px;
height: 126px;
display: none;
position: fixed;
_position: absolute; /* IE6対策 */
top: 50%;
left: 50%;
margin-top: -63px; /* heightの半分のマイナス値 */
margin-left: -63px; /* widthの半分のマイナス値 */
z-index: 100;
}
#fade {
width: 100%;
height: 100%;
display: none;
background-color: #000;
position: absolute;
top: 0px;
left: 0px;
z-index: 50;
opacity: 0.3;
}
#login .wrapper #main article ul {
margin-right:90px;
}
#login .wrapper #main article li {
display: inline-block;
margin-right:5px;
}
/* footer */
footer{
display: block;
height: 58px;
line-height: 60px;
padding-top: 1px;
margin: 0 auto;
width: 100%;
background-color: #EDF2F2;
}
.cnt_footer{
text-align: center;
color: #000;
font-size: 10px;
margin: 0 auto;
width: 960px;
border-top: solid 1px #CCC;
}
.focus{ color: #969696;}
#user_change footer .border .cnt_footer img { display: inline;}
/* anonymous */
#anonymous
{
position:absolute;
top:50%;
left:50%;
margin:-75px -83px 0 0;
display:none;
}
#normalUser
{
display:none;
}
#formlogin
{
opacity: 0;
}
#logologin
{
margin-top:300px;
}
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
5. .sectionchangepassword setting
*/
/* ---------- MENU ---------- */
/*
html,body {
margin:0;
padding:0;
}*/
/*----------------------------*/
/* 1. .sectionchangepassword setting */
/*----------------------------*/
.sectionchangepassword{
width:498px;
height:383px;
border:1px solid #86ACC7;
padding:35px 0 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;
display:none;
z-index:1000;
background-color:#fff;
}
.sectionchangepassword dl,.sectionchangepassword dl dt,.sectionchangepassword dl dd{
margin:0;
padding:0;
}
.sectionchangepassword dl{
width:300px;
margin:0 auto 5px;
}
.sectionchangepassword dl dt{
width:290px;
padding:5px;
font-size:13px;
}
.sectionchangepassword dl dd{
background:url(../img/login/loginbg.png) 0 0 no-repeat;
padding:6px;
width:288px;
height:33px;
}
.sectionchangepassword dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
width:280px;
height:27px;
border:none;
margin:3px 4px;
padding:0;
}
.sectionchangepassword p{
text-align:center;
margin:25px auto 0;
font-size:13px;
}
.sectionchangepassword .loginbtn {
width:304px;
height:25px;
margin:30px auto 0;
display:block;
}
.sectionchangepassword .loginbtn a.change {
position:relative;
/*margin:0 194px 0 0;*/
}
.sectionchangepassword .loginbtn a.skip {
position:relative;
/*margin:-27px 97px 0 0;*/
}
.sectionchangepassword .loginbtn a.cancel {
position:relative;
/*margin:-27px 0 0 87px;*/
}
.sectionchangepassword .loginbtn a {
width:85px;
height:21px;
-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:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-align:center;
float:right;
margin-left:10px;
}
.sectionchangepassword .loginbtn a: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;
}
.sectionchangepassword .loginbtn a:active {
position:relative;
top:1px;
}
.sectionchangepassword .loginbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.sectionchangepassword .loginbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
\ No newline at end of file
/* 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 */
/*----------------------------*/
article{
margin:0;
padding:0;
}
section{
width:520px;
height:308px;
border:1px solid #cccccc;
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;
}
section h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
section p{
width:320px;
margin:0 50px;
}
section p.message{
margin-bottom:20px;
font-size:15px;
font-weight:bold;
color:#333;
}
section p.notice{
line-height:20px;
font-size:12px;
color:#333;
}
section .restorebtn {
width:325px;
height:25px;
margin:29px auto 0;
}
section .restorebtn a.ok {
position:relative;
margin:0 98px 0 0;
}
section .restorebtn a.cancel {
position:relative;
margin:27px 0 0 135px;
}
section .restorebtn a {
width:170px;
height:21px;
-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;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
text-align:center;
float:right;
}
section .restorebtn a: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;
}
section .restorebtn a:active {
position:relative;
top:1px;
}
section .restorebtn a:not(:target) {
filter: none;
-ms-filter: none;
}
\ No newline at end of file
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* ---------- MENU ---------- */
/*
5. .sectionrestore setting
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. .sectionrestore setting */
/*----------------------------*/
.sectionrestore{
width:420px;
height:328px;
border:1px solid #cccccc;
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;
display:none;
z-index:1000;
background-color:#fff;
}
.sectionrestore h1{
margin:0 0 38px 0;
padding:0;
height:64px;
line-height:62px;
text-align:center;
font-weight:bold;
letter-spacing: 2px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
.sectionrestore p{
width:320px;
margin:0 50px;
}
.sectionrestore p.message{
margin-bottom:20px;
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionrestore p.notice{
line-height:20px;
font-size:12px;
color:#333;
}
.sectionrestore .restorebtn {
width:325px;
height:25px;
margin:29px auto 0;
}
.sectionrestore .restorebtn a.ok {
position:relative;
margin:0 98px 0 0;
}
.sectionrestore .restorebtn a.cancel {
position:relative;
margin:-27px 0 0 135px;
}
.sectionrestore .restorebtn a {
width:85px;
height:21px;
-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:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-align:center;
float:right;
}
.sectionrestore .restorebtn a: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;
}
.sectionrestore .restorebtn a:active {
position:relative;
top:1px;
}
.sectionrestore .restorebtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
.sectionrestore .restorebtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
\ No newline at end of file
/* CSS Document */
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. .section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
width:100%;
}
body{
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
height:100%;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. .section setting */
/*----------------------------*/
#main{
width: 960px;
padding: 0;
background-color: #EDF2F2;
margin-right: auto;
margin-left: auto;
}
article{
width: 960px;
/*height: 900px;*/
padding: 0;
display: block;
overflow: hidden;
margin-top: 30px;
margin-bottom: 30px;
}
.sectionSetting{
width: 960px;
display: block;
margin-right: auto;
margin-left: auto;
}
.sectionSetting div#user_info{
margin-bottom: 40px;
}
.sectionSetting div#user_info h2{
padding-bottom: 8px;
margin-bottom: 25px;
font-size: 24px;
font-weight: bold;
color: #37648C;
border-bottom: 3px solid #37648C;
}
.sectionSetting div#user_info dl{
width: inherit;
list-style: none;
text-align: left;
font-size: 16px;
border-top: 1px dotted #BBBBBB;
}
.sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{
padding: 13px 20px;
margin: 0;
border-bottom: 1px dotted #BBBBBB;
}
.sectionSetting div#user_info dl dt{
width: 160px;
float: left;
background-color: #DCE6E6;
color: #37648C;
font-weight: bolder;
}
.sectionSetting div#user_info dl dd{
width: 720px;
float: left;
}
.sectionSetting div#user_info .passchgbtn {
clear:both;
padding-top:11px;
}
.sectionSetting div#user_info .passchgbtn a {
width: 125px;
height: 21px;
-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;
/* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */
background: -moz-linear-gradient( center top,#36638B 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
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: 14px;
font-weight: bold;
padding: 10px 20px;
line-height: 21px;
text-decoration: none;
/* [disabled]text-shadow: 1px 1px 0px #96AABE; */
margin: 10px 0 0 0;
text-align: center;
}
.sectionSetting div#user_info .passchgbtn a: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: #23486F;
}
.sectionSetting div#user_info .passchgbtn a:active {
position:relative;
top:1px;
}
.sectionSetting div#user_info .passchgbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
background-repeat: repeat-x;
}
.sectionSetting div#user_info .passchgbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
background-position: bottom;
}
div#user_option{
width: inherit;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
background-color: #FFF;
padding-top: 30px;
/*height: 480px;*/
margin-top: 60px;
}
div#user_option h3{
padding: 10px;
margin: 0 30px 15px 30px;
font-size: 18px;
font-weight: bold;
color: #37648C;
background-color: #EDF2F2;
}
div#user_option ul {
list-style:none;
padding:0;
margin:0 0 2px 30px;
line-height:26px;
font-size:13px;
}
div#user_option ul li .choice {
margin-right: 30px;
}
div#user_option ul li .notice {
font-size:11px;
margin-left:8px;
}
div#user_option ul li input {
display: inline;
vertical-align: 1px;
margin: 0 5px 0 0;
padding: 0;
}
div#user_option ul li input.chkbx {
margin-right:10px;
}
.sectionSetting div#user_option .backupbtn .backup{
margin-right:10px;
}
.sectionSetting div#user_option .logout_backup{
margin:0 0 16px 30px;
font-size:13px;
}
.sectionSetting div#user_option input {
display: inline;
vertical-align: 1px;
margin: 0 10px 0 0;
padding: 0;
}
.sectionSetting div#user_option .backupbtn {
margin: 0 0 20px 30px;
}
.sectionSetting div#user_option .backupbtn a {
width: 125px;
height: 21px;
-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, #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: #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: 14px;
font-weight: bold;
padding: 10px 20px;
line-height: 21px;
text-decoration: none;
/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
margin: 0 0 0 0;
text-align: center;
}
.sectionSetting div#user_option .backupbtn a: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: #23486F;
}
.sectionSetting div#user_option .backupbtn a:active {
position:relative;
top:1px;
}
.sectionSetting div#user_option .backupbtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
background-repeat: repeat-x;
}
.sectionSetting div#user_option .backupbtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
background-position: bottom;
background-repeat: repeat-x;
}
.sectionSetting #user_option .savebtn{
border-top: 1px solid #CCC;
margin-right: 30px;
margin-left: 30px;
padding-top: 30px;
padding-right: 0;
padding-bottom: 0;
padding-left: 30px;
}
.sectionSetting #user_option .savebtn a {
width: 125px;
height: 21px;
-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, #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: #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: 14px;
font-weight: bold;
padding: 10px 20px;
line-height: 21px;
text-decoration: none;
/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
margin: 0 0 0 0;
text-align: center;
float: right;
}
.sectionSetting #user_option .savebtn a: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: #23486F;
}
.sectionSetting #user_option .savebtn a:active {
position:relative;
top:1px;
}
.sectionSetting #user_option .savebtn a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
background-repeat: repeat-x;
}
.sectionSetting #user_option .savebtn a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
background-repeat: repeat-x;
background-position: bottom;
}
.sectionSetting #user_option .savebtn .save{
margin: 0 175px 0 0;
}
.sectionSetting #user_option .savebtn .default{
margin: 0 -345px 0 0;
display: inline-block;
}
.sectionSetting .memory{
width:300px;
font-size:12px;
vertical-align:middle;
margin:50px auto 0;
}
.sectionSetting .memory input{
vertical-align:middle;
margin:0 5px 0;
padding:0;
}
.sectionSetting .loginbtn {
width:300px;
margin:14px auto 0;
}
.sectionSetting .loginbtn a {
width:85px;
height:21px;
-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;
display:inline-block;
color:#ffffff;
font-family:arial;
font-size:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-shadow:1px 1px 0px #a2d613;
margin:0 0 0 0;
text-align:center;
float:right;
}
.sectionSetting .loginbtn a: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;
}
.sectionSetting .loginbtn a:active {
position:relative;
top:1px;
}
.alertTxt,.alertTxtDialog {
position:absolute;
margin:-20px 0 0 49px;
font-size:13px;
color:#e60012;
display:block;
text-align:center;
width:300px;
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
font-size:1px;
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.fix {
zoom:1;
}
/*------------*/
#user_change article .sectionSetting #user_option ul li {
margin-top: 10px;
margin-bottom: 10px;
}
/* No.4 */
#cboAnimation
{
margin-left:120px;
}
.lblOptPageTransPeriod
{
padding-left:20px;
}
#txtValueAnimation
{
width:30px;
border:solid 1px #222;
text-align:center;
}
#slidebar-animation
{
display:inline-block;
width:200px;
margin:0 8px;
}
#slidebar-container
{
display:inline-block;
padding:0 5px;
}
\ No newline at end of file
@charset "utf-8";
.anket-dialog
{
border:solid 1px #333;
background-color:#fff;
}
.anket-dialog h1
{
color:#fff;
background:url(../../img/viewer/article_bg.png) 0 0 repeat;
}
.anket-dialog .anket-container
{
}
.anket-dialog .anket-container iframe
{
}
.anket-dialog .anket-commands
{
border-top:solid 1px #333;
}
.anket-dialog .anket-commands input[type='button']
{
border-radius:10px;
border:solid 1px #333;
background-color:#ccc;
cursor:pointer;
}
.anket-dialog .anket-commands input[type='button']:hover
{
background-color:#fff;
}
\ No newline at end of file
@charset "utf-8";
/*アコーディオン用*/
.ui-helper-reset {font-size: 100%;}
/* states and images */
.ui-icon { background-image: url(img/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(img/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon,.ui-state-active .ui-icon {background-image: url(img/ui-icons_454545_256x240.png); }
/* positioning */
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
/* jQuery UI Accordion 1.8.11*/
.ui-accordion { }
.ui-accordion .ui-accordion-header { }
.ui-accordion .ui-accordion-li-fix { }
.ui-accordion .ui-accordion-header-active { }
.ui-accordion .ui-accordion-header a { font-size: 1em; }
.ui-accordion-icons .ui-accordion-header a { }
.ui-accordion .ui-accordion-header .ui-icon { }
.ui-accordion .ui-accordion-content { }
.ui-accordion .ui-accordion-content-active { }
#accordion p,#mouseover p{}
.cnt_header .menu_language .button #accordion {
font-size: 12px;
border:1px solid #CCC;
background-color: #FFFFFF;
}
.cnt_header .menu_language .button #accordion h5{
border-bottom: 1px solid #CCC;
background: #FFFFFF;
}
.cnt_header .menu_language .button #accordion h5 a { }
.cnt_header .menu_language .button #accordion h5 a:hover { }
.cnt_header .menu_language .button #accordion .newmsg { border-bottom:1px solid #CCC;}
.cnt_header .menu_language .button #accordion .newmsg p {
}
.cnt_header .menu_language .button #accordion .pagechange a {
}
.cnt_header .menu_language .button #accordion .date {
font-size: 10px;
}
.postItem a{}
.postItem a.open{}
header .cnt_header .menu_language #searchArea {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}
header .cnt_header .menu_language #searchArea a#searchbtn {
-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;
}
header .cnt_header .menu_language #searchArea a#searchbtn: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;
}
a#searchbtn:active{
}
#numbermessage
{
}
\ No newline at end of file
@charset "utf-8";
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* ---------- MENU ---------- */
/*
5. .sectionbackup setting
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. .sectionbackup setting */
/*----------------------------*/
.sectionbackup{
border:1px solid #cccccc;
-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;
}
.sectionbackup h1
{
font-size:19px;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.sectionbackup p{
}
.sectionbackup p.message{
color:#333;
font-size:15px;
font-weight:bold;
}
.sectionbackup .backupbtn {
}
.sectionbackup .backupbtn a.ok
{
}
.sectionbackup .backupbtn a.disabled
{
cursor:default;
color:#9e9e9e;
pointer-events: none;
}
.sectionbackup .backupbtn a.disabled:hover
{
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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
}
.sectionbackup .backupbtn a.cancel {
}
.sectionbackup .backupbtn a
{
font-size:14px;
font-weight:bold;
-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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
border:1px solid #0C274D;
color:#ffffff;
font-family:arial;
}
.sectionbackup .backupbtn a: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;
}
.sectionbackup .backupbtn a:active {
}
.sectionbackup .backupbtn a:not(:target) {
background-image: url(button_back_off.svg);
}
.sectionbackup .backupbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.sectionbackup_logout{
border:1px solid #cccccc;
-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;
}
.sectionbackup_logout h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.sectionbackup_logout .message-options .option_backup
{
font-size:13px;
}
.sectionbackup_logout .message-options .option_backup input
{
}
.sectionbackup_logout p{
}
.sectionbackup_logout p.notice
{
font-size:13px;
}
.sectionbackup_logout p.message
{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionbackup_logout .backupbtn {
}
.sectionbackup_logout .backupbtn a.ok {
}
.sectionbackup_logout .backupbtn a.disabled
{
cursor:default;
color:#9e9e9e;
pointer-events: none;
}
.sectionbackup_logout .backupbtn a.disabled:hover
{
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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
}
.sectionbackup_logout .backupbtn a.cancel {
}
.sectionbackup_logout .backupbtn a
{
font-size:14px;
font-weight:bold;
-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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
border:1px solid #0C274D;
color:#ffffff;
font-family:arial;
}
.sectionbackup_logout .backupbtn a: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;
}
.sectionbackup_logout .backupbtn a:active {
}
.sectionbackup_logout .backupbtn a:not(:target) {
background-image: url(button_back_off.svg);
}
.sectionbackup_logout .backupbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
\ No newline at end of file
@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 {
}
@charset "utf-8";
/* Latest Update
2012.11.5 write */
body{
background: #f4f4f4;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.wrapper {
background-color: #EDF2F2;
}
form, ul{ }
li{ }
img{ }
#main-ws{
}
p.go_top{
}
.focus{ color: #969696;}
#user_change footer .border .cnt_footer img { }
/*2013*/
.PageTop {
}
/*CLEARFIX*/
.clearfix:after { }
.clearfix { }
/*\*/
* html .clearfix { }
.clearfix { }
/**/
.clearboth {}
br.clear { }
.floatL { }
.floatR { }
#avw-auth-error
{
color: #fff;
background: #ccc;
}
@charset "utf-8";
.articlecontentsearch{
border:1px solid #ccc;
}
.tops{
}
.tops a.btn_gray img, .tops a.btn_blue img{
}
.tops a.btn_blue,.tops a.btn_gray
{
color:#fff;
-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;
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray {
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;
}
.tops a.btn_blue:active,.tops a.btn_gray:active {
}
.tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) {
background-image: url(button_back_off.svg);
}
.tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) {
background-image: url(button_back_on.svg);
}
.button{ }
.tops ul{ }
.tops ul li{ }
.tops ul li a{
font-size:12px;
color:rgb(45,131,218);
}
.tops ul li span{
font-size:12px;
color:#333333;
}
.tops ul li a.nottouchdevice:hover{ }
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; }
.tops ul li b{ font-weight:normal; font-size:12px;}
.tops p{ color:#333333; font-size:12px; }
/* section */
.sectionsearchlist{
border-top: 1px dashed #cccccc;
}
.cnt_section_list{
}
.cnt_section_list:hover{
background-color: #FFFFFF;
}
.cnt_section_list a.img{
}
.cnt_section_list a.img img{
}
/*.cnt_section_list a.img img.book_icon{
position:absolute;
top:0px;
left:0px;
z-index:10;
}*/
.cnt_section_list .text{
}
.cnt_section_list .text a.name{
color: #37648C;
font-size: 16px;
}
.cnt_section_list .text a.name img
{
}
.cnt_section_list .text a.name:hover{ }
.cnt_section_list .text ul.date{ }
.cnt_section_list .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section_list .text .info{
}
.cnt_section_list .text ul.pic{
}
.cnt_section_list .text ul.pic li{
}
.cnt_section_list .text ul.pic li img {
}
.cnt_section_list .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_list .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_list .text ul.pic li a.read:active {
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
background-image: url(button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.cnt_section_list .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_list .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_list .text ul.pic li a.read_hover:active {
}
.btn_bott
{
font-size: 14px;
color: #fff;
border: 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 */
}
.sectionsearchlist #bottom
{
}
.cnt_section_list .img .band_horizontal {
}
.cnt_section_list .img .band_vertical {
}
.cnt_section_list .text .info .pic li .read {
}
#main-ws section
{
border-top: 1px dashed #cccccc;
}
#main-searchresult
{
border:1px solid #ccc;
}
#main-searchresult span
{
}
#main-searchresult input
{
}
#main-searchresult input[type="radio"]
{
}
.tops a.btn_gray, .tops a.btn_blue{
color:#fff;
}
a:hover
{
}
#main-searchresult span:hover
{
}
#msgSearchNotExist
{
font-size: 16px;
color: #f00;
}
.sort-title{
font-size: 12px;
color: #333333;
text-decoration: none;
}
@charset "utf-8";
.sectionDeleteConfirm {
border:1px solid #cccccc;
-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: #ffffff;
}
.sectionDeleteConfirm h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.sectionDeleteConfirm p{
}
.sectionDeleteConfirm p.message{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionDeleteConfirm .deletebtn {
}
.sectionDeleteConfirm .deletebtn a.ok {
}
.sectionDeleteConfirm .deletebtn a.cancel {
}
.sectionDeleteConfirm .deletebtn a.cancel_audio {
}
.sectionDeleteConfirm .deletebtn a {
-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;
}
.sectionDeleteConfirm .deletebtn a: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;
}
.sectionDeleteConfirm .deletebtn a:active {
}
.sectionDeleteConfirm .deletebtn a:not(:target) {
}
\ No newline at end of file
@charset "utf-8";
/* footer */
#ws-body footer{
background-color: #EDF2F2;
}
.cnt_footer{
color: #000;
font-size: 10px;
border-top: solid 1px #CCC;
}
@charset "utf-8";
.header_ws{
background-image: url(../../img/common/header_border.jpg) ,url(../../img/common/header_bg.jpg);
background-repeat: repeat-x, repeat;
background-position: bottom, top;
}
.cnt_header{
}
.cnt_header .logo{
background-image: url(../../img/common/logo.png);
background-repeat: no-repeat;
}
.cnt_header .menu_language{
font-size: 12px;
color: #333333;
}
.cnt_header .menu_language ul{
}
.cnt_header .menu_language ul li{
}
.cnt_header .menu_language ul li input{
border: 1px solid #999999;
border-radius: 3px;
font-size: 12px;
background: url(../../img/common/icon_serch.png) 3px 2px no-repeat;
behavior: url("/PIE.htc");
}
.cnt_header .menu_language ul li a{
color:#000;
text-decoration:none;
}
.cnt_header .menu_language ul li a:hover{
text-decoration:underline;
}
.cnt_header .menu_language ul li.jp{
background: url(../../img/common/flg_jpn.png) no-repeat left center;
}
.cnt_header .menu_language ul li.eng{
background: url(../../img/common/flg_usa.png) no-repeat left center;
}
.cnt_header .menu_language ul li.kor{
background: url(../../img/common/flg_kor.png) no-repeat left center;
}
.button{ }
.cnt_header .box_open{
background:#fff;
}
.cnt_header .box_open .t_top{
color:#cccccc;
font-size:10px;
border-bottom:1px solid #999999;
}
.cnt_header .box_open ul{ }
.cnt_header .box_open ul li{
color:#333333;
font-size:12px;
}
.cnt_header .box_open ul li input{ }
.cnt_header .box_open ul li label{ }
.cnt_header .box_open .btn_search{
background:url(../../img/common/btn_search.png) no-repeat;
}
.cnt_header .menu_language ul .pushMessage {
/*background-image: url(../../img/common/icon_newmessage.png), url(../../img/common/icon_triangle.png), url(../../img/common/box_pushmessage.jpg);
background-repeat: no-repeat, no-repeat, repeat-x;
background-position: 5px center, right 5px center, bottom;
border: solid 1px #CCCCCC;*/
background: url(../../img/common/box_pushmessage.jpg) repeat-x;
border: solid 1px #CCCCCC;
}
.cnt_header .menu_language ul .pushMessage span
{
float:left;
display:block;
height:25px;
}
.cnt_header .menu_language ul .pushMessage .icon
{
background: url(../../img/common/icon_newmessage.png) no-repeat center;
width:26px;
}
.cnt_header .menu_language ul .pushMessage .arrow
{
background: url(../../img/common/icon_triangle.png) no-repeat center;
width:6px;
margin-right:5px;
}
.cnt_header .menu_language ul.pushMessage a:hover { text-decoration: none; }
.header_ws .cnt_header .menu_language ul li a img { display: inline; }
.header_ws .cnt_header .menu_language ul .language {
padding: 0;
margin-left: 0px;
}
.header_ws .cnt_header .menu_language .button .menuIcon img { display: inline; }
.header_ws .cnt_header .menu_language ul li a#jQueryPush{
text-decoration: none !important;
color:#333;
}
.header_ws .cnt_header .menu_language .button {
}
.header_ws .cnt_header .menu_language #header-searchbox {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
}
.header_ws .cnt_header .menu_language #header-searchbox span
{
}
.header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search {
-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;
}
.header_ws .cnt_header .menu_language #header-searchbox a#searchbox-search: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;
}
a#searchbox-search:active{
}
.tops ul.sort {
border: 1px solid #B3B3B3;
border-radius: 4px;
}
.tops ul.sort li{
}
.tops ul.sort li a{
font-size: 12px;
color: #333333;
text-decoration: none;
}
.tops ul.sort li.sort a:hover{ text-decoration:underline;}
.tops ul.sort li.current a.descending_sort{
color: #2d83da;
background: url(../../img/common/icon_triangle_d.png) no-repeat right 5px;
}
.tops ul.sort li.current a.ascending_sort{
color:#2d83da;
background:url(../../img/common/icon_triangle_u.png) no-repeat right 5px;
}
.tops ul.sort li b{
font-weight: normal;
font-size: 12px;
}
.tops ul.sort li b{
font-weight: normal;
font-size: 12px;
}
/* for pushmessage */
.notification-pushmessage
{
background-color:#bde;
opacity:0.8;
border:solid 1px #333;
color:#000;
border:solid 1px #000;
font-weight:bold;
font-size:13px;
}
.toast-item-loading
{
text-align:center;
height:40px;
background:url(../../img/data_loading.gif) no-repeat center;
}
\ No newline at end of file
@charset "utf-8";
.articlehistory{
border:1px solid #ccc;
}
.tops{
font-size:12px;
}
.tops a.btn_gray img, .tops a.btn_blue img{
}
.tops a.btn_blue,.tops a.btn_gray
{
color:#fff;
-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;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
}
.tops a:hover.btn_blue,.tops a:hover.btn_gray {
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;
}
.tops a.btn_blue:active,.tops a.btn_gray:active {
/*position:relative;
top:1px;*/
}
.tops a.btn_blue:not(:target),.tops a.btn_gray:not(:target) {
background-image: url(button_back_off.svg);
}
.tops a:hover.btn_blue:not(:target),.tops a:hover.btn_gray:not(:target) {
background-image: url(button_back_on.svg);
}
.button{ }
.tops ul{ }
.tops ul li{ }
.tops ul li a{
font-size:12px;
color:rgb(45,131,218);
}
.tops ul li span{
font-size:12px;
color:#333333;
}
.tops ul li a.nottouchdevice:hover{ }
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{ color:#2d83da; }
.tops ul li b{ font-weight:normal; font-size:12px;}
.tops p{ color:#333333; font-size:12px;}
/* section */
.sectionhistory{
border-top: 1px dashed #cccccc;
}
.cnt_section_list{
}
section.sectionhistory .cnt_section_list:hover{
background-color: #EDEDED;
}
.cnt_section_list a.img{
}
.cnt_section_list a.img img{
}
/*.cnt_section_list a.img img.book_icon{
position:absolute;
top:0px;
left:0px;
z-index:10;
}*/
.cnt_section_list .text{
}
.cnt_section_list .text a.name{
color: #37648C;
font-size: 18px;
font-size: 16px;
display:inline-block;
display: -ms-inline-grid;
}
.cnt_section_list .text a div.test1{
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
white-space: nowrap;
width: 600px;
margin-left: 30px;
}
.cnt_section_list .text a.name img
{
}
.cnt_section_list .text a.name:hover{ }
.cnt_section_list .text ul.date{ }
.cnt_section_list .text ul.date li{
color:#333333;
font-size:13px;
}
/*---*/
.cnt_section_list .text .info{
}
.cnt_section_list .text ul.pic{
}
.cnt_section_list .text ul.pic li{
}
.cnt_section_list .text ul.pic li img {
}
.cnt_section_list .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_list .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_list .text ul.pic li a.read:active {
/*position:relative;
top:1px;*/
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
background-image: url(button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.cnt_section_list .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_list .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_list .text ul.pic li a.read_hover:active {
/*position:relative;
top:1px;*/
}
.cnt_section_list .img .band_horizontal {
}
.cnt_section_list .img .band_vertical {
}
.cnt_section_list .text .info .pic li .read {
}
#main-searchresult
{
border:1px solid #ccc;
}
#main-searchresult span
{
}
#main-searchresult input
{
}
#main-searchresult input[type="radio"]
{
}
.tops a.btn_gray, .tops a.btn_blue{
color:#fff;
}
a:hover
{
}
#main-searchresult span:hover
{
}
#msgSearchNotExist
{
}
#msgHistoryNotExist
{
color:#f00;
font-size:16px;
}
.sort-title{
font-size: 12px;
color: #333333;
text-decoration: none;
}
@charset "utf-8";
/* article */
.articlehome{
}
.tops{
font-size:12px;
}
.sort_area{
}
.sort_area span{
font-size:12px;
color:#333333;
text-decoration:none;
}
.tops p{
color: #333333;
font-size: 12px;
}
.tops ul.disp {
border-radius: 4px;
border: 1px solid #D1D1D1;
background-color:#F4F4F4;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1) #FFF !important;
}
.tops ul.disp li.first_area{
border-right: 1px solid #D1D1D1;
}
.tops ul.disp li.last_area{
}
.no_m_right{ }
#dlgSubMenu{
}
#dlgOverlay{
}
a:hover{
}
#main-ws canvas:hover{
}
.folder, .file{
}
.sectionhomebookshelf a.name{ color:#2d83da;}
/* hibiya */
#dlgAddMemberGroup .addMemberGroup {
width:290px;
height:25px;
margin:20px auto 0;
}
#dlgAddMemberGroup .addMemberGroup a.ok {
position:relative;
/*margin:0 98px 0 0;*/
}
#dlgAddMemberGroup .addMemberGroup a.cancel {
position:relative;
/*margin:-27px 0 0 135px;*/
}
#dlgAddMemberGroup .addMemberGroup a
{
margin:0 15px;
width: 100px;
height:21px;
-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%, #83c008 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:14px;
font-weight:bold;
padding:2px 0;
line-height:21px;
text-decoration:none;
text-align:center;
float:right;
}
#dlgAddMemberGroup .addMemberGroup a: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;
}
#dlgAddMemberGroup .addMemberGroup a:active {
position:relative;
top:1px;
}
#dlgAddMemberGroup .addMemberGroup a:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_off.svg);
}
#dlgAddMemberGroup .addMemberGroup a:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(button_back_on.svg);
}
@charset "utf-8";
.sectionLimitAccess {
border:1px solid #cccccc;
-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: #ffffff;
}
.sectionLimitAccess h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
.sectionLimitAccess p{
}
.sectionLimitAccess p.message{
font-size:13px;
font-weight:bold;
color:#333;
}
.sectionLimitAccess p.message .error
{
color:#f00;
font-weight:normal;
}
.sectionLimitAccess p.message .text
{
font-size:15px;
margin-bottom:15px;
}
.sectionLimitAccess p.message input
{
background-color:#fff;
}
.sectionLimitAccess .deletebtn {
}
.sectionLimitAccess .deletebtn a
{
-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;
}
.sectionLimitAccess .deletebtn a: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;
}
.sectionLimitAccess .deletebtn a:active {
}
.sectionLimitAccess .deletebtn a:not(:target) {
}
\ No newline at end of file
@charset "utf-8";
.list a:link{
text-decoration: none;
background-image: url(../../img/bookshelf/list_off.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0px 3px 3px 0px;
}
.list a:hover{
text-decoration: none;
background-color:#D6E5E5;
background-image: url(../../img/bookshelf/list_on.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0px 3px 3px 0px;
}
.list_select{
text-decoration: none;
background-color:#D6E5E5;
background-image: url(../../img/bookshelf/list_on.png);
background-repeat: no-repeat;
background-position: center center;
border-radius: 0px 3px 3px 0px;
}
#list .wrapper_ws #main-ws .hoge-R section.sectionhomelist .name img {
}
/* section */
section.sectionhomelist{
border-top: 1px dashed #cccccc;
}
.cnt_section_list{
}
section.sectionhomelist .cnt_section_list:hover{
background-color:#EDEDED;
}
.cnt_section_list a.img{
}
.cnt_section_list a.img:hover{
}
.cnt_section_list a.img canvas{
}
.cnt_section_list .text{
}
.cnt_section_list .text a.name{
color: #37648C;
font-size: 16px;
display: inline-flex;
}
.cnt_section_list .text a .content-list{
width:420px;
white-space: nowrap; /* 改行を半角スペースに置き換える */
overflow: hidden; /* はみだした部分を削除する */
text-overflow: ellipsis;
}
.cnt_section_list .text a.name:hover{ text-decoration:none;}
.cnt_section_list .text ul.date{
}
.cnt_section_list .text ul.date li{
color: #333333;
font-size: 12px;
}
/*---*/
.cnt_section_list .text .info{
}
.cnt_section_list .text ul.pic{
}
.cnt_section_list .text ul.pic li{
}
.cnt_section_list .text ul.pic li img {
}
.cnt_section_list .text ul.pic li img.sticker {
}
.cnt_section_list .text ul.pic li img.pen {
}
.cnt_section_list .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, #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: #23486F;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration: none;
/* [disabled]text-shadow:1px 1px 0px #a2d613; */
}
.cnt_section_list .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_list .text ul.pic li a.read:active {
}
.cnt_section_list .text ul.pic li a.read:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/list/button_back_off.svg);
}
.cnt_section_list .text ul.pic li a.read:hover:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/list/button_back_on.svg);
}
.cnt_section_list .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, #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: #23486F;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
font-size: 15px;
font-weight: bold;
text-decoration: none;
}
.cnt_section_list .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;*/
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_list .text ul.pic li a.read_hover:active {
}
.btn_bott{
font-size: 14px;
color: #fff;
text-align: center;
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 */
}
#list .wrapper_ws #main-ws .hoge-R .tops .floatR {
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_horizontal {
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .img .band_vertical {
}
#list .wrapper_ws #main-ws .hoge-R section .cnt_section_list .text .info .pic li .read {
}
#list .wrapper_ws #main-ws article section .cnt_section_list .text .name .listIcon {
}
@charset "utf-8";
/* 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;
}
@charset "utf-8";
#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;*/
}
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
}
body{
background:#37648C;
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
.wrapper {
}
#main-ws{
}
a
{
cursor:pointer;
}
article{
}
section{
border: 1px solid #cccccc;
-webkit-box-shadow: 0px 1px 2px 0px #666;
-moz-box-shadow: 0px 1px 2px 0px #666;
box-shadow: 0px 1px 2px 0px #666;
background-color: #FFF;
}
section dl,section dl dt,section dl dd{
}
section dl{
}
section dl dt{
color: #37648C;
font-size: 13px;
font-weight: bolder;
}
section dl dd{
background: url(../../img/login/loginbg.png) 0 0 no-repeat;
/* [disabled]padding:6px; */
}
section dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
section .p{
}
section .memory{
color: #37648C;
font-size: 12px;
}
section .memory input{
}
section .loginbtn {
}
section a.loginbtn
{
font-size: 14px;
font-weight: bold;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
border: 1px solid #0C274D;
color: #ffffff;
}
section a.loginbtn: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;
}
#login .wrapper #main-ws article section a.loginbtn:active {
}
section .loginbtn a:not(:target) {
background-image: url(button_back_off.svg);
}
section .loginbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.alertTxt,.alertTxtDialog {
color: #e60012;
font-size: 13px;
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after
{
font-size:1px;
}
.fix {
}
/*------------*/
#login .wrapper {
background-color: #37648C;
}
#login footer {
background-color: #37648C;
}
#login footer .cnt_footer {
color: #FFF;
}
#login article section table tr th {
color: #37648C;
font-size: 14px;
font-weight: bolder;
}
#login .wrapper #main-ws article section table tr td input {
}
#login article section table tr th,#login article section table tr td {
}
#login .wrapper #main-ws article section table {
border-bottom:dotted 1px #BBBBBB;
}
#login footer .border .cnt_footer {
background: url(../../img/login/login_border.jpg) top repeat-x;
opacity:0;
}
#login .wrapper #main-ws article img {
}
#loader {
}
#fade {
background-color: #000;
opacity: 0.3;
}
#login .wrapper #main-ws article ul {
}
#login .wrapper #main-ws article li {
}
/* footer */
footer{
background-color: #EDF2F2;
}
.cnt_footer
{
color: #000;
border-top: solid 1px #CCC;
}
.focus{ color: #969696;}
#user_change footer .border .cnt_footer img { }
#login .wrapper #main-ws article section .error {
font-size: 13px;
color: #FF0000;
font-weight: bolder;
}
/* anonymous */
#anonymous
{
}
#normalUser
{
}
#formlogin,#menu-language
{
opacity: 0;
}
#logologin
{
}
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
5. .sectionchangepassword setting
*/
/* ---------- MENU ---------- */
/*
html,body {
margin:0;
padding:0;
}*/
/*----------------------------*/
/* 1. .sectionchangepassword setting */
/*----------------------------*/
.sectionchangepassword
{
border:1px solid #86ACC7;
-webkit-box-shadow: 0px 1px 3px 0px #666;
-moz-box-shadow: 0px 1px 3px 0px #666;
box-shadow: 0px 1px 3px 0px #666;
background-color:#fff;
}
.sectionchangepassword h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
.sectionchangepassword dl,.sectionchangepassword dl dt,.sectionchangepassword dl dd{
}
.sectionchangepassword dl{
}
.sectionchangepassword dl dt
{
font-size:13px;
}
.sectionchangepassword dl dd{
background:url(../../img/login/loginbg.png) 0 0 no-repeat;
}
.sectionchangepassword dl dd input{
/*background:#00CC66;*/
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.sectionchangepassword p{
}
.sectionchangepassword .loginbtn {
}
.sectionchangepassword .loginbtn a.change {
}
.sectionchangepassword .loginbtn a.skip {
}
.sectionchangepassword .loginbtn a.cancel {
}
.sectionchangepassword .loginbtn a {
-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:14px;
font-weight:bold;
}
.sectionchangepassword .loginbtn a: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;
}
.sectionchangepassword .loginbtn a:active {
}
.sectionchangepassword .loginbtn a:not(:target) {
background-image: url(button_back_off.svg);
}
.sectionchangepassword .loginbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.alertTxt,.alertTxtDialog
{
font-size:13px;
color:#e60012;
}
\ No newline at end of file
@charset "utf-8";
/* Latest Update
2012.11.5 write */
/* author
koyuki watanabe */
/* ---------- MENU ---------- */
/*
5. .sectionrestore setting
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. .sectionrestore setting */
/*----------------------------*/
.sectionrestore{
border:1px solid #cccccc;
-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;
}
.sectionrestore h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
}
.sectionrestore p{
}
.sectionrestore p.message
{
font-size:15px;
font-weight:bold;
color:#333;
}
.sectionrestore p.notice{
color:#333;
}
.sectionrestore .restorebtn {
}
.sectionrestore .restorebtn a.disabled
{
cursor:default;
color:#9e9e9e;
pointer-events: none;
}
.sectionrestore .restorebtn a.disabled:hover
{
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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
}
.sectionrestore .restorebtn a.ok {
}
.sectionrestore .restorebtn a.cancel {
}
.sectionrestore .restorebtn a {
-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;
}
.sectionrestore .restorebtn a: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;
}
.sectionrestore .restorebtn a:active {
}
.sectionrestore .restorebtn a:not(:target) {
background-image: url(button_back_off.svg);
}
.sectionrestore .restorebtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
\ No newline at end of file
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. .section setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
html,body{
}
body{
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
/*----------------------------*/
/* 5. .section setting */
/*----------------------------*/
#main-ws{
background-color: #EDF2F2;
}
#main-ws article{
}
.sectionSetting{
}
.sectionSetting div#user_info{
}
.sectionSetting div#user_info h2
{
font-size: 24px;
font-weight: bold;
color: #37648C;
border-bottom: 3px solid #37648C;
}
.sectionSetting div#user_info dl{
border-top: 1px dotted #BBBBBB;
font-size: 16px;
}
.sectionSetting div#user_info dl dt, .sectionSetting div#user_info dl dd{
border-bottom: 1px dotted #BBBBBB;
}
.sectionSetting div#user_info dl dt{
background-color: #DCE6E6;
color: #37648C;
font-weight: bolder;
}
.sectionSetting div#user_info dl dd{
}
.sectionSetting div#user_info .passchgbtn {
}
.sectionSetting div#user_info .passchgbtn a
{
font-size: 14px;
font-weight: bold;
-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;
/* [disabled]background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) ); */
background: -moz-linear-gradient( center top,#36638B 5%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
background-color: #23486F;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
/* [disabled]text-shadow: 1px 1px 0px #96AABE; */
}
.sectionSetting div#user_info .passchgbtn a: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: #23486F;
}
.sectionSetting div#user_info .passchgbtn a:active {
}
.sectionSetting div#user_info .passchgbtn a:not(:target) {
background-image: url(button_back_off.svg);
background-repeat: repeat-x;
}
.sectionSetting div#user_info .passchgbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
background-position: bottom;
}
div#user_option{
background-color: #FFF;
}
div#user_option h3{
color: #37648C;
background-color: #EDF2F2;
font-size: 18px;
font-weight: bold;
}
div#user_option ul
{
font-size:13px;
}
div#user_option ul li .choice {
}
div#user_option ul li .notice
{
font-size:11px;
}
div#user_option ul li input {
}
div#user_option ul li input.chkbx {
}
.sectionSetting div#user_option .backupbtn .backup{
}
.sectionSetting div#user_option .logout_backup
{
font-size:13px;
}
.sectionSetting div#user_option input {
}
.sectionSetting div#user_option .backupbtn {
}
.sectionSetting div#user_option .backupbtn a
{
font-size: 14px;
font-weight: bold;
-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, #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: #23486F;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
}
.sectionSetting div#user_option .backupbtn a: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: #23486F;
}
.sectionSetting div#user_option .backupbtn a:active {
}
.sectionSetting div#user_option .backupbtn a:not(:target) {
background-image: url(button_back_off.svg);
background-repeat: repeat-x;
}
.sectionSetting div#user_option .backupbtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
background-position: bottom;
background-repeat: repeat-x;
}
.sectionSetting #user_option .savebtn{
border-top: 1px solid #CCC;
}
.sectionSetting #user_option .savebtn a
{
font-size: 14px;
font-weight: bold;
-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, #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: #23486F;
border: 1px solid #0C274D;
color: #ffffff;
font-family: arial;
/* [disabled]text-shadow: 1px 1px 0px #a2d613; */
}
.sectionSetting #user_option .savebtn a: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: #23486F;
}
.sectionSetting #user_option .savebtn a:active {
}
.sectionSetting #user_option .savebtn a:not(:target) {
background-image: url(button_back_off.svg);
background-repeat: repeat-x;
}
.sectionSetting #user_option .savebtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
background-repeat: repeat-x;
background-position: bottom;
}
.sectionSetting #user_option .savebtn .save{
}
.sectionSetting #user_option .savebtn .default{
}
.sectionSetting .memory
{
font-size:12px;
}
.sectionSetting .memory input{
}
.sectionSetting .loginbtn {
}
.sectionSetting .loginbtn a
{
font-size:14px;
font-weight:bold;
-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;
border:1px solid #83bd07;
color:#ffffff;
font-family:arial;
text-shadow:1px 1px 0px #a2d613;
}
.sectionSetting .loginbtn a: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;
}
.sectionSetting .loginbtn a:active {
}
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after
{
font-size:1px;
}
.fix {
}
/*------------*/
#user_change article .sectionSetting #user_option ul li {
margin-top: 10px;
margin-bottom: 10px;
}
/* No.4 */
#cboAnimation
{
}
.lblOptPageTransPeriod
{
}
#txtValueAnimation
{
border:solid 1px #222;
}
#slidebar-animation
{
}
#slidebar-container
{
}
\ No newline at end of file
@charset "utf-8";
/*
Latest Update
2014.10.10 write
author
abe
---------- MENU ----------
X. .sectionContentShare setting
---------- MENU ----------
*/
.sectionContentShare{
border:1px solid #cccccc;
-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;
}
.sectionContentShare h1
{
font-size:19px;
font-weight:bold;
color:#333;
text-shadow: 1px 1px 2px #999;
background-color:#f0f0f0;
-webkit-box-shadow: 0px 1px 3px 0px #999;
-moz-box-shadow: 0px 1px 3px 0px #999;
box-shadow: 0px 1px 3px 0px #999;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.sectionContentShare .sectionContentShare_input
{
font-size:13px;
}
.sectionContentShare .sectionContentShare_input input
{
}
.sectionContentShare .sectionContentShare_result
{
font-size:13px;
}
.sectionContentShare p{
}
.sectionContentShare p.notice
{
font-size:13px;
}
.sectionContentShare p.message
{
font-size:13px;
/*font-weight:bold;*/
color:#ff0000;
}
.sectionContentShare .message
{
font-size:13px;
/*font-weight:bold;*/
color:#ff0000;
}
.sectionContentShare .sharebtn {
}
.sectionContentShare .sharebtn a.ok {
}
.sectionContentShare .sharebtn a.disabled
{
cursor:default;
color:#9e9e9e;
pointer-events: none;
}
.sectionContentShare .sharebtn a.disabled:hover
{
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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
}
.sectionContentShare .sharebtn a.cancel {
}
.sectionContentShare .sharebtn a
{
font-size:14px;
font-weight:bold;
-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%, #83c008 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F');
background-color:#23486F;
border:1px solid #0C274D;
color:#ffffff;
font-family:arial;
}
.sectionContentShare .sharebtn a: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;
}
.sectionContentShare .sharebtn a:active {
}
.sectionContentShare .sharebtn a:not(:target) {
background-image: url(button_back_off.svg);
}
.sectionContentShare .sharebtn a:hover:not(:target) {
background-image: url(button_back_on.svg);
}
.sectionContentShare .shareLinkbtn {
}
.sectionContentShare .shareLinkbtn a.disabled
{
}
.sectionContentShare .shareLinkbtn a.disabled:hover
{
}
.sectionContentShare .shareLinkbtn a
{
}
.sectionContentShare .shareLinkbtn a:hover {
}
.sectionContentShare .shareLinkbtn a:active {
}
.sectionContentShare .shareLinkbtn a:not(:target) {
}
.sectionContentShare .shareLinkbtn a:hover:not(:target) {
}
@charset "utf-8";
.tabUnit{
background-color: #37648C;
border-radius: 3px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2) inset;
}
.tabUnitList{
}
.tab_bg_color{
background-color: #D7E0E8;
border-radius:2px;
box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}
.tabUnit ul.switchingTab{
}
.tabUnit ul.switchingTab li{
}
.tabUnit ul.switchingTab a{
color: #333333;
text-decoration: none;
font-size: 12px;
}
.tabUnit ul.switchingTab li.colleft a:link {
background: url(../../img/bookshelf/icon_genre_off.png) no-repeat center center;
}
.tabUnit ul.switchingTab li.colright a:link{
background: url(../../img/bookshelf/icon_group_off.png) no-repeat center center;
}
.tabUnit ul.switchingTab li.colleft a:hover {
background-image: url(../../img/bookshelf/icon_genre_on.png);
background-repeat: no-repeat;
}
.tabUnit ul.switchingTab li.colright a:hover{
background-image: url(../../img/bookshelf/icon_group_on.png);
background-repeat: no-repeat;
}
.tabUnit ul.switchingTab li.colright a.current:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/bookshelf/icon_group_on.png);
}
.tabUnit ul.switchingTab li.colleft a.current:not(:target) {
filter: none;
-ms-filter: none;
background-image: url(../../img/bookshelf/icon_genre_on.png);
}
.tabUnit .tabUnitList ul{
}
.tabUnit .tabUnitList ul li a{
color: #333333;
font-size: 12px;
text-decoration: none;
}
.tabUnit .tabUnitList ul li a:hover{ text-decoration:underline;}
.sankaku_left{ }
.sankaku_right{ }
@charset "utf-8";
/* Latest Update
2012.10.31 write */
/* author
keiki ettyuu */
/* ---------- MENU ---------- */
/*
1. gloval setting
2. wrapper setting
3. header setting
4. footer setting
5. section setting
6. rayermenu setting
7. indexBox setting
8. bookmarkBox setting
9.
10.
11. slider setting
12. transition setting
13. sizing setting
14. toolbar setting
15. glovalbtn setting
999. clearfix
*/
/* ---------- MENU ---------- */
/*----------------------------*/
/* 1. gloval setting */
/*----------------------------*/
/*
html{
}
html,body{
}
body{
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background:#898989;
background-image: url(../../img/viewer/article_bg.png);
}
*/
#viewer {
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background:#898989;
background-image: url(../../img/viewer/article_bg.png);
}
/*----------------------------*/
/* 2. wrapper setting */
/*----------------------------*/
#wrapper {
box-shadow: 2px 2px 8px #000 inset;
border: 1px solid #666;
border-radius: 8px;
}
/*----------------------------*/
/* 3. header setting */
/*----------------------------*/
#header_toolbar{
background-image: url(../../img/viewer/header_bg.jpg);
background-repeat: repeat-x;
box-shadow:0px 2px 10px 2px #333333;
}
.wrapper_header{
}
/*ヘッダー左カラム*/
.hdLcolumn{
}
.hdLcolumn a{
background:url(../../img/viewer/hdicon_01.png) 0 0 no-repeat;
font-size:0;
}
.hdLcolumn .gloupe{
border-left: solid 1px #417298;
border-right: solid 1px #23486F;
}
.hdLcolumn .hgloupe{
border-right: solid 1px #23486F;
}
.hdLcolumn .lgloupe{
border-left: solid 1px #417298;
}
/*アイコン基本設定*/
.hdLcolumn a.home{background-position:0 0;}
.hdLcolumn a.back{background-position:-46px 0;}
.hdLcolumn a.bmList{background-position:-92px 0;}
.hdLcolumn a.bmAdd{background-position:-138px 0;}
.hdLcolumn a.index{background-position:-184px 0;}
.hdLcolumn a.copy{background-position:-230px 0;}
.hdLcolumn a.memoDisplay{background-position:-276px 0;}
.hdLcolumn a.memoAdd{background-position:-322px 0;}
.hdLcolumn a.marking{background-position:-368px 0;}
.hdLcolumn a.markingToolbar{background-position:-414px 0;}
.hdLcolumn a.home_device{background-position:0 0;}
.hdLcolumn a.back_device{background-position:-46px 0;}
.hdLcolumn a.bmList_device{background-position:-92px 0;}
.hdLcolumn a.bmAdd_device{background-position:-138px 0;}
.hdLcolumn a.index_device{background-position:-184px 0;}
.hdLcolumn a.copy_device{background-position:-230px 0;}
.hdLcolumn a.memoDisplay_device{background-position:-276px 0;}
.hdLcolumn a.memoAdd_device{background-position:-322px 0;}
.hdLcolumn a.marking_device{background-position:-368px 0;}
.hdLcolumn a.markingToolbar_device{background-position:-414px 0;}
/*オンマウス時*/
.hdLcolumn a:hover.home{background-position:0 -92px;}
.hdLcolumn a:hover.back{background-position:-46px -92px;}
.hdLcolumn a:hover.bmList{background-position:-92px -92px;}
.hdLcolumn a:hover.bmAdd{background-position:-138px -92px;}
.hdLcolumn a:hover.index{background-position:-184px -92px;}
.hdLcolumn a:hover.copy{background-position:-230px -92px;}
.hdLcolumn a:hover.memoDisplay{background-position:-276px -92px;}
.hdLcolumn a:hover.memoAdd{background-position:-322px -92px;}
.hdLcolumn a:hover.marking{background-position:-368px -92px;}
.hdLcolumn a:hover.markingToolbar{background-position:-414px -92px;}
/*リンクオフ時*/
#viewer .hdLcolumn a.home_off{background-position:0 -46px;cursor:default;}
#viewer .hdLcolumn a.back_off{background-position:-46px -46px;}
#viewer .hdLcolumn a.bmList_off{background-position:-92px -46px;}
#viewer .hdLcolumn a.bmAdd_off{background-position:-138px -46px;}
#viewer .hdLcolumn a.index_off{background-position:-184px -46px;}
#viewer .hdLcolumn a.copy_off{background-position:-230px -46px;}
#viewer .hdLcolumn a.memoDisplay_off{background-position:-276px -46px;}
#viewer .hdLcolumn a.memoAdd_off{background-position:-322px -46px;}
#viewer .hdLcolumn a.marking_off{background-position:-368px -46px;}
#viewer .hdLcolumn a.markingToolbar_off{background-position:-414px -46px;}
/*リンクオフ時*/
#viewer .hdLcolumn a.bmList_hover{background-position:-92px -92px;}
#viewer .hdLcolumn a.bmAdd_hover{background-position:-138px -92px;}
#viewer .hdLcolumn a.index_hover{background-position:-184px -92px;}
#viewer .hdLcolumn a.copy_hover{background-position:-230px -92px;}
#viewer .hdLcolumn a.memoDisplay_hover{background-position:-276px -92px;}
#viewer .hdLcolumn a.memoAdd_hover{background-position:-322px -92px;}
#viewer .hdLcolumn a.marking_hover{background-position:-368px -92px;}
#viewer .hdLcolumn a.markingToolbar_hover{background-position:-414px -92px;}
/*ヘッダー右カラム*/
.hdRcolumn{
}
.hdRcolumn input{
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
background-image: url(../../img/viewer/icon_serch.png) ;
background-repeat: no-repeat;
background-position: 3px 4px;
font-size:14px;
color:#969696;
}
.hdRcolumn .search{
background:url(../../img/viewer/searchbtn.png) 0 0 no-repeat;
font-size:12px;
color:#FFFFFF;
}
.hdRcolumn a:hover.search{
background-position:0 -26px;
}
/*----------------------------*/
/* 4. footer setting */
/*----------------------------*/
.footerTool{
}
.ftRcolumn_2 {
}
.footer{
background-image: url(../../img/viewer/footer_bg.jpg);
background-repeat: repeat-x;
background-position: 0 0;
box-shadow:0px -2px 10px 2px #333333;
}
.ftinner{
}
/*フッター左カラム*/
.ftLcolumn{
}
/*フッター右カラム*/
.ftRcolumn{
}
/*----------------------------*/
/* 5. section setting */
/*----------------------------*/
#viewer article{
background:#999999;
}
#viewer section{
}
/*----------------------------*/
/* 5. markingBox setting */
/*----------------------------*/
aside.markingBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.markingBox .markingBoxHd {
color: #FFFFFF;
font-size: 13px;
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
}
aside.markingBox .markingBoxHd .delete{
background:url(../../img/viewer/x.png) 0 0 repeat;
}
aside.markingBox .markingBoxHd .hidden_off{
background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.markingBox .markingBoxHd .hidden_on{
background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.markingBox .markingBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.markingBox .markingBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.markingBox ul{
}
aside.markingBox ul li{
}
/*キャンバスエリア*/
aside.markingBox .canvasArea {
background:url(../../img/viewer/canvas.png) 0 0 no-repeat;
border:solid 1px #595757;
}
a.clearbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a.savebtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a.cancelbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
a:hover.clearbtn{
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
a:hover.savebtn{
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
a:hover.cancelbtn{
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#23486F', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
/*----------------------------*/
/* 6. rayermenu setting */
/*----------------------------*/
.rayermenu1{
background:url(../../img/viewer/alpha_w70.png) 0 0 repeat;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 3px 1px #999;
-moz-box-shadow: 0px 0px 3px 1px #999;
box-shadow: 0px 0px 3px 1px #999;
}
.rayermenu1 ul{
}
.rayermenu1 ul li{
font-size:12px;
}
.rayermenu1 ul li a {
color:#000;
}
.rayermenu1 ul li a:hover {
background:url(../../img/viewer/alpha_b20.png) 0 0 repeat;
}
.rayermenu1 ul li img {
}
.rayermenu1 ul li a span {
}
.sizeXL {}
.sizeL {}
.sizeM {}
.sizeS {}
.rayermenu1 .popcolumnR {
}
.rayermenu1 .popcolumnR .colorchip{
background:#FFFFFF;
}
.rayermenu1 .popcolumnR .colorchip a{
border:solid 1px #d3d5d6;
}
.rayermenu1 .popcolumnR .colorchip a:hover{
/*
border-width:2px;
border-color:#e6e6e6;*/
}
.rayermenu1 .popcolumnR .colorchip .color01{
background:#ff0000;
}
.rayermenu1 .popcolumnR .colorchip .color02{
background:#ffff00;
}
.rayermenu1 .popcolumnR .colorchip .color03{
background:#00ff00;
}
.rayermenu1 .popcolumnR .colorchip .color04{
background:#00ffff;
}
.rayermenu1 .popcolumnR .colorchip .color05{
background:#0000ff;
}
.rayermenu1 .popcolumnR .colorchip .color06{
background:#ff00ff;
}
.rayermenu1 .popcolumnR .colorchip .color07{
background:#ffffff;
}
.rayermenu1 .popcolumnR .colorchip .color08{
background:#000000;
}
.rayermenu1 div .canvasArea_s{
background:url(../../img/viewer/canvas_s.png) 0 0 repeat;
border:solid 1px #595959;
}
.rayermenu1 div .cancelbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
.rayermenu1 div a:hover.cancelbtn{
cursor: pointer;
font-size:13px;
color:#fff;
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
.rayermenu1 div .okbtn{
}
/*レイヤーメニュー2*/
/*レイヤーメニュー3*/
.rayermenu3{
background:url(../../img/viewer/alpha_w70.png) 0 0 repeat;
-webkit-border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
-webkit-box-shadow: 0px 0px 3px 1px #999;
-moz-box-shadow: 0px 0px 3px 1px #999;
box-shadow: 0px 0px 3px 1px #999;
}
.rayermenu3 ul{
}
.rayermenu3 ul li{
font-size:12px;
}
.rayermenu3 ul li a {
color:#000;
}
.rayermenu3 ul li a:hover {
background:url(../../img/viewer/alpha_b20.png) 0 0 repeat;
}
.rayermenu3 ul li img {
}
.rayermenu3 ul li a span {
}
.sizeXL {}
.sizeL {}
.sizeM {}
.sizeS {}
.rayermenu3 .popcolumnR {
}
.rayermenu3 div .canvasArea_l{
background:url(../../img/viewer/canvas_l.png) 0 0 repeat;
border:solid 1px #595959;
}
.rayermenu3 div .cancelbtn{
font-size:13px;
color:#fff;
border:1px solid #0C274D;
border-radius :6px;
-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: #23486F; /* Old browsers */
background: -moz-linear-gradient(top, #36638B 0%, #23486F 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#36638B), color-stop(100%,#23486F)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #36638B 0%,#23486F 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #36638B 0%,#23486F 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #36638B 0%,#23486F 100%); /* IE10+ */
background: linear-gradient(to bottom, #36638B 0%,#23486F 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#23486F',GradientType=0 ); /* IE6-9 */
}
.rayermenu3 div a:hover.cancelbtn{
font-size:13px;
color:#fff;
background: #36638B; /* Old browsers */
background: -moz-linear-gradient(top, #23486F 0%, #36638B 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#23486F), color-stop(100%,#36638B)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #23486F 0%,#36638B 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #23486F 0%,#36638B 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #23486F 0%,#36638B 100%); /* IE10+ */
background: linear-gradient(to bottom, #23486F 0%,#36638B 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36638B', endColorstr='#36638B',GradientType=0 ); /* IE6-9 */
}
.rayermenu3 div .okbtn{
}
/*----------------------------*/
/* 7. indexBox setting */
/*----------------------------*/
aside.indexBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.indexBox .indexBoxHd {
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
color:#FFFFFF;
font-size:13px;
}
aside.indexBox .indexBoxHd .delete{
background:url(../../img/viewer/x.png) 0 0 no-repeat;
}
aside.indexBox .indexBoxHd .hidden_off{
background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.indexBox .indexBoxHd .hidden_on{
background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.indexBox .indexBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.indexBox .indexBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.indexBox #branch1 {
}
.indexBox ul{ }
.indexBox ul li{}
.indexBox ul li a{
color:#333333;
font-size:12px;
text-decoration:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}
/*----------------------------*/
/* 8. bookmarkBox setting */
/*----------------------------*/
aside.bookmarkBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.bookmarkBox .bookmarkBoxHd {
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
color:#FFFFFF;
font-size:13px;
}
aside.bookmarkBox .bookmarkBoxHd .delete{
background:url(../../img/viewer/x.png) 0 0 no-repeat;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_off{
background:url(../../img/viewer/_.png) 0 0 repeat;
}
aside.bookmarkBox .bookmarkBoxHd .hidden_on{
background:url(../../img/viewer/sikaku.png) 0 0 repeat;
}
aside.bookmarkBox .bookmarkBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.bookmarkBox .bookmarkBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.bookmarkBox li{
border-bottom:solid 1px #444;
font-size:11px;
}
aside.bookmarkBox label{
border-bottom:solid 1px #444;
font-size:11px;
}
aside.bookmarkBox div{
border-bottom:solid 1px #444;
font-size:11px;
}
aside.bookmarkBox li .imgbox{
border:solid 1px #444;
background:#ccc;
}
aside.bookmarkBox li .mdltext{
}
aside.bookmarkBox .last{
border:none;
}
/*----------------------------*/
/* 9. Memo setting */
/*----------------------------*/
aside.MemoIndexBox a:hover{
cursor: pointer;
}
aside.MemoIndexBox {
-webkit-box-shadow: 0px 0px 3px 1px #666;
-moz-box-shadow: 0px 0px 3px 1px #666;
box-shadow: 0px 0px 3px 1px #666;
}
aside.MemoIndexBox .indexBoxHd {
background-image: url(../../img/viewer/article_bg.png);
background-repeat: repeat;
background-position: 0 0;
color:#FFFFFF;
font-size:13px;
}
aside.MemoIndexBox .indexBoxHd .delete{
background:url('../../img/viewer/x.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxHd .hidden_off{
background:url('../../img/viewer/_.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxHd .hidden_on{
background:url('../../img/viewer/sikaku.png') 0 0 repeat;
}
aside.MemoIndexBox .indexBoxBody_on{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
aside.MemoIndexBox .indexBoxBody_off{
background:#FFFFFF;
border:solid 1px #cfd0d0;
border-top:none;
}
.indexBox ul li a:hover{color:#0099CC;text-decoration:underline;}
.parentMemoDialogImportantCss{
border: 0 none !important;
background: none !important;
}
.memoDialogImportantCss{
border: 0 none !important;
background: none !important;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
/*----------------------------*/
/* 10.Image preview setting */
/*----------------------------*/
#slideWrapper
{
}
.gallery-image
{
box-shadow: 0px 2px 8px 0px #999;
}
.slideshow-control
{
}
.gallery-thumb
{
}
#selector-img
{
}
#control-prev
{
}
#control-next
{
}
.main-control
{
opacity: 0.65;
background-color: #AAAAAA;
}
#main-control-prev
{
background-color: gray;
background-image: url('../../img/main_previous.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
#main-control-next
{
background-color: gray;
background-image: url('../../img/main_next.png');
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.slideshow-control img
{
}
#control-prev img
{
}
#main-img
{
background-color: black;
}
.mainThumbnail
{
}
#wrapper .thumbnail
{
box-shadow: 0px 2px 8px 0px #ccc;
border:3px solid #fff;
background-color: black;
}
.first
{
}
/*----------------------------*/
/* 11. slider setting */
/*----------------------------*/
.slider {
background-image: url(../../img/viewer/sliderbg_01.png);
background-repeat: no-repeat;
background-position: 0 4px;
}
.slider .sld01{
background: url(../../img/viewer/sliderbg_02.png) 0 0 no-repeat;
}
.slider .sld01 span{
font-size: 11px;
}
.slider .sld01 span input{
font-size: 11px;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
}
.slider .sld01 .move{
}
.slider .sld02{
}
/*----------------------------*/
/* 12. transition setting */
/*----------------------------*/
.transition {
/*background: url(../../img/viewer/transitionbtn_bg.png) 0 0 no-repeat;*/
}
/*ボタン設定*/
.transition a{
font-size: 0;
background-image: url(../../img/viewer/transitionbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.transition .begin {
background-position: 0 0;
}
.transition a:hover.begin {
background-position: 0 -34px;
}
.transition .begin_off {
background-position: 0 -68px;cursor:default;
}
.transition .prev {
background-position: -62px 0;
}
.transition a:hover.prev {
background-position: -62px -34px;
}
.transition .prev_off {
background-position: -62px -68px;
}
.transition .next {
background-position: -122px 0;
}
.transition a:hover.next {
background-position: -122px -34px;
}
.transition .next_off {
background-position: -122px -68px;
}
.transition .last {
background-position: -182px 0;
}
.transition a:hover.last {
background-position: -182px -34px;
}
.transition .last_off {
background-position: -182px -68px;
}
.transition .begin_device{background-position: 0 0;}
.transition .prev_device { background-position: -62px 0;}
.transition .next_device {background-position: -122px 0;}
.transition .last_device {background-position: -182px 0;}
/*----------------------------*/
/* 13. sizing setting */
/*----------------------------*/
.sizing {
/*background: url(../../img/viewer/sizingbtn_bg.png) 0 0 no-repeat;*/
}
/*ボタン設定*/
.sizing a{
font-size: 0;
background-image: url(../../img/viewer/sizingbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.sizing .expansion {
background-position: 0 0;
}
.sizing a:hover.expansion {
background-position: 0 -34px;
}
.sizing .expansion_off {
background-position: 0 -68px;cursor:default;
}
.sizing .fit {
background-position: -62px 0;
}
.sizing a:hover.fit {
background-position: -62px -34px;
}
.sizing .fit_off {
background-position: -62px -68px;
}
.sizing .reduction {
background-position: -122px 0;
}
.sizing a:hover.reduction {
background-position: -122px -34px;
}
.sizing .reduction_off {
background-position: -122px -68px;
}
.sizing .expansion_device {background-position:0 0;}
.sizing .fit_device {background-position: -62px 0;}
.sizing .reduction_device {background-position: -122px 0;}
/*----------------------------*/
/* 14. toolbar setting */
/*----------------------------*/
.toolbar {
font-size: 0;
background-image: url(../../img/viewer/toolbarbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toolbar_device {
font-size: 0;
background-image: url(../../img/viewer/toolbarbtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toolbar_off {
background: url(../../img/viewer/toolbarbtn_01.png) 0 -78px no-repeat;
}
a:hover.toolbar {
background-position: 0 -39px;
}
.toolbar_close {
background-image: url(../../img/viewer/toolbarbtn_02.png);
background-repeat: no-repeat;
background-position: 0 0;
}
.toolbar_close_device {
background-image: url(../../img/viewer/toolbarbtn_02.png);
background-repeat: no-repeat;
background-position: 0 0;
}
a.toolbar_close:hover {
background-position: 0 -39px;
}
/*----------------------------*/
/* 15. glovalbtn setting */
/*----------------------------*/
.gNextbtn {
font-size: 0;
background-image: url(../../img/viewer/gmovebtn_01.png);
background-repeat: no-repeat;
background-position: -50px 0;
}
.gBackbtn {
font-size: 0;
background-image: url(../../img/viewer/gmovebtn_01.png);
background-repeat: no-repeat;
background-position: 0 0;
}
/*----------------------------*/
/* 16. Other Setting */
/*----------------------------*/
/* slider bar [start]*/
.ui-slider-horizontal .ui-state-default {
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
}
div .ui-slider-range, .ui-widget-header, .ui-slider-range-max {
}
.ui-slider .ui-slider-handle {}
.ui-slider-horizontal .ui-slider-handle {}
.ui-widget-content {}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
border: none !important;
background: url(../../img/viewer/sliderbtn_02.png) !important;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none !important; background: url(../../img/viewer/sliderbtn_02.png) !important;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: none !important; background: url(../../img/viewer/sliderbtn_02.png) !important;}
#slider_page{}
/* slider bar [end]*/
/* loading image [start]*/
#divImageLoading{
background-color:#ccc;
border-radius: 10px;
opacity: 0.7;
}
#divImageLoading img{
}
/* loading image [end]*/
/* navigate button [start]*/
#button_pre_canvas{
opacity: 0;
}
#button_next_canvas{
opacity: 0;
}
.nav {
cursor: pointer;
opacity: 0.4;
}
/* navigate button [end]*/
/* dialog [start]*/
.web_dialog{
background-color: black;
font-family: Verdana;
font-size: 10pt;
}
.web_dialog_overlay{
background: #000000;
opacity: .15;
filter: alpha(opacity=15);
-moz-opacity: .15;
}
.align_right{
}
.content_image_preview{
}
.popuptext_web_dialog {
background-color: #FFFFFF;
border-style:solid;
border-color:#ccd;
font-family: Verdana;
font-size: 10pt;
border-radius: 10px;
/*word-break: break-all;*/
/*word-wrap: break-word;*/
-moz-box-shadow:-3px 3px 3px #777;
-webkit-box-shadow:-3px 3px 3px #777;
box-shadow : -3px 3px 3px #777
}
.popuptext_arrow {
border-style: solid;
border-width: 12px 12px 12px 12px;
border-color: transparent transparent transparent rgb(204, 204, 221) !important;
}
/* HOVER STYLES */
.pop-up-memo {
background: #eeeeee;
color: #000000;
border: 1px solid #1a1a1a;
font-size: 90%;
}
.pop-up-memo a:hover{
cursor: pointer;
text-decoration: underline;
}
.check_marking{
border-radius: 5px;
}
/* dialog [end]*/
/* dialog confirm bgm [start]*/
#bgmConfirm
{
}
.sectionDeleteConfirm .deletebtn a.ok_audio {
cursor: pointer;
}
/* dialog confirm bgm [end]*/
/* Marking tool bar [start]*/
.pen_selected{
background:url(../../img/viewer/1_on.png) 0 0 repeat-x;
}
.pen_hover{
background:url(../../img/viewer/1_off.png) 0 0 repeat-x;
}
.pen_hover:hover{
background:url(../../img/viewer/1_on.png) 0 0 repeat-x;
}
.maker_selected{
background:url(../../img/viewer/3_on.png) 0 0 repeat-x;
}
.maker_hover{
background:url(../../img/viewer/3_off.png) 0 0 repeat-x;
}
.maker_hover:hover{
background:url(../../img/viewer/3_on.png) 0 0 repeat-x;
}
.eraser_selected{
background:url(../../img/viewer/5_on.png) 0 0 repeat-x;
}
.eraser_hover{
background:url(../../img/viewer/5_off.png) 0 0 repeat-x;
}
.eraser_hover:hover{
background:url(../../img/viewer/5_on.png) 0 0 repeat-x;
}
.pen_option_selected{
background:url(../../img/viewer/2_on.png) 0 0 repeat-x;
}
.pen_option_hover{
background:url(../../img/viewer/2_off.png) 0 0 repeat-x;
}
.pen_option_hover:hover{
background:url(../../img/viewer/2_on.png) 0 0 repeat-x;
}
.maker_option_selected{
background:url(../../img/viewer/4_on.png) 0 0 repeat-x;
}
.maker_option_hover{
background:url(../../img/viewer/4_off.png) 0 0 repeat-x;
}
.maker_option_hover:hover{
background:url(../../img/viewer/4_on.png) 0 0 repeat-x;
}
.eraser_option_selected{
background:url(../../img/viewer/6_on.png) 0 0 repeat-x;
}
.eraser_option_hover{
background:url(../../img/viewer/6_off.png) 0 0 repeat-x;
}
.eraser_option_hover:hover{
background:url(../../img/viewer/6_on.png) 0 0 repeat-x;
}
.content_image_preview{
}
.toolbar_icon_on{
background-color: #123456;
}
/* Marking tool bar [end]*/
/* Box Copy Text dialog [start]*/
#boxCopyText{
}
#boxCopyText h1{
}
#boxCopyText ul{
}
/* Box Copy Text dialog [end]*/
/* Box Copy Text dialog [start]*/
#boxAddMemo{
}
#boxAddMemo ul{
}
#boxAddMemo ul a{
}
/* Box Copy Text dialog [end]*/
/* Box Memo dialog [start]*/
#divDialogMemo{
}
/* Box Memo dialog [end]*/
/* Box music dialog [start]*/
#dialog-contenttype-music{
}
/* Box music dialog [end]*/
/* Box marking dialog [start]*/
#dlgMarking{
}
#dlgMarking h1 a.hidden_off{
}
#dlgMarking h1 a.hidden_on{
}
/* Box marking dialog [end]*/
/* Box eraser dialog [start]*/
#dlgGomu div:first-child{
}
#dlgGomu ul{
}
#dlgGomu input[type='radio']{
}
/* Box eraser dialog [end]*/
/* Box maker dialog [start]*/
#dlgMaker input[type='radio']{
}
/* Box maker dialog [end]*/
/* Box pen dialog [start]*/
#dlgPen input[type='radio']{
}
/* Box pen dialog [end]*/
/* footer dialog [start]*/
#footer_toolbar_2 a{
}
/* footer dialog [end]*/
/* common dialog [end]*/
#dialog h1{
background:url(../../img/viewer/article_bg.png) 0 0 repeat;
}
#dialog h1 img#btnClose{
}
/* common dialog [end]*/
/* Alert Content Dialog [Start] */
.sectionLimitAccess {
border:1px solid #cccccc !important;
-webkit-border-radius:10px 10px 10px 10px !important;
-moz-border-radius:10px 10px 10px 10px !important;
border-radius:10px 10px 10px 10px !important;
-webkit-box-shadow: 0px 1px 3px 0px #666 !important;
-moz-box-shadow: 0px 1px 3px 0px #666 !important;
box-shadow: 0px 1px 3px 0px #666 !important;
font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS Pゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif !important;
background-color: #ffffff !important;
}
.sectionLimitAccess h1{
text-align:center !important;
font-weight:bold !important;
letter-spacing: 2px !important;
color:#333 !important;
text-shadow: 1px 1px 2px #999 !important;
background:#f0f0f0 !important;
-webkit-box-shadow: 0px 1px 3px 0px #999 !important;
-moz-box-shadow: 0px 1px 3px 0px #999 !important;
box-shadow: 0px 1px 3px 0px #999 !important;
border-radius: 10px 10px 0px 0px !important;
}
.sectionLimitAccess p{
}
.sectionLimitAccess p.message{
font-size:13px !important;
font-weight:bold !important;
color:#333 !important;
}
.sectionLimitAccess p.message .error
{
color:#f00 !important;
font-weight:normal !important;
}
.sectionLimitAccess p.message .text
{
font-size:15px !important;
}
.sectionLimitAccess p.message input
{
background-color:#fff !important;
}
.sectionLimitAccess .deletebtn {
}
.sectionLimitAccess .deletebtn a
{
cursor:pointer !important;
-moz-box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
-webkit-box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
box-shadow: inset 0px 1px 0px 0px #86ACC7 !important;
background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #36638B), color-stop(1, #23486F) ) !important;
background: -moz-linear-gradient( center top, #36638B 5%, #23486F 100% ) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36638B', endColorstr='#23486F') !important;
background-color: #23486F !important;
-moz-border-radius: 6px !important;
-webkit-border-radius: 6px !important;
border-radius: 6px !important;
border: 1px solid #0C274D !important;
color: #ffffff !important;
font-family: arial !important;
font-size: 15px !important;
font-weight: bold !important;
text-decoration: none !important;
}
.sectionLimitAccess .deletebtn a:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #23486F), color-stop(1, #36638B) ) !important;
background:-moz-linear-gradient( center top, #23486F 5%, #36638B 100% ) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#23486F', endColorstr='#36638B') !important;
background-color:#36638B !important;
}
.sectionLimitAccess .deletebtn a:active {
}
.sectionLimitAccess .deletebtn a:not(:target) {
filter: none !important;
-ms-filter: none !important;
}
/* Alert Content Dialog [End] */
/*----------------------------*/
/* 999. clearfix */
/*----------------------------*/
/*clearfix*/
.fix {
}
.fix:after {
font-size:1px;
}
.fix {
}
/*------------*/
.markingToolbar_off_hover
{
background-position: -414px -92px;
}
#control_screen_2{
background-color: #898989;
opacity: 0.75;
}
ul#divSearchResult li:hover{ background:#f4f4f4;cursor:pointer;}
ul#divListBookmark li:hover{background:#f4f4f4;cursor:pointer;}
#divListIndex span:hover{color: red; cursor: pointer}
span.error{
color: red;
}
span.no-item{
color:#333333;
font-size:12px;
cursor:default;
text-decoration:none;
}
.dialog-content-music{
background: url(../../img/iPad_music.png) center center no-repeat;
background-color: white;
}
.imagePreview-one{
background-color: black;
}
.picker-choose-on{
border:1px solid #e6e6e6 !important;
}
.picker-choose-off{
border:1px solid #d3d5d6 !important;
}
#close_toolbar .closebtn {
background: url(../../img/login/close.png) 0 0 no-repeat;
}
......@@ -302,7 +302,7 @@
<!-- slider [start] -->
<div class="slider fix">
<div id="divTxtSlider" class="sld01">
<span><input id="txtSlider" type="text" size="2" maxlength="3"/><label id="lblSlider"> </label></span>
<span><input id="txtSlider" type="text" size="2" maxlength="4"/><label id="lblSlider"> </label></span>
</div>
<a id="control_process" class="sld02"><div id="slider_page" > </div></a>
</div>
......
......@@ -4756,36 +4756,57 @@ CONTENTVIEW.showVideoObject = function(x, y, width, height, src, isFullscreen) {
pt1.y = pt1.y - CONTENTVIEW.marginY;
}
//CONTENTVIEW_GETDATA.getPosVideo(x, y, (pt2.x - pt1.x), (pt2.y - pt1.y));
CONTENTVIEW_GETDATA.getPosVideo(x, y, width, height);
if (isFullscreen === false) {
$('#playvideo').attr('z-order', '10000');
$('#playvideo').css('left', pt1.x + 'px');
$('#playvideo').css('top', pt1.y + 'px');
$('#playvideo').children().remove();
if (ClientData.userOpt_videoMode() == "1") {/* loop video */
$('#playvideo').html('<video class="mov" id="videoOnPage" ' +
'width="' + (pt2.x - pt1.x) + '" ' +
'height="' + (pt2.y - pt1.y) + '" ' +
'autoplay controls loop>' +
' <source src="' + src + '" type="video/mp4"> ' +
//' <source src="' + src + '&key=' + (new Date()).toIdString() + '" type="video/mp4"> ' +
//' <source src="' + src + '&key=' + (new Date()).toIdString() + '" type="video/ogg"> ' +
'</video>'
);
} else {
$('#playvideo').html('<video class="mov" id="videoOnPage"' +
'width="' + (pt2.x - pt1.x) + '" ' +
'height="' + (pt2.y - pt1.y) + '" ' +
'autoplay controls>' +
//' <source src="' + src + '&key=' + (new Date()).toIdString() + '" type="video/mp4"> ' +
' <source src="' + src + '" type="video/mp4"> ' +
'</video>'
);
}
//#17378 Chromeで差し替え動画の再生ボタンを連続クリックすると、動画が再生されなくなる問題の対応
var isCreateVideo = true;
if($('#videoOnPage').length){
//表示位置が同じか判定
var pos = $('#playvideo').position();
if(pos.left == pt1.x && pos.top == pt1.y){
isCreateVideo = false;
}
}
if($('#videoOnPage').length && !isCreateVideo){
//ソースのみ入替え
var videoObj = document.getElementById('videoOnPage');
videoObj.setAttribute("src", src);
videoObj.load();
} else {
$('#playvideo').attr('z-order', '10000');
$('#playvideo').css('left', pt1.x + 'px');
$('#playvideo').css('top', pt1.y + 'px');
$('#playvideo').children().remove();
if (ClientData.userOpt_videoMode() == "1") {/* loop video */
$('#playvideo').html('<video class="mov" id="videoOnPage" ' +
'width="' + (pt2.x - pt1.x) + '" ' +
'height="' + (pt2.y - pt1.y) + '" ' +
'autoplay controls loop>' +
' <source src="' + src + '" type="video/mp4"> ' +
//' <source src="' + src + '&key=' + (new Date()).toIdString() + '" type="video/mp4"> ' +
//' <source src="' + src + '&key=' + (new Date()).toIdString() + '" type="video/ogg"> ' +
'</video>'
);
} else {
$('#playvideo').html('<video class="mov" id="videoOnPage"' +
'width="' + (pt2.x - pt1.x) + '" ' +
'height="' + (pt2.y - pt1.y) + '" ' +
'autoplay controls>' +
//' <source src="' + src + '&key=' + (new Date()).toIdString() + '" type="video/mp4"> ' +
' <source src="' + src + '" type="video/mp4"> ' +
'</video>'
);
}
}
} else {
$('#playvideo').attr('z-order', '1000');
$('#playvideo').html('<video class="mov" id="videoOnPage" src="' + src + '" ' +
......
......@@ -15,6 +15,11 @@ CONTENTVIEW_GETITS.ready = function(){
//ストアリンク作成
$('#moveStore').click(CONTENTVIEW_GETITS.moveStore);
CONTENTVIEW_INITOBJECT.clearViewerComponent();
//CONTENTVIEW.cssInit();
//$("#viewer").show();
CONTENTVIEW.ready();
};
CONTENTVIEW_GETITS.moveStore = function(){
......
......@@ -8,12 +8,13 @@ CONTENTVIEW_OPENURI.ready = function(){
$("#viewer").load("./inc_contentview.html?__UPDATEID__", function (myData, myStatus, xhr){
//読み込み完了時の処理
I18N.i18nReplaceText();
setTimeout(function(){
CONTENTVIEW_OPENURI.showContentView();
}, 200);
});
setTimeout(function(){
CONTENTVIEW_OPENURI.showContentView();
}, 200);
};
CONTENTVIEW_OPENURI.showContentView = function(){
......
......@@ -52,9 +52,29 @@ SHARE.openContentShare = function() {
//alert("SHARE.contentId:" + SHARE.contentId);
//$('#dlgContentShare').dialog( 'open' );
$("#dlgContentShare_close").click(SHARE.dlgContentShare_close_Click);
$("#dlgContentShare_ok").click(SHARE.dlgContentShare_ok_Click);
//bughuntでクリックイベントが溜まる問題の対応
//$("#dlgContentShare_close").click(SHARE.dlgContentShare_close_Click);
//$("#dlgContentShare_ok").click(SHARE.dlgContentShare_ok_Click);
$("#dlgContentShare_close").on({
'click touchend': function(ev){
SHARE.dlgContentShare_close_Click(ev);
return false;
},
'touchstart touchmove': function(){
return false;
}
});
$("#dlgContentShare_ok").on({
'click touchend': function(ev){
SHARE.dlgContentShare_ok_Click(ev);
return false;
},
'touchstart touchmove': function(){
return false;
}
});
COMMON.lockLayout();
$("#dlgContentShare").css('z-index', 102);
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment