@charset "UTF-8";

/*****************************************
				Header
*****************************************/
#header {
	background: url(../img/header/header_bg.jpg) 50% 1px no-repeat;
	border-top: 3px solid #47C98D;
}
#headerInner {
	height: 316px;
	position: relative;
}
#catchcopy {
	background: url(../../top/img/header/catchcopy.png) 0 0 no-repeat;
	width: 562px;
	height: 53px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 95px;
	right: 0;
}
/*****************************************
				Tools
*****************************************/
#tools {
	width: 558px;
	margin: 0 0 15px 0;
	overflow: hidden;
}
#sizeChanger dt,
#colorChanger dt,
#foreigners dt { color: #FFF;}
/*****************************************
			Search Form
*****************************************/
#searchBox {
	background: url(../img/header/search_bg_top.png) 0 0 repeat;
	padding: 3px;
	border: 1px solid #FFF;
}
/*****************************************
			Global Navigation
*****************************************/
#gNav {
	background: url(../img/gnav/gnav_line.jpg) 0 0 repeat-x;
	padding: 5px 0 0 0;
	border-top: none;
}
/*****************************************
			Slide Banner
*****************************************/
#slideBannerBox {
	width: 346px;
	height: 172px;
	position: absolute;
	top: 120px;
	left: 0;
}
#slideBannerMask {
	background: url(../img/header/pickup.png) 0 0 no-repeat;
	width: 38px;
	height: 38px;
	position: absolute;
	top: 0;
	left: 20px;
}
#slideBanner {
	margin: 0 auto;
	width: 306px;
	height: 172px;
	z-index: 0;
}
#slideBannerInner .bx-wrapper {
	position: relative;
	*zoom: 1;
}
#slideBannerInner {
	width: 306px;
	height: 160px;
	list-style: none;
	z-index: 0;
}
#slideBannerInner li {
	padding: 4px;
	background: #FFF;
}
#slideBannerInner img {
	max-width: 100%;
	height: auto;
	display: block;
}
/*
#slideBanner .bx-wrapper img {
	max-width: 100%;
	height: auto;
	display: block;
}
*/
#slideBanner .bx-controls {
	height: 21px;
	padding: 3px 0 0 0;
}
#slideBanner .bx-pager {
	width: 306px;
	height: 21px;
	text-align: center;
	top: 116px;
	left: 0;
}
#slideBanner .bx-pager-item {
	width: 21px;
	height: 21px;
	margin: 0 8px;
	text-align: center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#slideBanner .bx-pager-link {
	background: url(../img/header/pagination.png) 0 0 no-repeat;
	width: 21px;
	height: 21px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}
#slideBanner .bx-pager-link.active,
#slideBanner .bx-pager-link:hover { background-position: -21px 0;}
#slideBanner .bx-prev,
#slideBanner .bx-next {
	background-image: url(../img/header/btn_pickup.png);
	width: 42px;
	height: 42px;
	display: block;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	position: absolute;
	top: 42px;
	z-index: 1000;
}
#slideBanner .bx-prev {
	background-position: 0 0;
	left: 0;
}
#slideBanner .bx-prev:hover { background-position: 0 -42px; }
#slideBanner .bx-next {
	background-position: -42px 0;
	right: 0;
}
#slideBanner .bx-next:hover { background-position: -42px -42px ; }
/*****************************************
			Main Contents
*****************************************/
#mainContents {
	overflow: hidden;
	padding: 20px 0 0 0;
}
/*****************************************
			Main Block
*****************************************/
#mainBlock {
	width: 745px;
	float: left;
	_display: inline;
	overflow: hidden;
}
/*****************************************
			Center Box
*****************************************/
#centerBox {
	width: 490px;
	margin: 0 0 20px 0;
	float: right;
	_display: inline;
}
/*****************************************
				News
*****************************************/
#news {
	background: #E4ECF7;
	width: 486px;
	margin: 0 0 16px 0;
	padding: 0 0 3px 0;
	border: 2px solid #3DB49A;
}
#newsTitle {
	background: url(../img/contents/news_title.jpg) 0 0 no-repeat;
	width: 486px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
#news h2 { display: none; }
#newsContents {
	background: #FFF;
	height: 269px;
	overflow: auto;
	position: relative;
}
#newsContents dl {
	padding: 2px;
	border-bottom: 1px dotted #666;
}
#newsContents dl dt,
#newsContents dl dd {
	border-left: 4px solid #26997B;
	padding: 0 2px 0 8px;
}
#newsContents dl dt {
	font-size: 93%;
	color: #666;
}
#btn_news_list {
	background: url(../img/contents/btn_news_list.png) 0 0 no-repeat;
	width: 480px;
	height: 40px;
	margin: 3px auto 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_news_list:hover { background-position: 0 -40px; }
.btn_rss {
	background: url(../img/contents/icon_rss.png) 0 0 no-repeat;
	height: 22px;
	padding: 0 0 0 28px;
	display: block;
	position: absolute;
	top: 12px;
	right: 5px;
	text-indent: 0;
	white-space: normal;
}
/*****************************************
				Attention
*****************************************/
#attention {
	background: #E4ECF7;
	width: 486px;
	padding: 0 0 3px 0;
	border: 2px solid #F79500;
}
#attentionTitle {
	background: url(../img/contents/attention_title.jpg) 0 0 no-repeat;
	width: 486px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
}
#attention h2 { display: none; }
#attentionContents {
	background: #FFF;
	height: 240px;
	overflow: auto;
	position: relative;
}
#attentionContents dl {
	padding: 2px;
	border-bottom: 1px dotted #666;
}
#attentionContents dl dt,
#attentionContents dl dd {
	border-left: 4px solid #F79500;
	padding: 0 2px 0 8px;
}
#attentionContents dl dt {
	font-size: 93%;
	color: #666;
}
#btn_attention_list {
	background: url(../img/contents/btn_attention_list.png) 0 0 no-repeat;
	width: 480px;
	height: 40px;
	margin: 3px auto 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_attention_list:hover { background-position: 0 -40px; }
/*****************************************
			Side Left
*****************************************/
#sideLeft {
	width: 240px;
	margin: 0 0 20px 0;
	float: left;
	_display: inline;
}
#btn_disaster,
#btn_mail,
#btn_weater {
	background: url(../img/contents/btn_sideleft.png) 0 0 no-repeat;
	width: 240px;
	height: 117px;
	margin: 8px 0 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_disaster {
	background-position: 0 0;
	margin: 0 !important; 
}
#btn_mail { background-position: -240px 0; }
#btn_weater { background-position: -480px 0; }
#btn_disaster:hover { background-position: 0 -117px; }
#btn_mail:hover { background-position: -240px -117px; }
#btn_weater:hover { background-position: -480px -117px; }
#btn_mayor,
#btn_council,
#btn_public {
	background-image: url(../img/contents/left_button.png);
	background-repeat: no-repeat;
	width: 240px;
	height: 100px;
	margin: 19px 0 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_mayor {
	background-position: 0 0;
	margin: 16px 0 0 0 !important;
}
#btn_council { background-position: 0 -100px; }
#btn_public { background-position: 0 -200px; }
#btn_mayor:hover { background-position: -240px 0; }
#btn_council:hover { background-position: -240px -100px; }
#btn_public:hover { background-position: -240px -200px; }
#btn_mayor2,
#btn_council2,
#btn_public2,
#btn_useful2 {
	background-image: url(../img/contents/left_button2.png);
	background-repeat: no-repeat;
	width: 240px;
	height: 71px;
	margin: 18px 0 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_mayor2 {
	background-position: 0 0;
	margin: 16px 0 0 0 !important;
}
#btn_council2 { background-position: 0 -71px; }
#btn_public2 { background-position: 0 -142px; }
#btn_useful2 { background-position: 0 -213px; }
#btn_mayor2:hover { background-position: -240px 0; }
#btn_council2:hover { background-position: -240px -71px; }
#btn_public2:hover { background-position: -240px -142px; }
#btn_useful2:hover { background-position: -240px -213px; }
/*****************************************
			Bottom Box
*****************************************/
#bottomBox {
	width: 735px;
	margin: 0 auto;
	padding: 3px;
	border: 2px solid #47C98D;
	overflow: hidden;
	clear: both;
}
/* Search Bottom */
/*
#searchBottom {
	background: url(../img/contents/bottom_search_top.jpg) 0 0 no-repeat #3DB49A;
	margin: 0 auto 10px auto;
	padding: 4px 4px 4px 210px;
	overflow: hidden;
}
#searchBottom select {
	margin: 9px 0 0 0;
	float: left;
	_display: inline;
}
#field_search_bottom {
	background-color: #EEE;
	width: 240px;
	height: 35px;
	line-height: 35px;
	margin: 2px 12px 0 0;
	padding: 0 5px;
	border: 1px solid #FFF;
	font-size: 100%;
	float: left;
	_display: inline;
}
*/
/* Search Class */
#searchClass ul { padding-left: 5px; }
#searchClass ul li { margin: 0 7px 0 0; }
/* Life Event */
#lifeEvent ul { padding-left: 5px; }
#lifeEvent ul li {
	width: 94px;
	margin: 0;
}
/* Search Other */
#searchOther ul { padding: 0 0 0 5px; }
#searchOther ul li {
	width: 357px;
	height: 65px;
	margin: 0 8px 6px 0;
	float: left;
	_display: inline;
}
/*****************************************
			Side Right
*****************************************/
#sideRight {
	width: 240px;
	float: right;
	_display: inline;
}
#btn_child,
#btn_donation,
#btn_live {
	background-image: url(../img/contents/btn_sideright.png);
	background-repeat: no-repeat;
	width: 240px;
	height: 117px;
	margin: 8px 0 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_child {
	background-position: 0 0;
	margin: 0 !important;
}
#btn_donation { background-position: -240px 0; }
#btn_live { background-position: -480px 0; }
#btn_child:hover { background-position: 0 -117px; }
#btn_donation:hover { background-position: -240px -117px; }
#btn_live:hover { background-position: -480px -117px; }
#btn_toyonon,
#btn_recycling,
#btn_health,
#btn_garbage {
	background-image: url(../img/contents/right_button3.png);
	background-repeat: no-repeat;
	width: 240px;
	height: 71px;
	margin: 19px 0 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}
#btn_toyonon {
	background-position: 0 0;
	margin: 16px 0 0 0 !important;
}
#btn_recycling { background-position: 0 -71px; }
#btn_health { background-position: 0 -142px; }
#btn_garbage { background-position: 0 -213px; }
#btn_toyonon:hover { background-position: -240px 0; }
#btn_recycling:hover { background-position: -240px -71px; }
#btn_health:hover { background-position: -240px -142px; }
#btn_garbage:hover { background-position: -240px -213px; }
/*****************************************
			Event Calendar
*****************************************/
#eventCalendar {
	width: 240px;
	margin: 11px 0 0 0;
	overflow: hidden;
	position: relative;
}
#eventCalendar h2 {
	background: url(../img/contents/cal_title.png) 0 0 no-repeat;
	width: 240px;
	height: 70px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#eventCalendar .calendar {
	width: 234px;
	padding: 0 0 8px 0;
	border-left: 3px solid #26997B;
	border-right: 3px solid #26997B;
	overflow: hidden;
	position: relative;
}
#eventCalendar .calendar .caption {
	width: 234px;
	height: 45px;
	font-weight: bold;
	line-height: 1.21;
	font-size: 115%;
	text-align: center;
}
#eventCalendar .calendar .caption .month {
	margin: 0 2px 0 8px;
	font-size: 200%;
}
#eventCalendar .calendar table {
	width: 210px;
	margin: 0 auto;
	text-align: center;
	font-size: 86%;
	border-collapse: separate;
	border-spacing: 1px;
}
#eventCalendar .calendar table thead th {
	background-color: #FFF !important;
	text-align: center;
	font-weight: bold;
	height: 25px;
	border-bottom: 2px solid #000;
}
#eventCalendar .calendar table thead th.sun { border-bottom: 2px solid #F00 !important; }
#eventCalendar .calendar table thead th.sat { border-bottom: 2px solid #06C !important; }
#eventCalendar .calendar table tbody td {
	background-color: #F5F5F5;
	font-weight: bold;
	width: 28px;
	height: 28px;
	line-height: 27px;
}
#eventCalendar .calendar table .sun { color: #F00;}
#eventCalendar .calendar table .sat { color: #4B86C4;}
#eventCalendar .calendar table .national { color: #F30; }
#eventCalendar .calendar table .today { background: url(../img/contents/cal_today.png) 50% 50% no-repeat #F5F5F5; }
#eventCalendar .calendar table .eventday {
	background: url(../img/contents/cal_event.png) 50% 50% no-repeat #F5F5F5;
	color: #FFF;
}
#eventCalendar .calendar table .eventday a { color: #FFF; }
#eventCalendar .calendar table .eventday a:hover { color: #F00; }
#eventCalendar .calendar table .nodata { background: #E2E2E2; }
#prev_month,
#next_month {
	background: url(../img/contents/cal_arw.png) 0 0 no-repeat;
	width: 33px;
	height: 33px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	position: absolute;
	top: 80px;
	cursor: pointer;
}
#prev_month {
	background-position: 0 0;
	left: 12px;
}
#next_month {
	background-position: -33px 0;
	right: 12px;
}
#prev_month:hover { background-position: 0 -33px; }
#next_month:hover { background-position: -33px -33px; }
#cal_list {
	width: 234px;
	padding: 0 0 3px 0;
	border: 3px solid #26997B;
	border-top: none;
}
#cal_list a {
	background: url(../img/contents/btn_cal_list.png) 0 0 no-repeat;
	width: 228px;
	height: 30px;
	margin: 0 auto;
	display: block;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#cal_list a:hover { background-position: 0 -30px; }
/*****************************************
			Town Introduction
*****************************************/
#townIntroduction {
	background: url(../img/contents/cal_bg.jpg) 0 0 repeat;
	width: 240px;
	margin: 15px 0 0 0;
	border-top: 3px solid #26997B;
	border-bottom: 2px dotted #26997B;
}
#townIntroduction h2 {
	background: url(../img/contents/intro_title.png) 0 0 no-repeat;
	width: 141px;
	height: 36px;
	margin: 7px 0 0 14px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}
#townInner {
	background: url(../img/contents/intro_bg.png) 0 100% no-repeat;
	padding: 15px 0 40px 10px;
}
#townSummary,
#townAccess {
	background: url(../img/contents/list_circle_dg.png) 6px 6px no-repeat #583131;
	width: 100px;
	margin: 0 0 1px 0;
	padding: 0 0 0 20px;
	border-radius: 3px;
}
#townSummary a,
#townAccess a { color: #FFF; }
#townPopulation {
	background: #583131;
	width: 120px;
	border-radius: 3px;
	color: #FFF;
}
#townPopulation h3 {
	background: url(../img/contents/list_circle_dg.png) 6px 6px no-repeat;
	width: 100px;
	margin: 0 0 1px 0;
	padding: 0 0 0 20px;
	border-bottom: 1px dotted #FFF;
}
#townPopulation dl {
	width: 106px;
	margin: 0 auto;
	font-size: 86%;
}
#townPopulation dl dt {
	width: 3em;
	padding: 2px 0;
	float: left;
	_display: inline;
}
#townPopulation dl dd {
	width:;
	margin: 0 0 0 4em;
	padding: 2px 0;
}
#townCurrent {
	font-size: 86%;
	color: #583131;
}