body {
    background-color:#EEFFEE;
}

#header {
    background-color:#FFFFFF;
    background-image: url(../Images/Opac/KidsAdd_v3/HeaderBack.png);
}

.ap-head-button {
    background-color:#FFFFFF;
    border:solid 3px #99CC99;
    box-sizing: border-box;
    margin:8px 0px 2px 0px;
}

.ap-head-button a , .ap-head-button a:hover {
    color:#338833;
}

#ap-head-button-top {
    background-image: url(../Images/Opac/Add_v3/HeaderButtonTop.png);
}

#ap-head-button-materials {
    background-image: url(../Images/Opac/Add_v3/HeaderButtonSearch.png);
}

#ap-head-button-mypage {
    background-image: url(../Images/Opac/Add_v3/HeaderButtonMyLib.png);
}

#ap-head-button-reservecart {
    background-image: url(../Images/Opac/Add_v3/HeaderButtonCart.png);
}

#ap-head-button-return {
    background-image: url(../Images/Opac/Add_v3/HeaderButtonReturn.png);
}

#login-logout {
    height:76px;
    margin:4px 4px 0px 4px;
    border-radius:10px 10px 0px 0px;
    border-top:none;
    border-right:none;
    border-left:none;
    border-bottom:solid 6px #4AAC72;
    background-color:#CCEECC;
    box-sizing: border-box;
    text-align:left;
    padding-left:4px;
    background-image:none;
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size:contain;
}
#login-logout.ap-login {
    background-image: url(../Images/Opac/KidsAdd_v3/LoginBack.png);
    font-size:150%;
    padding-left:16px;
}
#login-logout.ap-logout {
    background-image: url(../Images/Opac/KidsAdd_v3/LogoutBack.png);
}

#wrapper {
    margin-top:0px;
}

#lmo_wrap {
    margin-top:0px;
    margin-right:0px;
}

#cm-page-content {
    margin-right:40px;
}

#cm-bread-clumb {
    padding:10px;
    background-color:#CCEECC;
}

body.ap-top-body-v3 {
    /*background-color:#40BF8A;*/
    background-color:#2D9369;
}

#lmo_wrap.ap-top-back-v3 {
    background-image: url(../Images/Opac/Add_v3/TopBack.png);
    background-repeat:repeat-x;
    padding-bottom: 16px
}

#ap-top-v3 {
    width:100%;
    max-width:1200px;
    height:600px;
    margin-left:auto;
    margin-right:auto;
}

#ap-top-v3 #ap-col1 {
    float:left;
    display: table;
    width:500px;
    height:100%;
}

#ap-top-v3 #ap-col1-inner {
    width: 100%;
    height:420px;
    display: table;
}

#ap-top-v3 #ap-col2 {
}

#ap-top-v3 #ap-col3 {
    float:right;
    height:100%;
    display: table;
}

#ap-top-v3 #ap-top-msg-v3 {
    margin-left:auto;
    margin-right:auto;
    text-align:center
}

#ap-top-v3 #ap-top-char-v3 {
    display: table-cell;
    vertical-align: bottom;
}

#ap-top-v3 #ap-top-buttons-v3 {
    display: table-cell;
    vertical-align: middle;
}

#ap-top-v3 #ap-top-buttons-v3 a {
    display:block;
}

#ap-top-v3 #ap-top-board-outer-v3 {
    display: table-cell;
    vertical-align: bottom;
}

#ap-top-v3 #ap-top-board-v3 {
    background-image: url(../Images/Opac/Add_v3/TopBoard.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size:100% 100%;
    height:580px;
}

#ap-materials-v3 {
    width:100%;
    max-width:1400px;
    margin-left:auto;
    margin-right:auto;
}

#ap-materials-v3 #ap-col1 {
    float:left;
    width:33%;
}

#ap-materials-v3 #ap-col2 {
    float:right;
    width:66%;
}

#ap-materials-v3 #ap-col2 .ap-button{
    float:left;
}

#ap-materials-v3 .ap-button {
    display:inline-block;
    position:relative;
    margin:8px;
    background-color:#CCCCCC;
    box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, .5);
    cursor:pointer;
}

#ap-materials-v3 .ap-button a{
    display:block;
    position:absolute;
    color:#FFFFFF;
    font-size:160%;
    font-weight:normal;
}

#ap-materials-v3 #ap-col1 .ap-button {
    width:95%;
    height:220px;
}

#ap-materials-v3 #ap-col2 .ap-button {
    width:45%;
    height:144px;
}
#ap-materials-v3 #ap-col2 .ap-button a {
    width:60%;
}

#ap-materials-v3 .ap-button.ap-button-search {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonSearch.png);
    background-position: center 0px;
    background-repeat: no-repeat;
    background-size:180px 180px;
    background-color:#3366EE;
}
#ap-materials-v3 .ap-button.ap-button-search a{
    width:100%;
    text-align:center;
    bottom:4px;
}

#ap-materials-v3 .ap-button.ap-button-search-detail {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonSearchDetail.png);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#339933;
}
#ap-materials-v3 .ap-button.ap-button-search-detail a{
    text-align:left;
    top:4px;
    left:8px;
}

#ap-materials-v3 .ap-button.ap-button-new {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonNewBook.png);
    background-position: center bottom 0px;
    background-repeat: no-repeat;
    background-size:180px 180px;
    background-color:#EEBB00;
}
#ap-materials-v3 .ap-button.ap-button-new a{
    width:100%;
    text-align:center;
    top:4px;
}

#ap-materials-v3 .ap-button.ap-button-new-av {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonNewAv.png);
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#FF9933;
}
#ap-materials-v3 .ap-button.ap-button-new-av a{
    text-align:right;
    top:4px;
    right:8px;
}

#ap-materials-v3 .ap-button.ap-button-pop-book {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonPopBook.png);
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#00AA88;
}
#ap-materials-v3 .ap-button.ap-button-pop-book a{
    text-align:right;
    top:4px;
    right:8px;
}

#ap-materials-v3 .ap-button.ap-button-kashi-best {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonKashiBest.png);
    background-position: left 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#00AA88;
}
#ap-materials-v3 .ap-button.ap-button-kashi-best a{
    text-align:right;
    position:absolute;
    top:4px;
    right:8px;
}

#ap-materials-v3 .ap-button.ap-button-yoy-best {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonYoyBest.png);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#3366EE;
}
#ap-materials-v3 .ap-button.ap-button-yoy-best a{
    text-align:left;
    top:4px;
    left:8px;
}

#ap-materials-v3 .ap-button.ap-button-chosya-best {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonChosyaBest.png);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#EE6666;
}
#ap-materials-v3 .ap-button.ap-button-chosya-best a{
    text-align:left;
    top:4px;
    left:8px;
}

#ap-materials-v3 .ap-button.ap-button-magazines {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonMagazines.png);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#3399EE;
}
#ap-materials-v3 .ap-button.ap-button-magazines a{
    text-align:left;
    top:4px;
    left:8px;
}

#ap-materials-v3 .ap-button.ap-button-reserve-cart {
    background-image: url(../Images/Opac/KidsAdd_v3/ButtonReserveCart.png);
    background-position: right 8px center;
    background-repeat: no-repeat;
    background-size:contain;
    background-color:#339999;
}
#ap-materials-v3 .ap-button.ap-button-reserve-cart a{
    text-align:left;
    top:4px;
    left:8px;
}

/* ↓feeds */

#ap-feeds-v3 table{
    width:auto;
    margin-right:30px;
    margin-left:30px;
}
#ap-feeds-v3 td{
    vertical-align:top;
}

#ap-feeds-v3 table.ap-feed-custom-info{
    margin-right:auto ;
    margin-left:auto;
    border:1px solid #CCCCCC;
}

.ap-feed-item-list-cell,
.ap-feed-item-content-cell {
    padding:4px;
    background: #FFFFFF;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#FFEEAA));
    background: -webkit-linear-gradient(#FFFFFF, #FFEEAA);
    background: -moz-linear-gradient(#FFFFFF, #FFEEAA);
    background: -ms-linear-gradient(#FFFFFF, #FFEEAA);
    background: -o-linear-gradient(#FFFFFF, #FFEEAA);
    background: linear-gradient(#FFFFFF, #FFEEAA);
    -pie-background: linear-gradient(#FFFFFF, #FFEEAA);
    behavior: url(/LmoHp/Content/PIE.htc);
    behavior: url(/Libsearch/Content/PIE.htc);

}
.ap-feed-item-list-cell {
    padding-right:0px;
}
.ap-feed-item-content-cell {
    padding-left:10px;
}

#ap-feed-item-table-v3-0 .ap-feed-item-list-cell,
#ap-feed-item-table-v3-0 .ap-feed-item-content-cell
 {
    border:solid 4px #33CC33;
}
#ap-feed-item-table-v3-1 .ap-feed-item-list-cell,
#ap-feed-item-table-v3-1 .ap-feed-item-content-cell
 {
    border:solid 4px #FF3333;
}
#ap-feed-item-table-v3-2 .ap-feed-item-list-cell,
#ap-feed-item-table-v3-2 .ap-feed-item-content-cell
 {
    border:solid 4px #FF3333;
}

.ap-feed-item-list {
    overflow-x:hidden;
    white-space:nowrap;
    width:auto;
    height:380px;
}
.ap-feed-content-disp {
    overflow-y:auto ;
    overflow-x:auto ;
    width:450px;
    height:430px;
}
.ap-feed-content-disp h4{
    font-size:120%;
    color:#666699;
}
.ap-feed-content-disp .cm-feed-sub{
    text-align:right;
    margin-bottom:10px;
}


ap-feed-item-spacer-cell {
    width:32px;
}

ul#ap-feed-title-list-v3 {
    width:90%;
    margin:0px auto 0px auto;
    padding:10px 0px 0px 20px;
}

ul#ap-feed-title-list-v3 li{
    float:left;
    list-style:none;
    padding:0px 4px 0px 4px;
}
#ap-feed-title-list-v3 li input[type=radio] {
    display:none;
}
#ap-feed-title-list-v3 li label {
    display: inline-block;
    *display: inline-block;
    *zoom: 1;
    cursor: pointer;
    padding:0px;
    text-align:center;
    min-width:100px;
    line-height:3;
    color:#FFFFFF;
    font-weight:bold;
}
#ap-feed-title-list-v3 li:first-child label {
    background-color:#33CC33;
}
#ap-feed-title-list-v3 li:nth-child(2) label {
    background-color:#FF3333;
}
#ap-feed-title-list-v3 li:nth-child(3) label {
    background-color:#FF3333;
}

.ap-feed-item-list-cell ul {
    list-style:none;
    padding-left:8px;
}
.ap-feed-item-list-cell li {
    border-bottom:dashed 1px #996633;
    padding:4px;
}

.ap-feed-item-list ul{
}
.ap-feed-item-list li input[type=radio] {
    display:none;
}
.ap-feed-item-list li label {
    display: block;
    *display: block;
    *zoom: 1;
    cursor: pointer;
    color: #663333;
}
.ap-feed-item-list li label:hover {
    background-color:#FFCC99;
}
.ap-feed-item-list li input:checked + label {
    background-color:#FFBBBB;
}
.ap-feed-item-list li input:checked + label:hover {
    background-color:#FFCCCC;
}

span.cm-feed-item-upbi {
    font-weight:bold;
}
span.cm-feed-item-title {
    margin-left:8px;
}

table.ap-feed-custom-info{
    margin-right:auto ;
    margin-left:auto;
    width:90%;
}
table.ap-feed-custom-info th{
    background-color:#FFFF66;
    border:1px solid #CCCCCC;
}
table.ap-feed-custom-info td{
    border:1px solid #CCCCCC;
}

.ap-dialog-feed-item-wrapper {
    height:400px;
    overflow-y:scroll;
}
.ap-dialog-feed-item-content {
}

.ui-widget-content .ap-dialog-feed-item-content a{
    color:#0000FF;
}

/* ↑feeds */

body.ap-mylib-body-v3 {
    /*background-color:#40BF8A;*/
    background-color:#2D9369;
}
#lmo_wrap.ap-mylib-back-v3 {
    background-image: url(../Images/Opac/Add_v3/MyLibBack.png);
    background-repeat:repeat-x;
}

#lmo_wrap.ap-mylib-back-v3 {
    background-image: url(../Images/Opac/Add_v3/MyLibBack.png);
    background-repeat:repeat-x;
}

.ap-mylib .cm-block {
    background-image: url(../Images/Opac/Add_v3/MyLibBlockBack.png);
    background-position: right 8px bottom 8px;
    background-repeat: no-repeat;
    background-size:140px 140px;
    background-color:#FFFFFF;
    border:solid 4px #996633;
}

.ap-mylib .cm-block h3 {
    color:#993300;
}

.ap-mylib .cm-block h3 a{
    color:#993300;
    display:block;
}

.ap-mylib .cm-block.ap-mylib-kinou-list{
    border:none;
    background-color:transparent ;
    background-image:none;
    height:auto;
}
.ap-mylib .cm-block.ap-mylib-kinou-list li{
    border:none;
    background-position: left 0px center;
    background-repeat: no-repeat;
    height:64px;
    margin-top:4px;
    margin-bottom:4px;
}
.ap-mylib .cm-block.ap-mylib-kinou-list li a{
    display:block;
    padding-left:64px;
    vertical-align:middle;
    color:#FFFFFF;
    font-size:150%;
    height:100%;
    padding-top:12px;

  text-shadow    : 
       2px  2px 3px rgba(102, 102, 102, 0.60),
      -2px  2px 3px rgba(102, 102, 102, 0.60),
       2px -2px 3px rgba(102, 102, 102, 0.60),
      -2px -2px 3px rgba(102, 102, 102, 0.60),
       2px  0px 3px rgba(102, 102, 102, 0.60),
       0px  2px 3px rgba(102, 102, 102, 0.60),
      -2px  0px 3px rgba(102, 102, 102, 0.60),
       0px -2px 3px rgba(102, 102, 102, 0.60); 

}
.ap-mylib .cm-block.ap-mylib-kinou-list li:nth-child(4n+1){
    background-image: url(../Images/Opac/Add_v3/MyLibKinouListItemBack-1.png);
}
.ap-mylib .cm-block.ap-mylib-kinou-list li:nth-child(4n+2){
    background-image: url(../Images/Opac/Add_v3/MyLibKinouListItemBack-2.png);
}
.ap-mylib .cm-block.ap-mylib-kinou-list li:nth-child(4n+3){
    background-image: url(../Images/Opac/Add_v3/MyLibKinouListItemBack-3.png);
}
.ap-mylib .cm-block.ap-mylib-kinou-list li:nth-child(4n+4){
    background-image: url(../Images/Opac/Add_v3/MyLibKinouListItemBack-4.png);
}