@charset "utf-8";
/***************************************
lowcontrast.css
背景色:#AAAAAA;
文字色:#333333;
***************************************/
body{background-color:#AAAAAA;color:#333333;}

a,
header .page_control form.search input#search_txt ,
header .page_control form.search input#search_txt:focus ,
header .page_control form.search input.search_bt ,
.my-library__ttl,
header nav{color:#333333;}

#jump a:focus,
header .page_control form.search input.search_bt ,
header nav,
.contents article ul li:before,
.contents article table th ,
.contents article .image_box figure ,
.contents nav dl dt,
header .page_control dl.textsize_change dd a{background-color:#AAAAAA;}

a{color:#0000C0;}
a:hover{color:#555555;}


header .page_control dl.color_change dd.high a {
  outline: 2px #94B5E3 solid;
  outline-offset: -2px;
}


/* TOP */
header,
header nav,
.top section.view_section,
.top .top_search,
.top section.view_section,
.top section.view_section .opening,
.top section.view_section .opening h2,
.top section.menu_section,
.top section.menu_section .mypage,
.btn_img li a,
.btn_txt li a,
.top section.banner_section,
.sub_menu li a,
footer,
footer .copyright,
.top section.info_section .top_news,
.top section.info_section .top_event,
.top section.info_section a.more,
.top .top_search .search .search_box .search_txt,
.top section .search .search_box input[type="text"],
header nav#globalmenu ul,
.news-important__list,
.breadcrumb
{background-color:#AAAAAA;}

.btn_img a,
.top section.view_section {
  background-image: none;
}

header .page_control dl.color_change dd.low a {
  outline: 2px #94B5E3 solid;
  outline-offset: -2px;
}


.top section.search_section,
header .page_control dl dd a,
.top section.view_section .opening,
.top section.view_section .opening h2,
.top_search,
.btn_img li a,
.btn_txt li a,
.top section.info_section .top_news,
.top section.info_section .top_event,
.top .top_search .search .search_box .search_txt
{ box-shadow: inset 0px 0px 0px 2px #333333; box-sizing: border-box;}

header,
.top section,
.top section.view_section .opening h2,
.top section.info_section h2
{ box-sizing: border-box;}

footer {
  border-block-start: 1px #333 solid;
}

.top section.search_section {
  border: none;
}
body.top .wrap section.view_section .btn_img.system li a span.top_menu_icon {
  background: #FFF!important;
}

.btn_txt li a:focus,
.btn_txt li a:hover {
  box-shadow: inset 0px 0px 0px 4px #2CB573;
}

footer .reread_link a
{ border-color: rgba(255,255,255,0.8);}

.top section.menu_section .mypage,
.sub_menu li a,
.top section.info_section a.more
{ border-color: #333333;}


body .contents nav dl dd a:hover,
body .contents nav dl dd a:focus,
header nav ul li a:hover,
header nav ul li a:focus,
.sub_menu li a:hover,
.sub_menu li a:focus,
.btn_img li a:hover,
.btn_txt li a:hover,
.btn_img li a:focus,
.btn_txt li a:focus,
.top section.info_section a.more:hover,
.top section.info_section a.more:focus
{ background: none; text-decoration: underline;}

.contents nav ul, .contents nav dl {
  background: none;
}

.top section.view_section .opening h2,
.top section.info_section h2,
a.more,
.easy_search_label,
.top .top_search .search .search_box .search_txt
{color:#333333;}

header nav ul li a,
.top section a,
.top section.info_section a.more,
footer .nav li a
{color:#0000C0;}


/* PAGE */
article,
.contents nav dl,
.txtbox h2,
section h2,
.kids article,
.kids article .inner,
.young_adult article,
.young_adult article .inner,
.kids .ex_menu li a,
.young_adult .ex_menu li a,
.bnr-col__link,
#container-main h1,
#container-main h2
{ background-color:#AAAAAA;}

.kids .ex_menu li a:hover,
.kids .ex_menu li a:focus,
.young_adult .ex_menu li a:hover,
.young_adult .ex_menu li a:focus,
.contents .page_ttl__txt,
.my-library,
.easy_search,
#frame-960 nav.ng-scope,
nav.ng-scope,
input.easy_search__txt
{ background-color:#AAAAAA;}

#container-main h2{border: 1px solid #333;}

.kids article,
.kids article .inner { background-image: none; box-shadow: none;}
.young_adult article { box-shadow: none;}

.easy_search,
.my-library,
.contents nav dl,
.contents nav dt,
.txtbox h2 {
  outline: 2px #000 solid;
  outline-offset: -2px;
}

.contents nav dl dd a
{color:#0000C0;}


.open-info__item,
#frame-1129, #frame-1133, #frame-1134, #frame-1135, #frame-1145,
.tabmenu .menu li a.active,
.menu_list li a:hover .text, .menu_list li a:focus .text,
.news-important,
.tabmenu .division,
.open-info__link a {
  background: #C8C8C8;
}

.young_adult .ex_menu li a {border-color: #333333;}
footer .copyright, .breadcrumb>.active { color: #333333;}

.btn-diagonal-line{background: linear-gradient(117deg, #e0e0e0 75%, rgb(214, 214, 214) 75%);}
.btn-diagonal-line:hover{ background:linear-gradient(117deg, rgb(216, 216, 216) 75%, rgb(204, 204, 204) 75%);}

.contents nav dl dd.currentpage, .contents nav dl dd a:hover, .contents nav dl dd a:focus,
.top .todays-info-foot__link {
  outline: none;
  background: none;
  border: none;
}
#container-main h2.news-important__ttl{border:none;}

.top .todays-info-foot__link:focus,
.top .todays-info-foot__link:hover,
.tabmenu .menu li,
header nav#globalmenu ul li a:hover,
.tabmenu .division .more a:hover,
.open-info__link a:hover {
  background: #E7E7E7;
}

.tabmenu .division{border:none;}


/* ----------------------------------------
 y add
******************************************/
header .page_control .voice a,
.top section.search_section,
.top .top_search .details a,
.top .top_search .details a:hover,
.top .top_search .details a:focus,
.top section.menu_section,
.top section.banner_section.image,
.top section.info_section,
.top section.banner_section.text,
.top .todays-info,
.news dt span.tab_01,
.news dt span.tab_02,
.news dt span.tab_03,
.news dt span.tab_04,
.news dt span.tab_05,
.news dt span.tab_06,
footer .nav,
.tabmenu .division .more a
{ background-color: #aaaaaa;}



.top section.info_section a.more {
  background: #F0F0F0;
}
.top section.info_section a.more:focus,
.top section.info_section a.more:hover {
  background: #E7E7E7;
}

.top section.view_section .btn_img.system li a span,
.top section.view_section .btn_img.system li a:hover span,
.top section.view_section .btn_img.system li a:focus span
{ background-color: #aaaaaa!important;}

.menu_list li a .text,
.main_wrap > .page_ttl,
.top section.info_section .top_news__body,
[role="tabpanel"],
.top .todays-info-body__status,
.top section.view_section {
  background: #C8C8C8;
}
.top section.info_section .top_news,
.top section.info_section .top_event,
.top section .top_search,
header .page_control dl dd a
{ box-shadow: none;}


.top .todays-info-foot__link,
.top .top_search .details a { box-shadow: inset 0px 0px 0px 2px #333333;}
header .page_control .voice a { border-color: #333333; border-width: 2px;}

header .page_control dl.color_change dd a,
header .page_control dl.textsize_change dd a { border-color: #333333; border-width: 1px;}

header .page_control .voice a,
.top .top_search .details a
{ color: #0000C0;}




.news dt span.tab_01 { box-shadow: inset 0px 0px 0px 2px #B20000;}
.news dt span.tab_02 { box-shadow: inset 0px 0px 0px 2px #C6E9C0;}
.news dt span.tab_03 { box-shadow: inset 0px 0px 0px 2px #D9ECFB;}
.news dt span.tab_04 { box-shadow: inset 0px 0px 0px 2px #dcf2f3;}
.news dt span.tab_05 { box-shadow: inset 0px 0px 0px 2px #FFE4F3;}
.news dt span.tab_06 { box-shadow: inset 0px 0px 0px 2px #FFEBC8;}


@media screen and (max-width: 1044px) and (min-width: 0px){
  header nav,
  header nav nav { background-color: transparent;}
  header nav ul { background-color: rgba(170,170,170,0.95); box-shadow: 0px 0px 6px 2px rgba(64,64,64,0.8);}
}

@media screen and (max-width: 660px) {
  .open-info__item {
    background: none;
  }
    .open-info__term {
      color: #333;
    }
}

.tabmenu .division{border:none;}