/* basic style
----------------------------------------------- */
body, body div {
  background-color: #000;
  color: #fff;
}
body .maps div, #map_canvas div {
  background-color: transparent;
  color: #000;
}
#container {
  background: none;
}
a {
  color: #ffcc00 !important;
}
a:visited {
  color: #ff9900 !important;
}
a:focus, a:hover {
  color: #eeccff !important;
}
ul.feed li a {
  border: 1px solid #fff;
  background: none;
}

/* header
--------------------------------------------------- */
#navigationNotice {
  border-bottom: 1px solid #fff;
  background-color: transparent;
}
#nocssread a:focus,
#nocssread a.show {
  background-color: transparent;
}
#accessibilityTool {
  border: 1px solid #fff;
  border-top: none;
  background-color: #000 !important;
}
#accessibilityTool li {
  border-left-color: #ccc;
}
#accessibilityTool li li a {
  border-color: #fff;
}
#accessibilityTool .fontSize a,
#accessibilityTool .themeColor a {
  padding: 2px 2px 1px;
  border: 1px solid #fff;
}
#accessibilityTool .fontSize a,
#accessibilityTool .fontSize a:focus,
#accessibilityTool .fontSize a:hover {
  background-color: transparent;
}
#accessibilityTool .themeColor a {
  color: #fff !important;
}
#accessibilityTool .themeColor a#themeWhite {
  color: #000 !important;
}
#accessibilityTool .themeColor #themeBlue {
  color: #ffcc00 !important;
}
#commonHeader {
  border-color: #fff !important;
}

/* global navi
----------------------------------------------- */
#globalNavi {
  background-color: transparent;
}
#globalNavi .pieceBody li:last-child {
  width: 243px;
  margin-right: 0;
}
#globalNavi .pieceBody {
  border-bottom: 1px solid #fff;
}
#globalNavi .pieceBody li a {
  border: 1px solid #fff;
  border-bottom: none;
  background-color: transparent;
  color: #fff;
}
#globalNavi .pieceBody li a:hover,
#globalNavi .pieceBody li.current a {
  background-color: transparent !important;
  text-decoration: underline;
}
#searchNavi {
  background: transparent;
}
#searchNavi ul li {
  border-color: #fff;
  background-color: #000;
}

/* footer style
----------------------------------------------- */
#commonFooter,
#commonFooter .pieceContainer {
  background: none;
}
#commonFooter .pieceBody .footerNavi li {
  border-color: #fff;
}
#commonFooter .pieceBody .qr-code {
  border: 1px solid #fff;
  background-color: #000;
}
#copyright {
  background-color: transparent;
}

/* menu style
----------------------------------------------- */
#menu .piece div, #links .piece div {
  background-color: transparent;
}
#main .piece, #main .pieceBody,
#menu .piece, #links .piece {
  border-color: #fff;
}
#main .pieceHeader,
#menu .pieceHeader, #links .pieceHeader {
  border-color: #fff;
  border-bottom: 1px solid #fff;
  background-color: transparent;
}
#menu .bn-menu li {
  border: 1px solid #fff;
  background-color: transparent;
}
#bnAdvertisement .pieceBody .lower_text {
  border: 1px solid #fff;
  background-color: transparent;
}

/* home style
----------------------------------------------- */
#recentDocsTab .pieceBody {
  border-color: #fff;
}
#recentDocsTab .pieceBody .tabs {
  border-bottom: 1px solid #fff;
  background-color: transparent;
}
#recentDocsTab .pieceBody .tabs a {
  border: 1px solid #fff;
  border-bottom: none;
  background-color: transparent;
}
#recentDocsTab .pieceBody .tabs li.current a {
  background-color: transparent;
}
#lifeEvent .pieceBody li a {
  border: 1px solid #fff;
  background-color: transparent;
}
#guide .pieceBody ul li a {
  border-color: #fff;
  background-color: transparent;
}

/* page-title
----------------------------------------------- */
#pageTitle {
  margin-bottom: 15px;
}
#pageTitle .pieceBody,
body[class^="dir-docs"] #pageTitle .pieceBody,
body[class^="dir-faq"] #pageTitle .pieceBody {
  border: 1px solid #fff;
  border-bottom: 5px solid #fff;
  background: none;
}

/* docs
----------------------------------------------- */
.dir-categories-bunya-kurashi .contentGpCategoryCategory > section,
.dir-categories-bunya-jigyosha .contentGpCategoryCategory > section,
.dir-categories-bunya-bunka .contentGpCategoryCategory > section,
.dir-categories-bunya-shisei .contentGpCategoryCategory > section,
.contentGpCategoryCategory > section.docs-shinchaku,
.contentGpCategoryCategory > section.docs,
.contentGpCategoryCategoryTypes section,
.contentGpCategoryCategoryType section {
  border-color: #fff;
}
.contentGpCategoryCategory section h2,
.contentGpCategoryCategoryType section h2 {
  border-bottom: 1px solid #fff;
  background: transparent;
}
.contentGpCategory .docs-shinchaku .header h2 {
  border-bottom: 1px solid #fff;
  background: transparent;
}
.contentGpArticleDocs .docs h2.date {
  background: transparent;
}
.contentGpCategory .docs-category section {
  border-color: #fff;
}
.back-btn a {
  border: 1px solid #fff;
  background-color: transparent !important;
}
.inquiry {
  border-color: #fff;
}
.inquiry h2 {
  border-bottom: 1px solid #fff;
  background-color: transparent;
}
.temp7,
.body table th, .body table td {
  border-color: #fff;
  background: none;
}
.adobeReader, .temp7 {
  border-color: #fff;
  background-color: #000;
}
.temp8 dl {
  border-color: #fff;
}
.body h2 {
  border-color: #fff;
  background-color: transparent !important;
}
.body h3:before {
  background-color: #fff
}
.body h3 {
  border-color: #fff !important;
}
.body h4 {
  border-color: #fff;
  color: #fff !important;
}
.body th {
  background: transparent !important;
}
.maps h2, .rels h2, .tags h2 {
  border: 1px solid #fff;
  background-color: transparent;
}

/* enquete
----------------------------------------------- */
.questions .question select, .questions .question input[type="text"], .questions .question textarea {
  border-color: #fff;
}
.questions .question .note {
  color: #fff;
}
.new_survey_form_answer .submit input {
  border: 1px solid #fff;
  background: #000;
  color: #fff;
}
#errorExplanation {
  border-color: #fff;
  background-color: transparent;
}
#errorExplanation h2 {
  color: #fff;
}
.surveyForm .back a {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
}

/* event calendar
----------------------------------------------- */
#calendar {
  border: 1px solid #fff;
  background: none;
}
#calendar .pieceContainer,
#calendar .pieceHeader {
  background: none;
}
#calendar .pieceBody {
  background: transparent;
}
#calendar .pieceBody h3 {
  border-color: #fff;
}
#calendar .pieceBody .sun,
#calendar .pieceBody .sat,
#calendar .pieceBody table .sun a,
#calendar .pieceBody table .sat a {
  background: none;
  color: #fff;
}
#calendar .pieceBody table a {
  border-color: #fff;
}
#calendar .pieceBody .pagination {
  border-color: #fff;
  color: #fff;
}
#eventType .pieceBody {
  border: 1px solid #fff;
  background-color: transparent;
}
#eventType .pieceBody li a,
body[class^="dir-eventList-"] #eventType .pieceBody li.type01 a,
.dir-eventList #eventType .pieceBody li.type01 a, .dir-calendar #eventType .pieceBody li.type02 a, .dir-todaysEvent #eventType .pieceBody li.type03 a, #eventType .pieceBody li a:hover {
  border: 1px solid #fff;
  border-bottom: none;
  background-color: transparent;
}
body[class^="dir-eventList-"] #eventType .pieceBody li.type01 a,
.dir-eventList #eventType .pieceBody li.type01 a, .dir-calendar #eventType .pieceBody li.type02 a, .dir-todaysEvent #eventType .pieceBody li.type03 a, #eventType .pieceBody li a:hover {
  text-decoration: underline;
}
#todaysEvent .pieceBody ul li.current {
  background: none;
  text-decoration: underline;
}
#simple_tab_panels > div {
  border-color: #fff;
  background: none;
}
#simple_tabs > li {
  border-color: #fff;
}
.calendarEvents h2 {
  border: 1px solid #fff;
  background: none;
}
.calendarTodayEvents h3 {
  border-color: #fff;
  background: none;
}
.calendarEvents table,
.calendarEvents table th,
.calendarEvents table td {
  border-color: #fff;
}
.calendarEvents table th {
  background: none;
}
.calendarEvents table .sat,
.calendarEvents table .sun, .calendarEvents table .holiday {
  color: #fff;
}

/* gikai style
----------------------------------------------- */
body[id^="page-gikai"] #commonHeader .lowerMenu .hanyu {
  border: 1px solid #fff;
  background-color: #000;
}
body[id^="page-gikai"] #globalNavi .pieceBody li:last-child {
  width: 20%;
}
body[id^="page-gikai"] #globalNavi .pieceBody li a {
  border: none;
}
#globalNavi .pieceBody li a:hover,
#page-gikai-index #globalNavi .pieceBody li.top a,
body[id^="page-gikai-gaiyo"] #globalNavi .pieceBody li.gaiyo a,
body[id^="page-gikai-shokai"] #globalNavi .pieceBody li.shokai a {
  background-color: #000;
  text-decoration: underline;
}
body[id^="page-gikai"] #globalNavi .pieceBody li a span,
body[id^="page-gikai"] #globalNavi .pieceBody li:last-child a span {
  border-color: #fff;
}
body[id^="page-gikai"] #copyright .pieceBody {
  color: #fff;
}
body[id^="page-gikai"] #pageTitle .pieceBody {
  border: none;
}
body[id^="page-gikai"] #pageTitle .pieceBody h1 {
  border-color: #fff;
  color: #fff;
}
#recentDocs .pieceHeader h2 {
  border-color: #fff;
  color: #fff;
}
#gikaiMenu ul {
  border-color: #fff;
}
#gikaiMenu ul li {
  border-color: #fff;
}
#gikaiMenu ul li:nth-child(odd) a {
  border-color: #fff;
}
#gikaiMenu ul li a:hover {
  background: #000;
  text-decoration: underline;
}
#gikaiMenu ul li a .title {
  color: #fff;
}
#gikaiMenu ul li a .about {
  border-color: #fff;
  color: #fff;
}
#gikaiMenu ul li a .detail {
  color: #fff;
}
#sideMenuTop ul li {
  border-color: #fff;
}
#sideMenuTop ul li a {
  border-color: #fff;
  background: #000;
  color: #fff;
}
#sideMenuTop ul li a:hover {
  border-color: #fff;
  text-decoration: underline;
}
#sideMenu ul,
#categoryList .pieceBody div {
  border-color: #fff;
}
#sideMenu ul li a,
#categoryList .pieceBody section a {
  border-color: #fff;
  background: #000;
  color: #fff;
}
#sideMenu ul li.current a,
#sideMenu ul li a:hover,
#categoryList .pieceBody section .current a,
#categoryList .pieceBody section a:hover {
  border-color: #fff;
  background-color: transparent !important;
  text-decoration: underline;
}
.contentGpCategoryCategoryTypes section h2 {
  border-color: #fff;
  color: #fff;
}
.body h2 {
  border-color: #fff;
  color: #fff;
}
.body h3 {
  color: #fff;
}
.maps h2, .rels h2, .tags h2 {
  border: none;
  border-bottom: 3px solid #fff;
}

/* school style
----------------------------------------------- */
body[id^="page-school-"] #commonHeader .lowerMenu .hanyu {
  border: 1px solid #fff;
  background-color: #000;
}
body[id^="page-school-"] #globalNavi {
  border-bottom-color: #fff !important;
}
body[id^="page-school-"] #globalNavi .pieceBody li a {
  border-right: none;
  border-bottom: none;
}
body[id^="page-school-"] #globalNavi .pieceBody li:last-child {
  width: 20%;
}
body[id^="page-school-"] #globalNavi .pieceBody li:last-child a {
  border-right: 1px solid #fff;
}
body[id^="page-school-"] #globalNavi .pieceBody li a:hover {
  background: transparent !important;
}
body[id^="page-school-"] #copyright {
  border-bottom-color: #fff !important;
}
body[id^="page-school-"] #pageTitle .pieceBody h1 {
  border-bottom: #fff !important;
}
body[id^="page-school-"] #recentDocsTab .pieceBody .tabs li.current {
  border-top-color: #fff;
  background: #fff;
}
body[id^="page-school-"] #recentDocsTab .pieceBody .tabs li.current a {
  background: #000;
}
#schoolMenu ul li a {
  border-color: #fff;
}
#schoolMenu ul li a .title {
  color: #fff;
}
#schoolMenu ul li a .title {
  background: none !important;
  filter: none;
}
#schoolMenu ul li a .about {
  color: #fff;
}
#schoolMenu ul li a .detail {
  background: transparent !important;
}
body[id^="page-school-"] #topics .pieceContainer {
  border-color: #fff;
}
body[id^="page-school-"] #topics .pieceHeader h2 {
  color: #fff !important;
}
body[id^="page-school-"] #sideMenu ul li a,
body[id^="page-school-"] #categoryList .pieceBody section a {
  background-position: 10px center;
  background-repeat: no-repeat;
}
body[id^="page-school-"] #sideMenu ul li a:hover,
body[id^="page-school-"] #categoryList .pieceBody section a:hover {
  background-color: transparent !important;
}

/* mujinamon style
----------------------------------------------- */
body[id^="page-mujinamon-"] #pageHeaderBody {
  background: transparent;
}
body[id^="page-mujinamon-"] #commonHeader {
  border-color: #fff;
  background: transparent;
}
body[id^="page-mujinamon-"] #commonHeader .menu {
  top: 0;
  background: transparent;
}
body[id^="page-mujinamon-"] #commonHeader .menu #accessibilityTool {
  padding-top: 7px;
}
body[id^="page-mujinamon-"] #commonHeader .lowerMenu {
  background: transparent;
}
body[id^="page-mujinamon-"] #commonHeader .lowerMenu .hanyu {
  border-color: #fff;
  background: transparent;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody {
  border-bottom: none;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody ul {
  border-color: #fff;
  background: #000;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody li {
  border-left: 1px dotted #fff;
  background: none;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody li:first-child {
  border: none;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody li:last-child {
  width: auto;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody li a {
  height: auto;
  padding: 10px 0 10px;
  border-radius: 6px;
  border: 1px solid #fff;
  background: none !important;
  text-decoration: none;
  text-align: center;
}
body[id^="page-mujinamon-"] #globalNavi .pieceBody li.current a,
body[id^="page-mujinamon-"] #globalNavi .pieceBody li a:hover {
  text-decoration: underline;
}
body[id^="page-mujinamon-"] #commonFooter {
  border-color: #fff;
  background: transparent;
}
body[id^="page-mujinamon-"] #commonFooter address {
  border-color: #fff;
  background: #000;
}
body[id^="page-mujinamon-"] #pageNav #pageTitle .pieceBody,
body[id^="page-mujinamon-"] #content #pageTitle .pieceBody,
body[id^="page-mujinamon-"] #conceptTitle .pieceBody {
  border: none;
  background: transparent;
}
body[id^="page-mujinamon-"] #pageNav #pageTitle h1,
body[id^="page-mujinamon-"] #content #pageTitle h1,
body[id^="page-mujinamon-"] #conceptTitle h1 {
  border-radius: 6px;
  border: 1px solid #fff;
  background: none;
  color: #fff;
}
#docsPageTitle .pieceBody {
  border: 1px solid #fff;
  background: transparent;
}
#docsPageTitle .pieceBody h1 {
  border-color: #fff;
  color: #fff;
}
#chumoku, #oshirase {
  border: 1px solid #fff;
  background: transparent;
}
#oshirase .pieceContainer {
  background: no-repeat;
}
#chumoku .pieceHeader, #oshirase .pieceHeader, #schedule .pieceHeader {
  border: none;
}
#chumoku .pieceBody ul.docs {
  background: transparent;
}
#chumoku .more a, #oshirase .more a, #schedule .more a {
  border: 1px solid #fff;
  background: transparent;
}
body[id^="page-mujinamon-"] #sideMenu .pieceContainer,
body[id^="page-mujinamon-"] #categoryList .pieceContainer {
  border-color: #fff;
}
body[id^="page-mujinamon-"] #sideMenu .pieceHeader,
body[id^="page-mujinamon-"] #categoryList .pieceHeader {
  border-bottom: none;
}
body[id^="page-mujinamon-"] #sideMenu .pieceHeader h2,
body[id^="page-mujinamon-"] #categoryList .pieceHeader h2 {
  border-color: #fff;
  color: #fff;
}
body[id^="page-mujinamon-"] .contentGpCategoryCategoryTypes section h2 {
  border: 1px solid #fff;
  background: none;
}
body[id^="page-mujinamon-"] .body h2 {
  border: 1px solid #fff;
  border-bottom-width: 2px;
}
body[id^="page-mujinamon-"] .contentGpArticleDoc .body h3,
body[id^="page-mujinamon-"] .contentPage .body h3 {
  color: #fff;
}
body[id^="page-mujinamon-"] .maps h2, .rels h2, .tags h2 {
  border: none;
  color: #fff;
}
body[id^="page-mujinamon-"] .inquiry h2 {
  border: 1px solid #fff;
}