@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-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,
.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,	/* L9 ADD */
.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,
.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('/Mpl_audio_visual/img/pc/icons-s73f4ed3ae2.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%;
}

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%;
}

hr{
display:none;
}

/* ----------------------------------------------------------------
    Links
----------------------------------------------------------------- */
a:link{
color:#004d22;
}
a:visited{
color:#004d23;
}
a:active,
a:hover{
outline:0;
text-decoration:none;
}

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

p{
margin:0 0 10px;
}

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

b,
strong{
font-weight:bold;
}

em{
font-style:normal;
}

dfn{
font-style:italic;
}

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

mark{
background:#ff0;
color:#000;
}

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:#cc4e00;
}

/* ----------------------------------------------------------------
    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;
}

.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 #cc4e00;
}

.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 #cc4e00;
}

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

/* ----------------------------------------------------------------
    icon-base
----------------------------------------------------------------- */
.icon-new,
.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;
border-radius:4px;
-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:#cc4e00;
}
.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
----------------------------------------------------------------- */
body{
color:#1f1f1f;
background-color:#f5f4ed;
}

/* ----------------------------------------------------------------
    header
----------------------------------------------------------------- */
#header{
border-top:5px solid #007c3e;
border-bottom:1px solid #deddd8;
-webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.13);
box-shadow:0 0 7px rgba(0, 0, 0, 0.13);
background:#fff;
}
#header > .inner{
position:relative;
width:984px;
margin:0 auto;
}

/* ----------------------------------------------------------------
    nav-global
----------------------------------------------------------------- */
#nav-global{
border-bottom:1px solid #fff;
background-color:#fff;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5OTk5OSIvPjxzdG9wIG9mZnNldD0iNTUlIiBzdG9wLWNvbG9yPSIjY2ZjZmNmIi8+PHN0b3Agb2Zmc2V0PSI5NSUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #999999), color-stop(55%, #cfcfcf), color-stop(95%, #ffffff), color-stop(100%, #ffffff));
background-image:-webkit-linear-gradient(bottom, #999999 0%, #cfcfcf 55%, #ffffff 95%, #ffffff 100%);
background-image:-moz-linear-gradient(bottom, #999999 0%, #cfcfcf 55%, #ffffff 95%, #ffffff 100%);
background-image:-ms-linear-gradient(bottom, #999999 0%, #cfcfcf 55%, #ffffff 95%, #ffffff 100%);
background-image:linear-gradient(bottom, #999999 0%, #cfcfcf 55%, #ffffff 95%, #ffffff 100%);
font-size:114.28571%;
text-align:center;
}
#nav-global ul li{
float:left;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 1px 0 0;
}
#nav-global ul li:first-child{
padding-left:1px;
}
#nav-global ul li a{
display:block;
position:relative;
padding:19px 5px 14px;
background-color:#fff;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWFlOSIvPjxzdG9wIG9mZnNldD0iNTAuMzQlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuNSkiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9InJnYmEoMjU1LCAyNTUsIDI1NSwgMCkiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA=');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #ebeae9), color-stop(50.34%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(255, 255, 255, 0)));
background-image:-webkit-linear-gradient(bottom, #ebeae9 0%, rgba(255, 255, 255, 0.5) 50.34%, rgba(255, 255, 255, 0) 100%);
background-image:-moz-linear-gradient(bottom, #ebeae9 0%, rgba(255, 255, 255, 0.5) 50.34%, rgba(255, 255, 255, 0) 100%);
background-image:-ms-linear-gradient(bottom, #ebeae9 0%, rgba(255, 255, 255, 0.5) 50.34%, rgba(255, 255, 255, 0) 100%);
background-image:linear-gradient(bottom, #ebeae9 0%, rgba(255, 255, 255, 0.5) 50.34%, rgba(255, 255, 255, 0) 100%);
text-decoration:none;
}
#nav-global ul li a:hover,
#nav-global ul li a:active,
#nav-global ul li a.current{
background:#fff;
padding-bottom:11px;
border-bottom:3px solid #007c3e;
color:#4c4c4c;
}
#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{
bottom:-3px;
width:1px;
height:3px;
background:#fff;
}
#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{
width:141px;
}
#nav-global .col-7 li:first-child,
#nav-global .col-7 li:first-child + li,
#nav-global .col-7 li:first-child + li + li{
width:140px;
}
#nav-global .col-8 li{
width:12.5%;
}

/* ----------------------------------------------------------------
    box-utility
----------------------------------------------------------------- */
#box-utility{
position:absolute;
top:20px;
right:0;
padding:10px;
border:1px solid #dbdacb;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#f5f4ed;
}
#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:85.71429%;
}
#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 #007c3e;
}
#nav-guide .search-area .btn{
padding:2px 7px 0;
border:1px solid #004d22;
background-color:#007c3e;
-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-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGQyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2MzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #004d22), color-stop(100%, #007c3e));
background-image:-webkit-linear-gradient(bottom, #004d22 0%, #007c3e 100%);
background-image:-moz-linear-gradient(bottom, #004d22 0%, #007c3e 100%);
background-image:-ms-linear-gradient(bottom, #004d22 0%, #007c3e 100%);
background-image:linear-gradient(bottom, #004d22 0%, #007c3e 100%);
}
#nav-guide .search-area .btn:hover,
#nav-guide .search-area .btn:active{
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNGQyMiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwN2MzZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #004d22), color-stop(100%, #007c3e));
background-image:-webkit-linear-gradient(top, #004d22 0%, #007c3e 100%);
background-image:-moz-linear-gradient(top, #004d22 0%, #007c3e 100%);
background-image:-ms-linear-gradient(top, #004d22 0%, #007c3e 100%);
background-image:linear-gradient(top, #004d22 0%, #007c3e 100%);
}
#nav-guide + #contents{
margin-top:0;
}

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

/* ----------------------------------------------------------------
    contents
----------------------------------------------------------------- */
#contents{
width:984px;
margin:20px auto 27px;
}
#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 15px;
border:1px solid #b2b2b2;
-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 .section .search-area .btn{
letter-spacing:3px;
}
.lyt-top #main{
padding:0;
border:none;
background:none;
}

/* ----------------------------------------------------------------
    footer
----------------------------------------------------------------- */
#footer{
border-top:1px solid #b3b3b3;
background:#007c3e;
}
#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:37px 0 39px 2px;
color:#004d22;
font-weight:normal;
font-size:185.71429%;
}

/* .hdg-l1
----------------------------------------------- */
.hdg-l1{
position:relative;
margin:20px -9px 15px;
padding:11px 25px 10px 10px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #007c3e;
background-color:#fff;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48c3RvcCBvZmZzZXQ9IjYxLjg0JSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjM4KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
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;
font-size:171.42857%;
}
.hdg-l1[class*="icon-"]{
padding-left:60px;
}

/* .hdg-l1-02
----------------------------------------------- */
.hdg-l1-02{
line-height:1;
margin:20px -9px 15px;
padding:16px 25px 15px 10px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #007c3e;
background-color:#fff;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48c3RvcCBvZmZzZXQ9IjYxLjg0JSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjM4KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
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;
font-size:171.42857%;
}
.hdg-l1-02 > span{
display:block;
padding:0 0 0 10px;
border-left:5px solid #007c3e;
}

/* .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:27px;
width:31px;
margin-top:-13.5px;
background-position:0 0;
}
.hdg-l2.icon-tag:after{
left:5px;
overflow:hidden;
height:36px;
width:40px;
margin-top:-18px;
background-position:0 -365px;
}

/* .hdg-l2-02
----------------------------------------------- */
.hdg-l2-02{
position:relative;
margin:0 0 15px;
padding:5px 7px 4px;
border-top:3px solid #5cbc87;
background:#cce6d9;
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:#cce6d9;
}
.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;
border-bottom:2px solid #007c3e;
font-weight:bold;
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 #007c3e;
font-weight:bold;
background:#cce6d9;
}

/* .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:#cc4e00;
}

/* .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:0;
margin-top:-0.85em;
}
.hdg-lyt .text{
position:absolute;
top:50%;
right:0;
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;
border:1px solid #004d22;
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 *:last-child{
margin-bottom:0;
}
.hdg-lyt.classification{
width:776px;
overflow:hidden;
-moz-box-sizing:border-box;
box-sizing:border-box;
margin:0 0 15px;
padding:16px 25px 15px 10px;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #007c3e;
background-color:#fff;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIvPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiLz48c3RvcCBvZmZzZXQ9IjYxLjg0JSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwLjM4KSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0icmdiYSgyNTUsIDI1NSwgMjU1LCAwKSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
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%);
}
.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:20px;
}

/* .hdg-lyt-02
----------------------------------------------- */
.hdg-lyt-02{
position:relative;
margin:0 0 30px;
padding:10px;
background:#007c3e;
}
.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;
color:#004d22;
}
.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:#cc0100;
}

/* .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{
position:absolute;
top:50%;
left:24px;
margin-top:-0.6em;
font-size:125%;
}

/* .list-linear
----------------------------------------------- */
.list-linear > li{
float:left;
margin:0 0 0 5px;
}
.list-linear > li:first-child{
margin-left: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:0;
}

/* 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;
}

.tbl-02 tbody th .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;
}
.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;
overflow:hidden;
margin:0 0 0 10px;
padding:0 0 0 10px;
border-left:1px dotted #9b9b9b;
}
.list-def-02 > dt:first-child{
margin-left:0;
padding-left:0;
border-left:none;
}
.list-def-02 > dt:after{
content:"：";
}
.list-def-02 > dt.no-colon{
margin:0 1em 0 0;
}
.list-def-02 > dt.no-colon:after{
content:"";
}
.list-def-02 > dd{
float:left;
}
.list-def-02 > dd > b a{
padding:0 5px;
}
.list-def-02 > dd + dd{
margin:0 0 0 10px;
padding:0 0 0 10px;
border-left:1px dotted #9b9b9b;
}

/* .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:#cc4e00;
}

/* .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 -465px;
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:0;
}
.list-bookshelf .thumbnail .equalize p .icon-best{
display:inline-block;
}
.list-bookshelf .thumbnail .equalize p .icon-new-02{
display:inline-block;
position:relative;
bottom:-2px;
margin-left:6px;
}
.list-bookshelf .thumbnail .image{
-webkit-box-shadow:0 0 5px 1px #c5c5c5;
box-shadow:0 0 5px 1px #c5c5c5;
width:82px;
border:1px solid #b1b1b1;
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;
border-bottom:1px solid #d6d6d6;
}
.list-bookshelf > li:nth-child(3n+1) .thumbnail:after{
z-index:1;
bottom:0;
left:0;
content:url(/Mpl_audio_visual/img/pc/bg-bookshelf.gif);
}
.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:65px;
-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:467px;
}
.list-book.result .report > .info{
width:182px;
}
.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:425px;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.list-tag .report > .tag-name .icon-tag{
font-weight:bold;
}
.list-tag .report > .tag-name + .info b,
.list-tag .report > .tag-name + .info span{
font-weight:bold;
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{
border-top:1px solid #d6d6d6;
padding:9px 0 8px;
}
.link-list-02 > li:first-child{
padding-top:0;
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 0 0 20px;
}
.link-list-linear > li:first-child,
.link-back-list-linear > li:first-child{
margin-left:0;
}

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

/* ----------------------------------------------------------------
    buttons
---------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn{
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-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjNGUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MzgwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
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:#fff;
}
.btn:link,
.btn:visited{
color:#fff;
text-decoration:none;
}
.btn:hover,
.btn:active{
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjNGUwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M0MzgwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
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-02
----------------------------------------------- */
.btn-02{
display:inline-block;
position:relative;
line-height:1.23077;
padding:4px 5px 2px;
border:1px solid #b3b3b3;
-moz-box-sizing:border-box;
box-sizing:border-box;
background-color:#fff;
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iOTkuNTQlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
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%);
font-size:92.85714%;
text-decoration:none;
}
.btn-02:link,
.btn-02:visited{
color:#000;
}
.btn-02:hover,
.btn-02:active{
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iOTkuNTQlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
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%);
}
.btn-02.selected,
.btn-02.current{
border:1px solid #4b4b4b;
background-color:#e5e5e5;
-webkit-box-shadow:none;
box-shadow:none;
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:6px 0 3px;
min-width:180px;
}
.btn-list .btn-02{
display:inline-block;
min-width:92px;
padding:9px 0 6px;
}

/* .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 70px 7px 10px;
border:1px solid #b3b3b3;
border-radius:4px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#fff;
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iOTkuNTQlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
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%);
color:#1f1f1f;
text-decoration:none;
}
.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-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjAlIiB4Mj0iNTAlIiB5Mj0iMTAwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iOTkuNTQlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
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%);
}
.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 .number,
.btn-list-02 > li > span .number,
.btn-list-02 > li label > a .number,
.btn-list-02 > li label > span .number{
display:block;
position:absolute;
top:50%;
right:10px;
line-height:1;
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:1px solid #007c3e;
-moz-box-sizing:border-box;
box-sizing:border-box;
border-radius:4px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#fff;
}
#box-login > .box-hdg{
padding:9px 10px 7px;
background-color:#cbe5d9;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzY2ZiOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjZTZkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #a3cfb9), color-stop(100%, #cce6d9));
background-image:-webkit-linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
background-image:-moz-linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
background-image:-ms-linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
background-image:linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
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:bold;
font-size:107.14286%;
}

#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;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #5cbc87;
background:#cce6d9;
}

/* .box-02
----------------------------------------------- */
.box-02{
margin:0 0 10px;
padding:10px;
-moz-box-sizing:border-box;
box-sizing:border-box;
border:1px solid #f3a074;
background:#fbdfd1;
font-size:92.85714%;
}
.box-02 *:last-child{
margin-bottom:0;
}
.box-02.result .hdg-l6{
float:left;
vertical-align:top;
margin:0 8px 0 0;
font-size:100%;
}
.box-02.result .list-linear,
.box-02.result .list-def-02{
float:left;
}
.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 dd{
margin-top:-2px;
}
.box-02.result .switch-view .btn-02{
font-size:100%;
}
.box-02.result *{
margin-bottom:0;
}

/* .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(/Mpl_audio_visual/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{
margin:0 0 10px;
padding:10px;
border-top:3px solid #007c3e;
border-right:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
border-left:1px solid #e5e5e5;
background-color:#fff;
}
.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:1px solid #007c3e;
-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:#cbe5d9;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzY2ZiOSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2NjZTZkOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #a3cfb9), color-stop(100%, #cce6d9));
background-image:-webkit-linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
background-image:-moz-linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
background-image:-ms-linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
background-image:linear-gradient(bottom, #a3cfb9 0%, #cce6d9 100%);
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;
border:1px solid #5cbc87;
border-radius:5px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#cce6d9;
}
.box-search > .search-area{
padding:0 0 10px;
border-bottom:1px solid #5cbc87;
}
.box-search > .search-area p{
margin:0 0 10px;
}
.box-search > .search-area input[type=text]{
margin:0 5px 0 0;
width:440px;
padding:10px 5px 9px;
border:1px solid #004d22;
vertical-align:top;
}
.box-search > .search-area .btn{
position:relative;
padding:9px 35px 7px 15px;
font-size:114.28571%;
}
.box-search > .search-area .btn:after{
overflow:hidden;
height:17px;
width:17px;
margin-top:-8.5px;
background-position:0 -520px;
top:50%;
right:14px;
}
.box-search .search-list{
line-height:1.23077;
padding:10px 0 0;
border-top:1px solid #fff;
font-size:92.85714%;
}
.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:#cce6d9;
}
.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;
border:1px solid #004d22;
}
.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 3px 1px;
border-bottom:1px solid #d6d6d6;
}
.tbl-02 tbody tr:after{
display:block;
clear:both;
content:"";
}

/* .tbl-03
----------------------------------------------------- */
.tbl-03{
border:1px solid #b3b3b3;
}
.tbl-03 th,
.tbl-03 td{
border:1px solid #b3b3b3;
}
.tbl-03 thead th,
.tbl-03 thead td{
vertical-align:middle;
padding:6px 3px 4px;
border-bottom:2px solid #007c3e;
background:#cce6d9;
}
.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;
border:1px solid #004d22;
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.tag + .nav-area{
margin-top:-5px;
}

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

/* .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;
}
.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:#fbdfd1;
}
.tbl-search tbody tr td{
background:#f5f4ed;
}
.tbl-search tbody tr td + td{
background:#fbdfd1;
}
.tbl-search tbody tr .empty{
background:#fff;
}
.tbl-search .btn-02.icon-config{
display:inline-block;
}
.tbl-search.unique tr td{
background:#e5e5e5;
text-align:center;
}
.tbl-search.unique tr td:nth-child(2n+2){
background:#f5f4ed;
}
.tbl-search.unique-02 tr th{
background:#e5e5e5;
}

/* 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;
border:1px solid #e5e5e5;
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:41px;
max-height:58px;
}
.lyt-image.image-small > .link-image > .image > img{
min-width:41px;
max-width:41px;
max-height:58px;
}
.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:0;
border:1px solid #b3b3b3;
}
.calendar-area table th,
.calendar-area table td{
line-height:1.8;
vertical-align:top;
padding:2px;
border:1px solid #b3b3b3;
text-align:center;
}
.calendar-area table thead th,
.calendar-area table thead td{
background:#007c3e;
color:#fff;
font-weight:bold;
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(/Mpl_audio_visual/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;
}
.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 20px;
padding:0 0 0 15px;
}
.calendar-area .list-calendar-icon > li:after{
left:0;
background:url(/Mpl_audio_visual/img/pc/icon-calendar.png) no-repeat;
}
.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;
}

/* .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{
background:#e4e4e4;
color:#4c4c4c;
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;
font-weight:bold;
}
.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;
margin:5px 7px 0 0;
font-size:92.85714%;
}
.handle .check-all input[type="checkbox"]{
position:relative;
top:-1px;
vertical-align:middle;
margin:0 7px 0 0;
}
.handle .switch-view{
float:right;
}
.handle .switch-view ul,
.handle .switch-view li,
.handle .switch-view .list-def-02{
float:left;
}
.handle .switch-view ul,
.handle .switch-view .list-def-02 dt{
font-size:92.85714%;
}
.handle .switch-view ul{
line-height:1.23077;
margin:0 0 0 10px;
}
.handle .switch-view ul li{
margin:0 0 0 5px;
}
.handle .switch-view ul li:first-child{
margin-left:0;
}
.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 > li{
width:27px;
height:24px;
}
.handle .group{
margin:0 0 0 40px;
}
.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:4px solid #5cbc87;
border-radius:8px;
-webkit-background-clip:padding;
-moz-background-clip:padding;
background-clip:padding-box;
background-color:#fff;
-webkit-box-shadow:0 0 0 1px #4b4b4b;
box-shadow:0 0 0 1px #4b4b4b;
}
.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:-20px;
padding-right:20px;
padding-left: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;
border-radius:8px 8px 0 0;
}
.modal-window .hdg-lyt .btn-02.icon-close{
font-size:100%;
}
.modal-window .hdg-lyt.classification{
width:772px;
}
.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;
border-radius:0 0 8px 8px;
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(/Mpl_audio_visual/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:0 -6px;
border:1px solid #b3b3b3;
border-bottom:none;
background-color:#fff;
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iOTkuNTQlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDApIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
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%);
font-weight:normal;
font-size:100%;
}
.list-facet .list-hdg a{
display:block;
position:relative;
padding:10px 9px 6px 30px;
text-decoration:none;
}
.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:first-child{
margin-top:0;
}
.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:#e5e5e5;
}
.list-facet .link-list li.selected a{
color:#4c4c4c;
font-weight:bold;
text-decoration:none;
}

/* .list-tree
----------------------------------------------------- */
.list-tree{
position:relative;
margin:0 0 0 9px;
background:url(/Mpl_audio_visual/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(/Mpl_audio_visual/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(/Mpl_audio_visual/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(/Mpl_audio_visual/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(/Mpl_audio_visual/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(/Mpl_audio_visual/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:#e5e5e5;
color:#4c4c4c;
font-weight:bold;
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:bold;
}
.report .info{
line-height:1.25;
font-size:85.71429%;
min-height: 38px;
}
.report .info p,
.report .info ul,
.report .info ol{
margin-bottom:3px;
}
.report .info .star-rating{
margin:0 0 3px;
}
.report .info .star-rating dt,
.report .info .star-rating dd{
float:left;
}
.report .info .star-rating dt:after{
content:"：";
}
.report .info .star-rating dd[class*="rate-"]{
float:left;
background:url(/Mpl_audio_visual/img/pc/icon-stars.png) no-repeat;
}
.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;
}
.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,
.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;
border:1px solid #a31c01;
background-color:#cf2200;
color:#fff;
}

/* .icon-new-02
----------------------------------------------- */
.icon-new-02{
display:block;
width:30px;
margin:-10px 0 0;
padding:13px 3px 0;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:url(/Mpl_audio_visual/img/pc/bg-new.png) no-repeat;
color:#c20000;
font-size:64.28571%;
}

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

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

/* .icon-reserveExist
----------------------------------------------- */
.icon-delay{
width:38px;
border:1px solid #a31c01;
background-color:#cf2200;
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;
width:50px;
height:18px;
padding:2px 0 0 32px;
color:#fff;
font-style:normal;
}
.icon-rank-01:after,
.icon-rank-02:after,
.icon-rank-03:after{
overflow:hidden;
height:10px;
width:14px;
margin-top:-5px;
background-position:0 -656px;
top:50%;
left:5px;
}

.icon-rank-01{
background-color:#876b00;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNTkwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhjNzAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #705900), color-stop(100%, #8c7000));
background-image:-webkit-linear-gradient(bottom, #705900 0%, #8c7000 100%);
background-image:-moz-linear-gradient(bottom, #705900 0%, #8c7000 100%);
background-image:-ms-linear-gradient(bottom, #705900 0%, #8c7000 100%);
background-image:linear-gradient(bottom, #705900 0%, #8c7000 100%);
}

.icon-rank-02{
background-color:#7f7f7f;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTY1NiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc1NzU3NSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #565656), color-stop(100%, #757575));
background-image:-webkit-linear-gradient(bottom, #565656 0%, #757575 100%);
background-image:-moz-linear-gradient(bottom, #565656 0%, #757575 100%);
background-image:-ms-linear-gradient(bottom, #565656 0%, #757575 100%);
background-image:linear-gradient(bottom, #565656 0%, #757575 100%);
}

.icon-rank-03{
background-color:#c35f33;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzlhM2QyNCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JhNWIzMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #9a3d24), color-stop(100%, #ba5b32));
background-image:-webkit-linear-gradient(bottom, #9a3d24 0%, #ba5b32 100%);
background-image:-moz-linear-gradient(bottom, #9a3d24 0%, #ba5b32 100%);
background-image:-ms-linear-gradient(bottom, #9a3d24 0%, #ba5b32 100%);
background-image:linear-gradient(bottom, #9a3d24 0%, #ba5b32 100%);
}

/* .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:17px;
width:14px;
margin-top:-8.5px;
background-position:0 -978px;
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:17px;
width:14px;
margin-top:-8.5px;
background-position:0 -978px;
top:50%;
left:7px;
}

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

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

/* .icon-borrow
----------------------------------------------- */
.icon-borrow{
border-color:#006bc5;
background:#006bc5;
color:#fff;
font-weight:bold;
}

/* .icon-others
----------------------------------------------- */
.icon-others{
border-color:#641d01;
color:#641d01;
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 -1175px;
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:10px;
height:40px;
width:40px;
}
.hdg-l1.icon-search-detail:after{
overflow:hidden;
height:26px;
width:40px;
margin-top:-13px;
background-position:0 -114px;
}
.hdg-l1.icon-best-circulation:after{
overflow:hidden;
height:33px;
width:40px;
margin-top:-16.5px;
background-position:0 -587px;
}
.hdg-l1.icon-best-reservation:after{
overflow:hidden;
height:33px;
width:40px;
margin-top:-16.5px;
background-position:0 -666px;
}
.hdg-l1.icon-new-03:after{
overflow:hidden;
height:41px;
width:40px;
margin-top:-20.5px;
background-position:0 -140px;
}
.hdg-l1.icon-recommend-02:after{
overflow:hidden;
height:38px;
width:40px;
margin-top:-19px;
background-position:0 -221px;
}
.hdg-l1.icon-search-category:after{
overflow:hidden;
height:43px;
width:40px;
margin-top:-21.5px;
background-position:0 -27px;
}
.hdg-l1.icon-reference:after{
overflow:hidden;
height:40px;
width:40px;
margin-top:-20px;
background-position:0 -181px;
}
.hdg-l1.icon-news:after{
overflow:hidden;
height:36px;
width:40px;
margin-top:-18px;
background-position:0 -620px;
}
.hdg-l1.icon-change-user-info:after{
overflow:hidden;
height:36px;
width:40px;
margin-top:-18px;
background-position:0 -837px;
}
.hdg-l1.icon-book-card:after{
overflow:hidden;
height:28px;
width:42px;
margin-top:-14px;
background-position:0 -401px;
}
.hdg-l1.icon-calendar:after{
overflow:hidden;
height:36px;
width:40px;
margin-top:-18px;
background-position:0 -429px;
}
.hdg-l1.icon-my-library:after{
overflow:hidden;
height:29px;
width:40px;
margin-top:-14.5px;
background-position:0 -336px;
}

/* .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:39px;
width:40px;
margin-top:-19.5px;
background-position:0 -297px;
}
.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:29px;
width:40px;
margin-top:-14.5px;
background-position:0 -808px;
}
.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:39px;
width:40px;
margin-top:-19.5px;
background-position:0 -481px;
}
.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:38px;
width:40px;
margin-top:-19px;
background-position:0 -259px;
}
.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:34px;
width:40px;
margin-top:-17px;
background-position:0 -774px;
}
.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:30px;
width:40px;
margin-top:-15px;
background-position:0 -537px;
}
.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:36px;
width:40px;
margin-top:-18px;
background-position:0 -365px;
}

/* .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:25px;
}
.btn-02.icon-rss:after{
overflow:hidden;
height:11px;
width:12px;
margin-top:-5.5px;
background-position:0 -1124px;
left:6px;
}
.btn-02.icon-popup{
padding-right:20px;
padding-left:10px;
}
.btn-02.icon-popup:after{
right:5px;
overflow:hidden;
height:11px;
width:12px;
margin-top:-5.5px;
background-position:0 -1188px;
}
.btn-02.icon-rec-config{
padding-right:20px;
padding-left:35px;
}
.btn-02.icon-rec-config:before{
overflow:hidden;
height:11px;
width:12px;
margin-top:-5.5px;
background-position:0 -1188px;
right:5px;
}
.btn-02.icon-rec-config:after{
overflow:hidden;
height:11px;
width:22px;
margin-top:-5.5px;
background-position:0 -1150px;
left:6px;
}
.btn-02.icon-bookshelf:after{
overflow:hidden;
height:15px;
width:18px;
margin-top:-7.5px;
background-position:0 -1135px;
left:4px;
}
.btn-02.icon-tag:after{
overflow:hidden;
height:17px;
width:14px;
margin-top:-8.5px;
background-position:0 -978px;
left:6px;
}
.btn-02.icon-review:after{
overflow:hidden;
height:16px;
width:15px;
margin-top:-8px;
background-position:0 -1065px;
left:4px;
}
.btn-02.icon-good:after{
overflow:hidden;
height:16px;
width:16px;
margin-top:-8px;
background-position:0 -962px;
left:3px;
}
.btn-02.icon-no-good:after{
overflow:hidden;
height:16px;
width:16px;
margin-top:-8px;
background-position:0 -946px;
left:3px;
}
.btn-02.icon-map:after{
overflow:hidden;
height:16px;
width:18px;
margin-top:-8px;
background-position:0 -1033px;
left:3px;
}
.btn-02.icon-notice,
.btn-02.icon-change{
line-height:1.25;
border-color:#1860c4;
color:#1860c4;
font-size:85.71429%;
}
.btn-02.icon-notice:hover,
.btn-02.icon-notice:active,
.btn-02.icon-change:hover,
.btn-02.icon-change:active{
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZTlmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y3ZmFmZiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #dbe9f7), color-stop(100%, #f7faff));
background-image:-webkit-linear-gradient(bottom, #dbe9f7 0%, #f7faff 100%);
background-image:-moz-linear-gradient(bottom, #dbe9f7 0%, #f7faff 100%);
background-image:-ms-linear-gradient(bottom, #dbe9f7 0%, #f7faff 100%);
background-image:linear-gradient(bottom, #dbe9f7 0%, #f7faff 100%);
}
.btn-02.icon-notice{
padding-left:30px;
}
.btn-02.icon-notice:after{
overflow:hidden;
height:11px;
width:22px;
margin-top:-5.5px;
background-position:0 -1150px;
left:4px;
}
.btn-02.icon-change{
padding-left:30px;
}
.btn-02.icon-change:after{
overflow:hidden;
height:17px;
width:20px;
margin-top:-8.5px;
background-position:0 -929px;
left:5px;
}
.btn-02.icon-reserve{
line-height:1.25;
padding-left:30px;
border-color:#c5181c;
color:#c5181c;
font-size:85.71429%;
}
.btn-02.icon-reserve:after{
overflow:hidden;
height:16px;
width:19px;
margin-top:-8px;
background-position:0 -1049px;
left:4px;
}
.btn-02.icon-reserve:hover,
.btn-02.icon-reserve:active{
-webkit-box-shadow:inset 0 0 0 1px #fbfbfb;
box-shadow:inset 0 0 0 1px #fbfbfb;
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjUwJSIgeTE9IjEwMCUiIHgyPSI1MCUiIHkyPSIwJSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZDhkOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZjdmNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
background-size:100%;
background-image:-webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #f0d8d8), color-stop(100%, #fff7f7));
background-image:-webkit-linear-gradient(bottom, #f0d8d8 0%, #fff7f7 100%);
background-image:-moz-linear-gradient(bottom, #f0d8d8 0%, #fff7f7 100%);
background-image:-ms-linear-gradient(bottom, #f0d8d8 0%, #fff7f7 100%);
background-image:linear-gradient(bottom, #f0d8d8 0%, #fff7f7 100%);
}
.btn-02.icon-delete{
padding-left:27px;
}
.btn-02.icon-delete:after{
overflow:hidden;
height:14px;
width:13px;
margin-top:-7px;
background-position:0 -1161px;
left:6px;
}
.btn-02.icon-copy{
padding-left:27px;
}
.btn-02.icon-copy:after{
overflow:hidden;
height:14px;
width:21px;
margin-top:-7px;
background-position:0 -1110px;
left:1px;
}
/* L9 ADD START */
.btn-02.icon-transfert{
padding-left:27px;
}
.btn-02.icon-transfert:after{
overflow:hidden;
height:14px;
width:21px;
margin-top:-7px;
background-position:0 -1110px;
left:1px;
}
/* L9 ADD END */
.btn-02.icon-view-bookshelf{
overflow:hidden;
width:27px;
height:24px;
padding-left:0;
}
.btn-02.icon-view-bookshelf:after{
overflow:hidden;
height:13px;
width:13px;
margin-top:-6.5px;
background-position:0 -722px;
left:6px;
}
.btn-02.icon-view-bookshelf.current:after{
overflow:hidden;
height:13px;
width:13px;
margin-top:-6.5px;
background-position:0 -748px;
}
.btn-02.icon-view-bookshelf > span{
position:relative;
z-index:-1;
}
.btn-02.icon-view-list{
overflow:hidden;
width:27px;
height:24px;
padding-left:0;
}
.btn-02.icon-view-list:after{
overflow:hidden;
height:13px;
width:14px;
margin-top:-6.5px;
background-position:0 -735px;
left:6px;
}
.btn-02.icon-view-list.current:after{
overflow:hidden;
height:13px;
width:14px;
margin-top:-6.5px;
background-position:0 -761px;
}
.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:21px;
margin-top:-10px;
background-position:0 -567px;
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 -1095px;
left:0;
}

/* .box-sub-02
----------------------------------------------- */
.box-sub-02 [class*="box-hdg"][class*="icon-"]{
padding-left:32px;
}
.box-sub-02 [class*="box-hdg"][class*="icon-"]:after{
top:50%;
}
.box-sub-02 [class*="box-hdg"].icon-profile:after{
overflow:hidden;
height:22px;
width:17px;
margin-top:-11px;
background-position:0 -907px;
left:9px;
}
.box-sub-02 [class*="box-hdg"].icon-mail{
padding-left:44px;
}
.box-sub-02 [class*="box-hdg"].icon-mail:after{
overflow:hidden;
height:23px;
width:36px;
margin-top:-11.5px;
background-position:0 -699px;
left:5px;
}
.box-sub-02 [class*="box-hdg"].icon-book:after{
overflow:hidden;
height:21px;
width:23px;
margin-top:-10.5px;
background-position:0 -886px;
left:6px;
}
.box-sub-02 [class*="box-hdg"].icon-pertinent{
padding-left:39px;
}
.box-sub-02 [class*="box-hdg"].icon-pertinent:after{
overflow:hidden;
height:21px;
width:26px;
margin-top:-10.5px;
background-position:0 -995px;
left:6px;
}

/* ----------------------------------------------------------------
    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;
-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%);
font-size:92.85714%;
text-decoration:none;
}
.btn-theme-02:link,
.btn-theme-02:visited{
color:#000;
}
.btn-theme-02:hover,
.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%);
}
.btn-theme-02.selected,
.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;
}
#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('/Mpl_audio_visual/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('/Mpl_audio_visual/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('/Mpl_audio_visual/img/pc/imgStandard.png');
background-repeat: no-repeat;
background-position: center center;
}

.dialog ul li.standard ::before{
background-image: url('/Mpl_audio_visual/img/pc/imgStandard.png');
}
.dialog ul li.girly::before{
background-image: url('/Mpl_audio_visual/img/pc/imgGirly.png');
}
.dialog ul li.pop::before{
background-image: url('/Mpl_audio_visual/img/pc/imgPop.png');
}
.dialog ul li.smart::before{
background-image: url('/Mpl_audio_visual/img/pc/imgSmart.png');
}
.dialog ul li.elegant::before{
background-image: url('/Mpl_audio_visual/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;
}
.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 */