@charset "utf-8"; /***************************************** Background Color [Black] *****************************************/ html { background: none !important; background-color: #000 !important; color: #FF0 !important; } a:link { color: #FFF; } a:visited { color: #FFF; } a:hover { color: #F00; } a:active { color: #F00; } #container, #wrapper, #main, #mainContents, .optionGroup, .calendar_page table, .fileDL, .faqCollection, .relPage, .reference, .enquete, #calendarAll, #calendar7th table, #dirIndexQA, #mapList, #mapNav ul, #dirNews, #contents table th, .contentsCalendar table th, .linkMapBox, #wrapperHead, #footer, #footerBottom, #dirNewsList, #searchQA, #errorDocumentBoxInner, #mailform input:focus, #mailform textarea:focus, #news, #news .area, .newsContentsInner, .newsContentsBottom, #attentionContents { background: none; box-shadow: none; } #cboxTitle, a.btn_newslist span, a.btn_rss span { color: #333; } .list_index ul li a, .newsListIndex dl dd a, .cNavLink a { color: #FFF !important; } #searchBox, #topics .slick-dots li button:hover, #topics .slick-dots li.slick-active button { background: #FFF; } /***************************************** Header *****************************************/ #header { background: #000; } #headerInner { background: #000; border-bottom: 2px solid #FFF; } #sizeChanger dt, #colorChanger dt { text-shadow: none; color: #FF0; } #foreigners ul li a { background: #000; color: #FFF; } #foreigners ul li a:hover { background: #000; color: #FFF; } #logoTitle { background: #FF0; } /***************************************** Accessibility *****************************************/ #accessibilityContents { background: #000; } /***************************************** Search *****************************************/ #field_search { color: #000 !important; } /***************************************** Global Navigation *****************************************/ #gNav { background: #FFF; } .gNavBoxInner { background: #333; border-bottom: 2px solid #FFF; } #gNav ul li ul { background: #333; } #gNav ul li ul li a { color: #FFF; } /***************************************** Topicpath *****************************************/ #topicpath { background: #000; color: #FF0; } #topicpath ol li { color: #FF0; } #topicpath ol li a { color: #FFF; } #topicpath ol li.first a { background: #333; } /***************************************** Category Title *****************************************/ #categoryTitle { border-bottom: 4px solid #FFF; } #categoryTitle .innerTitle { color: #FFF; } /***************************************** Local Navigation *****************************************/ #lNav { padding: 25px 0 0 0; } #lNav ul { background: none; border: 2px solid #FFF; } #lNav ul li a { color: #FFF; } #lNav ul li a:hover { color: #FFF; } #categoryNav ul li a { background: #000; border: 1px solid #FFF; box-sizing: border-box; text-decoration: none; } /***************************************** Page Title *****************************************/ #pageTitle, .newsTitle { background: #333; width: 1000px; padding: 0; border: none; } #pageTitle .innerTitle, .newsTitle .innerTitle { display: block; background: #333; padding: 10px 10px 12px 15px; border: 2px solid #FFF; color: #FF0; } /***************************************** Contents *****************************************/ #contents, .contentsCalendar { background: none; box-shadow: none; border: none; } /***************************************** Title *****************************************/ #contents h2, .contentsCalendar h2, #contents h3, .contentsCalendar h3, #contents h4, .contentsCalendar h4, #contents h5, .contentsCalendar h5, #contents h6, .contentsCalendar h6 { background: #333; height: auto; padding: 5px 5px 3px 13px; border: 1px solid #FFF; font-size: 129%; font-weight: bold; color: #FF0; border-radius: 0; } #contents h2 a, .contentsCalendar h2 a, #contents h3 a, .contentsCalendar h3 a, #contents h4 a, .contentsCalendar h4 a, #contents h5 a, .contentsCalendar h5 a, #contents h6 a, .contentsCalendar h6 a { color: #FFF; } /***************************************** WYSIWYG Contents Inner Elements *****************************************/ #contents th, #contents td { background-color: transparent !important; } /***************************************** Page Information *****************************************/ #pageInfo, #pageInfo a { color: #FFF; } /***************************************** Footer *****************************************/ #footerLogo { background-color: #FFF !important; } #footerNav ul li a { background: #FFF; color: #000; } #footerContents dl dt { background: #333; color: #FF0; } #copyright { color: #FF0; } #jinkouBox { background: #FF0; } /***************************************** Directory News *****************************************/ #dirNews { background: #000; } #dirNews h3 { background: #333; padding: 6px 10px; border: 2px solid #FFF; box-sizing: border-box; color: #FFF; } #dirNewsList { border-top: 2px solid #FFF; border-bottom: 2px solid #FFF; } #dirNews dl { border-top: 1px dotted #FFF; } #dirNews dl dt { color: #FF0; } #dirNews dl dd a { color: #FFF; } #btn_newslist { background: #FFF; color: #000; } /***************************************** Directory Index *****************************************/ .dirIndex, #dirRelInfo, #dirRel .dirIndex, .dirRelIndex, #dirIndexQA, .dirIndexImage { background: none; border: 2px solid #FFF; box-sizing: border-box; } .dirIndex h3, #dirRelInfo h3, #dirRel .dirIndex h3, .dirRelIndex h3, #dirIndexQA h3, .dirIndexImage h3 { background-color: transparent; border: none; border-bottom: 1px solid #FFF; } .dirIndex h3 a, #dirRelInfo h3 a, .dirRelIndex h3 a, #dirIndexQA h3 a, .dirIndexImage h3 a { color: #FFF; } .dirIndex h3 a:hover, #dirRelInfo h3 a:hover, .dirRelIndex h3 a:hover, #dirIndexQA h3 a:hover, .dirIndexImage h3 a:hover { color: #FF0; } .dirIndexTitle p, #dirRelInfo .dirIndexTitle p { background: none; margin: 5px 0 0 74px !important; padding: 0 !important; color: #FFF; border: none; } .dirIndex ul li p, #dirRelInfo ul li p { border: none; border-left: solid 2px #FFF; } .dirIndex ul li, #dirRelInfo ul li, .dirRelIndex ul li, #dirIndexQA ul li, .dirIndexImage ul li { border-top: 1px dotted #FFF; } .dirIndex ul li a, #dirRelInfo ul li a, .dirRelIndex ul li a, #dirIndexQA ul li a, .dirIndexImage ul li a { color: #FFF; } .dirIndex ul li a:hover, #dirRelInfo ul li a:hover, .dirRelIndex ul li a:hover, #dirIndexQA ul li a:hover, .dirIndexImage ul li a:hover { background-color: #333; } .dirIndexContents { color: #FFF; } #field_search_QA { background: none; border: none; color: #FF0; } /***************************************** Directory Image List *****************************************/ .dirImageBoxList .dirTitle { background: #333; padding: 3px 10px; border: 2px solid #FFF; color: #FFF; } .dirImageBoxList .dirTitle a { color: #FFF; } .dirImage { border: solid 3px #FFF; } .dirImageBoxList .dirImageBox { background: none; border: solid 1px #FFF; } .dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle { background: #FFF; color: #000; } .dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a { color: #000; } .dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a:hover { color: #C03; } /***************************************** Calendar List *****************************************/ #calList, #calDesc { background: #000; border: none; } /***************************************** Calendar *****************************************/ #calendarAll { border: solid 1px #FFF; } #calendarAll dl dt { border-top: dotted 1px #FFF; } #calendarAll dl dd { border-top: dotted 1px #FFF; border-left: solid 1px #FFF; } #calList li { background-color: #000; } #btn_calchange { background: #333; color: #FFF; } /***************************************** 7th Days Calendar *****************************************/ #calendar7th table { border: solid 1px #FFF; } #calendar7th table thead th { border-bottom: solid 1px #FFF; border-left: solid 1px #FFF; } #calendar7th table tbody td { border-left: solid 1px #FFF; border-bottom: dotted 1px #FFF; } #calendar7th table th, #calendar7th table td { background-color: transparent !important; } #calendar7th table tbody td dl dt { background-color: #333 !important; } /***************************************** Calendar Global Style *****************************************/ #calendarAll dl.sun dt, #calendarAll dl.national dt, #calendar7th th.sun, #calendar7th th.national { background: transparent; } #calendarAll dl.sat dt, #calendar7th th.sat { background: transparent; } #calendarAll dl.today, #calendar7th table tbody td.today { background: transparent; } /***************************************** Calendar Detail *****************************************/ #calText { background-color: transparent; } /***************************************** Calendar Inner Page *****************************************/ .calendar_page table td.today { background: #333; } .calendar_page table td { color: #FF0 !important; } .calendar_page table td a { color: #FFF !important; } .calendar_page table thead th { background-color: transparent !important; } /***************************************** Mail Form *****************************************/ #mailform input, #mailform textarea, #mailform select { border: 1px solid #FFF; background: #333; color: #FFF; } /***************************************** Google Maps View *****************************************/ #mainMap { background: #000; margin: 0 auto 25px auto; border: none; border-radius: none; box-shadow: none; } #mapCategory li { background-color: transparent !important; border: solid 2px #FFF !important; } #mapList { border: solid 2px #FFF !important; } #mapCanvas { border: solid 1px #FFF; } #mapNav h2 { background: #333; border: solid 1px #FFF; border-bottom: none; color: #FF0; } #mapNav ul { border: solid 1px #FFF !important; } #mapNav ul li { border-top: dotted 1px #FFF; } #mapNav ul li a { border-left: solid 5px #FFF; color: inherit; } /***************************************** List Index Question *****************************************/ #listIndexQA { background: #000; border: none; border-radius: 0; box-shadow: none; } #listIndexQA dl { border-bottom: dotted 1px #FFF; } /***************************************** FAQ Detail Page *****************************************/ #faqQ dt, #faqA dt { background: #333; padding: 0 15px; border: solid 1px #FFF; text-indent: 0; white-space: normal; color: #FFF; font-weight: bold; } /***************************************** Open Data *****************************************/ .openDataFileDL { background: #000; border: 1px solid #FFF; } .openDataFileDL h2 { padding: 0 0 0 15px; width: auto; height: 40px; line-height: 40px; border: none; border-bottom: 1px solid #FFF; background: #333; text-indent: 0; font-size: 114%; font-weight: bold; color: #FF0; } .openDataFileDL .inner { border-top: none; } .openDataFileDL .inner ul li .odfExt, .openDataFileExt { background: #333; color: #FF0; } .openDataDate span { background: #333; } .btnBackHomeOpendata a { background: #FFF; color: #000; } .btnBackHomeOpendata a:hover { background: #FF0; color: #000; } .openDataSerachBox { background: #FFF; } .openDataSerachBox dl dt, .openDataSerachBox dl dd label { color: #000; } .openDataSerachBox dl dt { border-bottom: dotted 1px #00F; } #od_keyword { background: #000; border: solid 2px #FFF; color: #FF0; } .openDataCount { color: #000; } #btn_search_od_keyword { background: #333; color: #FFF; } #btn_search_od_keyword:hover { background: #000; } /***************************************** File Download *****************************************/ .fileDL { background: #000; border: 1px solid #FFF; } .fileDL h2 { padding: 0 0 0 15px; width: auto; height: 40px; line-height: 40px; border: none; border-bottom: 1px solid #FFF; background: #333; text-indent: 0; font-size: 114%; font-weight: bold; color: #FF0; } .fileDL .inner { border-top: none; background-color: #000; } /***************************************** FAQ Collection *****************************************/ .faqCollection { background: #000; border: 1px solid #FFF; } .faqCollection h2 { padding: 0 0 0 15px; width: auto; height: 40px; line-height: 40px; border: none; border-bottom: 1px solid #FFF; background: #333; text-indent: 0; font-size: 114%; font-weight: bold; color: #FF0; } .faqCollection .inner { border-top: none; background-color: #000; } .faqCollection .inner .btn_more { background-color: #333; border-bottom: 3px #333 solid; color: #FFF; } .faqCollection .inner .btn_more:hover { background-color: #FF0; color: #000; } /***************************************** Related Pages *****************************************/ .relPage { background: #000; border: 1px solid #FFF; } .relPage h2 { padding: 0 0 0 15px; width: auto; height: 40px; line-height: 40px; border: none; border-bottom: 1px solid #FFF; background: #333; text-indent: 0; font-size: 114%; font-weight: bold; color: #FF0; } .relPage .inner { border-top: none; background-color: #000; } /***************************************** Reference *****************************************/ .reference { background: #000; border: 1px solid #FFF; } .reference h2 { padding: 0 0 0 15px; width: auto; height: 40px; line-height: 40px; border: none; border-bottom: 1px solid #FFF; background: #333; text-indent: 0; font-size: 114%; font-weight: bold; color: #FF0; } .reference .inner { border-top: none; background-color: #000; } .reference .inner .btn_more { background-color: #333; border-bottom: 3px #333 solid; color: #FFF; } .reference .inner .btn_more:hover { background-color: #FF0; color: #000; } /***************************************** Enquete *****************************************/ .enquete { background: #000; border: 1px solid #FFF; } .enquete h2 { padding: 0 0 0 15px; width: auto; height: 40px; line-height: 40px; border: none; border-bottom: 1px solid #FFF; background: #333; text-indent: 0; font-size: 114%; font-weight: bold; color: #FF0; } .enquete .inner textarea { background: #333; border: solid 1px #FFF; color: #FF0; } .enquete .inner { border-top: none; background-color: #000; } .enquete .inner .btn input { background-color: #333; color: #FFF; } /***************************************** Search Page *****************************************/ .searchResponse dt { background-color: #333; border: solid 1px #FFF; } .searchResponse dd a { color: #FFF; } .highlight { background: #333; color: #FFF; } .backSearchList a { background: #333; border: solid 1px #FFF; } .backSearchList .submit { background: #333; color: #FFF; } /***************************************** Section List *****************************************/ #sectionList thead th { background: transparent !important; } #sectionList th, #sectionList td { border: solid 1px #FFF !important; } /***************************************** Critical *****************************************/ #criticalList dl.bg { background-color: transparent; } #critical .content h2, #critical .content h3, #critical .content h4, #critical .content h5, #critical .content h6 { color: #FF0; } /***************************************** Top *****************************************/ #mainVisual { border-bottom: 2px solid #FFF; } #mainVisual .bx-pager-link.active, #mainVisual .bx-pager-link:hover { background: #333; } #mainVisual .bx-prev, #mainVisual .bx-next, #mainVisual .bx-start, #mainVisual .bx-stop { background-color: #333; } #lifeEvent { border-bottom: 2px solid #FFF; } #lifeEvent ul li a { background-color: #333; } #newsBlock { border-bottom: 2px solid #FFF; } #news .tab li a { background: none; border: 2px solid #FFF; color: #FFF; } #news .tab li a.active, #news .tab li a:hover { background: #FFF; color: #000; } #news .area { border-top: 2px solid #FFF; } .newsContentsInner { border-bottom: 2px solid #FFF; } .newsContentsInner dl { border-top: 1px dotted #FFF; } .newsContentsInner dl dt { color: #FF0; } .btn_newslist { background: #FFF; color: #333 !important; } .btn_newslist:hover { color: #FFF !important; } .pickUpBox { background: #333; } .pickUpBox dl dt { background: #FFF; color: #000; } .pickUpDetail { background: #FFF; color: #333 !important; } .pickUpDetail:hover { color: #FFF !important; } #about h2 { background: #FFF; color: #000; } #about ul li a { background: none; border: 2px solid #FFF; color: #FFF; } #about ul li a:hover { background: #FFF; color: #000; } #topLinkArea h2 { background: #FFF; color: #000; } #topLink .slide a { background: none; border: 2px solid #FFF; color: #FFF; } #topLink .slide a:hover { background: #FFF; color: #000; } #topLink .bx-pager-link { background: #FFF; } #topLink .bx-pager-link.active, #topLink .bx-pager-link:hover { background: #FF0; } #topLink .bx-start, #topLink .bx-stop { background-color: #333; } #topLink .bx-start:hover, #topLink .bx-stop:hover { background-color: #E00; } #eventCalendar h2 { background: #FFF; color: #000; } #prev_month, #next_month { background-color: #FFF; } #prev_month:hover, #next_month:hover { background-color: #333; } #eventCalendar .calendar { background: #333; } #eventCalendar .calendar table tbody td { background: #000; } #eventCalendar .calendar table .sun, #eventCalendar .calendar table .sat, #eventCalendar .calendar table td.sun, #eventCalendar .calendar table td.sat, #eventCalendar .calendar table .national { color: #FF0; } #eventCalendar .calendar table .today { background: #FFF; color: #000; } #eventCalendar .calendar table .eventday { background: #FF0; color: #000; } #eventCalendar .calendar table .today a, #eventCalendar .calendar table .eventday a { color: #000; } #eventCalendar .calendar table .nodata { background: none; } #eventCalendar ul li#bar_event { background: #FF0; color: #000; } #eventCalendar ul li#bar_today { background: #FFF; color: #000; } #cal_list { background: #FFF; color: #000; } #cal_list:hover { color: #FFF; } #pageTop { background: #333; color: #FFF; } #adBanner { background: #000; border-top: 2px solid #FFF; } /***************************************** Text #FF0 *****************************************/ #importantNewsTitle, #copyright, #searchInfo, #footerContact dd.hour span, #pageInfo ul li span, .gNavBoxContents > h2, #notice p, .list_index ul li a, .newsListIndex dl dd a, .cNavLink a, #lifeBlock h2 .innerTitle, #attention h2, .i_urg { color: #FF0; } /***************************************** Link #FFF *****************************************/ #sizeChanger dd#df a, #sizeChanger dd#zf a, #btnForeigners, #browserSupport, #btnForeigners, #btnLanguage, #language ul li a, #gNav ul li, #gNavInner > ul > li > a, .gNavBoxContents > h2 > a, .gNavBoxContents > h2 > span > a, #topics dl dt, #topics dl dd, #wellSearchKeyword ul li a, #foreigners ul li a, #mainVisual .slick-dots li button, #mainVisual .btnSlickControl, #news dl dt, #news dl dd, #footerNav li a, #notice h3 a, #news .tab li a.active, #news .tab li a:hover, a.btn_newslist, a.btn_rss, #cboxTitle, a.btn_newslist span, a.btn_rss span, #lifeNav ul li a, #lifeEvent ul li a, #newsBlock, #lifeBlock, #attention, .attentionText, #footerLink ul li a, #organization ul li a, #pageInfo a { color: #FFF; } /***************************************** Link Hover #F00 *****************************************/ .btnList:hover, #footerNav li a:hover, #pageInfo a:hover { color: #F00; } /***************************************** Back Ground #FF0 *****************************************/ #catchcopy, #logoTitle, #topics h2, #public, #news h2, #lifeEvent h2, #footerLogo, /*#footerContact dt,*/ #btnBlog, #searchBoxInner h2, #floatSearchContents01, #floatSearchContents02, #searchContents01, #searchContents02, #floatSearchBoxInner .tab li.nav01 a.active, #floatSearchBoxInner .tab li.nav01 a:hover, #searchBoxInner .tab li.nav01 a.active, #searchBoxInner .tab li.nav01 a:hover, #floatSearchBoxInner .tab li.nav02 a, #searchBoxInner .tab li.nav02 a, #floatSearchBoxInner .tab li.nav01 a, #searchBoxInner .tab li.nav01 a, #floatSearchBoxInner .tab li.nav02 a.active, #floatSearchBoxInner .tab li.nav02 a:hover, #searchBoxInner .tab li.nav02 a.active, #searchBoxInner .tab li.nav02 a:hover, #wellSearchKeyword h3, #attention .slick-dots li button:hover, #attention .slick-dots li.slick-active button, #footerContents h2 a, #footerSns ul li a, #floatSearchBoxInner h2, #searchBoxInner h2 { background-color: #FF0; } /***************************************** Back Ground #333 *****************************************/ #topics dl:nth-of-type(2n), .btnList, #searchInfo, #mainVisual .slick-dots li button, #mainVisual .btnSlickControl, #news dl:nth-of-type(2n), #sizeChanger dd#df a, #sizeChanger dd#zf a, #browserSupport, #btnLanguage, #btnForeigners, #language ul li a, #gNav ul li, #gNavInner > ul > li > a, .openDataDate span, #wellSearchKeyword ul li a, #news .tab li a.active, #news .tab li a:hover, a.btn_newslist, a.btn_rss, #lifeNav ul li a, #townIntroduction, #footerLink ul li a, #organization ul li a, #floatSearchBoxInner, #searchBoxInner, #pageInfoInner > a { background-color: #333; } .faqCollection .inner .btn_more, .reference .inner .btn_more, { background: #333; } #lifeEvent ul li, #lifeEvent ul li a { background-color: #333 !important; } /***************************************** Back Ground #000 *****************************************/ #gNav, #mainVisual .slick-dots li button:hover, #mainVisual .btnSlickControl:hover, .openDataCount, #searchBox, #topics .slick-dots li button:hover, #topics .slick-dots li.slick-active button, #notice, #newsBlock, #lifeBlock, #attention, .attentionText, #organization ul, #pageInfo { background-color: #000; } /***************************************** optionbox *****************************************/ #optionBox { background: none; background-color: #000; } /***************************************** footerSectionTel footerFiredepartTel *****************************************/ #footerSectionTel .sectionTitle, #footerFiredepartTel .firedepartTitle { color: #FFF; } #footerSectionTel dl, #footerFiredepartTel dl { color: #FFF; border-bottom: 2px solid #FF0; } #footerSectionTel dl dd span, #footerFiredepartTel dl dd span { color: #FFF; }