@charset "utf-8";

/*****************************************
		Background Color [Blue]
*****************************************/
html {
	background: none !important;
	background-color: #009 !important;
	color: #FF0 !important;
}
a:link { color: #FFF; }
a:visited {	color: #FFF; }
a:hover { color: #F00; }
a:active { color: #F00; }
#container,
#wrapper,
#main,
.optionGroup,
.calendar_page table,
.fileDL,
.faqCollection,
.relPage,
.reference,
.enquete,
#calendarAll,
#calendar7th table,
#dirIndexQA,
#mapList,
#mapNav ul,
#dirNews,
#contents table th,
.contentsCalendar table th,
.linkMapBox { background: none; }
#cboxTitle { color: #006; }
.cNavLink a { color: #FFF !important; }
.calendar_page_prev_month,
.calendar_page_next_month {
	background-color: #006;
	border: 2px solid #FFF;
}

/*****************************************
				Header
*****************************************/
#header {
	background: #009;
}
#headerInner {
	background: #009;
}
#headerContents {
	border: none;
}
#sizeChanger dt,
#colorChanger dt {
	text-shadow: none;
	color: #FF0;
}
#sizeChanger dd {
	background-color: #FF0!important;
}
#sizeChanger dd span {
	color: #006;
}
#sizeChanger dd span:hover {
	background: #006;
	color: #FF0;
}
#foreigners ul li a { color: #009; }
#foreigners ul li a:hover {
	background: #009;
	color: #FFF;
}
#logoTitle { background: #FF0; }
#snsTitle { color: #FF0; }
#headerSns li a { background-color: #FF0; }
#btnForeigners {
	background-color: #FF0!important;
}
#emergencyInner {
	background: #006;
}
#emergencyInner ul li a:hover {
	background-color: #333!important;
	color: #FF0;
}
#emergencyInner ul li {
	border-color: #FFF!important;
}
/*****************************************
				Search
*****************************************/
#field_search {
	color: #009 !important;
}
#google_field {
	border-color: #FF0;
	background: #FF0;
	color: #000;
	font-weight: bold;
}
#btn_google_search {
	background: #006;
}
#searchBlock {
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
	background: none;
}
#keywordTitle {
	color: #FFF;
}
#wellSearchKeyword ul li a {
	background: #006;
	color: #FF0;
}
#wellSearchKeyword ul li a:hover {
	background: #333;
}
/*****************************************
			Global Navigation
*****************************************/
#gNav { background: #FFF; }
#gNav ul li a {
	background-color: #006;
	color: #FFF;
}
#gNav ul li a:hover {
	background: #333;
	color: #FF0;
}
#gNav ul li ul { background: #006; }
#gNav ul li ul li a { color: #FFF; }
#gNav .gNavBoxInner {
	background: #006;
}
#gNav .btn_close:hover {
	background: #333;
	color: #FF0;
}
#gNav .gNavBoxContentsInner ul li a:hover {
	background: #333;
	color: #FF0;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	background: #FFF;
	color: #009;
}
#topicpath ol li a {
	color: #009;
}
#topicpath ol li.first a {
	background: none;
	background-color: #009;
	border-radius: 0;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
	background: none;
	border-bottom: 4px solid #FFF;
}
/*****************************************
			Local Navigation
*****************************************/
#lNav {
	padding: 25px 0 0 0;
}
#lNav ul {
	border: 2px solid #FFF;
}
#lNav ul li a {
	color: #FFF;
}
#categoryNav ul li a {
	background: #009;
	border: 1px solid #FFF;
	box-sizing: border-box;
	text-decoration: none;
}
/*****************************************
			Page Title
*****************************************/
#pageTitle,
.newsTitle {
	background: #006;
	width: 1000px;
	padding: 0;
	border: none;
}
#pageTitle .innerTitle,
.newsTitle .innerTitle {
	display: block;
	background: #006;
	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: #006;
	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 { background: #FFF; }
#pageInfo,
#pageInfo a { color: #009 !important; }
#backHome { background: #FFF; }
#print span {
	background-color: #006;
}
/*****************************************
				Footer
*****************************************/
#footer {
	background: #006;
}
#footerInfo {
	background: none;
}
#footerContents {
	background: none;
}
#footerLogo {
	background-color: #FFF !important;
}
#footerNav ul li a {
	background: #FFF;
	color: #009;
}
#footerContents dl dt {
	background-color: #FFF;
	color: #009;
}
#copyright {
	background: #006;
}
#townIntroduction dl dd {
	color: #006;
}
#footerBottm {
	background: none;
}
/*****************************************
			Directory News
*****************************************/
#dirNews { background: #009; }
#dirNews h3 {
	background: #006;
	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: #009;
}
/*****************************************
			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 {
	color: #FF0;
}
.dirIndexContents {
	color: #FFF;
}
#searchQA {
	background: #FFF;
}
#field_search_QA {
	background: none;
	border: none;
	color: #009;
}
/*****************************************
		Directory Image List
*****************************************/
.dirImageBoxList .dirTitle {
	background: #006;
	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: #009;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a {
	color: #009;
}
.dirImageBoxList .dirImageBox .dirImageBoxContents .dirPageTitle a:hover {
	color: #C03;
}
/*****************************************
			Calendar List
*****************************************/
#calList,
#calDesc {
	background: #FFF;
	color: #006!important;
	border: none;
}
#calList:hover,
#calDesc:hover {
	background: #000;
	color: #FFF!important;
}
/*****************************************
			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: #009; }
#btn_calchange {
	background: #006;
	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: #006 !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: #006; }
.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: #006;
	color: #FFF;
}
/*****************************************
			Google Maps View
*****************************************/
#mainMap {
	background: #009;
	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: #006;
	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: #009;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
#listIndexQA dl { border-bottom: dotted 1px #FFF; }
/*****************************************
			FAQ Detail Page
*****************************************/
#faqQ dt,
#faqA dt {
	background: #006;
	padding: 0 15px;
	border: solid 1px #FFF;
	text-indent: 0;
	white-space: normal;
	color: #FFF;
	font-weight: bold;
}
/*****************************************
				Open Data
*****************************************/
.openDataFileDL {
	background: #009;
	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: #006;
	text-indent: 0;
	font-size: 114%;
	font-weight: bold;
	color: #FF0;
}
.openDataFileDL .inner {
	border-top: none;
}
.openDataFileDL .inner ul li .odfExt,
.openDataFileExt {
	background: #FFF;
	color: #009;
}
.openDataDate span {
	background: #006;
}
.btnBackHomeOpendata a {
	background: #FFF;
	color: #009;
}
.btnBackHomeOpendata a:hover {
	background: #FF0;
	color: #009;
}
.openDataSerachBox {
	background: #FFF;
}
.openDataSerachBox dl dt,
.openDataSerachBox dl dd label {
	color: #009;
}
.openDataSerachBox dl dt {
	border-bottom: dotted 1px #00F;
}
#od_keyword {
	background: #009;
	border: solid 2px #FFF;
	color: #FF0;
}
.openDataCount {
	color: #009;
}
#btn_search_od_keyword {
    background: #006;
    color: #FFF;
}
#btn_search_od_keyword:hover {
    background: #009;
}
/*****************************************
			File Download
*****************************************/
.fileDL {
	background: #009;
	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: #006;
	text-indent: 0;
	font-size: 114%;
	font-weight: bold;
	color: #FF0;
}
.fileDL .inner {
	border-top: none;
}
/*****************************************
			FAQ Collection
*****************************************/
.faqCollection {
	background: #009;
	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: #006;
	text-indent: 0;
	font-size: 114%;
	font-weight: bold;
	color: #FF0;
}
.faqCollection .inner {
	border-top: none;
}
.faqCollection .inner .btn_more {
	background-color: #FFF;
	border-bottom: 3px #006 solid;
	color: #009;
}
.faqCollection .inner .btn_more:hover {
	background-color: #FF0;
	color: #009;
}
/*****************************************
			Related Pages
*****************************************/
.relPage {
	background: #009;
	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: #006;
	text-indent: 0;
	font-size: 114%;
	font-weight: bold;
	color: #FF0;
}
.relPage .inner {
	border-top: none;
}
/*****************************************
				Reference
*****************************************/
.reference {
	background: #009;
	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: #006;
	text-indent: 0;
	font-size: 114%;
	font-weight: bold;
	color: #FF0;
}
.reference .inner {
	border-top: none;
}
.reference .inner .btn_more {
	background-color: #FFF;
	border-bottom: 3px #006 solid;
	color: #009;
}
.reference .inner .btn_more:hover {
	background-color: #FF0;
	color: #009;
}
/*****************************************
				Enquete
*****************************************/
.enquete {
	background: #009;
	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: #006;
	text-indent: 0;
	font-size: 114%;
	font-weight: bold;
	color: #FF0;
}
.enquete .inner textarea {
	background: #006;
	border: solid 1px #FFF;
	color: #FF0;
}
.enquete .inner {
	border-top: none;
}
.enquete .inner .btn input {
	background-color: #FFF;
	color: #009;
}
/*****************************************
			Search Page
*****************************************/
.searchResponse dt {
	background-color: #006;
	border: solid 1px #FFF;
}
.searchResponse dd a { color: #FFF; }
.highlight {
	background: #006;
	color: #FFF;
}
.backSearchList a {
	background: #006;
	border: solid 1px #FFF;
}
.backSearchList .submit {
	background: #006;
	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 {
	background: none;
	border-top: 2px solid #FFF;
	border-bottom: 2px solid #FFF;
}
#mainVisual .slide {
	background: #006;
}
#mainVisual .slide:hover .mainVisualText {
	background: #333;
}
#mainVisual .btnSlickControl {
	background-color: #006!important;
}
#mainVisual .slick-dots li {
	background-color: #FFF;
}
#mainVisual .slick-dots li.slick-active,
#mainVisual .slick-dots li:hover {
	background-color: #FF0;
}
#newsBlock h2 .subTitle,
#newsBlock h2 .innerTitle {
	color: #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!important;
	color: #009;
}
#news .tab li a .view {
	color: #006;
}
.newsContentsInner {
	border-color: #FFF;
}
.newsContentsInner dl {
	border-top: 1px dotted #FFF;
}
.newsContentsInner dl dt {
	color: #FF0;
}
.i_new,
.i_urg,
.i_ess {
	color: #FF0;
}
.newsContentsInner dl dd,
.newsContentsInner dl dd a {
	color: #FFF;
}
.btnNewslist {
	background: #FFF!important;
	color: #006 !important;
}
.btnNewslist:hover {
	background: #000!important;
	color: #FFF !important;
}
#findInfo,
#findInfo h2 .subTitle {
	color: #FFF;
}
#findInfoContents .area {
	background: #006;
}
#findInfoContents .area .findInfoBoxInner ul li a {
	background-color: #FF0!important;
	color: #006!important;
}
#findInfoContents .tab li a {
	background-color: #FFF!important;
	border-color: #FF0;
	color: #006;
}
#findInfoContents .tab li a .view {
	color: #FFF;
	background: #006;
}
#findInfoContents .tab li a.active {
	background-color: #006!important;
}
#findInfoContents #findInfoBox03.area .findInfoBoxInner ul li.rank01,
#findInfoContents #findInfoBox03.area .findInfoBoxInner ul li.rank02,
#findInfoContents #findInfoBox03.area .findInfoBoxInner ul li.rank03 {
	background-color: #FF0;
}
#eventCalendar h2,
#eventCalendar h2 .subTitle {
	color: #FFF;
}
#eventCalendar .calendar .caption {
	color: #FF0;
	border-color: #FF0;
}
#prevMonth,
#nextMonth {
	background-color: #FFF;
}
#prevMonth:hover,
#nextMonth:hover {
	opacity: 0.75;
}
#eventCalendar .calendar {
	background: #006;
}
#eventCalendar .calendar table tbody td {
	background: #009;
}
#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: #009;
}
#eventCalendar .calendar table .eventday {
	background: #FF0;
	color: #009;
}
#eventCalendar .calendar table .today a,
#eventCalendar .calendar table .eventday a {
	color: #009;
}
#eventCalendar .calendar table .nodata {
	background: none;
}
#eventCalendar ul li#barEvent {
	background: #FF0;
	color: #009;
}
#eventCalendar ul li#barToday {
	background: #FFF;
	color: #009;
}
#cal_list {
	background: #FFF;
	color: #009;
}
#cal_list:hover {
	color: #FFF;
}
#administration {
	background: none;
}
#townInfo {
	border-color: #FFF;
}
#InfoArea ul li {
	background-color: #FF0!important;
}
#InfoArea ul li a {
	color: #006;
}
#InfoListArea ul li a {
	background-color: #006!important;
	color: #FF0;
}
#adBanner h2 .subTitle,
#adBanner h2 {
	color: #FFF;
}
#adBannerContents ul li a {
	color: #006;
}

#pageTop {
	background: #FFF;
	color: #009;
}