@charset "UTF-8";
/*****************************************************************************/
/* 緊急災害情報があった場合のコンテンツスタイル                                      */
/*****************************************************************************/
#DynamicGNaviBottom div.urgentNews {
	margin: 0;
	padding: 20px 0 0;
}
#DynamicGNaviBottom div.urgentNews table {
	margin: 0 auto;
	padding: 0;
	width: 940px;
	border:3px solid #CC0101;
	border-spacing: 0;
	border-collapse: collapse;
	background-color: #FFFBFB;
}
#DynamicGNaviBottom div.urgentNews table th {
	margin: 0;
	padding: 10px;
	width:7em;
	background-color: #CC0101;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
}
#DynamicGNaviBottom div.urgentNews table td {
	margin: 0;
	padding: 10px;
}
#DynamicGNaviBottom div.urgentNews table td ul {
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#DynamicGNaviBottom div.urgentNews table td ul li {
	padding: 0 0 0 8px;
	background: url(images/localNavItem_red_bg.png) no-repeat left 0.5em;
	color: #CC0101;
	list-style: none;
	line-height: 1.5;
}
#DynamicGNaviBottom div.urgentNews table td ul li a {
	color: #CC0101;
}

/*****************************************************************************/
/* スライダー                                                  */
/*****************************************************************************/
#DynamicGNaviBottom div {
	margin: 0;
	padding: 0;
}
#DynamicGNaviBottom #mainvisual {
	margin: 15px 0 5px;
	padding: 0;
	width: auto;
	height: 350px;
	background: #FFF;
}
#DynamicGNaviBottom #mainvisual #mainvisual_wrap {
	margin: 0;
	padding: 0;
	height: 350px;
	background: #FFF;
}
#DynamicGNaviBottom #mainvisual .wideslider {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: left;
}
#DynamicGNaviBottom .wideslider ul,
#DynamicGNaviBottom .wideslider ul li {
	display: inline;
	float: left;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicGNaviBottom .wideslider ul li img {
	display: none;
	width: 100%;
}
#DynamicGNaviBottom .wideslider_base {
	position: absolute;
	top: 0;
}
#DynamicGNaviBottom .wideslider_wrap {
	position: absolute;
	top: 0;
	overflow: hidden;
}
#DynamicGNaviBottom .slider_prev,
#DynamicGNaviBottom .slider_next {
	position: absolute;
	top: 0;
	z-index: 99;
	overflow: hidden;
	cursor: pointer;
}
#DynamicGNaviBottom .slider_prev {background: #FFF url(images/prev.png) no-repeat right center;}
#DynamicGNaviBottom .slider_next {background: #FFF url(images/next.png) no-repeat left center;}

#DynamicGNaviBottom .pagination {
	position: absolute;
	bottom: 10px;
	left: 0;
	z-index: 200;
	width: 100%;
	height: 15px;
	text-align: center;
}
#DynamicGNaviBottom .pagination a {
	display: inline-block;
	overflow: hidden;
	margin: 0 5px;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #666;
}
#DynamicGNaviBottom .pagination a.active {
	opacity:1!important;
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
}
.wideslider ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}
.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

/*****************************************************************************/
/* ホーム左右リンク                                    */
/*****************************************************************************/
#DynamicLeft .homeContentTitle,
#DynamicRight .homeContentTitle {
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px 4px;
	border-radius: 3px 3px 0 0;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(0,179,213)),color-stop(1, rgb(0,142,198)));
	background-image:-webkit-linear-gradient(rgb(0,179,213) 0%,rgb(0,142,198) 100%);
	background-image:linear-gradient(rgb(0,179,213) 0%,rgb(0,142,198) 100%);
	color: #FFF;
	list-style: none;
	text-align: center;
	font-size: 100%;
}
#DynamicLeft .homeContentBox,
#DynamicRight .homeContentBox {
	overflow: hidden;
	margin: 0 0 15px;
	padding: 10px 8px 5px;
	border-right: solid 2px #009CD1;
	border-bottom: solid 2px #009CD1;
	border-left: solid 2px #009CD1;
	background: #FFF;
}
#DynamicLeft .linkList,
#DynamicRight .linkList {
	margin: 0;
	padding: 0;
	font-size: 90%;
}
#DynamicLeft .linkList li,
#DynamicRight .linkList li {
	margin: 0 0 2px;
	padding: 0;
	list-style: none;
}
#DynamicLeft .linkList li a,
#DynamicRight .linkList li a {
	display: block;
	margin: 0;
	padding: 0 0 0 12px;
	background: url(images/localNavItem_bg.png) no-repeat 3px 0.5em;
}

/* いざという時のために */
#DynamicLeft .homeContentTitle.emergency,
#DynamicRight .homeContentTitle.emergency {
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px 4px;
	border-top: solid 2px #D93600;
	border-right: solid 2px #D93600;
	border-bottom: solid 1px #D93600;
	border-left: solid 2px #D93600;
	border-radius: 3px 3px 0 0;
	background:#FFF1EC;
	background-image: none;
	color: #DC3600;
	list-style: none;
	text-align: center;
	font-size: 100%;
}
#DynamicLeft .homeContentBox.emergency,
#DynamicRight .homeContentBox.emergency {
	border-right: solid 2px #D93600;
	border-bottom: solid 2px #D93600;
	border-left: solid 2px #D93600;
}
#DynamicLeft .homeContentBox.emergency .emergencyInfoBanner,
#DynamicRight .homeContentBox.emergency .emergencyInfoBanner {
	margin: 0 0 10px;
	padding: 0;
}
#DynamicLeft .linkList.emergency li a,
#DynamicRight .linkList.emergency li a {
	display: block;
	margin: 0;
	padding: 0 0 0 10px;
	background: url(images/localNavItem_red_bg.png) no-repeat left 0.5em;
}

/* 町長の部屋 */
#DynamicLeft .homeContentBox.mayor .photo,
#DynamicRight .homeContentBox.mayor .photo {
	float: left;
	margin: 0;
	padding: 0 8px 0 0;
}
.mayor .linkList {
	float: left;
	width: 110px;
}

/* 人口と世帯 */
#DynamicLeft .homeContentBox.population p,
#DynamicRight .homeContentBox.population p,
#DynamicLeft .homeContentBox.population div,
#DynamicRight .homeContentBox.population div {
	margin: 0;
	padding: 0;
}
#DynamicLeft .homeContentBox.population table,
#DynamicRight .homeContentBox.population table {
	margin: 0 0 10px;
	width: 100%;
	border-collapse: collapse;
}
#DynamicLeft .homeContentBox.population th,
#DynamicRight .homeContentBox.population th,
#DynamicLeft .homeContentBox.population td,
#DynamicRight .homeContentBox.population td {
	margin: 0;
	padding: 5px 5px 3px;
	border: solid 1px #AAA;
	background: #FFF;
	color: #333;
	font-size: 90%;
}
#DynamicLeft .homeContentBox.population th,
#DynamicRight .homeContentBox.population th {
	background: #EEE;
	text-align: center;
	font-weight: bold;
}
#DynamicLeft .homeContentBox.population .summary,
#DynamicRight .homeContentBox.population .summary {
	margin: 0 0 3px;
	padding: 0;
	font-size: 90%;
}

/* 広報 */
#DynamicLeft .kohoImage,
#DynamicRight .kohoImage {
	margin: 0 0 10px;
	padding: 0;
}
#DynamicLeft .linkList.koho,
#DynamicRight .linkList.koho {
	margin: 0 0 10px;
	padding: 0;
}

/* 詳しくはこちらボタン */
#DynamicLeft .readmore,
#DynamicRight .readmore {
	margin: 0 0 7px !important;
	padding: 0;
	font-size: 85%;
}
#DynamicLeft .readmore a,
#DynamicRight .readmore a {
	display: block;
	margin: 0;
	padding: 5px 5px 3px 15px;
	border: solid 1px #7CBEDE;
	border-radius: 3px;
	background: #E6F4FF url(images/footer_link_arrow.png) no-repeat 7px center;
	color: #333;
	text-decoration: none;
}
#DynamicLeft .readmore a:hover,
#DynamicRight .readmore a:hover {
	color: #E3181C;
	text-decoration: underline;
}
/* Twitter版 */
#DynamicLeft .readmore.twitter a,
#DynamicRight .readmore.twitter a {
	padding: 10px 5px 8px 45px;
	background: #E6F4FF url(images/bg_twitter.png) no-repeat 10px center;
	color: #0065A5;
	font-weight: bold;
}

/* バナーリスト */
#DynamicLeft .bannerList,
#DynamicRight .bannerList {
	margin: 0 0 10px;
	padding: 0;
}
#DynamicLeft .bannerList li,
#DynamicRight .bannerList li {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
}
#DynamicLeft .bannerList li img,
#DynamicRight .bannerList li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* ライフイベント（ホーム用）                                    */
/*****************************************************************************/
.designContents .lifeevent_home,
.designContents .lifeevent_home h2,
.designContents .lifeevent_home ul,
.designContents .lifeevent_home li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.designContents .lifeevent_home {
	margin: 0 0 15px;
}
.designContents .lifeevent_home h2 {
	box-sizing: border-box;
	margin: 0;
	padding: 6px 10px 4px;
	border-radius: 3px 3px 0 0;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(0,179,213)),color-stop(1, rgb(0,142,198)));
	background-image:-webkit-linear-gradient(rgb(0,179,213) 0%,rgb(0,142,198) 100%);
	background-image:linear-gradient(rgb(0,179,213) 0%,rgb(0,142,198) 100%);
	color: #FFF;
	list-style: none;
	text-align: left;
	font-size: 100%;
}
.designContents .lifeevent_home ul {
	overflow: hidden;
	padding: 4px 0 4px 4px;
	border-right: solid 2px #CECECE;
	border-bottom: solid 2px #CECECE;
	border-left: solid 2px #CECECE;
	background: #F4F4F4;
}
.designContents .lifeevent_home li {
	float: left;
	margin: 3px;
}
.designContents .lifeevent_home li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* ライフイベント（中ページ用）                                    */
/*****************************************************************************/
#DynamicLeft .lifeevent_subpage,
#DynamicLeft .lifeevent_subpage h2,
#DynamicLeft .lifeevent_subpage ul,
#DynamicLeft .lifeevent_subpage li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicLeft .lifeevent_subpage {
	margin: 0 0 15px;
}
#DynamicLeft .lifeevent_subpage h2 {
	margin: 0;
	padding: 6px 10px 4px;
	border-radius: 3px 3px 0 0;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(141,141,141)),color-stop(1, rgb(119,119,119)));
	background-image:-webkit-linear-gradient(rgb(141,141,141) 0%,rgb(119,119,119) 100%);
	background-image:linear-gradient(rgb(141,141,141) 0%,rgb(119,119,119) 100%);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}
#DynamicLeft .lifeevent_subpage ul {
	overflow: hidden;
	padding: 5px 0 5px 5px;
	border-right: solid 2px #CECECE;
	border-bottom: solid 2px #CECECE;
	border-left: solid 2px #CECECE;
	background: #F4F4F4;
}
#DynamicLeft .lifeevent_subpage li {
	float: left;
	margin: 4px;
}
#DynamicLeft .lifeevent_subpage li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* タブ切り替え用スタイル（application上書き）                                     */
/*****************************************************************************/
#tabBox {
	box-sizing: border-box;
	margin: 0;
	width: 460px;
}
/* グループトップ用タブ */
#tabmenu {
	overflow: hidden;
	margin: 0;
	padding: 0;
}
#tabmenu li,
#tabmenu li.select {
	float: left;
	box-sizing: border-box;
	margin: 0 1px 0 0;
	padding: 6px 10px 4px;
	width: 230px;
	border-radius: 3px 3px 0 0;
	background-image: -webkit-gradient(linear, color-stop(0, rgb(104,180,94)), color-stop(1, rgb(45,154,33)));
	background-image: -webkit-linear-gradient(rgb(104,180,94) 0%, rgb(45,154,33) 100%);
	background-image: linear-gradient(rgb(104,180,94) 0%, rgb(45,154,33) 100%);
	color: #FFF;
	list-style: none;
	text-align: center;
	font-size: 100%;
	letter-spacing: 0.05em;
	cursor: pointer;
}
#tabmenu li:last-child,
#tabmenu li.select:last-child {
	margin: 0;
	width: 229px;
}
#tabmenu li.select {
	padding: 6px 10px 2px;
	border-top: 2px solid #329925;
	border-right: 2px solid #329925;
	border-left: 2px solid #329925;
	background-image: -webkit-gradient(linear, color-stop(0, rgb(255,187,68)), color-stop(0, rgb(244,244,244)), color-stop(1, rgb(255,255,255)));
	background-image: -webkit-linear-gradient(rgb(255,187,68) 0%, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
	background-image: linear-gradient(rgb(255,187,68) 0%, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
	color: #2E951E;
	font-weight: bold;
}

/* ホーム用タブ */
.home #tabmenu li,
.home #tabmenu li.select {
	padding: 6px 0 4px;
	width: 153px;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(0,179,213)),color-stop(1, rgb(0,142,198)));
	background-image:-webkit-linear-gradient(rgb(0,179,213) 0%,rgb(0,142,198) 100%);
	background-image:linear-gradient(rgb(0,179,213) 0%,rgb(0,142,198) 100%);
	color: #FFF;
	font-size: 93%;
	text-align: center;
	letter-spacing: 0;
}
.home #tabmenu li:last-child,
.home #tabmenu li.select:last-child {
	margin: 0;
	width: 152px;
}
.home #tabmenu li.select {
	padding: 6px 0 2px;
	border-top: 2px solid #009CD1;
	border-right: 2px solid #009CD1;
	border-left: 2px solid #009CD1;
	background-image: -webkit-gradient(linear, color-stop(0, rgb(255,187,68)), color-stop(0, rgb(244,244,244)), color-stop(1, rgb(255,255,255)));
	background-image: -webkit-linear-gradient(rgb(255,187,68) 0%, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
	background-image: linear-gradient(rgb(255,187,68) 0%, rgb(244,244,244) 0%, rgb(255,255,255) 100%);
	color: #009CD1;
	font-weight: bold;
}

/* コンテンツエリア */
.disnon {
	display: none;
}
.content_wrap {
	overflow: auto;
	height: 300px;
	border-right: 2px solid #329925;
	border-bottom: 2px solid #329925;
	border-left: 2px solid #329925;
	background: #FFF;
}
.content_wrap div.newsContents,
.content_wrap div.attentionContents {
	margin: 0 !important;
}
.content_wrap div.newsContents div.newsContent,
.content_wrap div.eventContents div.eventContent,
.content_wrap div.attentionContents div.attentionContent {
	border: none;
	font-size: 90%;
}
/* タイトル等を非表示に */
#tabBox .content_wrap div.newsContents div.newsTitleBarBody,
#tabBox .content_wrap div.newsContent div.newsNotice,
#tabBox .content_wrap div.freshContents div.freshTitleBarBody,
#tabBox .content_wrap div.eventContents div.eventTitleBarBody,
#tabBox .content_wrap div.eventContent div.eventNotice,
#tabBox .content_wrap div.attentionContents div.attentionTitleBarBody {
	display: none;
}

/* ホーム内タブコンテンツの調整 */
.home .content_wrap {
	overflow: auto;
	height: auto;
	border-right: 2px solid #009CD1;
	border-bottom: 2px solid #009CD1;
	border-left: 2px solid #009CD1;
	background: #FFF;
}
div.designContents .home div.newsContent h4 a,
.home div.newsContent h4 a {
	background: url(images/localNavItem_bg.png) no-repeat left 0.4em;
}
div.designContents .home div.eventContent h3,
.home div.eventContent h3 {
	background: #DCF0FD;
}
div.designContents .home div.eventContent h4,
.home div.eventContent h4 {
	background: url(images/localNavItem_bg.png) no-repeat 5px 0.4em;
}
.home ul.attentionContentList li {
	background: url(images/localNavItem_bg.png) no-repeat 13px 0.9em;
}

/* トップページ用分類ボタン */
.home  div.newsContent div.newsList,
.home  div.eventContents div.eventList {
	display: none;
}
.home  div.newsListCustom,
.home  div.eventListCustom {
	overflow: hidden;
	margin: -10px 0 0;
	padding: 10px 15px 5px;
}
.home  div.newsListCustomWrap,
.home  div.eventListCustomWrap {
	overflow: hidden;
	padding: 10px 0 0;
	border-top: dotted 1px #C4C4C4;
}
.home  div.newsListCustom a,
.home  div.eventListCustom a {
	display: block;
	float: left;
	margin: 0 5px 6px 0;
	padding: 4px 10px 2px 20px;
	border-radius: 3px;
	background: #777777 url(images/newsList_bg.png) no-repeat 10px center;
	color: #FFF;
	text-decoration: none;
	font-size: 83%;
	line-height: 1.6;
}
.home  div.newsListCustom a:hover,
.home  div.eventListCustom a:hover {
	background: #8D8D8D url(images/newsList_bg.png) no-repeat 10px center;
}

/*****************************************************************************/
/* グループトップタイトル                                     */
/*****************************************************************************/
.designContents .categoryHomeContent {
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0;
}
.designContents .categoryTitleBox {
	float: left;
	box-sizing: border-box;
	margin: 0;
	padding: 50px 10px;
	width: 220px;
	height: 335px;
	background: #009DCF url(images/categorytitle_bg.jpg) no-repeat left bottom;
	color: #FFF;
	font-weight: bold;
	font-size: 180%;
}
.designContents .categoryTitleBox h2 {
	margin: 0;
	padding: 0;
	text-align: center;
}
.designContents .categoryTitleBox h2 .kerning {
	letter-spacing: -0.3em;
}
.designContents #tabBox {
	float: right;
}
/*****************************************************************************/
/* カテゴリー内検索                                    */
/*****************************************************************************/
#DynamicLeft .Internal_search,
#DynamicLeft .Internal_search h2 {
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicLeft .Internal_search {
	margin: 0 0 15px;
}
#DynamicLeft .Internal_search h2 {
	margin: 0;
	padding: 6px 0 4px;
	border-radius: 3px 3px 0 0;
	background-image:-webkit-gradient(linear,color-stop(0, rgb(141,141,141)),color-stop(1, rgb(119,119,119)));
	background-image:-webkit-linear-gradient(rgb(141,141,141) 0%,rgb(119,119,119) 100%);
	background-image:linear-gradient(rgb(141,141,141) 0%,rgb(119,119,119) 100%);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: 90%;
}
#DynamicLeft .Internal_search_box {
	overflow: hidden;
	margin: 0;
	padding: 8px;
	border-right: solid 2px #CECECE;
	border-bottom: solid 2px #CECECE;
	border-left: solid 2px #CECECE;
	background: #F4F4F4;
}
#DynamicLeft .Internal_search #subpage-search-box {
	box-sizing: border-box;
	margin: 0;
	padding: 2px;
	width: 145px;
	border: solid 1px #CCC;
	vertical-align: bottom;
	font-size: 13px;
}
#DynamicLeft .Internal_search .search-btn {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
#DynamicLeft .summary {
	margin: 5px 0 0;
	padding: 0;
	font-size: 75%;
}

/*****************************************************************************/
/* 関連ページリンク                                    */
/*****************************************************************************/
#DynamicLeft .Internal_banner,
#DynamicLeft .Internal_banner ul,
#DynamicLeft .Internal_banner li {
	margin: 0;
	padding: 0;
	list-style: none;
}
#DynamicLeft .Internal_banner {
	margin: 0 0 15px;
}
#DynamicLeft .Internal_banner ul {
}
#DynamicLeft .Internal_banner li {
	margin: 0 0 10px;
}
#DynamicLeft .Internal_banner li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* フッター関連ページリンク                                    */
/*****************************************************************************/
#DynamicFooter .relation_banner {
	overflow: hidden;
	margin: -50px auto 30px;
	padding: 15px 0 5px;
	width: 940px;
	border-top: solid 1px #B9E6F4;
	border-bottom: solid 1px #B9E6F4;
}
#DynamicFooter .relation_banner li {
	float: left;
	margin: 0;
	padding: 0 10px 10px 0;
	list-style: none;
}
#DynamicFooter .relation_banner li img {
	vertical-align: bottom;
}

/*****************************************************************************/
/* フッター広告欄                                                              */
/*****************************************************************************/
#DynamicFooter .adAreaWrapperOut {
	clear: both;
	margin: 0 0 50px;
	padding: 0;
	width: 100%;
}
#DynamicFooter .adAreaWrapperIn {
	margin: 0 auto;
	padding: 0;
	width: 940px;
}
#DynamicFooter .adArea {
	overflow: hidden;
	margin: 0;
	padding: 12px 0 0 25px;
	border: solid 2px #00A8D7;
	border-radius: 4px;
	background: rgba(255,255,255,0.80);
	color: #333;
}
#DynamicFooter .adArea .adTitle {
	overflow: hidden;
	margin: 0 0 5px;
	padding: 0;
}
#DynamicFooter .adArea .adTitle h2 {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 100%;
}
#DynamicFooter .adArea .adTitle .aboutLink {
	float: right;
	margin: 0;
	padding: 0 25px 0 0;
	font-size: 90%;
}
#DynamicFooter .adArea ul.adList {
	margin: 0;
	padding: 0;
}
#DynamicFooter .adArea ul.adList li {
	float: left;
	margin: 0;
	padding: 0 20px 20px 0;
	list-style: none;
}
#DynamicFooter .adArea ul.adList li img {
	vertical-align: bottom;
}