@charset "UTF-8";

body{
  background-color: #000;
}
header, #side, #content, #top-left, #top-right, #top-content, footer{
  background-color: #000;
  color: #fff;
}
header a, #side a, #content a, #top-left a, #top-right a, #top-content a, footer a{
  color: #fff;
}

/* ===============================================
	header
=============================================== */
h1 a{
	width: 285px;
	height: 58px;
	display: block;
	background: url(../img/common/logo_wh.png) no-repeat 0 0;
}
.btn-handicap{
	color: #fff;
	background: url(../img/common/icn_handicap_wh.png) no-repeat 0 0;
}
.btn-sitemap{
	color: #fff;
	background: url(../img/common/icn_sitemap_wh.png) no-repeat 0 0;
}

/* ===============================================
	nav
=============================================== */
nav{
  background-color: #000;
  border-bottom: 6px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid #ccc;
}
.nav-inner{
	border-bottom: 4px solid rgba(255, 255, 255, 0.4);
}
.menu-item:before{
	color: #fff;
}
.menu-item a{
  color: #fff;
}
.menu-item:hover {
	background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.drop-menu-list {
	background-color: #ccc;
}
.drop-menu-list:before{
	border-bottom: 8px solid #ccc;
}
.drop-menu-list li {
	background-color: #000;
}
.drop-menu-list li a{
  color: #fff;
}

/* ===============================================
  side
=============================================== */
.user-ttl{
  background-color: #000;
  border-bottom: 1px solid #fff;
}
.user-box a:before{
  border-left: 5px solid #fff;
}
.user-inner button{
  color: #000;
}

.side-menu-ttl{
  border: 1px solid #fff;
  background-color: #000;
}
.side-menu-ttl:before {
	border-top: 8px solid #fff;
}
.side-menu li a span.sb-children{
	background: url(../img/common/sb_children_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-children{
	background: url(../img/common/sb_children_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-10s{
	background: url(../img/common/sb_10s_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-10s{
	background: url(../img/common/sb_10s_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-senior{
	background: url(../img/common/sb_senior_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-senior{
	background: url(../img/common/sb_senior_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-contest{
	background: url(../img/common/sb_contest_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-contest{
	background: url(../img/common/sb_contest_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-ebook{
	background: url(../img/common/sb_ebook_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-ebook{
	background: url(../img/common/sb_ebook_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-hachioji{
	background: url(../img/common/sb_hachioji_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-hachioji{
	background: url(../img/common/sb_hachioji_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-newspaper{
	background: url(../img/common/sb_newspaper_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-newspaper{
	background: url(../img/common/sb_newspaper_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-map{
	background: url(../img/common/sb_map_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-map{
	background: url(../img/common/sb_map_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-plan{
	background: url(../img/common/sb_plan_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-plan{
	background: url(../img/common/sb_plan_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-university{
	background: url(../img/common/sb_university_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-university{
	background: url(../img/common/sb_university_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-support{
	background: url(../img/common/sb_support_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-support{
	background: url(../img/common/sb_support_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-association{
	background: url(../img/common/sb_association_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-association{
	background: url(../img/common/sb_association_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-volunteer{
	background: url(../img/common/sb_volunteer_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-volunteer{
	background: url(../img/common/sb_volunteer_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-collection{
	background: url(../img/common/sb_collection_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-collection{
	background: url(../img/common/sb_collection_bk.png) no-repeat -43px 0;
}
.side-menu li a span.sb-link{
	background: url(../img/common/sb_link_bk.png) no-repeat 0 0;
}
.side-menu li a:hover span.sb-link{
	background: url(../img/common/sb_link_bk.png) no-repeat -43px 0;
}

/* ===============================================
  content
=============================================== */
.path li{
  color: #fff;
}
.path li:after{
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
}

section h2{
	background-color: rgba(255, 255, 255, 0.2);
}
table.page-tbl th{
	background-color: rgba(255, 255, 255, 0.2);
}

.faq-accordion-ttl{
  background-color: rgba(255, 255, 255, 0.2);
}
.faq-accordion-ttl p::before,
.faq-accordion-content::before{
  color: #fff;
}
.faq-accordion-ttl span::before,
.faq-accordion-ttl span::after{
  background-color: #fff;
}

ul.page-list li:before{
  background-color: #fff;
}
ul.page-list li:after{
  color: #000;
}


/* ===============================================
  top page
=============================================== */
.topic-box a{
  color: #fff;
}

.top-slider-list .next-arrow,
.top-slider-list .prev-arrow{
  background-color: #fff;
  color: #000;
}
.top-slider-btn .slider-play-toggle,
.top-slider-btn .slider-open-toggle{
  color: #000;
}

.search-box{
  background-color: #000;
  color: #fff;
  border: 1px solid #fff;
}
.search-ttl{
	background: url(../img/top/bg_search_wh.png) no-repeat 0 0;
}
.search-ttl a:before{
  background-color: #fff;
}
.search-ttl a:after{
  color: #000;
}

.tab-group li.is-active{
  color: #000;
}

.library-open-ttl{
	background-color: #000;
  border: 1px solid #fff;
}
.library-open-ttl:before {
	border-top: 8px solid #fff;
}
.library-open-box li.status-open{
	background: url(../img/common/icn_open_bk.png) no-repeat 8px 8px;
	background-size: 36px auto;
}
.library-open-box li.status-closed{
	background: url(../img/common/icn_closed_bk.png) no-repeat 8px 8px;
	background-size: 36px auto;
}

.link-box a:before{
  background-color: #fff;
}
.link-box a:after{
  color: #000;
}

/* ===============================================
  footer
=============================================== */
footer, .footer-bttm{
  background-color: #000;
  color: #fff;
  border-top: 1px solid #ccc;
}