@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,
.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: #333; }
.cNavLink a { color: #FFF !important; }
/*****************************************
				Header
*****************************************/
#header {
	background: #000;
}
#headerInner {
	background: #000;
}
#headerInner.fixed {
	background: #000;
}
#sizeChanger dt,
#colorChanger dt {
	text-shadow: none;
	color: #FF0 !important;
	background: none;
}
#sizeChanger dd#df a,
#sizeChanger dd#zf a {
	border: 1px solid #fff;
	background: #000;
	color: #ff0;
}
#sizeChanger dd#df a:hover,
#sizeChanger dd#zf a:hover {
	background-color: #ff0;
	color: #000;
}
#foreigners ul li a { color: #000; }
#foreigners ul li a:hover {
	background: #000;
	color: #FF0;
}
#btn_foreigners {
	background-color: #000;
	border: solid 1px #FFF;
	color: #FF0;
}
#logoTitle { background: #FFF; }
/*****************************************
				Mwnu Box
*****************************************/
#menuBox {
	background-color: #000;
}
#menuBoxContents h2,
#menuBoxContents ul li a {
	border-bottom: 1px solid #FFF;
	color: #FFF;
}
#menuBoxContents h2:hover,
#menuBoxContents ul li a:hover {
	color: #FF0;
}
/*****************************************
				Search
*****************************************/
#searchBox {
	border: solid 2px #FFF;
}
#field_search {
	color: #000 !important;
}
/*****************************************
			Global Navigation
*****************************************/
#gNav { background: #000; }
#gNav ul li a:hover {
	background-color: #000 !important;
	border: solid 1px #FFF;
	box-sizing: border-box;
}
#gNav ul li ul { background: #333; }
#gNav ul li ul li a {
	color: #FFF;
	background-color: #333 !important;
}
#gNav ul li ul li a:hover {
	color: #000 !important;
	background-color: #FF0 !important;
}
.gNavBoxBottom {
	background: #333 !important;
}
#gNav ul li .gNavBoxBottom a.btn_list {
	background: #000 !important;
	border: solid 1px #FFF;
}
#gNav ul li .gNavBoxBottom a.btn_list:hover {
	background: #FF0 !important;
	color: #000;
}
/*****************************************
			Topicpath
*****************************************/
#topicpath {
	background: #000;
	color: #FF0;
}
#topicpath ol li a {
	color: #FF0;
}
#topicpath ol li.first a {
	background-color: #000;
}
/*****************************************
			Category Title
*****************************************/
#categoryTitle {
}
/*****************************************
			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: #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 { background: #000; }
#pageInfo,
#pageInfo a { color: #FF0 !important; }
/*****************************************
				Footer
*****************************************/
#footerLogo {
}
#footerNav ul li a {
	background: #FFF;
	color: #000;
}
#footerNav ul li a:hover {
	background-color: #000;
	color: #FF0;
	border: solid 1px #FF0;
	box-sizing: border-box;
}
#footerContents dl dt {
	background-color: #000;
	color: #FFF;
}
#copyright {
	background: #333;
	color: #FF0;
}
#jinkouBox {
	background: #000;
}
#townIntroduction {
	background-color: #333;
}
#townIntroduction dl dt,
#townIntroduction dl dd,
#population {
	color: #FFF;
}
/*****************************************
			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 {
	color: #FF0;
}
.dirIndexContents {
	color: #FFF;
}
#searchQA {
	background: #FFF;
}
#field_search_QA {
	background: none;
	border: none;
	color: #000;
}
/*****************************************
		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;
	padding: 0;
}
.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: #FFF;
	color: #000;
}
.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;
	padding: 0;
}
.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;
}
/*****************************************
			FAQ Collection
*****************************************/
.faqCollection {
	background: #000;
	border: 1px solid #FFF;
	padding: 0;
}
.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;
}
.faqCollection .inner .btn_more {
	background-color: #FFF;
	border-bottom: 3px #333 solid;
	color: #000;
}
.faqCollection .inner .btn_more:hover {
	background-color: #FF0;
	color: #000;
}
/*****************************************
			Related Pages
*****************************************/
.relPage {
	background: #000;
	border: 1px solid #FFF;
	padding: 0;
}
.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;
}
/*****************************************
				Reference
*****************************************/
.reference {
	background: #000;
	border: 1px solid #FFF;
	padding: 0;
}
.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;
}
.reference .inner .btn_more {
	background-color: #FFF;
	border-bottom: 3px #333 solid;
	color: #000;
}
.reference .inner .btn_more:hover {
	background-color: #FF0;
	color: #000;
}
/*****************************************
				Enquete
*****************************************/
.enquete {
	background: #000;
	border: 1px solid #FFF;
	padding: 0;
}
.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;
}
.enquete .inner .btn input {
	background-color: #FFF;
	color: #000;
}
/*****************************************
			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;
}
#pickup .pickupText {
	background-color: #333;
	color:	#FFF;
}
#lifeEvent h2 {
	background: none;
	color: #FFF;
	border: solid 2px #FFF;
	border-radius: 4px;
}
#onlineInfo h2 {
	background: none;
	color: #FFF;
	border: solid 2px #FFF;
	border-radius: 4px;
}
#lifeEvent {
}
#lifeEvent ul li a {
	color: #000;
	border: solid 2px #CCC;
	border-bottom: solid 5px #CCC;
}
#lifeEvent ul li a:hover {
	border-bottom: solid 2px #CCC;
}
#newsBlock {
	border-bottom: 2px solid #FFF;
}
#newsBlock h2 {
	background-color: #FF0;
}
#news .tab li a {
	background: none;
	border: 2px solid #FFF;
	color: #FFF;
	width: 294px;
}
#news .tab li a.active,
#news .tab li a:hover {
	background: #FF0 !important;
	color: #000 !important;
}
#news .area {
	border-top: 2px solid #FFF;
}
.newsContentsInner {
	border-bottom: 2px solid #FFF;
}
.newsContentsInner dl {
	border-top: 1px dotted #FFF;
	background: none;
}
.newsContentsInner dl dt {
	color: #FF0;
}
.newsContentsInner dl dd a {
	color: #FFF;
}
.btn_newslist {
	background: #FFF;
	color: #333 !important;
}
.btn_newslist:hover {
	background: #FF0;
	color: #000 !important;
}
#informaitionArea {
	background-color: #000;
}
#onlineInfo ul li a {
	border: solid 2px #FF0;
	border_bottom: solid 5px #FF0;
}
#onlineInfo ul li a:hover {
	border_bottom: solid 2px #FF0;
}
#mainBlock h2 {
	background-color: #FF0;
	background-position: 50% 50%;
	padding: 5px;
}
.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 {
	color: #FFF;
}
#about ul li a:hover {
	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;
}
#snsBox {
	background-color: #000;
}
#snsBoxInner h2 {
	background-color: #FF0;
}
#eventCalendar h2 {
	background: #FFF;
	color: #000;
}
#pickupArea h2 {
	background-color: #FF0;
}
#linkAreaInner h2 {
	background-color: #FF0;
}
#linkArea ul li a:hover {
	background-color: #FF0;
	color: #000;
}
#footerContents {
	background-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;
}
.calendar_page_prev_month, .calendar_page_next_month {
	background-color: #FF0;
}
#linkArea ul li a {
	background-color: #000;
	color: #FFF;
}
#footer {
	background: none;
}
#address dl#karasuyama dt,
#address dl#minaminasu dt {
	color: #FF0;
}
#footerMap {
	background-color: #FFF;
}
#pageTop {
	background: #FFF;
	color: #000;
}
#adBanner {
	background: #000;
	border-top: 2px solid #FFF;
}
#adBannerInner {
	background-color: #000;
}