@charset "UTF-8";
.icons-sprite,
.hdg-l2.icon-book:after,
.hdg-l2.icon-tag:after,
.hdg-l2-02.icon-new-03 > .icon-text:after,
.list-selected a:after,
.box-search > .search-area .btn:after,
.icon-rank-01:after,
.icon-rank-02:after,
.icon-rank-03:after,
.tag-name .icon-tag:after,
.tbl-03.tag .icon-tag:after,
.box-btn.registry .icon-tag:after,
.hdg-l2-04 .icon-tag:after,
.hdg-lyt.tag .icon-tag:after,
.tag-name.icon-tag:after,
.tbl-03.tag.icon-tag:after,
.box-btn.registry.icon-tag:after,
.hdg-l2-04.icon-tag:after,
.icon-tag.hdg-lyt.tag:after,
.icon-up:before,
.hdg-l1.icon-search-detail:after,
.hdg-l1.icon-best-circulation:after,
.hdg-l1.icon-best-reservation:after,
.hdg-l1.icon-new-03:after,
.hdg-l1.icon-recommend-02:after,
.hdg-l1.icon-search-category:after,
.hdg-l1.icon-reference:after,
.hdg-l1.icon-news:after,
.hdg-l1.icon-change-user-info:after,
.hdg-l1.icon-book-card:after,
.hdg-l1.icon-calendar:after,
.hdg-l1.icon-my-library:after,
.btn-list-02 > li > a.icon-book:after,
.btn-list-02 > li > span.icon-book:after,
.btn-list-02 > li label > a.icon-book:after,
.btn-list-02 > li label > span.icon-book:after,
.btn-list-02 > li > a.icon-status-borrow:after,
.btn-list-02 > li > span.icon-status-borrow:after,
.btn-list-02 > li label > a.icon-status-borrow:after,
.btn-list-02 > li label > span.icon-status-borrow:after,
.btn-list-02 > li > a.icon-history:after,
.btn-list-02 > li > span.icon-history:after,
.btn-list-02 > li label > a.icon-history:after,
.btn-list-02 > li label > span.icon-history:after,
.btn-list-02 > li > a.icon-status-reservation:after,
.btn-list-02 > li > span.icon-status-reservation:after,
.btn-list-02 > li label > a.icon-status-reservation:after,
.btn-list-02 > li label > span.icon-status-reservation:after,
.btn-list-02 > li > a.icon-request:after,
.btn-list-02 > li > span.icon-request:after,
.btn-list-02 > li label > a.icon-request:after,
.btn-list-02 > li label > span.icon-request:after,
.btn-list-02 > li > a.icon-review:after,
.btn-list-02 > li > span.icon-review:after,
.btn-list-02 > li label > a.icon-review:after,
.btn-list-02 > li label > span.icon-review:after,
.btn-list-02 > li > a.icon-ebook:after,
.btn-list-02 > li > span.icon-ebook:after,
.btn-list-02 > li label > a.icon-ebook:after,
.btn-list-02 > li label > span.icon-ebook:after,
.btn-list-02 > li > a.icon-box-reservation:after,
.btn-list-02 > li > span.icon-box-reservation:after,
.btn-list-02 > li label > a.icon-box-reservation:after,
.btn-list-02 > li label > span.icon-box-reservation:after,
.btn-list-02 > li > a.icon-tag:after,
.btn-list-02 > li > span.icon-tag:after,
.btn-list-02 > li label > a.icon-tag:after,
.btn-list-02 > li label > span.icon-tag:after,
/* 20251218 0312 ADD START */
.btn-list-02 > li > a.icon-reference:after,
.btn-list-02 > li > span.icon-reference:after,
.btn-list-02 > li label > a.icon-reference:after,
.btn-list-02 > li label > span.icon-reference:after,
/* 20251218 0312 ADD END */
.btn-02.icon-rss:after,
.btn-02.icon-popup:after,
.btn-02.icon-rec-config:before,
.btn-02.icon-rec-config:after,
.btn-02.icon-bookshelf:after,
.btn-02.icon-tag:after,
.btn-02.icon-review:after,
.btn-02.icon-good:after,
.btn-02.icon-no-good:after,
.btn-02.icon-map:after,
.btn-02.icon-notice:after,
.btn-02.icon-change:after,
.btn-02.icon-reserve:after,
.btn-02.icon-delete:after,
.btn-02.icon-copy:after,
.btn-02.icon-transfert:after,
.btn-02.icon-view-bookshelf:after,
.btn-02.icon-view-bookshelf.current:after,
.btn-02.icon-view-list:after,
.btn-02.icon-view-list.current:after,
.btn-02.icon-close:after,
/* 20251218 0312 ADD START */
.btn-02.icon-reference:after,
/* 20251218 0312 ADD END */
.link .icon-infelicity:after,
.link-list-linear .icon-infelicity:after,
.box-sub-02 [class*="box-hdg"].icon-profile:after,
.box-sub-02 [class*="box-hdg"].icon-mail:after,
.box-sub-02 [class*="box-hdg"].icon-book:after,
.box-sub-02 [class*="box-hdg"].icon-pertinent:after{
background:url('/winj/img/pc/sprite_icon_PC.png') no-repeat;
}

/* ----------------------------------------------------------------

    01. Normalize

----------------------------------------------------------------- */
/* normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ----------------------------------------------------------------
    HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary{
display:block;
}

audio,
canvas,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

[hidden]{
display:none;
}

/* ----------------------------------------------------------------
    Base
----------------------------------------------------------------- */
html{
margin:0;
padding:0;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
width: 100%;
height: 100%;
}

html,
button,
input,
select,
textarea{
font-family:'\30e1\30a4\30ea\30aa',Meiryo,'\30D2\30E9\30AE\30CE\89D2\30B4\20\50\72\6F\20\57\33','Hiragino Kaku Gothic Pro','\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF','MS PGothic',sans-serif;
}


body{
margin:0;
padding:0;
line-height:1.42857;
font-size:87.5%;
height: auto !important;
height: 100%;
min-height: 100%;
position: relative;
color:#1e1e1e;
}

hr{
display:none;
}

/* ----------------------------------------------------------------
    Links
----------------------------------------------------------------- */
a:link{
color:#828282;
text-decoration:none;

}
a:visited{
color:#e58407;
}
a:active,a:hover{
outline:0;
text-decoration:none;
color: #60BE00;
}

/* ----------------------------------------------------------------
    Typography
----------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6{
margin:0;
padding:0;
font-weight:normal;
font-size:92.85714%;
}

p{
margin:0 0 10px;
}

abbr[title]{
border-bottom:1px dotted;
}

b,
strong{
font-weight:normal;
}

em{
font-style:normal;
}

dfn{
font-style:italic;
}

hr{
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0;
}

mark{
background:#ff0;
color:#1e1e1e;
}

code,
kbd,
pre,
samp{
font-family:monospace, serif;
font-size:1em;
}

pre{
white-space:pre-wrap;
}

q{
quotes:"\201C" "\201D" "\2018" "\2019";
}

small{
font-size:80%;
}

sub,
sup{
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup{
top:-0.5em;
}

sub{
bottom:-0.25em;
}

/* ----------------------------------------------------------------
    List
----------------------------------------------------------------- */
ul,
ol,
dl{
list-style:none;
margin:0;
padding:0;
}

dd{
margin:0;
}

/* ----------------------------------------------------------------
    Embedded content
----------------------------------------------------------------- */
img{
border:0;
}

svg:not(:root){
overflow:hidden;
}

/* ----------------------------------------------------------------
    Figures
----------------------------------------------------------------- */
figure{
margin:0;
}

/* ----------------------------------------------------------------
    Forms
----------------------------------------------------------------- */
fieldset{
border:0;
margin:0 2px;
padding:0.35em 0.625em 0.75em;
display:inline-block;
}

legend{
border:0;
padding:0;
display:none;
}

button,
input,
select,
textarea{
font-family:inherit;
font-size:100%;
margin:0;
}

button,
input{
line-height:normal;
}

button,
select{
text-transform:none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
-webkit-appearance:button;
cursor:pointer;
}

button[disabled],
html input[disabled]{
cursor:default;
}

input[type="checkbox"],
input[type="radio"]{
box-sizing:border-box;
padding:0;
}

input[type="search"]{
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
-webkit-appearance:none;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
border:0;
padding:0;
}

@-moz-document url-prefix() {
  button:focus{
outline:thin dotted;
}
}

textarea{
overflow:auto;
vertical-align:top;
}

/* ----------------------------------------------------------------
    Tables
----------------------------------------------------------------- */
table{
margin:0 0 10px;
padding:0;
border-spacing:0;
border-collapse:collapse;
width:100%;
font-size:inherit;
}
table p,
table ul,
table ol,
table dl,
table table{
margin-top:0;
margin-bottom:8px;
}
table th,
table td{
font-weight:normal;
}
table tbody th,
table tbody td{
vertical-align:top;
}

/* ----------------------------------------------------------------

    02. Extends

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
    clearfix
----------------------------------------------------------------- */
.clear:after,
#nav-global ul:after,
#nav-guide:after,
#contents:after,
.hdg-lyt.tag:after,
.hdg-lyt.classification:after,
.hdg-lyt-03:after,
.list-rank:after,
.list-linear:after,
.list-def:after,
.list-def-02:after,
.list-bookshelf:after,
.list-book > li:after,
.list-tag > li:after,
.list-book .report > .info:after,
.list-book.result:after,
.list-tag .report:after,
.link-list-linear:after,
.link-back-list-linear:after,
.btn-list-02.affix-checkbox li:after,
.btn-list-02:after,
#main #box-login > .inner dl:after,
.box-02.result:after,
.box-review > .inner > .info:after,
.box-search .search-list:after,
.lyt-image:after,
.col-2:after,
/*.col-4:after,*//* L10PTF201712 DEL */
.calendar-area .list-calendar-icon:after,
.nav-area:after,
.pager:after,
.pager-02:after,
.handle .switch-view ul:after,
.handle .switch-view:after,
.ui-star-rating ul:after,
.report .info .star-rating:after{
display:block;
clear:both;
content:"";
}

/* ----------------------------------------------------------------
    pseudo
----------------------------------------------------------------- */
#nav-global ul li a:hover:before,
#nav-global ul li a:hover:after,
#nav-global ul li a:active:before,
#nav-global ul li a:active:after,
#nav-global ul li a.current:before,
#nav-global ul li a.current:after,
.hdg-l2[class*="icon-"]:after,
.list-bookshelf > li:nth-child(3n+1):after,
.list-bookshelf > li:nth-child(3n+1) .thumbnail:after,
.btn-02.balloon span:after,
.btn-02.balloon:before,
.btn-02.icon-dummy:after,
.calendar-area .list-calendar-icon > li:after,
.list-tree li:last-child:after,
.list-tree li > .child li:first-child:after{
display:block;
position:absolute;
content:"";
}

/* ----------------------------------------------------------------
    list-bullet
----------------------------------------------------------------- */
.list-bullet > li{
position:relative;
padding:0 0 0 15px;
}

.list-bullet > li:after,
.list-def.bullet > dt:before{
top:0.45em;
left:0;
width:6px;
height:6px;
border-radius:3px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background:#60be00;
}

/* ----------------------------------------------------------------
    link-arrow
----------------------------------------------------------------- */
.link a,
.link-list > li a,
.link-list-linear > li a,
.box-search .search-list li a{
position:relative;
padding:0 0 0 14px;
font-size: 92.8571%;
}

.link-back a,
.link-back-list > li a,
.link-back-list-linear > li a{
position:relative;
padding:0 0 0 14px;
}

.nav-top a{
position:relative;
padding:0 0 0 14px;
}

.link a:after,
.link-list > li a:after,
.link-list-linear > li a:after,
.box-search .search-list li a:after,
.hdg-lyt-02 > .nav-hdg > .next a:after,
.hdg-lyt-calendar .next .btn-02:after,
.pager .next a:after,
.pager .next span:after,
.pager-02 .next a:after,
.list-tree li > .child.terminal > li a:after,
.link-back a:after,
.link-back-list > li a:after,
.link-back-list-linear > li a:after,
.hdg-lyt-02 > .nav-hdg > .prev a:after,
.hdg-lyt-calendar .prev .btn-02:after,
.pager .prev a:after,
.pager .prev span:after,
.pager-02 .prev a:after,
.nav-top a:after,
.btn-02.balloon span:after,
.btn-02.balloon:before{
top:0.35em;
left:0;
width:0;
height:0;
}


.link a:after,
.link-list > li a:after,
.link-list-linear > li a:after,
.box-search .search-list li a:after,
.hdg-lyt-02 > .nav-hdg > .next a:after,
.hdg-lyt-calendar .next .btn-02:after,
.pager .next a:after,
.pager .next span:after,
.pager-02 .next a:after,
.list-tree li > .child.terminal > li a:after{
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #60be00;
}

.link-back a:after,
.link-back-list > li a:after,
.link-back-list-linear > li a:after,
.hdg-lyt-02 > .nav-hdg > .prev a:after,
.hdg-lyt-calendar .prev .btn-02:after,
.pager .prev a:after,
.pager .prev span:after,
.pager-02 .prev a:after{
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-right:6px solid #60be00;
}

.nav-top a:after{
top:0.5em;
border-bottom:6px solid #60be00;
border-right:4px solid transparent;
border-left:4px solid transparent;
}

/* ----------------------------------------------------------------
    icon-base
----------------------------------------------------------------- */
.icon-new,
.icon-new-02,
.icon-best,
.icon-recommend,
.icon-reserveExist,
.icon-delay,
.icon-available,
.icon-compendium,
.icon-rank-01,
.icon-rank-02,
.icon-rank-03{
display:block;
line-height:1;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:1px 0 0 0;
font-size:71.42857%;
text-align:center;
}

.icon-lent,
.icon-borrow,
.icon-others{
display:block;
width:60px;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:3px 5px 1px;
border:2px solid;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
font-size:85.71429%;
text-align:center;
word-wrap:break-word;
}

/* ----------------------------------------------------------------
    icon-toggle
----------------------------------------------------------------- */
.list-facet .list-hdg a:before,
.list-tree li a:before,
.list-facet .list-hdg a:after,
.list-tree li a:after{
top:50%;
background:#60be00;
}
.list-facet .list-hdg a:before,
.list-tree li a:before{
left:15px;
height:10px;
width:2px;
margin-top:-5px;
}
.list-facet .list-hdg a:after,
.list-tree li a:after{
left:11px;
width:10px;
height:2px;
margin-top:-1px;
}

/* ----------------------------------------------------------------

    03. Layout

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
    base
----------------------------------------------------------------- */


/* ----------------------------------------------------------------
    header
----------------------------------------------------------------- */

#header > .inner{
position:relative;
width:984px;
margin:0 auto;
}

/* ----------------------------------------------------------------
    nav-global
----------------------------------------------------------------- */
#nav-global{
border-top:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
background-color:#fff;
font-size:114.28571%;
text-align:center;
background: url('/winj/img/pc/bgMenuNavi.png') repeat-x left 1px;
}
#nav-global ul li{
float:left;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:1px 0 0;
background: url('/winj/img/pc/menuListBorder.png') no-repeat left center;
}
#nav-global ul li:first-child{
padding-left:0px;
background: none;
}
#nav-global ul li:first-child a,#nav-global ul li:first-child a:hover,#nav-global ul li:first-child a:active, #nav-global ul li:first-child a.current{
    margin: 0;
}
#nav-global ul li a{
display:block;
position:relative;
padding:18px 5px 7px;
text-decoration:none;
color: #ffffff;
height: 28px;
line-height: 1;
margin: 0 0 0 1px;
color: #1e1e1e;
}
#nav-global ul li a:hover,
#nav-global ul li a:active,
#nav-global ul li a.current{
padding-bottom: 3px;
border-bottom:4px solid #60be00;
color:#60be00;
height: 28px;
margin: 0 0 0 1px;
}

#nav-global ul li a:hover:before,
#nav-global ul li a:active:before,
#nav-global ul li a.current:before{
left:0;
}
#nav-global ul li a:hover:after,
#nav-global ul li a:active:after,
#nav-global ul li a.current:after{
right:0;
}
#nav-global .col-1 li{
width:100%;
}
#nav-global .col-2-tab li{/* L10PTF201712 CHG col-2 -> col-2-tab */
width:50%;
}
#nav-global .col-3 li{
width:33.33333%;
}
#nav-global .col-4 li{
width:25%;
}
#nav-global .col-5 li{
width:20%;
}
#nav-global .col-6 li{
width:16.66667%;
}
#nav-global .col-7 li{
/* 宮城県カスタマイズ  20250904 SAKAKIBARA CHG START */
/*width:141px; */
width:123px;
/* 宮城県カスタマイズ  20250904 SAKAKIBARA CHG END */
}
#nav-global .col-7 li:first-child,
#nav-global .col-7 li:first-child + li,
#nav-global .col-7 li:first-child + li + li{
/* 宮城県カスタマイズ  20250904 SAKAKIBARA CHG START */
/* width:140px; */
width:123px;
/* 宮城県カスタマイズ  20250904 SAKAKIBARA CHG END */
}
#nav-global .col-8 li{
width:12.5%;
}

/* ----------------------------------------------------------------
    box-utility
----------------------------------------------------------------- */
#box-utility{
position:absolute;
top:10px;
right:0;
padding:10px;
border:3px solid #ffffff;
outline: solid 1px #c8c8c8;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#fbffe2;
}

#box-utility .list-linear{
text-align:right;
margin:10px 0 0;
}
#box-utility .list-linear:first-child{
margin-top:0;
}
#box-utility .list-linear li{
margin-left:10px;
padding-left:15px;
border-left:1px solid #b3b3b3;
}
#box-utility .list-linear li:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}

/* ----------------------------------------------------------------
    nav-guide
----------------------------------------------------------------- */
#nav-guide{
width:984px;
line-height:1.25;
margin:10px auto;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size: 92.8571%;
}
#nav-guide li{
float:left;
padding:5px 0 0;
}
#nav-guide .search-area{
float:right;
width:230px;
line-height:1.23077;
padding-top:0;
/*font-size:108.33333%;*/
}
#nav-guide .search-area input[type=text]{
vertical-align:top;
width:181px;
margin:0 2px 0 0;
padding:1px 5px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #6e6e6e;
}

#nav-guide .search-area .btn{
padding:3px 7px 1px;
background-color:#60be00;
}
#nav-guide .search-area .btn:hover,
#nav-guide .search-area .btn:active{
background: #a0d866;
}
#nav-guide + #contents{
margin-top:0;
}

#nav-guide .help{
padding-top:0;
float:right;
font-size:108.33333%;
}

#nav-guide2{
width: 984px;
line-height: 1.25;
margin: 10px auto;
box-sizing: border-box;
font-size: 85.7143%;
}

/* ----------------------------------------------------------------
    contents
----------------------------------------------------------------- */
#contents{
width:984px;
margin:6px auto 0px;
padding-bottom: 65px;
}
#contents > .hdg-lyt{
float:left;
width:740px;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 9px;
border-right:1px solid #dbdacb;
border-left:1px solid #dbdacb;
}
#contents > .hdg-lyt [class*="hdg-l1"]{
margin-top:0;
margin-bottom:0;
}
#contents > .hdg-lyt .text{
right:20px;
}

/* ----------------------------------------------------------------
    main
----------------------------------------------------------------- */
#main{
float:right;
width:740px;
padding:0 9px 15px;
border:1px solid #dbdacb;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
}

/* ----------------------------------------------------------------
    sub
----------------------------------------------------------------- */
#sub{
float:left;
width:230px;
}

/* ----------------------------------------------------------------
    layout pattern
----------------------------------------------------------------- */
/* .lyt-02
----------------------------------------------- */
.lyt-02 #main{
float:left;
}
.lyt-02 #sub{
float:right;
}

/* .lyt-03
----------------------------------------------- */
.lyt-03 #main{
width:984px;
}

/* .lyt-04
----------------------------------------------- */
.lyt-04 #main{
float:left;
}
.lyt-04 #sub{
float:right;
}
.lyt-04 > .box-btn,
.lyt-04 > form > .box-btn{
position:relative;
float:left;
top:-1px;
width:740px;
margin:-1px 0 0;
border:1px solid #dbdacb;
border-top:none;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

/* .lyt-top
----------------------------------------------- */
.lyt-top #box-login{
float:left;
width:230px;
}
.lyt-top #box-login + .section{
float:right;
width:740px;
padding:0 9px 15px;
}
.lyt-top .section{
margin:0 0 15px;
padding:0 9px 10px;
border:1px solid #c8c8c8;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:#fff;
}
.lyt-top .section > .hdg-lyt:first-child .hdg-l1,
.lyt-top .section > .hdg-l1:first-child{
margin-top:0;
border-top:none;
}
.lyt-top .section *:last-child{
margin-bottom:0;
}
.lyt-top #main{
padding:0;
border:none;
background:none;
}

/* ----------------------------------------------------------------
    footer
----------------------------------------------------------------- */
#footer{
background:#1e1e1e;
/* position: absolute; */ /* L9PTF201704 DEL */
bottom:0;
width: 100%;
text-align: center;
height: 32px;
}
#footer > .inner{
width:984px;
margin:0 auto;
color:#fff;
}

#copyright{
line-height:1.25;
margin:0;
padding:9px 0 7px;
font-size:85.71429%;
text-align:right;
}

/* ----------------------------------------------------------------

    04. Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
    headings
----------------------------------------------------------------- */
/* #hdg-site
----------------------------------------------- */

#hdg-site{
padding:46px 0 45px 2px;
color:#1e1e1e;
font-weight:normal;
font-size:185.71429%;
background: url('/winj/img/pc/bgHeader.png') no-repeat right bottom;
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
position:relative;
margin:20px 0px 15px;
padding:14px 25px 7px 10px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #c8c8c8;
background-color:#fff;
background-size:100%;
font-weight:normal;
font-size:140%;
}
.hdg-l1[class*="icon-"]{
padding-left:50px;
}

/* .hdg-l1-02
----------------------------------------------- */
.hdg-l1-02{
line-height:1;
margin:20px 0 15px;
padding:18px 25px 11px 10px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #c8c8c8;
background-color:#fff;
background-size:100%;
font-weight:normal;
font-size:140%;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
position:relative;
padding:0 0 0 50px;
font-weight:normal;
font-size:157.14286%;
}
.hdg-l2[class*="icon-"]:after{
position:absolute;
top:50%;
}
.hdg-l2.icon-book:after{
left:13px;
overflow:hidden;
height:32px;
width:38px;
margin-top:-16px;
background-position:0 -775px;
}
.hdg-l2.icon-tag:after{
left:13px;
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -914px;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
position:relative;
margin:0 0 15px;
padding:5px 7px 4px;
border-bottom:3px solid #60be00;
background:#eff1d6;
font-weight:normal;
font-size:114.28571%;
}
.hdg-l2-02 > .date{
display:block;
font-size:87.5%;
}
.hdg-l2-02[class*="icon-"] > [class*="icon-"]{
display:block;
position:absolute;
top:50%;
color:#e5f0ff;
}
.hdg-l2-02.icon-new-03{
padding-left:70px;
}
.hdg-l2-02.icon-new-03 > .icon-text{
left:7px;
width:48px;
height:44px;
overflow:hidden;
margin-top:-22px;
padding:0 0 0 3px;
}
.hdg-l2-02.icon-new-03 > .icon-text:after{
overflow:hidden;
height:44px;
width:48px;
margin-top:-22px;
background-position:0 -70px;
}
.hdg-l2-02.icon-new-03 > .icon-text > span{
position:relative;
z-index:-1;
}

/* .hdg-l2-03
----------------------------------------------- */
.hdg-l2-03,
.hdg-lyt-03{
margin:35px 0 15px;
padding:0 10px 2px 0;
border-bottom:2px solid #60be00;
font-weight:normal;
font-size:128.57143%;
}

/* .hdg-l2-04
----------------------------------------------- */
.hdg-l2-04,
.hdg-lyt.tag{
position:relative;
top:1px;
margin:20px 0 0;
padding:6px 3px 4px;
border:1px solid #d0caca;
border-bottom:2px solid #60be00;
font-weight:bold;
background:#eff1d6;
}

/* .hdg-l3
----------------------------------------------- */
.hdg-l3{
position:relative;
margin:30px 0 10px;
padding:0 0 0 14px;
font-size:107.14286%;
}
.hdg-l3:after{
top:6px;
left:1px;
width:7px;
height:7px;
background:#60be00;
}

/* .hdg-l6
----------------------------------------------- */
.hdg-l6{
margin:0 0 10px;
}

/* .hdg-lyt
----------------------------------------------- */
.hdg-lyt{
position:relative;
}
.hdg-lyt .hdg-l1{
padding-right:78px;
}
.hdg-lyt .icon-hdg{
position:absolute;
margin-bottom:0;
top:50%;
right:0px;
margin-top:-0.6em;
}
.box-sub-02 .hdg-lyt .icon-hdg{
position:absolute;
margin-bottom:0;
top:50%;
right:-10px;
margin-top:-0.87em;
}
.hdg-lyt .text{
position:absolute;
top:50%;
right:0px;
margin-top:-0.7em;
}
.hdg-lyt .text.link{
font-size:92.85714%;
}
.hdg-lyt.tag .hdg-l2-04,
.hdg-lyt.tag .hdg-lyt.tag{
float:left;
margin:0;
border:none;
background:none;
}
.hdg-lyt.tag .hdg-l2-04 + .search-area,
.hdg-lyt.tag .hdg-lyt.tag + .search-area{
float:right;
}
.hdg-lyt.tag .hdg-l2-04 + .search-area input[type=text],
.hdg-lyt.tag .hdg-lyt.tag + .search-area input[type=text]{
vertical-align:top;
width:300px;
margin:0 2px 0 0;
padding:1px 5px;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:92.85714%;
}
.hdg-lyt.tag .hdg-l2-04 + .search-area [class*="btn"],
.hdg-lyt.tag .hdg-lyt.tag + .search-area [class*="btn"]{
width:60px;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:92.85714%;
}

.hdg-lyt.classification{
overflow:hidden;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 15px;
padding:16px 25px 15px 10px;
border-bottom:1px solid #c8c8c8;
background-color:#fff;
}
.hdg-lyt.classification [class*="hdg-"]{
float:left;
margin:0;
padding:0;
border:none;
background:none;
}
.hdg-lyt.classification .selector{
float:left;
margin:0 0 0 20px;
font-size:92.85714%;
}
.hdg-lyt.classification .icon-hdg{
right:10px;
}

/* .hdg-lyt-02
----------------------------------------------- */
.hdg-lyt-02{
position:relative;
margin:0 0 30px;
padding:10px;
background:#eff1d6;
}
.hdg-lyt-02 > .hdg-l2{
width:506px;
margin:0 auto;
padding:4px 5px 3px 50px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #b3b3b3;
background:#fff;
}
.hdg-lyt-02 > .nav-hdg > .next,
.hdg-lyt-02 > .nav-hdg > .prev{
position:absolute;
top:10px;
width:92px;
}
.hdg-lyt-02 > .nav-hdg > .next a,
.hdg-lyt-02 > .nav-hdg > .prev a{
padding-top:12px;
padding-bottom:10px;
}
.hdg-lyt-02 > .nav-hdg > .next a:after,
.hdg-lyt-02 > .nav-hdg > .prev a:after{
top:1.2em;
}
.hdg-lyt-02 > .nav-hdg > .next{
right:10px;
}
.hdg-lyt-02 > .nav-hdg > .next a{
padding-right:27px;
padding-left:11px;
}
.hdg-lyt-02 > .nav-hdg > .next a:after{
left:auto;
right:12px;
}
.hdg-lyt-02 > .nav-hdg > .prev{
left:10px;
}
.hdg-lyt-02 > .nav-hdg > .prev a{
padding-right:11px;
padding-left:27px;
}
.hdg-lyt-02 > .nav-hdg > .prev a:after{
left:12px;
}

/* .hdg-lyt-03
----------------------------------------------- */
.hdg-lyt-03 h1,
.hdg-lyt-03 h2,
.hdg-lyt-03 h3,
.hdg-lyt-03 h4,
.hdg-lyt-03 h5,
.hdg-lyt-03 h6{
font-size:100%;
float:left;
}
.hdg-lyt-03 .switch-view{
float:right;
margin:1px 0 0 20px;
font-size:72.22222%;
}
.hdg-lyt-03 .switch-view > p{
float:left;
}
.hdg-lyt-03 .nav-area{
float:left;
margin:5px 0 0 15px;
font-weight:normal;
font-size:107.73451%;
}

/* headings adjust margin
----------------------------------------------- */
#main > :first-child[class*="hdg-"],
#main > :first-child[class="hdg-lyt"] > [class*="hdg-"]{
margin-top:0;
}

#main > :first-child[class*="hdg-l1"],
#main > :first-child[class="hdg-lyt"] > [class*="hdg-l1"]{
border-top:none;
}

[class*="hdg-l"] + [class*="hdg-l"]{
margin-top:0;
}

/* ----------------------------------------------------------------
    paragraph
----------------------------------------------------------------- */
/* .note
----------------------------------------------- */
.note{
line-height:1.25;
font-size:85.71429%;
}

/* .em-01
----------------------------------------------- */
.em-01{
color:#cc4e00;
font-weight:normal;
}

/* .em-02
----------------------------------------------- */
.em-02{
color:#fd2558;
}

/* .highlight
----------------------------------------------- */
.highlight{
background:#feff7f !important;
}

/* ----------------------------------------------------------------
    lists
----------------------------------------------------------------- */
/* .list-bullet
----------------------------------------------- */
.list-bullet{
margin:0 0 10px 10px;
}
.list-bullet > li{
margin:0 0 5px;
}

/* .list-rank
----------------------------------------------- */
.list-rank{
margin:0 0 0 -29px;
}
.list-rank > li{
float:left;
width:220px;
margin:0 0 0 29px;
min-height:122px;
}
.list-rank > li [class*="icon-rank"]{
display:inline-block;
position:relative;
line-height:1.25;
margin-bottom:7px;
font-weight:bold;
font-size:85.71429%;
}
.list-rank > li [class*="icon-rank"] .num{
margin-top:-0.6em;
font-size:110%;
}

/* .list-linear
----------------------------------------------- */
.list-linear > li{
float:left;
margin:0 5px 0 0;
}

.list-linear.icon{
display:inline-block;
vertical-align:top;
margin:0;
margin-top:3px;
}
.list-linear.icon + .report{
margin-top:3px;
}
.list-linear.border > li{
line-height:1;
margin:2px 0 3px 9px;
padding:2px 0 0 9px;
border-left:1px dotted #9b9b9b;
}
.list-linear.border > li:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}
.list-linear.border > li .icon-lent,
.list-linear.border > li .icon-borrow,
.list-linear.border > li .icon-others,
.list-linear.border > li .icon-embargo,
.list-linear.border > li .icon-arrear,
.list-linear.border > li .icon-wait{
line-height:1.25;
}
.list-linear.border > li .star-rating,
.list-linear.border > li .list-def-02{
margin-bottom:8px;
}



/* list-linear adjust margin
----------------------------------------------- */
.icon-rank-01 + .list-linear.icon,
.icon-rank-02 + .list-linear.icon,
.icon-rank-03 + .list-linear.icon{
margin-left:5px;
}

/* .list-def
----------------------------------------------- */
.list-def > dt{
float:left;
overflow:hidden;
margin:0 0 5px;
}
.list-def > dd{
float:right;
overflow:hidden;
margin:0 0 10px;
padding-left: 1px;
}
.list-def > dd + dt{
clear:both;
}
.list-def.em > dt{
font-weight:bold;
}
.list-def.em > dd{
color:#cc4e00;
}
.list-def.bullet{
margin:0 0 0 10px;
}
.list-def.bullet > dt{
position:relative;
padding:0 0 0 17px;
}
.list-def.bullet > dt:after{
content: "";
}
.list-def.bullet > dd{
float:left;
}

/* .list-def-02
----------------------------------------------- */
.list-def-02 > dt{
float:left;
}
.list-def-02 > dt:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}
.list-def-02 > dt:after{
content: ":";
padding: 0 5px;
}
.list-def-02 > dt.no-colon{
margin:0 1em 0 0;
}
.list-def-02 > dt.no-colon:after{
content:"";
}
.list-def-02 > dd{
margin: 0 0 8px 0;
}
.list-def-02 > dd > b a{
padding:0 5px;
}
.list-def-02 > dd + dd{
margin:0 0 0 10px;
padding:0 0 0 34px;
}

/* .list-def-03
----------------------------------------------- */
.list-def-03 dt{
margin:0 0 5px;
font-weight:bold;
}
.list-def-03 dt:after{
content: "";
}
.list-def-03 dd{
margin:0 0 10px 1em;
}

/* .list-check
----------------------------------------------- */
.list-check > li{
margin:0 0 10px;
}
.list-check > li label input[type="checkbox"]{
vertical-align:top;
margin:2px 5px 0 0;
}

/* .list-notice
----------------------------------------------- */
.list-notice > li{
position:relative;
margin:0 0 20px;
padding:0 0 0 1.5em;
font-size:92.85714%;
}
.list-notice > li .mark{
position:absolute;
top:0;
left:0;
color:#1e1e1e;
}

/* .list-selected
----------------------------------------------- */
.list-selected > li{
margin:0 0 8px;
}
.list-selected a{
display:inline-block;
position:relative;
padding:0 0 0 22px;
color:#1f1f1f;
text-decoration:none;
}
.list-selected a:after{
overflow:hidden;
height:16px;
width:16px;
margin-top:-8px;
background-position:0 -1210px;
top:0;
left:0;
margin-top:0;
}

/* ----------------------------------------------------------------
    book lists
----------------------------------------------------------------- */
/* .list-bookshelf
----------------------------------------------- */
.list-bookshelf{
margin:20px 0 0;
}
.list-bookshelf > li{
position:relative;
float:left;
width:240px;
margin:20px 0 0;
padding:0 0 20px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list-bookshelf > li:nth-child(1),
.list-bookshelf > li:nth-child(2),
.list-bookshelf > li:nth-child(3){
margin-top:0;
}
.list-bookshelf .thumbnail{
position:relative;
min-height:134px;
padding:0 10px 32px;
}
.list-bookshelf .thumbnail label{
vertical-align:top;
}
.list-bookshelf .thumbnail label input[type="checkbox"]{
vertical-align:top;
margin:2px 5px 0 0;
}
.list-bookshelf .thumbnail .label-hdg{
display:inline-block;
position:relative;
top:-1px;
vertical-align:top;
padding:0 30px 0 0;
font-weight:bold;
}
.list-bookshelf .thumbnail .equalize{
position:absolute;
bottom:31px;
display:inline-block;
}
.list-bookshelf .thumbnail .equalize p{
margin-bottom:11px;	/* L9PTF2016 CHG 0 -> 11 */
}
.list-bookshelf .thumbnail .equalize p .icon-best{
display:inline-block;
position:relative;
bottom:5px;
}
.list-bookshelf .thumbnail .equalize p .icon-new-02, 
.list-bookshelf .thumbnail .equalize p .icon-new{
position:relative;
bottom:5px;
display:block;
margin:-10px 0 0 2px;
background-color:#fe4570;
color:#fff;
text-align: center;
}

.list-bookshelf .thumbnail .equalize p .icon-new-02{
display:inline-block;
}
.list-bookshelf .thumbnail .image{
-webkit-box-shadow:0 0 5px 1px #e0e0e0;
box-shadow:0 0 5px 1px #e0e0e0;
width:82px;
text-align:center;
}
.list-bookshelf .thumbnail .image img{
max-width:82px;
max-height:116px;
vertical-align:bottom;
}
.list-bookshelf > li:nth-child(3n+1){
clear:both;
}
.list-bookshelf > li:nth-child(3n+1):after{
top:-20px;
width:720px;
}
.list-bookshelf > li:nth-child(3n+1) .thumbnail:after{
z-index:1;
bottom:0;
left:0;
content:url('/winj/img/pc/bg-bookshelf.png');
}
.list-bookshelf > li:first-child:after{
border:none;
}
.list-bookshelf .report{
padding:0 10px;
}
.list-bookshelf .report .title{
margin-top:10px;
}

/* .list-book / .list-tag
----------------------------------------------- */
.list-book,
.list-tag{
margin:0 0 10px;
}
.list-book > li,
.list-tag > li{
padding:10px 0 0;
border-top:1px solid #d6d6d6;
}
.list-book > li:first-child,
.list-tag > li:first-child{
border-top:none;
}
.list-book label,
.list-tag label{
display:block;
float:left;
width:40px;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 0 0 10px;
font-weight:bold;
}
.list-book label input[type="checkbox"],
.list-tag label input[type="checkbox"]{
vertical-align:top;
margin:2px 5px 0 0;
}

.list-book > li{
margin:0 0 5px;
}
.list-book .report > .lyt-image{
-moz-box-sizing:border-box;
box-sizing:border-box;
float:left;
width:411px;
min-height:84px;
}
.list-book .report > .lyt-image.image-small > .list-linear.icon{
margin-left:-51px;

}
.list-book .report > .info{
float:right;
width:243px;
}
.list-book .report > .info .star-rating,
.list-book .report > .info .list-def-02,
.list-book .report > .info .list-linear{
float:right;
}
.list-book .report > .info .star-rating + p,
.list-book .report > .info .list-def-02 + p,
.list-book .report > .info .list-linear + p{
clear:both;
text-align:right;
}
.list-book .report > .info .btn-02{
font-size:100%;
}
.list-book.result label{
width:62px;	/* L8 CHG 60px -> 62px */
}
.list-book.result .report > .lyt-image{
width:430px;
}
.list-book.result .report > .info{
width:220px;
}
.list-book.result .report > .info .icon-lent,
.list-book.result .report > .info .icon-borrow,
.list-book.result .report > .info .icon-others,
.list-book.result .report > .info .icon-embargo,
.list-book.result .report > .info .icon-arrear,
.list-book.result .report > .info .icon-wait{
font-size:100%;
}

.list-tag .report > .tag-name{
float:left;
width:415px;
padding-left: 10px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list-tag .report > .tag-name p span img{
    vertical-align: middle;
}

.list-tag .report > .tag-name .icon-tag{
font-weight:normal;
}
.list-tag .report > .tag-name + .info b,
.list-tag .report > .tag-name + .info span{
font-weight:normal;
font-size:133.33333%;
}
.list-tag .report > .info{
float:right;
width:230px;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 0 0 30px;
text-align:right;
}
.list-tag .report > .info .num,
.list-tag .report > .info .btn-change{
display:inline-block;
text-align:right;
}
.list-tag .report > .info .btn-change{
margin-left:30px;
}
.list-tag .report > .info .btn-change .btn-02{
font-size:100%;
}

/* .list-book-02
----------------------------------------------- */
.list-book-02 > li{
padding:10px 0 7px;
border-top:1px solid #d6d6d6;
}
.list-book-02 > li:first-child{
padding-top:0;
border-top:none;
}
.list-book-02 > li .lyt-image .image{
margin-bottom:0;
}
.list-book-02 > li .report .info{
font-size:92.30769%;
}

/* ----------------------------------------------------------------
    link
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
/* .link-back
----------------------------------------------- */
/* .link-list / .link-back-list
----------------------------------------------- */
.link-list > li,
.link-back-list > li{
margin:15px 0 0;
}
.link-list > li:first-child,
.link-back-list > li:first-child{
margin-top:0;
}
.link-list > li a,
.link-back-list > li a{
display:inline-block;
}

/* .link-list-02
----------------------------------------------- */
.link-list-02 > li{
padding:14px 0 13px;
background: url('/winj/img/pc/dotline.gif') repeat-x left bottom;

}
.link-list-02 > li:first-child{
border-top:none;
}
.link-list-02 > li a{
display:block;
}

/* .link-list-linear / .link-back-list-linear
----------------------------------------------- */
.link-list-linear > li,
.link-back-list-linear > li{
float:left;
margin:0 20px 0 0;
}
.link-list-linear > li:first-child,
.link-back-list-linear > li:first-child{
margin-left:0;
}
.link-list-linear > li:last-child,
.link-back-list-linear > li:last-child{
margin: 0;
}

/* .nav-top
----------------------------------------------- */
.nav-top{
font-size:92.85714%;
text-align:right;
margin: 0;
}

/* ----------------------------------------------------------------
    buttons
---------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn{
display:inline-block;
background-color:#60be00;
text-align:center;
color:#ffffff;
border:none;
}
.btn:link,
.btn:visited{
color:#ffffff;
text-decoration:none;
}
.btn:hover,
.btn:active{
background: #a0d866;
}

/* .btn-02
----------------------------------------------- */
.btn-02{
display:inline-block;
position:relative;
line-height:1.23077;
padding:4px 5px 2px;
border:1px solid #b3b3b3;
background: #ffffff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y4ZjdmMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE0NikiIC8+Cjwvc3ZnPg==');
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(50%, #ffffff), color-stop(100%, rgba(248, 247, 243, 0)));
background-image:-webkit-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-ms-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
font-size:92.85714%;
text-decoration:none;
}

.btn-02:link,
.btn-02:visited{
color:#1e1e1e;
}
.btn-02:hover,
.btn-02:active{
background: #ebebeb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNlNWU1ZTUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RkZGRkYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5MSkiIC8+Cjwvc3ZnPg==');
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}
.btn-02.selected,
.btn-02.current{
border:1px solid #4b4b4b;
background-color:#e5e5e5;
-webkit-box-shadow:none;
box-shadow:none;
background: #4b4b4b;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhN2E3YSIvPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM2NjY2NjYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0YjRiNGIiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #7a7a7a), color-stop(0%, #666666), color-stop(100%, #4b4b4b));
background-image:-webkit-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:-moz-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:-ms-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
color:#fff;
}
.btn-02.balloon{
display:block;
position:relative;
}
.btn-02.balloon span:after,
.btn-02.balloon:before{
background:transparent;
left:auto;
}
.btn-02.balloon span:after{
top:0.6em !important;
right:-6px;
border-top:4px solid transparent;
border-bottom:4px solid transparent;
border-left:6px solid #f7f7f7;
}
.btn-02.balloon:before{
top:0.45em !important;
right:-7px;
border-top:6px solid transparent;
border-bottom:6px solid transparent;
border-left:7px solid #b3b3b3;
}
.btn-02.icon-dummy{
padding-left:26px;
}
.btn-02.icon-dummy:after{
left:6px;
width:14px;
height:14px;
margin-top:-7px;
background:#d7d7d7;
}

/* .btn-list
----------------------------------------------- */
.btn-list{
font-size:114.28571%;
text-align:center;
}
.btn-list > li{
display:inline-block;
margin:0 0 0 5px;
vertical-align:middle;
}
.btn-list > li:first-child{
margin-left:0;
}
.btn-list .btn{
padding:3px 0 3px;
min-width:180px;
}
/*Chrome hack*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.btn-list .btn{
padding:3px 0 3px;
min-width:180px;
}
}
.btn-list .btn-02{
display:inline-block;
min-width:92px;
padding:7px 0 4px;
}

/* .btn-list-02
----------------------------------------------- */
.btn-list-02{
margin:0 0 0 -20px;
padding:0 10px;
}
.btn-list-02 > li{
position:relative;
float:left;
width:340px;
margin:0 0 10px 20px;
}
.btn-list-02 > li:nth-child(odd){
clear:both;
}
.btn-list-02 > li > a,
.btn-list-02 > li > span,
.btn-list-02 > li label > a,
.btn-list-02 > li label > span{
display:block;
min-height:56px;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:7px 0 7px 10px;
border-top:1px solid #b3b3b3;
border-left:1px solid #b3b3b3;
border-right:1px solid #b3b3b3;
background: #ffffff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y4ZjdmMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE0NikiIC8+Cjwvc3ZnPg==');
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(50%, #ffffff), color-stop(100%, rgba(248, 247, 243, 0)));
background-image:-webkit-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-ms-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
color:#1e1e1e;
text-decoration:none;
}
.btn-list-02 > li > a:before,
.btn-list-02 > li > span:before,
.btn-list-02 > li label > a:before,
.btn-list-02 > li label > span:before{
position: absolute;
content: "";
background: #60be00;
height: 4px;
width: 100%;
padding: 0 1px;
bottom: -4px;
left: -1px;
}


.btn-list-02 > li > a:hover,
.btn-list-02 > li > a:active,
.btn-list-02 > li > span:hover,
.btn-list-02 > li > span:active,
.btn-list-02 > li label > a:hover,
.btn-list-02 > li label > a:active,
.btn-list-02 > li label > span:hover,
.btn-list-02 > li label > span:active{
background: #ebebeb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNlNWU1ZTUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RkZGRkYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5MSkiIC8+Cjwvc3ZnPg==');
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}
.btn-list-02 > li > a dd,
.btn-list-02 > li > span dd,
.btn-list-02 > li label > a dd,
.btn-list-02 > li label > span dd{
color:#4c4c4c;
font-size:85.71429%;
}
.btn-list-02 > li > a[class*="icon-"] dl dd{
    padding-right: 70px;
}
.btn-list-02 > li > a .number,
.btn-list-02 > li > span .number,
.btn-list-02 > li label > a .number,
.btn-list-02 > li label > span .number{
display:block;
position:relative;
right:10px;
line-height:1;
text-align: right;
margin:-7px 0 0;
}
.btn-list-02 > li > a .number > span,
.btn-list-02 > li > span .number > span,
.btn-list-02 > li label > a .number > span,
.btn-list-02 > li label > span .number > span{
font-weight:bold;
font-size:128.57143%;
}
.btn-list-02 > li > a .title,
.btn-list-02 > li > span .title,
.btn-list-02 > li label > a .title,
.btn-list-02 > li label > span .title{
display:block;
margin:0;
padding:0 0 0 28px;
}
.btn-list-02.affix-checkbox input[type="checkbox"]{
position:absolute;
top:50%;
margin-top:-6px;
}
.btn-list-02.affix-checkbox a{
position:relative;
margin-left:23px;
}

/* ----------------------------------------------------------------
    boxes
----------------------------------------------------------------- */
/* #box-login
----------------------------------------------- */
#box-login{
overflow:hidden;
margin:0 0 10px;
border:4px solid #e7e6e1;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#ffffff;
}
#box-login > .box-hdg{
padding:9px 10px 7px;
background-color:#e7e6e1;
font-weight:normal;
font-size:135.71429%;
text-align:center;
}
#box-login > .inner{
padding:10px;
}
#box-login > .inner dl{
line-height:1.23077;
font-size:92.85714%;
}
#box-login > .inner dl dd{
margin:0 0 10px;
}
#box-login > .inner input[type=text],
#box-login > .inner input[type=password]{
width:100%;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#box-login > .inner .btn{
width:100%;
padding:5px 0 4px;
font-weight:normal;
font-size:107.14286%;
margin: 0 0 0 7px;
}

#main #box-login{
width:501px;
margin:50px auto;
}
#main #box-login > .box-hdg{
text-align:left;
}
#main #box-login > .inner{
text-align:center;
}
#main #box-login > .inner dl{
width:510px;
margin:0 auto;
}
#main #box-login > .inner dl dt{
float:left;
clear:both;
width:126px;
padding:5px 10px 0 0;
text-align:right;
}
#main #box-login > .inner dl dd{
float:left;
width:314px;
}
#main #box-login > .inner .btn{
width:208px;
}

/* .box
----------------------------------------------- */
.box{
margin:0 0 10px;
padding:9px 9px 0px 4px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #f5f5f3;
background:#f5f5f3;
}

/* .box-02
----------------------------------------------- */
.box-02{
margin:0 0 10px;
padding:10px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #eff1d6;
background:#eff1d6;
font-size:92.85714%;
}
.box-02 *:last-child{
margin-bottom:0;
}
.box-02.result .hdg-l6{
float:left;
vertical-align:top;
margin:2px 8px 0 0;
font-size:100%;
}
.box-02.result .list-linear,
.box-02.result .list-def-02{
float:left;

}
.box-02.result .list-def-02 dt,.box-02.result .list-def-02 dd{
    margin: 2px 0 0;
    display: inline-block;
}
.box-02.result .list-def-02 dt:after{
    content: ":";
    padding: 0 5px;
}


.box-02.result .list-linear > li span{
display:inline-block;
vertical-align:top;
margin:0 8px;
}
.box-02.result .switch-view{
float:right;
}
.box-02.result .switch-view dt{
    padding: 0 5px 0 10px;
}
.box-02.result .switch-view dt:after{
    content: ":";
    padding: 0 0 0 5px;
}
.box-02.result .switch-view dd{
margin-top:-2px;
}
.box-02.result .switch-view .btn-02{
font-size:100%;
}
.box-02.result *{
margin-bottom:0;
}

.box-02 p.icon-hdg input{
display:inline-block;
position:relative;
line-height:1.23077;
padding:4px 5px 2px;
border:1px solid #b3b3b3;
background: #ffffff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y4ZjdmMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE0NikiIC8+Cjwvc3ZnPg==');
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(50%, #ffffff), color-stop(100%, rgba(248, 247, 243, 0)));
background-image:-webkit-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-ms-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
font-size:92.85714%;
text-decoration:none;
}


.box-02 p.icon-hdg input:hover{
background: #ebebeb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNlNWU1ZTUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RkZGRkYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5MSkiIC8+Cjwvc3ZnPg==');
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}

/* .box-03
----------------------------------------------- */
.box-03{
padding:9px;
border:1px solid #dbdacb;
border-radius:4px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-color:#f5f4ed;
}

/* .box-review
----------------------------------------------- */
.box-review{
margin:0 0 15px;
padding:5px 4px;
border:1px solid #dbd9ca;
border-radius:4px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#f5f3ed;
}
.box-review > .box-hdg,
.box-review > .hdg-lyt .box-hdg{
margin:0 0 0 10px;
padding:5px 10px 8px 97px;
font-weight:bold;
}
.box-review > .hdg-lyt{
position:relative;
}
.box-review > .hdg-lyt .star-rating{
position:absolute;
top:5px;
left:0;
background:url('/winj/img/pc/icon-stars.png') no-repeat;
}
.box-review > .hdg-lyt .star-rating span{
display:block;
position:relative;
z-index:-1;
overflow:hidden;
width:74px;
height:14px;
}

.box-review > .hdg-lyt .star-rating.rate-0{
background-position:right 0;
}
.box-review > .hdg-lyt .star-rating.rate-1{
background-position:-60px 0;
}
.box-review > .hdg-lyt .star-rating.rate-2{
background-position:-45px 0;
}
.box-review > .hdg-lyt .star-rating.rate-3{
background-position:-30px 0;
}
.box-review > .hdg-lyt .star-rating.rate-4{
background-position:-15px 0;
}
.box-review > .hdg-lyt .star-rating.rate-5{
background-position:0 0;
}
.box-review > .inner{
padding:10px;
background:#fff;
}
.box-review > .inner > .info{
padding:5px 0 0;
border-top:1px solid #d6d6d6;
font-size:92.85714%;
}
.box-review > .inner > .info .list-def-02{
float:right;
margin:0 0 5px;
}
.box-review > .inner > .info .list-def-02 > dt{
margin:0 0 0 10px;
padding:0;
border-left:none;
}
.box-review > .inner > .info .list-def-02 > dt:first-child{
margin-left:0;
}
.box-review > .inner > .info .list-linear{
float:right;
clear:both;
}
.box-review > .inner > .info .list-linear > li{
margin:0 0 0 15px;
}
.box-review > .inner > .info .list-linear > li:first-child{
margin-left:0;
}
.box-review > .inner > .info .list-linear .list-def > dt{
float:left;
clear:none;
overflow:visible;
margin:0 0 0 15px;
padding:0 7px 0 0;
}
.box-review > .inner > .info .list-linear .list-def > dt :first-child{
margin-left:0;
}
.box-review > .inner > .info .list-linear .list-def > dd{
float:left;
margin:4px 0 0 3px;
font-size:107.69231%;
}
.box-review > .inner > .info .list-linear .btn-02{
font-size:100%;
}
.box-review > .inner > .info .list-linear .link{
margin-top:4px;
}

/* .box-sub
----------------------------------------------- */
.box-sub{
position: relative;
margin:4px 0 19px;
padding:10px;
/*border-top:3px solid #60be00;
*/border-right:1px solid #c8c8c8;
border-bottom:1px solid #c8c8c8;
border-left:1px solid #c8c8c8;
background-color:#fff;
}
.box-sub:before{
position: absolute;
content: "";
display: block;
width: 100%;
height:4px;
background:#60be00;
left:-1px;
top:-4px;
padding:0 2px 0 0;
}


.box-sub > .box-hdg,
.box-sub > .hdg-lyt .box-hdg{
margin:0 0 15px;
font-weight:normal;
font-size:135.71429%;
}
.box-sub > .hdg-lyt .box-hdg{
padding-right:68px;
}
.box-sub > .hdg-lyt .icon-hdg{
margin-top:-1em;
}
.box-sub select{
width:100%;
}
.box-sub .lyt-image{
min-height:126px;
}

/* .box-sub-02
----------------------------------------------- */
.box-sub-02{
line-height:1.23077;
margin:0 0 10px;
padding:0 10px 10px;
border:4px solid #e7e6e1;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
font-size:92.85714%;
}
.box-sub-02 > .box-hdg,
.box-sub-02 > .hdg-lyt .box-hdg{
position:relative;
margin:0 -10px 15px;
padding:9px 10px 7px;
background-color:#e7e6e1;
font-weight:normal;
font-size:123.07692%;
}
.box-sub-02 > .hdg-lyt .box-hdg{
padding-right:68px;
}
.box-sub-02 > .hdg-lyt .icon-hdg{
line-height:1.23077;
font-size:107.73451%;
}
.box-sub-02 > .inner{
border-top:1px solid #d6d6d6;
}
.box-sub-02 > .inner > .box-hdg,
.box-sub-02 > .inner > .hdg-lyt .box-hdg{
position:relative;
padding:9px 0 7px 32px;
background:none;
font-weight:normal;
font-size:115.38462%;
}
.box-sub-02 > .inner .icon-hdg{
line-height:1.23077;
font-size:107.73451%;
}
.box-sub-02 .hdg-l6{
font-size:100%;
}
.box-sub-02 select{
font-size:92.85714%;
}
.box-sub-02 .report .info .star-rating [class*="rate-"]{
clear:both;
}

/* .box-sub-03
----------------------------------------------- */
.box-sub-03{
padding:0 5px;
border:1px solid #e5e5e5;
background-color:#fff;
}

/* .box-search
----------------------------------------------- */
.box-search{
padding:10px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#f5f5f3;
}
.box-search > .search-area{
padding:0 0 10px;
border-bottom:1px solid #d0d0ce;
}
.box-search > .search-area p{
margin:0 0 10px;
}
.box-search > .search-area input[type=text]{
margin:0 5px 0 0;
width:440px;
padding:8px 5px 6px;
vertical-align:top;
}
.box-search > .search-area .btn{
position:relative;
padding:9px 31px 7px 15px;
font-size:114.28571%;
}
.box-search > .search-area .btn:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -82px;
top:50%;
right:10px;
}
.box-search .search-list{
line-height:1.23077;
padding:10px 0 0;
}
.box-search .search-list li{
float:left;
padding:0 0 0 20px;
}
.box-search .search-list li:first-child{
padding:0;
}

/* .box-btn
----------------------------------------------- */
.box-btn{
margin:20px -9px -15px;
padding:9px;
background:#f5f5f3;
}
.box-btn *:last-child{
margin-bottom:0;
}
.box-btn.registry{
padding:9px 31px;
font-size:92.85714%;
}
.box-btn.registry *{
margin-bottom:0;
}
.box-btn.registry [class*="icon-"]{
margin-top:2px;
font-weight:bold;
}
.box-btn.registry dl{
position:relative;
}
.box-btn.registry .search-area{
position:absolute;
top:-4px;
right:0;
}
.box-btn.registry .search-area input[type=text]{
vertical-align:top;
width:300px;
margin:0 2px 0 0;
padding:1px 5px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.box-btn.registry .search-area .btn{
position:relative;
width:60px;
padding:2px 5px 0;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:100%;
}
.box-btn.classification p{
margin-bottom:0;
}
.box-btn.classification input[type="text"]{
width:646px;
height:28px;
vertical-align:top;
margin-right:1px;
}
.box-btn.classification .btn{
position:relative;
width:60px;
padding-bottom:2px;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:92.85714%;
}

/* ----------------------------------------------------------------
    tables
----------------------------------------------------------------- */
/* .tbl
----------------------------------------------------- */
.tbl tbody tr th,
.tbl tbody tr td{
padding:6px 0 4px;
}
.tbl tbody tr th{
font-weight:normal;
text-align:left;
}
.tbl tbody tr th + td{
vertical-align:middle;
}

/* .tbl-02
----------------------------------------------------- */
.tbl-02 tbody tr{
display:block;
}
.tbl-02 tbody tr th,
.tbl-02 tbody tr td{
display:block;
width:100%;
text-align:left;
float:left;
}
.tbl-02 tbody tr th{
padding:5px 0 3px;
}
.tbl-02 tbody tr td{
padding:0 0 8px 1px;
background: url('/winj/img/pc/dotline.gif') repeat-x left bottom;
}
.tbl-02 tbody tr:after{
display:block;
clear:both;
content:"";
}

/* .tbl-03
----------------------------------------------------- */
.tbl-03{
border:1px solid #c8c8c8;
}
.tbl-03 th,
.tbl-03 td{
border:1px solid #c8c8c8;
}
.tbl-03 thead th,
.tbl-03 thead td{
vertical-align:middle;
padding:6px 3px 4px;
border-bottom:2px solid #60be00;
background:#eff1d6;
}
.tbl-03 tbody th,
.tbl-03 tbody td{
padding:4px;
}
.tbl-03 tbody th{
text-align:center;
}
.tbl-03.tag thead th{
font-weight:bold;
text-align:left;
}
.tbl-03.tag thead .search{
padding:10px 10px 10px 5px;
}
.tbl-03.tag thead .search *{
margin-bottom:0;
}
.tbl-03.tag thead .search [class*="icon-"]{
float:left;
margin-top:3px;
}
.tbl-03.tag thead .search .search-area{
float:right;
}
.tbl-03.tag thead .search .search-area input[type=text]{
vertical-align:top;
width:300px;
margin:0 2px 0 0;
padding:1px 5px;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:92.85714%;
}
.tbl-03.tag thead .search .search-area [class*="btn"]{
width:60px;
-moz-box-sizing:border-box;
box-sizing:border-box;
font-size:92.85714%;
}
.tbl-03.tag tbody td{
width:20%;
vertical-align:middle;
font-size:92.85714%;
text-align:center;
}
.tbl-03 td ul{
    margin-bottom: 0;
}
.tbl-03.tag + .nav-area{
margin-top:-5px;
}

/* .tbl-04
----------------------------------------------------- */
.tbl-04{
border:1px solid #c8c8c8;
}
.tbl-04 th,
.tbl-04 td{
border:1px solid #c8c8c8;
}
.tbl-04 tbody th,
.tbl-04 tbody td{
padding:4px;
}
.tbl-04 tbody th, .head{
background:#eff1d6;
text-align: left;
}

/* .tbl-search
----------------------------------------------------- */
.tbl-search tbody tr th,
.tbl-search tbody tr td{
vertical-align:middle;
padding:4px 9px 2px;
border:1px solid #fff;
}
.tbl-search tbody tr th input[type="text"],
.tbl-search tbody tr th select,
.tbl-search tbody tr td input[type="text"],
.tbl-search tbody tr td select{
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 10px;
padding: 0;
}
.tbl-search tbody tr th input[type="text"]:first-child,
.tbl-search tbody tr th select:first-child,
.tbl-search tbody tr td input[type="text"]:first-child,
.tbl-search tbody tr td select:first-child{
margin-left:0;
}

.tbl-search tbody tr th{
text-align:left;
background:#eff1d6;	/* L14PTF202112 CHG #fae1dc; -> #eff1d6; */
}
.tbl-search tbody tr td{
background:#f5f5f3;
}
.tbl-search tbody tr td + td{
background:#eff1d6;	/* L14PTF202112 CHG #fae1dc; -> #eff1d6; */
}
.tbl-search tbody tr .empty{
background:#fff;
}
.tbl-search .btn-02.icon-config{
display:inline-block;
}
.tbl-search.unique tr td{
background:#ffffff;
text-align:center;
}
.tbl-search.unique tr td:nth-child(2n+2){
background:#e7e6e1;
}
.tbl-search.unique-02 tr th{
background:#e2e1dc;
}

/* tables adjust
----------------------------------------------------- */
.tbl.left,
.tbl-02.left,
.tbl-03.left,
.tbl-search.left{
text-align:left;
}
.tbl.center,
.tbl-02.center,
.tbl-03.center,
.tbl-search.center{
text-align:center;
}
.tbl.right,
.tbl-02.right,
.tbl-03.right,
.tbl-search.right{
text-align:right;
}
.tbl tbody.left,
.tbl-02 tbody.left,
.tbl-03 tbody.left,
.tbl-search tbody.left{
text-align:left;
}
.tbl tbody.center,
.tbl-02 tbody.center,
.tbl-03 tbody.center,
.tbl-search tbody.center{
text-align:center;
}
.tbl tbody.right,
.tbl-02 tbody.right,
.tbl-03 tbody.right,
.tbl-search tbody.right{
text-align:right;
}
.tbl.vertical-middle th,
.tbl.vertical-middle td,
.tbl-02.vertical-middle th,
.tbl-02.vertical-middle td,
.tbl-03.vertical-middle th,
.tbl-03.vertical-middle td,
.tbl-search.vertical-middle th,
.tbl-search.vertical-middle td{
vertical-align:middle;
}
.tbl tbody.vertical-middle th,
.tbl tbody.vertical-middle td,
.tbl-02 tbody.vertical-middle th,
.tbl-02 tbody.vertical-middle td,
.tbl-03 tbody.vertical-middle th,
.tbl-03 tbody.vertical-middle td,
.tbl-search tbody.vertical-middle th,
.tbl-search tbody.vertical-middle td{
vertical-align:middle;
}
.tbl tr.vertical-middle th,
.tbl tr.vertical-middle td,
.tbl-02 tr.vertical-middle th,
.tbl-02 tr.vertical-middle td,
.tbl-03 tr.vertical-middle th,
.tbl-03 tr.vertical-middle td,
.tbl-search tr.vertical-middle th,
.tbl-search tr.vertical-middle td{
vertical-align:middle;
}

/* -----------------------------------------------------
    image
----------------------------------------------------- */
/* .lyt-image
----------------------------------------------------- */
.lyt-image{
position:relative;
padding-left:92px;
}
.lyt-image.col-1{
position:static;
padding:0;
text-align:center;
}
.lyt-image > .link-image{
margin-bottom:0;
font-size:100%;
}
.lyt-image > .link-image > .image > .image-edge img,
.lyt-image > .link-image > .image > img{
max-width:82px;
max-height:116px;
}
.lyt-image > .link-image .image-edge{
position:absolute;
left:0;
width:82px;
background:#fff;
text-align:center;
}
.lyt-image > .link-image .image-edge img{
vertical-align:bottom;
}
.lyt-image > .link-image + .column{
overflow:hidden;
margin-top:5px;
}
.lyt-image.image-small{
padding-left:51px;
}

.lyt-image.image-small > .link-image .image-edge{
width:41px;
}
.lyt-image.image-small > .link-image .image-edge img{
max-width:43px;
max-height:60px;
}
.lyt-image.image-small > .link-image > .image > img{
min-width:41px;
max-width:41px;
max-height:60px;
}
.lyt-image.state{
position:relative;
}
.lyt-image.state .link-image{
padding:0 96px 0 0;
}
.lyt-image.state .link-image .icon-lent,
.lyt-image.state .link-image .icon-borrow,
.lyt-image.state .link-image .icon-others,
.lyt-image.state .link-image .icon-embargo,
.lyt-image.state .link-image .icon-arrear,
.lyt-image.state .link-image .icon-wait{
position:absolute;
top:0;
right:0;
}
.lyt-image.state + .link-list-linear{
margin:0 0 10px;
}

/* ----------------------------------------------------------------
    layout
----------------------------------------------------------------- */
/* .col-2
----------------------------------------------------- */
.col-2{
margin:0 0 10px -1.66667%;
}
.col-2 > .col,
.col-2 > li{
float:left;
width:50%;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
padding:0 0 0 1.66667%;
}

/* .col-4
----------------------------------------------------- */
/* L10PTF201712 DEL START */
/*
.col-4{
margin:0 0 10px;
}
.col-4 > .col,
.col-4 > li{
float:left;
width:25%;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 10px;
padding:0 0 0 1.66667%;
}
.col-4 > .col:first-child,
.col-4 > li:first-child{
padding-left:0;
}
*/
/* L10PTF201712 DEL END */
/* .lyt-indent
----------------------------------------------------- */
.lyt-indent{
margin:0 10px;
}

/* .lyt-indent-02
----------------------------------------------------- */
.lyt-indent-02{
margin:0 0 0 1em;
}

/* ----------------------------------------------------------------
    component
----------------------------------------------------------------- */
/* .calendar-area
----------------------------------------------------- */
.calendar-area table{
margin-bottom:10px;
}
.calendar-area table th,
.calendar-area table td{
line-height:1.8;
vertical-align:top;
padding:2px;
border:1px solid #c8c8c8;
text-align:center;
}
.calendar-area table thead th,
.calendar-area table thead td{
background:#e7e6e1;
color:#1e1e1e;
font-size:92.85714%;
}
.calendar-area table tbody th,
.calendar-area table tbody td{
font-size:85.71429%;
text-align:center;
}
.calendar-area table tbody th .icon,
.calendar-area table tbody td .icon{
display:block;
position:relative;
overflow:hidden;
margin:-2px auto 0;
background:url('/winj/img/pc/icon-calendar.png') no-repeat;
color:#fff;
}
.calendar-area table tbody th .icon > span,
.calendar-area table tbody td .icon > span{
position:relative;
z-index:-1;
}
.calendar-area table tbody th > .closed01,
.calendar-area table tbody td > .closed01{
margin-bottom:0;
color:#cc4e00;
}
.calendar-area table tbody th > .closed01 > .icon,
.calendar-area table tbody td > .closed01 > .icon{
width:9px;
height:11px;
background-position:0 0;
}
.calendar-area table tbody th > .closed02,
.calendar-area table tbody td > .closed02{
margin-bottom:0;
color:#0058e6;
}
.calendar-area table tbody th > .closed02 > .icon,
.calendar-area table tbody td > .closed02 > .icon{
width:9px;
height:9px;
background-position:-9px -1px;
}
.calendar-area table tbody th > .closed03,
.calendar-area table tbody td > .closed03{
margin-bottom:0;
color:#008299;
}
.calendar-area table tbody th > .closed03 > .icon,
.calendar-area table tbody td > .closed03 > .icon{
width:11px;
height:11px;
background-position:-18px -1px;
}
.calendar-area table tbody th > .closed04,
.calendar-area table tbody td > .closed04{
margin-bottom:0;
color:#cc0066;
}
.calendar-area table tbody th > .closed04 > .icon,
.calendar-area table tbody td > .closed04 > .icon{
width:12px;
height:11px;
background-position:-29px 0;
}
/* 00110 20250901 SAKAKIBARA ADD START */
.calendar-area table tbody th > .half-closed01 > .icon,
.calendar-area table tbody td > .half-closed01 > .icon{
width:9px;
height:10px;
background-position:-41px 0;
}
.calendar-area table tbody th > .half-closed02 > .icon,
.calendar-area table tbody td > .half-closed02 > .icon{
width:9px;
height:10px;
background-position:-50px 0;
}
/* 00110 20250901 SAKAKIBARA ADD END */
.calendar-area table + .hdg-lyt-calendar{
/*margin-top:10px;
*/}
.calendar-area .list-calendar-icon{
margin:10px 0 0;
font-size:85.71429%;
}
.calendar-area .list-calendar-icon > li{
position:relative;
float:left;
margin:0 0 0 30px;
padding:0 0 0 15px;
}
.calendar-area .list-calendar-icon > li:after{
left:0;
background:url('/winj/img/pc/icon-calendar.png') no-repeat;
}
.calendar-area .list-calendar-icon > li.closed03{
/*margin: 0 17px 0 0; */ /*00110 20250901 SAKAKIBARA DEL*/
}
.calendar-area .list-calendar-icon > .closed01{
margin-left:0;
}
.calendar-area .list-calendar-icon > .closed01:after{
top:2px;
width:9px;
height:11px;
background-position:0 0;
}
.calendar-area .list-calendar-icon > .closed02:after{
top:3px;
width:9px;
height:9px;
background-position:-9px -1px;
}
.calendar-area .list-calendar-icon > .closed03:after{
top:2px;
width:11px;
height:11px;
background-position:-18px -1px;
}
.calendar-area .list-calendar-icon > .closed04{
/*margin-left:0;*/	/* L11PTF201812 DEL */
}
.calendar-area .list-calendar-icon > .closed04:after{
top:2px;
width:12px;
height:11px;
background-position:-29px 0;
}
/* 00110 20250901 SAKAKIBARA ADD START */
.calendar-area .list-calendar-icon > .half-closed01:after{
top:2px;
width:9px;
height:10px;
background-position:-41px 0;
}
.calendar-area .list-calendar-icon > .half-closed02:after{
top:2px;
width:9px;
height:10px;
background-position:-50px 0;
}
/* 00110 20250901 SAKAKIBARA ADD END */

/* .hdg-lyt-calendar
----------------------------------------------------- */
.hdg-lyt-calendar{
position:relative;
margin:0 0 10px;
}
.hdg-lyt-calendar .hdg-calendar{
padding:2px 25px 0;
font-weight:bold;
text-align:center;
}
.hdg-lyt-calendar .next,
.hdg-lyt-calendar .prev{
position:absolute;
top:0;
}
.hdg-lyt-calendar .next .btn-02,
.hdg-lyt-calendar .prev .btn-02{
overflow:hidden;
width:20px;
height:20px;
}
.hdg-lyt-calendar .next .btn-02 span,
.hdg-lyt-calendar .prev .btn-02 span{
position:absolute;
z-index:-1;
}
.hdg-lyt-calendar .next .btn-02:after,
.hdg-lyt-calendar .prev .btn-02:after{
left:5px;
}
.hdg-lyt-calendar .next{
right:0;
}
.hdg-lyt-calendar .prev{
left:0;
}

/* .nav-area
----------------------------------------------------- */
.nav-area{
margin:10px 0;
text-align:right;
}
.nav-area .nav-btn{
display:inline-block;
float:left;
vertical-align:top;
margin:-4px 0 0;
}
.nav-area .nav-hdg{
display:inline-block;
line-height:1.23077;
vertical-align:top;
margin:0 5px 0 0;
font-weight:normal;
font-size:92.85714%;
}
.nav-area .pager{
float:right;
line-height:1.23077;
margin:0 0 0 15px;
font-size:92.85714%;
}

.hdg-lyt .nav-area{
position:absolute;
top:5px;
right:0;
margin:0;
}
.hdg-lyt .pager{
display:inline-block;
float:none;
margin:0 0 0 40px;
}
.hdg-lyt .pager .prev{
margin:0 20px 0 0;
}
.hdg-lyt .pager .next{
margin:0 0 0 20px;
}

/* .pager
----------------------------------------------------- */
.pager li{
float:left;
}
.pager li a,
.pager li span{
position:relative;
}
.pager li li{
margin:0 2px;
}
.pager li li a{
padding:0 6px;
}
.pager li li a.current,.pager li li a:hover{
background:#60be00;
color:#ffffff;
text-decoration:none;
}
.pager .prev{
margin:0 30px 0 0;
}
.pager .prev a,
.pager .prev span{
padding-left:13px;
}
.pager .next{
margin:0 0 0 30px;
}
.pager .next a,
.pager .next span{
padding-right:13px;
}
.pager .next a:after,
.pager .next span:after{
right:0;
left:auto;
}

/* .pager-02
----------------------------------------------------- */
.pager-02{
font-size:92.85714%;
}
.pager-02 a{
position:relative;

}
.pager-02 .prev{
float:left;
}
.pager-02 .prev a{
padding-left:13px;
}
.pager-02 .next{
float:right;
}
.pager-02 .next a{
padding-right:13px;
}
.pager-02 .next a:after{
right:0;
left:auto;
}
.pager-02 .switch-view{
float:right;
margin:-3px 15px 0 0;
}
.pager-02.top{
padding:0 0 8px;
border-bottom:1px dotted #9b9b9b;
}
.pager-02.bottom{
padding:12px 0 0;
border-top:1px dotted #9b9b9b;
}

/* .handle
----------------------------------------------------- */
.handle .check-all{
line-height:1.23077;
}

.handle .check-all input[type="checkbox"]{
position:relative;
top:-1px;
vertical-align:middle;
margin:0 7px 0 0;
}
/* L9PTF201610 ADD START */
.handle .switch-view{
float:right;
}
/* L9PTF201610 ADD END */
.handle .switch-view ul,
.handle .switch-view li,
.handle .switch-view .list-def-02{
float:left;
}

.handle li{
    margin: 0 0 3px 5px;
}

li.switch-view{
    margin: 0 0 5px 0;
}
.handle .switch-view ul li select#cmb_oder,.handle .switch-view ul li select#cmb_oder2{
    width: 115px;
}
.handle .switch-view ul,
.handle .switch-view .list-def-02 dt{
font-size:92.85714%;
}
.handle .switch-view ul{
line-height:1.23077;
}
.handle .switch-view ul li{
margin:0 0 0 5px;
}
.handle .switch-view .list-def-02 dt{
margin:3px 0 0;
}
.handle .switch-view .list-def-02 .list-linear{
margin:0;
}
.handle .switch-view .btn-02{
font-size:100%;
}
.handle .switch-view .btn-icon{
margin: 0 0 0 5px;
}
.handle .switch-view .btn-icon > li{
width:24px;
height:24px;
margin: 0;
}


.handle li>h3{
margin-right: 30px;
}

.handle .switch-view li>input#id-pageInput1{
    margin-left:30px;
    height: 15px;
}
.handle .switch-view li>input#id-pageInput2{
    margin-left:30px;
    height: 15px;
}
.handle .group .icon-notice,
.handle .group .icon-reserve{
padding-top:5px;
}
.handle .group-02{
float:right;
}



/* .modal
----------------------------------------------------- */
.modal-overlay{
position:absolute;
top:0;
left:0;
z-index:10;
width:100%;
height:100%;
min-width:984px;
background:#000;
}

.modal-window{
position:absolute;
z-index:100;
width:780px;
padding:0 20px 20px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:6px solid #e7e6e1;
background-color:#fff;
}
.modal-window .modal-inner{
position:relative;
}
.modal-window .modal-inner .list-def-02.name{
position:absolute;
top:0;
right:0;
}
.modal-window .modal-inner.scroll{
overflow-y:scroll;
padding-right:20px;
}
.modal-window .modal-inner.scroll *:last-child{
margin-bottom:0;
}
.modal-window .modal-inner.classification{
margin:0 -20px;
}
.modal-window .modal-inner + .box{
margin-bottom:0;
}
.modal-window .modal-inner + .box *:last-child{
margin-bottom:0;
}
.modal-window .modal-inner + .box-03.registry{
margin-top:30px;
}
.modal-window [class*="hdg-l1"],
.modal-window .hdg-lyt.classification{
margin-right:-20px;
margin-left:-10px;
padding-right:20px;
}
.modal-window [class*="hdg-l1"]:first-child,
.modal-window .hdg-lyt:first-child > [class*="hdg-l1"],
.modal-window .hdg-lyt.classification:first-child{
margin-top:0;
}
.modal-window .hdg-lyt .btn-02.icon-close{
font-size:100%;
}
.modal-window .hdg-lyt.classification{
width:748px;
}
.modal-window .btn{
padding:4px 0 1px;
width:180px;
font-size:114.28571%;
}
.modal-window .hdg-l2-02{
font-weight:bold;
font-size:114.28571%;
}
.modal-window input[type="text"],
.modal-window textarea{
width:100%;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.modal-window textarea{
margin-top:10px;
}
.modal-window .box-btn{
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:20px -20px -20px;
}
.modal-window.classification-pop{
position:static;
margin:40px auto;
}
.modal-window.classification-pop .modal-inner.scroll{
overflow-x:scroll;
overflow-y:hidden;
}

/* .ui-star-rating
----------------------------------------------------- */
.ui-star-rating{
text-align:center;
}
.ui-star-rating ul{
width:157px;
margin:0 auto 10px;
text-align:center;
}
.ui-star-rating ul li{
float:left;
margin:0 0 0 3px;
overflow:hidden;
}
.ui-star-rating ul li:first-child{
margin-left:0;
}
.ui-star-rating ul li a{
display:block;
width:29px;
height:30px;
background:url('/winj/img/pc/icon-stars-02.png') no-repeat right 0;
color:#fff;
}
.ui-star-rating ul li a span{
position:relative;
z-index:-1;
}
.ui-star-rating ul li.active a{
background-position:0 0;
}

/* .list-facet
----------------------------------------------------- */
.list-facet.enable .link-list{
display:none;
}
.list-facet.enable .open a:before{
background:none;
}
.list-facet.enable .open .list-hdg{
margin-bottom:5px;
border-bottom:1px solid #b3b3b3;
}
.list-facet.enable .open .list-hdg a:after{
content:"\009589\003058\00308b" !important;
}
.list-facet.enable .open .link-list{
display:block;
}
.list-facet .list-hdg{
margin:-1px -6px;
border-bottom:none;
border:1px solid #b3b3b3;
background: #ffffff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y4ZjdmMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE0NikiIC8+Cjwvc3ZnPg==');
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(50%, #ffffff), color-stop(100%, rgba(248, 247, 243, 0)));
background-image:-webkit-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-ms-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
font-weight:normal;
font-size:100%;
}

.list-facet .list-hdg:hover{
background: #ebebeb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNlNWU1ZTUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RkZGRkYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5MSkiIC8+Cjwvc3ZnPg==');
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}

.list-facet .list-hdg a{
display:block;
position:relative;
padding:10px 9px 6px 30px;
text-decoration:none;
color: #1e1e1e;
}
.list-facet .list-hdg a:after{
overflow:hidden;
content:"\00958b\00304f" !important;
}
.list-facet > li:first-child .list-hdg{
margin-top:-1px;
}
.list-facet > li:last-child .list-hdg{
border-bottom:1px solid #b3b3b3;
}
.list-facet .link-list{
margin:0 0 15px;
font-size:92.85714%;
}
.list-facet .link-list li{
margin:2px 0 0;
}
.list-facet .link-list li>form{
margin:-14px 0 14px;
}
.list-facet .link-list li:first-child{
margin-top:14px;
}
.list-facet .link-list li a{
display:block;
padding:4px 9px 2px 25px;
}
.list-facet .link-list li a:after{
top:0.7em;
left:9px;
}
.list-facet .link-list li.selected{
background:#eff1d6;
}
.list-facet .link-list li.selected a{
color:#4c4c4c;
text-decoration:none;
}

/* .list-tree
----------------------------------------------------- */
.list-tree{
position:relative;
margin:0 0 0 9px;
background:url('/winj/img/pc/tree/bg-base.gif') repeat-y 0 0;
font-size:92.85714%;
}
.list-tree h2,
.list-tree h3,
.list-tree h4,
.list-tree h5,
.list-tree h6{
font-weight:normal;
font-size:100%;
}
.list-tree li{
background:url('/winj/img/pc/tree/bg-branch.gif') no-repeat 0 11px;
}
.list-tree li:last-child{
position:relative;
padding-left:9px;
border-left:1px solid #fff;
background:none;
}
.list-tree li:last-child:after{
top:0;
left:-1px;
width:10px;
height:24px;
content:url(/winj/img/pc/tree/bg-last.gif);
}
.list-tree li > .child{
display:none;
position:relative;
margin:0 0 0 110px;
padding:7px 0 0 113px;
background:url('/winj/img/pc/tree/bg-base.gif') repeat-y 113px 0;
}
.list-tree li > .child li{
padding:0 0 0 9px;
}
.list-tree li > .child li:first-child:after{
top:0;
left:0;
content:url('/winj/img/pc/tree/bg-child-first.gif');
}
.list-tree li.selected > .child{
display:block;
}
.list-tree > li{
padding:0 0 0 10px;
}
.list-tree > li:first-child{
background:url('/winj/img/pc/tree/bg-first.gif') no-repeat 0 0;
}
.list-tree li a{
display:inline-block;
position:relative;
width:220px;
padding:4px 8px 2px 25px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list-tree li a:before{
top:7px;
left:9px;
margin-top:0;
}
.list-tree li a:after{
top:11px;
left:5px;
margin-top:0;
}
.list-tree li.selected > h2 a,
.list-tree li.selected > h3 a,
.list-tree li.selected > h4 a,
.list-tree li.selected > h5 a,
.list-tree li.selected > h6 a,
.list-tree li.selected > a{
background:#eff1d6;
color:#4c4c4c;
text-decoration:none;
}
.list-tree li.selected > h2 a:before,
.list-tree li.selected > h3 a:before,
.list-tree li.selected > h4 a:before,
.list-tree li.selected > h5 a:before,
.list-tree li.selected > h6 a:before,
.list-tree li.selected > a:before{
background:none;
}
.list-tree li > .child.terminal > li a:before{
background:none;
}
.list-tree li > .child.terminal > li a:after{
top:0.6em;
left:9px;
background:none;
}

/* .list-search
----------------------------------------------------- */
.list-search li{
background:#fbdfd1;
}
.list-search li label{
height:100%;
display:block;
}
.list-search li span{
text-align:right;
padding:10px 4px;
background:#f5f4ed;
}

/* ----------------------------------------------------------------
    partials
----------------------------------------------------------------- */
/* .report
----------------------------------------------- */
.report .title{
font-weight: normal;
}
.report .info{
line-height:1.25;
font-size:85.71429%;
min-height: 38px;
}
.report .info p,
.report .info ul,
.report .info ol{
margin-bottom:8px;
}
.report .info .star-rating{
margin:0 0 8px;
}
.report .info .star-rating dt,
.report .info .star-rating dd{
float:left;
}
.report .info .star-rating dt:after{
content: ":";
padding: 0 5px;
}
.report .info .star-rating dd[class*="rate-"]{
float:left;
background:url('/winj/img/pc/icon-stars.png') no-repeat;
margin-top: -1px;
}
.report .info .star-rating dd span{
display:block;
position:relative;
z-index:-1;
overflow:hidden;
width:74px;
height:14px;
}
.report .info .star-rating dd.rate-0{
background-position:right 0;
}
.report .info .star-rating dd.rate-1{
background-position:-60px 0;
}
.report .info .star-rating dd.rate-2{
background-position:-45px 0;
}
.report .info .star-rating dd.rate-3{
background-position:-30px 0;
}
.report .info .star-rating dd.rate-4{
background-position:-15px 0;
}
.report .info .star-rating dd.rate-5{
background-position:0 0;
}
.report .info .star-rating dd.rate-5{
background-position:-60px -14px;
}
.report .info .star-rating dd.rate-15{
background-position:-45px -14px;
}
.report .info .star-rating dd.rate-25{
background-position:-30px -14px;
}
.report .info .star-rating dd.rate-35{
background-position:-15px -14px;
}
.report .info .star-rating dd.rate-45{
background-position:0 -14px;
}
.report .info .star-rating dd.rate-10{
background-position:-60px 0;
}
.report .info .star-rating dd.rate-20{
background-position:-45px 0;
}
.report .info .star-rating dd.rate-30{
background-position:-30px 0;
}
.report .info .star-rating dd.rate-40{
background-position:-15px 0;
}
.report .info .star-rating dd.rate-50{
background-position:0 0;
}
.report .info .list-def-02{
margin:0 0 3px;
min-width: 100px;
}
.report .info .list-def-02,
.report .info .list-linear{
clear:both;
}

.detail .lyt-image{
min-height:126px;
}
.detail .report{
margin:0 0 10px;
}
.detail .report .info{
font-size:100%;
}

/* ----------------------------------------------------------------
    icons
----------------------------------------------------------------- */
.list-bullet > li:after,
.list-def.bullet > dt:before,
.link a:after,
.link-list > li a:after,
.link-list-linear > li a:after,
.box-search .search-list li a:after,
.hdg-lyt-02 > .nav-hdg > .next a:after,
.hdg-lyt-calendar .next .btn-02:after,
.pager .next a:after,
.pager .next span:after,
.pager-02 .next a:after,
.list-tree li > .child.terminal > li a:after,
.link-back a:after,
.link-back-list > li a:after,
.link-back-list-linear > li a:after,
.hdg-lyt-02 > .nav-hdg > .prev a:after,
.hdg-lyt-calendar .prev .btn-02:after,
.pager .prev a:after,
.pager .prev span:after,
.pager-02 .prev a:after,
.nav-top a:after,
.list-facet .list-hdg a:before,
.list-tree li a:before,
.list-facet .list-hdg a:after,
.list-tree li a:after,
.hdg-l2-02[class*="icon-"] > [class*="icon-"]:after,
.hdg-l3:after,
.list-selected a:after,
.box-search > .search-area .btn:after,
.calendar-area .list-calendar-icon > .closed01:after,
.calendar-area .list-calendar-icon > .closed02:after,
.calendar-area .list-calendar-icon > .closed03:after,
.calendar-area .list-calendar-icon > .closed04:after,
/* 00110 20250901 SAKAKIBARA ADD START */
.calendar-area .list-calendar-icon > .half-closed01:after,
.calendar-area .list-calendar-icon > .half-closed02:after,
/* 00110 20250901 SAKAKIBARA ADD END */
.icon-rank-01:after,
.icon-rank-02:after,
.icon-rank-03:after,
.tag-name .icon-tag:after,
.tbl-03.tag .icon-tag:after,
.box-btn.registry .icon-tag:after,
.hdg-l2-04 .icon-tag:after,
.hdg-lyt.tag .icon-tag:after,
.tag-name.icon-tag:after,
.tbl-03.tag.icon-tag:after,
.box-btn.registry.icon-tag:after,
.hdg-l2-04.icon-tag:after,
.icon-tag.hdg-lyt.tag:after,
.icon-up:before,
.icon-star:before,
.hdg-l1[class*="icon-"]:after,
.btn-list-02 > li > a[class*="icon-"]:after,
.btn-list-02 > li > span[class*="icon-"]:after,
.btn-list-02 > li label > a[class*="icon-"]:after,
.btn-list-02 > li label > span[class*="icon-"]:after,
.btn-02[class*="icon-"]:before,
.btn-02[class*="icon-"]:after,
.btn-02.icon-close:after,
.link a[class*="icon-"]:after,
.link-list-linear a[class*="icon-"]:after,
.box-sub-02 [class*="box-hdg"][class*="icon-"]:after{
position:absolute;
display:block;
content:"";
}

/* .icon-new
----------------------------------------------- */
.icon-new{
width:38px;
padding:2px 1px 0;
background: #fe4570;
color:#ffffff;
}

/* .icon-new-02
----------------------------------------------- */
.icon-new-02{
width:38px;
margin:-10px 0 0;
padding: 2px 1px 0px;
background-color:#fe4570;
color:#fff;
text-align: center;
}

/* .icon-best
----------------------------------------------- */
.icon-best{
width:38px;
padding:2px 1px 0;
background: #fbc92e;
color:#000000;
}

/* .icon-recommend
----------------------------------------------- */
.icon-recommend{
width:50px;
border:1px solid #103ba8;
background-color:#0177bb;
color:#fff;
}

/* .icon-reserveExist
----------------------------------------------- */
.icon-delay{
width:38px;
border:1px solid #dd0b06;
background-color:#dd0b06;
color:#fff;
}

/* .icon-delay
----------------------------------------------- */
.icon-reserveExist{
width:38px;
border:1px solid #d2a417;
background-color:#ffd75e;
color:#333;
}

/* .icon-available
----------------------------------------------- */
.icon-available{
width:48px;
border:1px solid #a31c01;
background-color:#cf2200;
color:#fff;
}

/* .icon-compendium
----------------------------------------------- */
.icon-compendium{
width:50px;
border:1px solid #004a05;
background-color:#008109;
color:#fff;
}

/* .icon-rank(-02 / -03)
----------------------------------------------- */
.icon-rank-01,
.icon-rank-02,
.icon-rank-03{
position:relative;
min-width:50px;
height:18px;
padding:2px 5px 0 20px;
color:#fff;
font-style:normal;
}
.icon-rank-01:after,
.icon-rank-02:after,
.icon-rank-03:after{
overflow:hidden;
height:14px;
width:14px;
margin-top:-7px;
background-position:0 -165px;
top:50%;
left:5px;
}

.icon-rank-01{
background-color:#c89919;
}

.icon-rank-02{
background-color:#898574;
}

.icon-rank-03{
background-color:#dc8d47;
}

/* .icon-tag
----------------------------------------------- */
.tag-name .icon-tag,
.tbl-03.tag .icon-tag,
.box-btn.registry .icon-tag,
.hdg-l2-04 .icon-tag,
.hdg-lyt.tag .icon-tag{
position:relative;
padding:0 0 0 30px;
}
.tag-name .icon-tag:after,
.tbl-03.tag .icon-tag:after,
.box-btn.registry .icon-tag:after,
.hdg-l2-04 .icon-tag:after,
.hdg-lyt.tag .icon-tag:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -914px;
top:50%;
left:7px;
}
.tag-name.icon-tag,
.tbl-03.tag.icon-tag,
.box-btn.registry.icon-tag,
.hdg-l2-04.icon-tag,
.icon-tag.hdg-lyt.tag{
padding-left:30px;
}
.tag-name.icon-tag:after,
.tbl-03.tag.icon-tag:after,
.box-btn.registry.icon-tag:after,
.hdg-l2-04.icon-tag:after,
.icon-tag.hdg-lyt.tag:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -914px;
top:50%;
left:7px;
}

.box-btn.registry .icon-tag{
margin-left:-5px;
}

/* .icon-news
----------------------------------------------- */
.tag-name .icon-news{
background:url('/winj/img/pc/news.png') no-repeat;
font-weight:bold;
position:relative;
padding:0 0 0 50px;
}
/* .icon-lent
----------------------------------------------- */
.icon-lent{
border-color:#fd2558;
color:#ffffff;
background-color: #fd2558;
}

/* .icon-borrow
----------------------------------------------- */
.icon-borrow{
border-color:#4bb3d1;
background:#4bb3d1;
color:#fff;
border-radius: 0;
}

/* .icon-others
----------------------------------------------- */
.icon-others{
border-color:#626262;
color:#ffffff;
background: #626262;
font-weight:bold;
}

/* .icon-up
----------------------------------------------- */
.icon-up{
position:relative;
padding:0 0 0 27px;
text-decoration:underline;
}
.icon-up:before{
overflow:hidden;
height:13px;
width:18px;
margin-top:-6.5px;
background-position:0 -1260px;
top:50%;
width:18px;
height:13px;
}

/* .icon-star
----------------------------------------------- */
.icon-star{
position:relative;
padding:0 0 0 1em;
}
.icon-star:before{
top:0;
left:0;
content:"\002605";
}

/* .hdg-l1 / set icons
----------------------------------------------- */
.hdg-l1[class*="icon-"]:after{
top:50%;
left:0px;
height:40px;
width:40px;
}
.hdg-l1.icon-search-detail:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 0;
}
.hdg-l1.icon-best-circulation:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -124px;
}

.hdg-l1.icon-best-reservation:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -262px;
}

.hdg-l1.icon-new-03:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -180px;
}
.hdg-l1.icon-recommend-02:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -303px;
}
.hdg-l1.icon-search-category:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -41px;
}
.hdg-l1.icon-reference:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -1315px;	/* L9PTF201704 CHG -180 -> -1315 */
}
.hdg-l1.icon-news:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -221px;
}
.hdg-l1.icon-change-user-info:after{
overflow:hidden;
height:39px;
width:39px;
margin-top:-19.5px;
background-position:0 -874px;
}
.hdg-l1.icon-book-card:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -1274px;
}
.hdg-l1.icon-calendar:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -365px;
}
.hdg-l1.icon-my-library:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -406px;
}

/* .btn-list-02 / set icons
----------------------------------------------- */
.btn-list-02 > li > a,
.btn-list-02 > li > span,
.btn-list-02 > li label > a,
.btn-list-02 > li label > span{
position:relative;
}
.btn-list-02 > li > a[class*="icon-"]:after,
.btn-list-02 > li > span[class*="icon-"]:after,
.btn-list-02 > li label > a[class*="icon-"]:after,
.btn-list-02 > li label > span[class*="icon-"]:after{
top:50%;
left:10px;
height:40px;
width:40px;
}
.btn-list-02 > li > a[class*="icon-"] dl,
.btn-list-02 > li > a[class*="icon-"] .title,
.btn-list-02 > li > span[class*="icon-"] dl,
.btn-list-02 > li > span[class*="icon-"] .title,
.btn-list-02 > li label > a[class*="icon-"] dl,
.btn-list-02 > li label > a[class*="icon-"] .title,
.btn-list-02 > li label > span[class*="icon-"] dl,
.btn-list-02 > li label > span[class*="icon-"] .title{
padding:0 0 0 50px;
}
.btn-list-02 > li > a.icon-book:after,
.btn-list-02 > li > span.icon-book:after,
.btn-list-02 > li label > a.icon-book:after,
.btn-list-02 > li label > span.icon-book:after{
overflow:hidden;
height:27px;
width:31px;
margin-top:-13.5px;
background-position:0 0;
}
.btn-list-02 > li > a.icon-status-borrow:after,
.btn-list-02 > li > span.icon-status-borrow:after,
.btn-list-02 > li label > a.icon-status-borrow:after,
.btn-list-02 > li label > span.icon-status-borrow:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -447px;
}
.btn-list-02 > li > a.icon-history:after,
.btn-list-02 > li > span.icon-history:after,
.btn-list-02 > li label > a.icon-history:after,
.btn-list-02 > li label > span.icon-history:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -652px;
}
.btn-list-02 > li > a.icon-status-reservation:after,
.btn-list-02 > li > span.icon-status-reservation:after,
.btn-list-02 > li label > a.icon-status-reservation:after,
.btn-list-02 > li label > span.icon-status-reservation:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -488px;
}
.btn-list-02 > li > a.icon-request:after,
.btn-list-02 > li > span.icon-request:after,
.btn-list-02 > li label > a.icon-request:after,
.btn-list-02 > li label > span.icon-request:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -570px;
}
.btn-list-02 > li > a.icon-review:after,
.btn-list-02 > li > span.icon-review:after,
.btn-list-02 > li label > a.icon-review:after,
.btn-list-02 > li label > span.icon-review:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -693px;
}
.btn-list-02 > li > a.icon-box-reservation:after,
.btn-list-02 > li > span.icon-box-reservation:after,
.btn-list-02 > li label > a.icon-box-reservation:after,
.btn-list-02 > li label > span.icon-box-reservation:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -529px;
}
.btn-list-02 > li > a.icon-tag:after,
.btn-list-02 > li > span.icon-tag:after,
.btn-list-02 > li label > a.icon-tag:after,
.btn-list-02 > li label > span.icon-tag:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -611px;
}

.btn-list-02 > li > a.icon-ebook:after,
.btn-list-02 > li > span.icon-ebook:after,
.btn-list-02 > li label > a.icon-ebook:after,
.btn-list-02 > li label > span.icon-ebook:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -734px;
}

/* 20251218 0312 ADD START */
.btn-list-02 > li > a.icon-reference:after,
.btn-list-02 > li > span.icon-reference:after,
.btn-list-02 > li label > a.icon-reference:after,
.btn-list-02 > li label > span.icon-reference:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -1315px;
}
/* 20251218 0312 ADD END */
/* .btn-02 / set icons
----------------------------------------------- */
.btn-02[class*="icon-"]{
padding-left:26px;
}
.btn-02[class*="icon-"]:before,
.btn-02[class*="icon-"]:after{
position:absolute;
top:50%;
}
.btn-02.icon-rss{
padding-left:23px;
padding-right: 7px;
}
.btn-02.icon-rss:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -103px;
left:1px;
}
.btn-02.icon-popup{
padding-right:25px;
padding-left:5px;
}
.btn-02.icon-popup:after{
right:1px;
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -344px;
}
.btn-02.icon-rec-config{
padding-right:20px;
padding-left:35px;
}
.btn-02.icon-rec-config:before{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -344px;
right:0px;
}
.btn-02.icon-rec-config:after{
overflow:hidden;
height:20px;
width:22px;
margin-top:-10px;
background-position:0 -1356px;
left:6px;
}
.btn-02.icon-bookshelf:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1014px;
left:4px;
}
.btn-02.icon-tag:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -914px;
left:3px;
}
.btn-02.icon-review:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1035px;
left:4px;
}
.btn-02.icon-good:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1077px;
left:3px;
}
.btn-02.icon-no-good:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1098px;
left:3px;
}
.btn-02.icon-map:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1056px;
left:3px;
}
.btn-02.icon-notice,
.btn-02.icon-change{
line-height:1.25;
color:#1e1e1e;
font-size:85.71429%;
border:1px solid #b3b3b3;
background: #ffffff;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNmZmZmZmYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2Y4ZjdmMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzE0NikiIC8+Cjwvc3ZnPg==');
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(50%, #ffffff), color-stop(100%, rgba(248, 247, 243, 0)));
background-image:-webkit-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:-ms-linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
background-image:linear-gradient(top, #ffffff 50%, #f8f7f3 100%);
font-size:92.85714%;
}
.btn-02.icon-notice:hover,
.btn-02.icon-notice:active,
.btn-02.icon-change:hover,
.btn-02.icon-change:active{
background: #ebebeb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNlNWU1ZTUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RkZGRkYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5MSkiIC8+Cjwvc3ZnPg==');
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}
.btn-02.icon-notice{
padding-left:30px;
}
.btn-02.icon-notice:after{
overflow:hidden;
height:20px;
width:22px;
margin-top:-10px;
background-position:0 -1356px;
left:4px;
}
.btn-02.icon-change{
padding-left:30px;
}
.btn-02.icon-change:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -935px;
left:5px;
}
.btn-02.icon-reserve{
line-height:1.25;
padding-left:30px;
border-color:#aaaaaa;
color:#1e1e1e;
}
.btn-02.icon-reserve:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -993px;
left:5px;
}
.btn-02.icon-reserve:hover,
.btn-02.icon-reserve:active{
background: #ebebeb;
background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5OTEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNlNWU1ZTUiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI2RkZGRkYSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzk5MSkiIC8+Cjwvc3ZnPg==');
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}
.btn-02.icon-delete{
padding-left:27px;
}
.btn-02.icon-delete:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -956px;
left:1px;
}
.btn-02.icon-copy{
padding-left:27px;
}
.btn-02.icon-copy:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1119px;
left:1px;
}
.btn-02.icon-transfert{
padding-left:27px;
}
.btn-02.icon-transfert:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1140px;
left:1px;
}

.btn-02.icon-view-bookshelf{
overflow:hidden;
width:12px;
height:16px;
padding-left:5px;
}
.btn-02.icon-view-bookshelf:after{
overflow:hidden;
height:13px;
width:13px;
margin-top:-6.5px;
background-position:0 -1175px;
left:4px;
}
.btn-02.icon-view-bookshelf.current:after{
overflow:hidden;
height:13px;
width:13px;
margin-top:-6.5px;
background-position:-14px -1175px;
}
.btn-02.icon-view-bookshelf > span{
position:relative;
z-index:-1;
}
.btn-02.icon-view-list{
overflow:hidden;
width:12px;
height:16px;
padding-left:5px;
}
.btn-02.icon-view-list:after{
overflow:hidden;
height:13px;
width:13px;
margin-top:-6.5px;
background-position:0 -1161px;
left:4px;
}
/* 20251218 0312 ADD START */
.btn-02.icon-reference{
overflow:hidden;
width:12px;
height:16px;
padding-left:5px;
}
.btn-02.icon-reference:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-6.5px;
background-position:0 -1315px;
}
/* 20251218 0312 ADD END */
.btn-02.icon-view-list.current:after{
overflow:hidden;
height:13px;
width:13px;
margin-top:-6.5px;
background-position:-14px -1161px;
}
.btn-02.icon-view-list > span{
position:relative;
z-index:-1;
}
.btn-02.icon-close{
margin-top:-16px;
padding:8px 5px 5px 36px;
}
.btn-02.icon-close:after{
overflow:hidden;
height:20px;
width:20px;
margin-top:-10px;
background-position:0 -1189px;
position:absolute;
top:50%;
left:6px;
}

/* .link / .link-list-linear / set icons
----------------------------------------------- */
.link a[class*="icon-"],
.link-list-linear a[class*="icon-"]{
padding-left:25px;
}
.link a[class*="icon-"]:after,
.link-list-linear a[class*="icon-"]:after{
position:absolute;
top:50%;
border:none;
}
.link .icon-infelicity:after,
.link-list-linear .icon-infelicity:after{
overflow:hidden;
height:15px;
width:18px;
margin-top:-7.5px;
background-position:0 -977px;
left:0;
}

.link.right{
margin-top:10px;
}

/* .box-sub-02
----------------------------------------------- */
.box-sub-02 [class*="box-hdg"][class*="icon-"]{
padding-left:44px;
}
.box-sub-02 [class*="box-hdg"][class*="icon-"]:after{
top:50%;
}
.box-sub-02 [class*="box-hdg"].icon-profile:after{
overflow:hidden;
height:32px;
width:38px;
margin-top:-16px;
background-position:0 -808px;
left:0px;
}

.box-sub-02 [class*="box-hdg"].icon-mail:after{
overflow:hidden;
height:32px;
width:38px;
margin-top:-16px;
background-position:0 -841px;
left:4px;
}
.box-sub-02 [class*="box-hdg"].icon-book:after{
overflow:hidden;
height:32px;
width:38px;
margin-top:-16px;
background-position:0 -775px;
left:6px;
}
.box-sub-02 [class*="box-hdg"].icon-pertinent{
padding-left:44px;
}
.box-sub-02 [class*="box-hdg"].icon-pertinent:after{
overflow:hidden;
height:32px;
width:38px;
margin-top:-16px;
background-position:0 -1227px;
left:3px;
}

/* ----------------------------------------------------------------
    adjust
----------------------------------------------------------------- */
 /* text-align
----------------------------------------------- */
.left{
text-align:left !important;
}

.right{
text-align:right !important;
}

.center{
text-align:center !important;
}

 /* vertical-align
----------------------------------------------- */
.vertical-top{
vertical-align:top !important;
}

.vertical-bottom{
vertical-align:bottom !important;
}

.vertical-middle{
vertical-align:middle !important;
}

 /* margin and padding
----------------------------------------------- */
.m-top-0{
margin-top:0px !important;
}

.m-right-0{
margin-right:0px !important;
}

.m-bottom-0{
margin-bottom:0px !important;
}

.m-left-0{
margin-left:0px !important;
}

.p-top-0{
padding-top:0px !important;
}

.p-right-0{
padding-right:0px !important;
}

.p-bottom-0{
padding-bottom:0px !important;
}

.p-left-0{
padding-left:0px !important;
}

.m-top-5{
margin-top:5px !important;
}

.m-right-5{
margin-right:5px !important;
}

.m-bottom-5{
margin-bottom:5px !important;
}

.m-left-5{
margin-left:5px !important;
}

.p-top-5{
padding-top:5px !important;
}

.p-right-5{
padding-right:5px !important;
}

.p-bottom-5{
padding-bottom:5px !important;
}

.p-left-5{
padding-left:5px !important;
}

.m-top-10{
margin-top:10px !important;
}

.m-right-10{
margin-right:10px !important;
}

.m-bottom-10{
margin-bottom:10px !important;
}

.m-left-10{
margin-left:10px !important;
}

.p-top-10{
padding-top:10px !important;
}

.p-right-10{
padding-right:10px !important;
}

.p-bottom-10{
padding-bottom:10px !important;
}

.p-left-10{
padding-left:10px !important;
}

.m-top-15{
margin-top:15px !important;
}

.m-right-15{
margin-right:15px !important;
}

.m-bottom-15{
margin-bottom:15px !important;
}

.m-left-15{
margin-left:15px !important;
}

.p-top-15{
padding-top:15px !important;
}

.p-right-15{
padding-right:15px !important;
}

.p-bottom-15{
padding-bottom:15px !important;
}

.p-left-15{
padding-left:15px !important;
}

.m-top-20{
margin-top:20px !important;
}

.m-right-20{
margin-right:20px !important;
}

.m-bottom-20{
margin-bottom:20px !important;
}

.m-left-20{
margin-left:20px !important;
}

.p-top-20{
padding-top:20px !important;
}

.p-right-20{
padding-right:20px !important;
}

.p-bottom-20{
padding-bottom:20px !important;
}

.p-left-20{
padding-left:20px !important;
}

.m-top-25{
margin-top:25px !important;
}

.m-right-25{
margin-right:25px !important;
}

.m-bottom-25{
margin-bottom:25px !important;
}

.m-left-25{
margin-left:25px !important;
}

.p-top-25{
padding-top:25px !important;
}

.p-right-25{
padding-right:25px !important;
}

.p-bottom-25{
padding-bottom:25px !important;
}

.p-left-25{
padding-left:25px !important;
}

.m-top-30{
margin-top:30px !important;
}

.m-right-30{
margin-right:30px !important;
}

.m-bottom-30{
margin-bottom:30px !important;
}

.m-left-30{
margin-left:30px !important;
}

.p-top-30{
padding-top:30px !important;
}

.p-right-30{
padding-right:30px !important;
}

.p-bottom-30{
padding-bottom:30px !important;
}

.p-left-30{
padding-left:30px !important;
}

.m-top-40{
margin-top:40px !important;
}

.m-right-40{
margin-right:40px !important;
}

.m-bottom-40{
margin-bottom:40px !important;
}

.m-left-40{
margin-left:40px !important;
}

.p-top-40{
padding-top:40px !important;
}

.p-right-40{
padding-right:40px !important;
}

.p-bottom-40{
padding-bottom:40px !important;
}

.p-left-40{
padding-left:40px !important;
}

.m-top-50{
margin-top:50px !important;
}

.m-right-50{
margin-right:50px !important;
}

.m-bottom-50{
margin-bottom:50px !important;
}

.m-left-50{
margin-left:50px !important;
}

.p-top-50{
padding-top:50px !important;
}

.p-right-50{
padding-right:50px !important;
}

.p-bottom-50{
padding-bottom:50px !important;
}

.p-left-50{
padding-left:50px !important;
}

 /* width
----------------------------------------------- */
.w-1{
width:1% !important;
}

.w-2{
width:2% !important;
}

.w-3{
width:3% !important;
}

.w-4{
width:4% !important;
}

.w-5{
width:5% !important;
}

.w-6{
width:6% !important;
}

.w-7{
width:7% !important;
}

.w-8{
width:8% !important;
}

.w-9{
width:9% !important;
}

.w-10{
width:10% !important;
}

.w-11{
width:11% !important;
}

.w-12{
width:12% !important;
}

.w-13{
width:13% !important;
}

.w-14{
width:14% !important;
}

.w-15{
width:15% !important;
}

.w-16{
width:16% !important;
}

.w-17{
width:17% !important;
}

.w-18{
width:18% !important;
}

.w-19{
width:19% !important;
}

.w-20{
width:20% !important;
}

.w-21{
width:21% !important;
}

.w-22{
width:22% !important;
}

.w-23{
width:23% !important;
}

.w-24{
width:24% !important;
}

.w-25{
width:25% !important;
}

.w-26{
width:26% !important;
}

.w-27{
width:27% !important;
}

.w-28{
width:28% !important;
}

.w-29{
width:29% !important;
}

.w-30{
width:30% !important;
}

.w-31{
width:31% !important;
}

.w-32{
width:32% !important;
}

.w-33{
width:33% !important;
}

.w-34{
width:34% !important;
}

.w-35{
width:35% !important;
}

.w-36{
width:36% !important;
}

.w-37{
width:37% !important;
}

.w-38{
width:38% !important;
}

.w-39{
width:39% !important;
}

.w-40{
width:40% !important;
}

.w-41{
width:41% !important;
}

.w-42{
width:42% !important;
}

.w-43{
width:43% !important;
}

.w-44{
width:44% !important;
}

.w-45{
width:45% !important;
}

.w-46{
width:46% !important;
}

.w-47{
width:47% !important;
}

.w-48{
width:48% !important;
}

.w-49{
width:49% !important;
}

.w-50{
width:50% !important;
}

.w-51{
width:51% !important;
}

.w-52{
width:52% !important;
}

.w-53{
width:53% !important;
}

.w-54{
width:54% !important;
}

.w-55{
width:55% !important;
}

.w-56{
width:56% !important;
}

.w-57{
width:57% !important;
}

.w-58{
width:58% !important;
}

.w-59{
width:59% !important;
}

.w-60{
width:60% !important;
}

.w-61{
width:61% !important;
}

.w-62{
width:62% !important;
}

.w-63{
width:63% !important;
}

.w-64{
width:64% !important;
}

.w-65{
width:65% !important;
}

.w-66{
width:66% !important;
}

.w-67{
width:67% !important;
}

.w-68{
width:68% !important;
}

.w-69{
width:69% !important;
}

.w-70{
width:70% !important;
}

.w-71{
width:71% !important;
}

.w-72{
width:72% !important;
}

.w-73{
width:73% !important;
}

.w-74{
width:74% !important;
}

.w-75{
width:75% !important;
}

.w-76{
width:76% !important;
}

.w-77{
width:77% !important;
}

.w-78{
width:78% !important;
}

.w-79{
width:79% !important;
}

.w-80{
width:80% !important;
}

.w-81{
width:81% !important;
}

.w-82{
width:82% !important;
}

.w-83{
width:83% !important;
}

.w-84{
width:84% !important;
}

.w-85{
width:85% !important;
}

.w-86{
width:86% !important;
}

.w-87{
width:87% !important;
}

.w-88{
width:88% !important;
}

.w-89{
width:89% !important;
}

.w-90{
width:90% !important;
}

.w-91{
width:91% !important;
}

.w-92{
width:92% !important;
}

.w-93{
width:93% !important;
}

.w-94{
width:94% !important;
}

.w-95{
width:95% !important;
}

.w-96{
width:96% !important;
}

.w-97{
width:97% !important;
}

.w-98{
width:98% !important;
}

.w-99{
width:99% !important;
}

.w-100{
width:100% !important;
}

 /* display
----------------------------------------------- */
.block{
display:block !important;
}

.inline-block{
display:inline-block !important;
}

.inline{
display:inline !important;
}

 /* float
----------------------------------------------- */
.float-right{
float:right !important;
}

.float-left{
float:left !important;
}

.link-list > li p a:after{
border:none;
}

.bold{
font-weight:bold;
}

/* L8 ADD START */
.hide {
  display: none;
}
/* L8 ADD END */

/* L11 ADD START */
.btn-theme{
display:inline-block;
border:1px solid #c43800;
background-color:#c43800;
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-box-shadow:inset 0 0 0 1px rgba(252, 252, 252, 0.4);
box-shadow:inset 0 0 0 1px rgba(252, 252, 252, 0.4);
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc4e00), color-stop(100%, #c43800));
background-image:-webkit-linear-gradient(top, #cc4e00 0%, #c43800 100%);
background-image:-moz-linear-gradient(top, #cc4e00 0%, #c43800 100%);
background-image:-ms-linear-gradient(top, #cc4e00 0%, #c43800 100%);
background-image:linear-gradient(top, #cc4e00 0%, #c43800 100%);
text-align:center;
color:#ffffff;
}
.btn-theme:link,
.btn-theme:visited{
color:#ffffff;
text-decoration:none;
}
.btn-theme:hover,
.btn-theme:active{
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #cc4e00), color-stop(100%, #c43800));
background-image:-webkit-linear-gradient(bottom, #cc4e00 0%, #c43800 100%);
background-image:-moz-linear-gradient(bottom, #cc4e00 0%, #c43800 100%);
background-image:-ms-linear-gradient(bottom, #cc4e00 0%, #c43800 100%);
background-image:linear-gradient(bottom, #cc4e00 0%, #c43800 100%);
}
.btn-theme-02{
display:inline-block;
position:relative;
line-height:1.23077;
padding:5px 5px 5px;
border:1px solid #b3b3b3;
background: #ffffff;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(50%, #ffffff), color-stop(100%, rgba(246, 246, 243, 0)));
background-image:-webkit-linear-gradient(top, #ffffff 50%, #f6f6f3 100%);
background-image:-moz-linear-gradient(top, #ffffff 50%, #f6f6f3 100%);
background-image:-ms-linear-gradient(top, #ffffff 50%, #f6f6f3 100%);
background-image:linear-gradient(top, #ffffff 50%, #f6f6f3 100%);
font-size:92.85714%;
text-decoration:none;
}
.btn-theme-02:link,
.btn-theme-02:visited{
color:#1e1e1e;
}
.btn-theme-02:hover,
.btn-theme-02:active{
background: #ebebeb;
background-size:100%;
background-image:-webkit-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-webkit-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-moz-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:-ms-linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
background-image:linear-gradient(top, #e5e5e5 50%, #ddddda 100%);
}
.btn-theme-02.selected,
.btn-theme-02.current{
border:1px solid #4b4b4b;
background-color:#e5e5e5;
-webkit-box-shadow:none;
box-shadow:none;
background: #4b4b4b;
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #7a7a7a), color-stop(0%, #666666), color-stop(100%, #4b4b4b));
background-image:-webkit-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:-moz-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:-ms-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
color:#ffffff;
}
#box-utility .list-linear .theme-change{
display: inline;
position: relative;
padding-left: 25px;
cursor: pointer;
font-size: 87.5%;
color: #000000;
}
#box-utility .list-linear .theme-change::after{
content: "";
position: absolute;
display: block;
width: 20px;
height: 20px;
background-image: url('/winj/img/pc/icon-theme-01.png');
background-repeat: no-repeat;
left: 6px;
margin-top: -1.2em;
}
#box-utility .list-linear .theme-change:hover{
color: #000000;
}

.dialog{
position: fixed;
top: 45%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 540px;
height: 480px;
border: 1px solid #b2b2b2;
background-color: #ffffff;
z-index: 9999;
display: none;
}
.dialog h2{
position: relative;
padding-left: 56px;
height: 55px;
line-height: 55px;
border-bottom: 1px solid #b2b2b2;
background-color:#ffffff;
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ebebeb), color-stop(0%, #efefef), color-stop(61.84%, rgba(255, 255, 255, 0.38)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image:-webkit-linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
background-image:-moz-linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
background-image:-ms-linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
background-image:linear-gradient(bottom, #ebebeb 0%, #efefef 0%, rgba(255, 255, 255, 0.38) 61.84%, rgba(255, 255, 255, 0) 100%);
font-weight:normal;
text-align: left;
font-size: 1.5em;
}
.dialog h2::before{
content: "";
position: absolute;
display: block;
width: 32px;
height: 24px;
background-image: url('/winj/img/pc/icon-theme-02.png');
background-repeat: no-repeat;
top: 15px;
left: 15px;
}
.dialog ul{
margin: 5px 40px 0;
}
.dialog ul li{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
width: 140px;
height: 140px;
border: 1px solid #b2b2b2;
padding: 1px;
text-align: center;
margin-top: 20px;
margin-right: 20px;
cursor: pointer;
}
.dialog ul li:nth-child(3n){
margin-right: 0;
}
.dialog ul li:hover{
	opacity: 0.6;
}
.dialog ul li.on{
border: 4px solid #00cccc;
padding: 0px;
}
.dialog ul li::before{
content: '';
display: block;
width: 100%;
height: 110px;
background-image: url('/winj/img/pc/imgStandard.png');
background-repeat: no-repeat;
background-position: center center;
}
.dialog ul li.standard::before{
background-image: url('/winj/img/pc/imgStandard.png');
}
.dialog ul li.girly::before{
background-image: url('/winj/img/pc/imgGirly.png');
}
.dialog ul li.pop::before{
background-image: url('/winj/img/pc/imgPop.png');
}
.dialog ul li.smart::before{
background-image: url('/winj/img/pc/imgSmart.png');
}
.dialog ul li.elegant::before{
background-image: url('/winj/img/pc/imgElegant.png');
}
.dialog ul li a{
color: #4c4c4c;
text-decoration: none;
}
.dialog .btn-theme,
.dialog .btn-theme-02{
width: 120px;
height: 35px;
padding: 0;
line-height: 35px;
text-align: center;
font-size:16px;
cursor: pointer;
}
.dialog .btn-theme-02{
width: 100px;
font-size:15px;
margin-right: 10px;
border:1px solid #b3b3b3;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-color:#ffffff;
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e0e0e0), color-stop(99.54%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image:-webkit-linear-gradient(bottom, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
background-image:-moz-linear-gradient(bottom, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
background-image:-ms-linear-gradient(bottom, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
background-image:linear-gradient(bottom, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
}
.dialog .btn-theme-02:link,
.dialog .btn-theme-02:visited{
color:#000;
}
.dialog .btn-theme-02:hover,
.dialog .btn-theme-02:active{
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(99.54%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image:-webkit-linear-gradient(top, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
background-image:-moz-linear-gradient(top, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
background-image:-ms-linear-gradient(top, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
background-image:linear-gradient(top, #e0e0e0 0%, rgba(255, 255, 255, 0) 99.54%, rgba(255, 255, 255, 0) 100%);
}
.dialog .btn-theme-02.selected,
.dialog .btn-theme-02.current{
border:1px solid #4b4b4b;
background-color:#e5e5e5;
-webkit-box-shadow:none;
box-shadow:none;
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #7a7a7a), color-stop(0%, #666666), color-stop(100%, #4b4b4b));
background-image:-webkit-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:-moz-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:-ms-linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
background-image:linear-gradient(bottom, #7a7a7a 0%, #666666 0%, #4b4b4b 100%);
color:#ffffff;
}
.dialog .buttonArea{
position: absolute;
background: #f5f4ed;
width: 100%;
height: 73px;
line-height: 73px;
text-align: center;
bottom: 0;
}

#areaMask{
position: fixed;
top: 0;
right: 0;
display: none;
width: 100%;
height: 100vh;
-webkit-transition: .25s ease;
-moz-transition: .25s ease;
-ms-transition: .25s ease;
-o-transition: .25s ease;
transition: .25s ease;
background: rgba(0,0,0,.6);
z-index: 9998;
}
/* L11 ADD END */
/* 00110 20250901 SAKAKIBARA ADD START */
.calendar-area .list-calendar-icon > li.part.closed03,
.calendar-area .list-calendar-icon > li.part.half-closed01{
margin-left:0;
}
.calendar-area .list-calendar-icon > .half{
padding-left:0;
}
/* 00110 20250829 SAKAKIBARA ADD END */

/* 20250908 03-01-01-05 KOBAYASHI ADD START */
.cln-item {
    border: 1px solid red;
    padding: 3px;
    text-align: center;
    margin-bottom: 0px;
}
/* 20250908 03-01-01-05 KOBAYASHI ADD END */