@charset "UTF-8";
/**** トップページ3カラム ****/
#zone01 {
	width: 220px;
	float: left;
}
#zone0203 {
	float: right;
	width: 730px;
}
#zone02 {
	width: 490px;
	float: left;
}
#zone03 {
	width: 220px;
	float: right;
}
.inner{
	width: 970px;
	margin: 0 auto;
}
/******************** CSS RESET ********************/
*, *:before, *:after {
	box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	/*outline: 0;*/
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
img {
	max-width: 100%;
	vertical-align: bottom;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
address {
	font-style: normal;
}
input:not([type="radio"]):not([type="checkbox"]), button, textarea {
	padding: 0;
	margin: 0;
	background: none;
	border: none;
	border-radius: 0;
	-webkit-appearance: none;
}
input {
	vertical-align: middle;
}
/******************** 共通設定 ********************/
body {
	font-family: arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	letter-spacing: 0.1em;
	color: #333;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
}
/**** テキスト ****/
p, li {
	margin-top: 10px;
}
.bold {
	font-weight: bold;
}
.small {
	font-size: 85%;
}
/**** リンク ****/
a:link {
	text-decoration: underline;
	color: #2b3095;
}
a:visited {
	text-decoration: underline;
	color: #791e78;
}
a:hover {
	text-decoration: none;
	color: #9f0000;
}
a:active {
	text-decoration: none;
	color: #9f0000;
}
.link_white:link {
	text-decoration: underline;
	color: #FFFFFF;
}
.link_white:visited {
	text-decoration: underline;
	color: #EEEEEE;
}
.link_white:hover {
	text-decoration: underline;
	color: #FFFF00;
}
.link_white:active {
	text-decoration: underline;
	color: #FFFF00;
}
/*a:hover img {opacity: 0.75;}*/

/**** 別ウィンドウで開く ****/
.window {
	display: inline-block;
	font-size: 62.5%;
	font-weight: normal;
	background: #f5e0ff;
	color: #333;
	border-radius: 4px;
	padding: 1px 4px;
	margin: 0 4px;
	border: 1px solid #9f88ea;
	vertical-align: text-bottom;
	word-wrap: break-word;
}
h2 .window{
	font-size:56.25%;
}
.main_naka h2 .window{
	font-size: 49%;
}
/**** 本文へ_スキップ用リンク ****/
.skip {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0;
}
.skip a {
	background-color: #fff;
	width: 1px;
	font-size: 0.1%;
	line-height: 0.1;
	position: absolute;
	top: auto;
	left: -3000px;
	z-index: 9999;
	padding: 4px 0;
}
.skip a:active, .skip a:focus {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 100%;
	left: 0;
	right: 0;
	top: 0;
	line-height: 1.5;
}
/**** フォーム ****/
#body input, #body button, #body textarea {
	background: #fff;
	border: 1px solid #999;
}
/* text,textarea */
#body input[type="text"], #body textarea {
	background: #fff;
	border: 1px solid #ccc;
	padding: 6px 4px;
}
/* select */
#body select[size], #body select[multiple], #body select[size][multiple] {
	padding: 4px;
}
/* submit,reset,button */
#body input[type="submit"], #body input[type="reset"], #body input[type="button"], button {
	background: #555;
	border-radius: 4px;
	cursor: pointer;
	color: #fff;
	display: inline-block;
	font-size: 81.25%;
	text-align: center;
	padding: 4px;
}
#body input[type="submit"]:hover, #body input[type="reset"]:hover, #body input[type="button"]:hover, #body button:hover {
	background: #666;
}
/**** その他 ****/
.anchor, .notit {
	display: block;
	height: 1px;
	margin-top: -1px;
}
.dami {
	clear: both;
	height: 1px;
	margin-top: -1px;
}
.date {
	font-size: 85%;
	color: #555555;
	display: inline-block;
}
.noscript {
	font-size: 85%;
	color: #a90000;
}
.none {
	display: none;
}
/******************** レイアウトCSS ********************/

/******************************
ここに該当liguid.cssを入れる
******************************/

/********************** ヘッダー **********************/
#head{
	background: url(img/bg_head.gif);
	position: relative;
}
#main_header {
	background: #fff;
	min-width: 970px;
}
/**** ヘッダー上段リンク ****/
.h_top_wrap {
	background: #e8f4f9;
	border-bottom: 3px solid #007bbb;
	font-size: 75%;
	padding-bottom: 8px;
}
.h_top {

}
.right_b{
	float: right;
	width: 680px;
}
.h_top .h_toplist01 {
/*	float: left;
*/}
.h_top .h_toplist02 {
	float: right;
}
.h_top .h_toplist01 > li {
	float: left;
	margin-top: 8px;
	padding: 0 16px;
	position: relative;
}
.h_top .h_toplist01 > li::before {
	content: '';
	display: block;
	position: absolute;
	top: .5em;
	left: 0;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	width: 6px;
	height: 6px;
	transform: rotate(-45deg);
}
.h_top .h_toplist02 > li {
	float: left;
	margin-left: 8px;
	margin: 8px;
	position: relative;
}
.h_top .h_toplist02 > li a {
	display: block;
	background: #53804c;
	text-decoration: none;
	padding: 4px 8px;
	color:#fff;
	font-size: 85%;
	padding-left: 23px;
}
.h_top .h_toplist02 > li.btn02 a {
	padding-left: 33px;
}
.h_top .h_toplist02 > li.btn01::before{
	content: "";
	position: absolute;
	width: 4px;
	height: 6px;
	border: 4px solid transparent;
	border-top: 6px solid #fff;
	left: 8px;
	top: 43%;
}
.h_top .h_toplist02 > li.btn02::before{
	content: "";
	position: absolute;
	width: 18px;
	height: 17px;
	background: url("img/ic_map.png");
	left: 8px;
	top: 22%;
}
.h_top .h_toplist02 > li:last-child {
	margin-right: 0;
}
.h_top .h_toplist02 > li.voice a{
	background: #fff;
	color: #2b3095;
	border:1px solid #ccc;
	padding-left: 30px;
}
.h_top .h_toplist02 > li.voice a::before{
	content: "";
	position: absolute;
	width: 17px;
	height: 18px;
	background: url("img/ic_vl.png");
	left: 6px;
	top: 6px;
}
.h_top .h_toplist02 > li.lange{
}
.h_top .h_toplist02 > li.lange a{
	background:#fff;
	color: #000;
	display: inline;
	padding: 0;
}

/* フォントサイズ */
.font_size, .font_tit, .font, .font_list, .font_list li {
	float: left;
}
.font_size {
	margin-left: 60px;
}
.font_tit {
	margin: 1px 6px 0 0;
}
.font_list li {
	margin: 0 0 0 4px;
}
.font_list > li a {
	display: block;
	background: #53804c;
	text-decoration: none;
	padding: 4px 8px;
}
.font_list li:first-child a{
	background-color: #fff;
	border:1px solid #ccc;
}
.font_list li:nth-child(2) a{
	color: #fff;
	border: 1px solid #53804c;
}
/**** ヘッダーメイン ****/
.head_in {
	width: 970px;
	margin: 0 auto;
	z-index: 1;
	position: relative;
}
.h_main {
	padding: 12px 0;
}
.h_main .h1 {
	float: left;
	width: 270px;
	position: relative;
}
.inbody .h_main .h1 a{
	padding-bottom: 10px;
}
.h_main .h1:before{
	position: absolute;
	content: "";
	background: url(img/head_bg.png);
	left: -144px;
	top: -12px;
	width: 476px;
	height: 119px;
	z-index: -1;
}
.h_main .h_mainList01, .h_main .h_mainList01 > li {
	float: left;
}
.h_main .h_mainList01 li a {
	display: block;
	border: 2px solid #ccc;
	background: #585858;
	color: #fff;
	font-size: 85%;
	padding: 4px 8px 1px;
	margin: 12px 0 0 16px;
	text-decoration: none;
	border-radius: 4px;
}
/* 検索ボックス */
.h_main #src_box {
	float: right;
	margin: 0px 0 0;
	width: 400px;
}
.h_main #src_box #q {
	float: left;
	width: 74% !important;
	margin: 0;
	height: 34px !important;
	padding: 0!important;
	border-right: none;
}
.h_main #src_box #search_button {
	width: 26%;
	min-height: 34px;
	margin: 0;
	padding: 0;
	background: #53804c;
	color: #fff;
	font-size: 80%;
	cursor: pointer;
	border-left: none;
	white-space: normal;
	border-radius: 0;
}
/**** グローバルナビ ****/
#g_navi {
	background: url("img/navi_bg.jpg");
	letter-spacing: 0.1em;
	position: relative;
	z-index: 1;

	border-bottom: 4px solid #171b53;
}
.g_navi_in {
	width: 970px;
	margin: 0 auto;
	display: flex;
}
.g_navi_in > li {
	width: 20%;
	border-right: 1px solid #cdcdcd;
	margin: 0;
	display: flex;
	position: relative;
}
.g_navi_in > li:nth-of-type(1) {
	border-left: 1px solid #cdcdcd;
}
.g_navi_in > li.active,
.g_navi_in > li:hover{
	background: #d4cfff;
}
.g_navi_in > li > a {
	display: block;
	position: relative;
	z-index: 2;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.1;
	font-size: 120%;
	padding-top: 13px;
	padding-bottom: 8px;
	width: 100%;
}
.g_navi_in > li:nth-child(6) > a {
	padding-right: 5px;
	padding-left: 5px;
}
.g_navi_in > li > a > img{
	margin-bottom: 18px;
}
.g_navi_in > li > a > strong {
	display: block;
	font-weight: 300;
	font-size: 85%;
}
.g_navi_in > li > a:hover, .g_navi_in > li.active > a {
	text-shadow: #171b53 2px 0px, #171b53 -2px 0px, #171b53 0px -2px, #171b53 0px 2px, #171b53 2px 2px, #171b53 -2px 2px, #171b53 2px -2px, #171b53 -2px -2px, #171b53 1px 2px, #171b53 -1px 2px, #171b53 1px -2px, #171b53 -1px -2px, #171b53 2px 1px, #171b53 -2px 1px, #171b53 2px -1px, #171b53 -2px -1px;
}

/*ドロップメニュースタイル*/
.dropmenu .sub-menu {
 display:none;
}
nav .mddActive:hover .sub-menu{
	display: block;
}
.dropmenu .sub-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 20px 10px 0px 10px;
    border-radius: 0 0 3px 3px;
    z-index: 1000;
    width: 525px;
    background-color: #fff;
    border: 2px #ccc solid;
	z-index: 10000;
}
.dropmenu .sub-menu::before {
	content: "";
	position: absolute;
	width: 0px;
	height: 0px;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #ccc;
	top: -10px;
	left: 65px;
}
.dropmenu .sub-menu li{
	display: block;
	position: relative;
	width: 230px;
	float: left;
	margin: 0 20px 20px 0;
	padding: 0 0 0 16px;
}
.dropmenu .sub-menu li::before {
	content: "";
	position: absolute;
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform: none;
	border: 0;
	top: 6px;
	left: -3px;
}
.dropmenu .sub-menu li a{
	display: block;
}
.dropmenu li:nth-child(2) .sub-menu::before{left: 60px;}
.dropmenu li:nth-child(3) .sub-menu::before{left: 60px;}
.dropmenu li:nth-child(4) .sub-menu::before{left: 267px;}
.dropmenu li:nth-child(5) .sub-menu::before{left: 430px;}
.dropmenu li:nth-child(6) .sub-menu::before{left: 435px;}

.dropmenu li:nth-child(4) .sub-menu{left: -200px;}
.dropmenu li:nth-child(5) .sub-menu{left: -363px;}
.dropmenu li:nth-child(6) .sub-menu{left: -363px;}
/*********** フッター ***********/
#main_footer {
	background: #fff;
	min-width: 970px;
	position: relative;
}
.inbody #main_footer{
	padding: 60px 0 0;
}
/**** マイページのスタイル ****/
#online_strage_a {
	padding-bottom: 24px;
}
#online_strage_a #mypage {
	width: 970px;
	margin: 0 auto;
}
#online_strage_a #mypage_h2_wrapper {
	background-color: #88c9ea;
	padding-left: 16px;
}
#online_strage_a #mypage_title {
	float: left;
	color: #fff;
	margin: 0;
	padding: 0;
}
#online_strage_a #mypage_h2_wrapper p {
	float: right;
}
#online_strage_a #mypage_contents {
	background-color: #e8f4f9;
	padding: 4px 16px 16px;
}
#online_strage_a #mypage_list li {
	display: inline-block;
	font-size: 85%;
}
#online_strage_a #mypage_list li p.online_strage_title {
	background: #fff;
	border: 1px solid #ccc;
	padding: 2px 4px;
	margin: 0;
	border-radius: 4px;
}
#online_strage_a .online_strage button {
	background: #fff;
	color: #333;
	font-size: 68.75%;
	padding: 0 4px;
	margin: 12px 0;
	vertical-align: bottom;
}
/**** トップへ戻る ****/
#foot_modori {
	background: #fff;
	position: relative;
	width: 830px;
	margin: 0 auto;
}
#foot_modori .modoriin {
	margin: 0 0 0 auto;
	text-align: right;
	width: 0px;
}
#foot_modori a {
	position: absolute;
	display: inline-block;
	text-decoration: none;
	background: #262c80;
	color: #fff;
	line-height: 1;
	padding: 27px 0 0 0;
	font-size: 70%;
	border-radius: 50%;
	min-width: 73px;
	min-height: 73px;
	text-align: center;
	top:-30px;
	text-shadow:
			0 1px 0 #262c80,
			1px 0 0 #262c80,
			0 -1px 0 #262c80,
			-1px 0 0 #262c80,
			-1px -1px 0 #262c80,
			1px -1px 0 #262c80,
			-1px 1px 0 #262c80,
			1px 1px 0 #262c80;
}
#foot_modori a span{
	position: relative;
	display: block;
}
#foot_modori a span::before{
	position: absolute;
	content: "";
	width: 6px;
	height: 6px;
	border: 4px solid transparent;
	border-bottom: 6px solid #fff;
	left: 0;
	top: -17px;
	right: 0;
	margin: 0 auto;
}

/**** メインフッター ****/
#foot_wrap {
	border-top: 8px solid #6688b8;
	background: url(img/bg_head.gif);
	padding: 4px 0 0;
	font-size: 85%;
}
#foot {
	width: 970px;
	margin: 0 auto;
}
#foot_link li {
	padding : 0;
	display: inline-block;
	position: relative;
	margin-left: 16px;
	margin-right: 16px;
}
#foot_link li::after {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	left: -13px;
	width: 6px;
	height: 6px;
	border: 4px solid transparent;
	border-left: 6px solid #262c80;
}
#foot_id {
	margin-top: 16px;
}
#foot .foot_sns {
	font-size: 85%;
}
#foot .foot_sns img{
	height: 18px;
}
#foot .foot_sns p{
	float: left;
	margin-right: 16px;
}
#foot .foot_sns ul li{
	float: left;
	margin-right: 8px;
}
#foot .address {
	margin-top: 8px;
	font-size: 115%;
}
#foot_copy {
	background: #262c80;
	font-size: 80%;
	color: #fff;
	padding: 3px 0;
	margin-top: 16px;
	text-align: center;
}
#foot_copyin {
	width: 970px;
	margin: 0 auto;
}
/********************** 領域共通のスタイル **********************/
#main {
	width: 970px;
	margin: 0 auto;
	padding: 0 0 60px;
}
#main h2 {
	color: #fff;
	background: #262c80;
	padding: 8px 16px 6px 16px;
	font-size: 120%;
}
.toppage #main h2 {
	color: #fff;
	background: #262c80;
	padding: 8px 16px 6px;
	font-size: 100%;
	font-weight: normal;
	border-bottom: 3px solid #181d56;
}
#main h2 a {
	display: block;
}
#main h2 a:visited{color: #fff;}
#main h2 a:link{color: #fff;}
#main h2 a:hover{color: #f5ff8f;;}
#main h2 a:active{color: #fff;}

#main .h2 h2 {
	float: left;
}
#main .h2 p {
	float: right;
}
#main li {
	position: relative;
	padding-left: 16px;
}
#main li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	background: #ccc;
	transform: none;
	border: 0;
}
/**** 緊急情報のスタイル ****/
.emergency {
	margin-top: 24px;
}
#main .emergency h2, #main .emergency .h2 {
	background: #ce0000;
	color: #fff;
	border: 0;
}
#main .emergency .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
#main .emergency_lower {
	border: 2px solid #ce0000;
	padding: 4px 16px 16px;
	border: 10px solid #ffcdce;
}
.toppage .emergency h2,.toppage .emergency .h2,
.full_body .emergency h2,.full_body .emergency .h2 {
	background: #ce0000;
	color: #fff
}
.toppage .emergency .h2 p,
.full_body .emergency .h2 p{
	padding: 8px 16px 8px 8px;
	margin: 0;
}
.toppage .emergency_lower,
.full_body .emergency_lower{
	border: 10px solid #ffcdce;
	padding: 4px 16px 16px;
}
.toppage .topem.emergency{
	display: flex;
	margin: 20px 0;
}
.full_body .topem.emergency{
	display: flex;
	margin: 24px 0 0 0;
}
.toppage .topem.emergency .h2,
.full_body .topem.emergency .h2{
	width: 120px;
	justify-content: center;
	display: flex;
	align-items: center;
}
.toppage .topem.emergency .h2 h2,
.full_body .topem.emergency .h2 h2{
	font-size: 85%;
}
.toppage .topem.emergency .emergency_lower,
.full_body .topem.emergency .emergency_lower{
	width: 850px;
	padding: 4px 12px 4px 12px;
}
.toppage .topem.emergency .emergency_lower .date,
.full_body .topem.emergency .emergency_lower .date{
	margin-right: 16px;
	padding-left: 20px;
}
.toppage .topem.emergency .emergency_lower a,
.full_body .topem.emergency .emergency_lower a{
	font-size: 85%;
}
.toppage .topem.emergency .emergency_lower ul li,
.full_body .topem.emergency .emergency_lower ul li{
	margin: 0;
	padding: 0;
	position: relative;
}
.toppage .topem.emergency .emergency_lower ul li::before,
.full_body .topem.emergency .emergency_lower ul li::before{
	content: "";
	position: absolute;
	background: url(img/ic_list2.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:6px;
}
#main .emergency .emergency_lower ul li::before{
	content: "";
	position: absolute;
	background: url(img/ic_list2.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:6px;
}
/**** 画像リストのスタイル ****/
.ilist {
	margin-top: 8px;
}
#main .ilist_lower ul {
	display: flex;
	flex-flow: row wrap;
}
#main .ilist_lower ul > li {
	text-align: center;
	padding-left: 0;
	width: 100%;
	display: flex;
}
#main .ilist_lower ul > li::before {
	display: none;
}
#main .ilist_lower ul > li a {
	display: block;
	background: #f7f7f7;
	padding: 16px;
	width: 100%;
	text-decoration: none;
}
#main .ilist_lower .ilist_right {
	margin-top: 8px
}
#main .ilist_lower ul > li .ilist_title {
	text-align: center;
	word-break: break-all;
}
#main .ilist_lower ul > li .ilist_text {
	text-align: left;
	font-size: 85%;
	margin-top: 0;
}
.ilist .ilist_title{
	margin-top: 0;
}
/**** 画像リスト2のスタイル ****/
.ilist2 {
	margin-top: 24px;
}
#main .ilist2_lower ul {
	display: flex;
	flex-flow: row wrap;
}
#main .ilist2_lower ul > li {
	padding-left: 0;
	width: 100%;
	display: flex;
}
#main .ilist2_lower ul > li::before {
	display: none;
}
#main .ilist2_lower ul > li a {
	padding: 16px;
	width: 100%;
	background: #f7f7f7;
	display: flex;
	text-decoration: none;
}
#main .ilist2_lower ul > li .ilist_left {
	align-self: center;
	width: 40%;
}
#main .ilist2_lower ul > li .ilist_right {
	align-self: center;
	width: 54%;
	margin-left: 6%;
}
.ilist2 .ilist_title{
	margin-top: 0;
}
/**** 分類のスタイル ****/
.category {
	margin-top: 8px;
}
.category2 {
	margin-top: 8px;
}
.category3 {
	margin-top: 8px;
}
.category4 {
	margin-top: 8px;
}
.category5 {
	margin-top: 8px;
}
#main .category_3_ul {
	font-size: 85%;
}
#main .category_lower {
	border: 1px solid #86addc;
	padding: 0px 16px 8px;
}
/**** 各課の窓口のスタイル ****/
.kakuka {
	margin-top: 24px;
}
/**** 催し物・講座のスタイル ****/
.event {
	margin-top: 24px;
}
#main .event_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .event_lower li {
	padding-left: 0;
}
#main .event_lower li::before {
	display: none;
}
#main .event_lower li .eve_cate {
	display: inline-block;
	font-size: 85%;
	background: #002b69;
	color: #fff;
	border-radius: 4px;
	padding: 4px 4px 2px;
	margin-right: 8px;
	text-align: center;
	vertical-align: top;
	line-height: 1;
	min-width: 80px;
}
#main .event_lower .event_month li {
	margin-right: 7px;
	display: inline-block;
	font-size: 110%;
	margin-top: 8px;
	margin-bottom: 4px;
}
#main .event_lower .event_month img {
	vertical-align: middle;
}
.event_month li.pre a,
.event_month li.next a{
	display: inline-block;
	background: #E6E6E6;
	border: 1px solid #aaa;
	font-size: 81.25%;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 0 5px;
	position: relative;
}
.event_month li.pre a{
	padding-left: 16px;
}
.event_month li.next a{
	padding-right: 15px;
}
.event_month li.pre a::before{
	position: absolute;
	content: "";
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform: none;
	border: 0;
	top: 4px;
	left: 0;
	transform: rotate(180deg);
}
.event_month li.next a:before{
	right: 7px;
	border-width: 3px 0 3px 4px;
	border-color: transparent transparent transparent #fff;
	z-index: 1;
}

#main .calendar_lower .event_month li.next{
	margin-right: 0;
}
.event_month li.next a:after{
	position: absolute;
	content: "";
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform: none;
	border: 0;
	top: 4px;
}
.event .event_month li.pre a:after,.event .event_month li.next a:after{
	top: 4px;
}
/**** イベントカレンダーのスタイル ****/
.calendar {
	margin-top: 8px;
}
#main .calendar_lower {
	overflow: auto;
	border: 1px solid #86addc;
	border-top: none;
	padding: 4px 8px 12px;
}
#main .calendar_lower li {
	padding-left: 0;
}
#main .calendar_lower li:first-child {
	width: 81px;
}
#main .calendar_lower li::before {
	display: none;
}
#main .calendar_lower .event_month li {
	margin-right: 8px;
	display: inline-block;
}
#main .calendar_lower .event_month img {
	vertical-align: middle;
}
#main .calendar table {
	width: 100%;
}
#main .calendar caption {
	display: none;
}
#main .calendar th {
	border: 1px solid #fff;
	text-align: center;
}
#main .calendar th img{
	vertical-align: middle;
}
#main .calendar td {
	border: 1px solid #fff;
	text-align: center;
	background-color: #F0F4FA;
}
#main .calendar th {
	background: #f7f7f7;
}
#main .calendar .sun {
	background: #f3cfdb;
}
#main .calendar .sat {
	background: #d9d9f7;
}
#main .calendar .today {
	background: #c9171e;
	color: #fff;
}
#main .calendar .today a {
	color: #fff;
}
/**** 新着情報のスタイル ****/
.new {
	margin-top: 24px;
}
#main .new .h2 {
	background: #262c80;
}
#main .new .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
#main .new_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .new ul li.catch_lst .new_lst {
	margin-right: 100px;
}
#main .new ul li.catch_lst .new_img {
	float: right;
	margin-top: 0;
}
/**** トピックスのスタイル ****/
.topics {
	margin-top: 24px;
}
#main .topics .h2 {
	background: #262c80;
}
#main .topics .h2 p {
	padding: 8px 2px 8px 0px;
	margin: 0;
}
#main .topics_lower {
	border: 1px solid #86addc;	
	padding: 4px 16px 16px;
}
#main .topics ul li.catch_lst .topics_lst {
	margin-right: 100px;
}
#main .topics ul li.catch_lst .topics_img {
	float: right;
	margin-top: 0;
}
/**** ピックアップ1のスタイル ****/
.pickup {
	margin-top: 24px;
}
#main .pickup_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .pickup_lower .pickup_sub {
	margin-top: 20px;
}
#main .pickup_lower .pickup_sub:first-child {
	margin-top: 12px;
}
#main .pickup_lower .pickup_sub h3 {
	font-size: 110%;
}
#main .pickup_lower .pickup_sub p {
	font-size: 85%;
	margin-top: 6px;
}
/**** ピックアップ2のスタイル ****/
.pickup2 {
	margin-top: 24px;
}
#main .pickup2_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .pickup2_lower .pickup_sub {
	margin-top: 20px;
}
#main .pickup2_lower .pickup_sub:first-child {
	margin-top: 12px;
}
#main .pickup2_lower .pickup_sub h3 {
	font-size: 110%;
}
#main .pickup2_lower .pickup_sub p {
	font-size: 85%;
	margin-top: 6px;
}
/**** ランキングのスタイル ****/
.ranking{
	margin-top: 24px;
}
#main .ranking_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .ranking_lower ol{
	margin-left: 18px;
}
#main .ranking_lower ol li{
	list-style-type: decimal;
	padding-left: 0;
}
#main .ranking_lower ol li:before{
	display: none;
}
/**** 人口・世帯数のスタイル ****/
.j_s {
	margin-top: 8px;
}
#main .j_s_lower {
	border: 1px solid #86addc;
	padding: 16px 12px 8px;
}
#main .j_s li {
	padding-left: 0;
	margin: 0;
}
#main .j_s li::before {
	display: none;
}
#main .j_s li strong {
	margin-right: 8px;
}
#main .j_s p {
	font-size: 85%;
}
/**** バナー広告のスタイル ****/
.bana {
	margin-top: 24px;
}
.bana h2 {
}
.bana_lower {
	text-align: center;
}
.bana .bana_img {
	display: inline-block;
}
#main .bana li {
	padding-left: 0;
}
#main .bana li::before {
	display: none;
}
#main .bana li .window {
	margin-top: 5px;
}
/**** RSSのスタイル ****/
.rss {
	margin-top: 24px;
}
.rss h2 {
	display: none;
}
#main .rss li {
	padding-left: 0;
}
#main .rss li::before {
	display: none;
}
.rss_body .rss_icon{
	margin-left: 10px;
}

.rss_body h2 a.rss_icon{
	font-size: 68.75%;
	font-weight: normal;
	margin-bottom: 4px;
}

/**** RSSアイコンのスタイル ****/
a.rss_icon{
	background: #FF8F21;
	display: inline-block;
	color: #fff;
	font-size: 100%;
	text-decoration: none;
	text-shadow: 1px 1px 1px #b45c00,-1px 1px 1px #b45c00,1px -1px 1px #b45c00,-1px -1px 1px #b45c00,1px 0 1px #b45c00,0px 1px 1px #b45c00,-1px 0 1px #b45c00,0 -1px 1px #b45c00;
	vertical-align: middle;
	padding: 5px 5px 5px 7px;
	letter-spacing: -0.01px;
	line-height: 1.1;
	position: relative;
	vertical-align: middle;
}
a.rss_icon img{
	margin-left: 4px;
	margin-top: -3px;
	height: auto;
	width: 16px;
	vertical-align: middle;
}
a.rss_icon2{
	background: #FF8F21;
	display: inline-block;
	color: #fff;
	font-size: 60%;
	text-decoration: none;
	text-shadow: 1px 1px 1px #b45c00,-1px 1px 1px #b45c00,1px -1px 1px #b45c00,-1px -1px 1px #b45c00,1px 0 1px #b45c00,0px 1px 1px #b45c00,-1px 0 1px #b45c00,0 -1px 1px #b45c00;
	vertical-align: middle;
	padding: 3px 28px 1px 6px;
	letter-spacing: -0.01px;
	line-height: 1.1;
	position: relative;
	vertical-align: middle;
}
a.rss_icon2 img{
	position: absolute;
	top: 50%;
	margin-top: -9px;
	right: 6px;
	height: auto;
	width: 16px;
	vertical-align: middle;
}
/**** リンク・画像領域（画像）のスタイル ****/
.image {
	margin-top: 8px;
	text-align: center;
	padding: 0;
}
.toppage #zone01 .image{
	border: 0;
	padding: 0;
}
#main .image h2 {
	background: none;
	padding: 0;
	position: relative;
	border: 0;
	width: 100%;
	height: 100%;
}
.image .image_img {
	display: block;
}
.image a .window{ text-shadow: none; }

/**** リンク・画像領域（テキスト）のスタイル ****/
.link {
	margin-top: 24px;

}
.link{
	margin-top: 8px;
	display: flex;
	text-align: left;
	font-size: 90%;
	align-items: center;
	border:1px #86addc solid;
	background-color: #dee4f1;
}
#main .link h2 {
	background: none;
	padding: 0;
	position: relative;
	border: 0;
	width: 100%;
}
.link a{
	text-decoration: none;
	flex-direction: column;
	padding: 16px 0 13px 30px;
	text-shadow:
			0 1px 0 #fff,
			1px 0 0 #fff,
			0 -1px 0 #fff,
			-1px 0 0 #fff,
			-1px -1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			1px 1px 0 #fff;
}
.link a .window{ text-shadow: none; }
#main .link a:visited{color: #1c42b3;}
#main .link a:link{color: #1c42b3;}
#main .link a:hover{color: #9f0000;}
#main .link a:active{color: #1c42b3;}

#main .link h2::before {
	position: absolute;
	content: "";
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	top: 41%;
	left: 8px;
}
/**** RSS一覧のスタイル ****/
.rss_list {
	margin-top: 24px;
}
/**** オプションのスタイル ****/
.option {
	margin-top: 24px;
}
#main .option_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
/**** FAQ（よくある質問）のスタイル ****/
.faq {
	margin-top: 24px;
}
/**** 新着FAQ ****/
.faq_new {
	margin-top: 24px;
}
#main .faq_new_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .faq_new_lower p {
	font-size: 85%;
	margin-top: 4px;
}
/**** 見られているFAQのスタイル ****/
.popular {
	margin-top: 24px;
}
#main .popular_lower {
	border: 1px solid #86addc;
	padding: 4px 16px 16px;
}
#main .popular_lower p {
	font-size: 85%;
	margin-top: 4px;
}
/********************** 領域1個別のスタイル **********************/

/********************** 領域2個別のスタイル **********************/
/**** 画像リストのスタイル ****/
#zone02 .ilist_lower ul > li {
	margin-right: 12px;
	width: calc((100% - 24.1px) / 3);
}
#zone02 .ilist_lower ul > li:nth-of-type(3n) {
	margin-right: 0;
}
/**** 画像リスト2のスタイル ****/
#zone02 .ilist2_lower ul > li {
	margin-right: 12px;
	width: calc((100% - 12.1px) / 2);
}
#zone02 .ilist2_lower ul > li:nth-of-type(2n) {
	margin-right: 0;
}
/**** 新着情報のスタイル ****/
#main #zone02 .new ul li .list {
	margin-left: -16px;
}
/**** トピックスのスタイル ****/
#main #zone02 .topics ul li .list {
	margin-left: -16px;
}
/**** 新着FAQのスタイル ****/
#main #zone02 .faq_new ul li .list {
	margin-left: -16px;
}
/********************** 領域3個別のスタイル **********************/

/********************** 領域4個別のスタイル **********************/
/**** 画像リストのスタイル ****/
#zone04 .ilist_lower ul > li {
	margin-right: 12px;
	width: calc((100% - 60.1px) / 6);
}
#zone04 .ilist_lower ul > li:nth-of-type(6n) {
	margin-right: 0;
}
/**** 画像リスト2のスタイル ****/
#zone04 .ilist2_lower ul > li {
	margin-right: 12px;
	width: calc((100% - 48.1px) / 5);
}
#zone04 .ilist2_lower ul > li:nth-of-type(5n) {
	margin-right: 0;
}
/**** 新着情報のスタイル ****/
#main #zone04 .new ul li .list {
	margin-left: -16px;
}
/**** トピックスのスタイル ****/
#main #zone04 .topics ul li .list {
	margin-left: -16px;
}
/**** 新着FAQのスタイル ****/
#main #zone04 .faq_new ul li .list {
	margin-left: -16px;
}
/**** バナー広告のスタイル ****/
#zone04 .bana ul {
	display: flex;
	flex-wrap: wrap;
}
#main #zone04 .bana li {
	width: 150px;
	margin-right: 8px;
}
#main #zone04 .bana li:nth-of-type(6n) {
	margin-right: 0;
}
/********************** 中ページのスタイル **********************/
body.inbody {
}
/**** パンくずリストのスタイル ****/
#pankuzu {
	margin: 24px auto 24px;
	width: 970px;
	font-size: 85%;
}
#pankuzu li {
	margin: 0;
	padding: 0 28px 0 0;
	border: 0;
	list-style-type: none;
	display: inline-block;
	height: auto;
	position: relative;
}
#pankuzu li::after {
	display: block;
	content: "";
	position: absolute;
	top: .3em;
	right: 2px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 8px solid #262c80;
}
#pankuzu li:last-child::after {
	display: none;
}
/**** 中ページメインのスタイル ****/
.main_naka_h1 {
	margin: 12px auto 24px;
	width: 970px;
}
.main_naka {
	margin: 0 auto 24px;
	width: 970px;
}
.main_naka_h1 h1 {
	padding: 12px 12px 8px 12px;
	font-size: 180%;
	color: #fff;
	background: #262c80;
	border-bottom: 3px solid #181d56;
}
.main_naka_h1_img{
	margin: 12px auto 24px;
	width: 970px;
	position: relative;
}
.main_naka_h1_img h1{
	font-size: 180%;
	border-left: 8px solid #262c80;
	padding: 0 0 0 16px;
	text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
	position: absolute;
	top: 50%;
	margin-top: -18px;
	left: 24px;
}
.main_naka_h1_img img{
	height: auto;
	width: 100%;
}
.main_naka h2 {
	font-size: 136%;
	width: 100%;
	padding: 0;
	margin: 16px 0 0;
	position: relative;
	border-bottom: 4px solid #ccc;
}
.main_naka h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #262c80;
	z-index: 0;
}
.main_naka h3 {
	margin: 16px 0 0;
	padding-left: 12px;
	border-left: 4px solid #86addc;
	font-size: 120%;
}
.main_naka h4 {
	margin: 16px 0 0;
	border-bottom: 2px solid #86addc;
	font-size: 110%;
}
.main_naka h5 {
	margin: 16px 0 0;
	padding: 4px 8px;
	background-color: #e8f4f9;
}
.main_naka h6 {
	margin: 16px 0 0;
}
.main_naka li {
	position: relative;
	padding-left: 16px;
}
.main_naka li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
}
.main_naka li p {
	margin-top: 4px;
	font-size: 85%;
}
/* ページャーのスタイル */
.main_naka .page_head {
	margin-top: 24px;
	padding: 6px 16px 16px;
	background-color: #eee;
	font-size: 85%;
}
.main_naka .page_head .pager p {
	display: inline-block;
}
.main_naka .page_head .pager ul {
	display: inline-block;
}
.main_naka .page_head .pager ul li {
	border-left: 1px solid #999;
	display: inline-block;
	margin: 0 8px 0 0;
	padding-left: 8px;
}
.main_naka .page_head .pager ul li:first-child {
	border: 0;
}
.main_naka .page_head .pager ul li::before {
	display: none;
}
/**** 各課の窓口一覧のスタイル ****/
.design .main_naka table {
	margin: 16px 0 0;
	width: 100%;
}
.design .main_naka caption {
	display: none;
}
.design .main_naka .th01 {
	padding: 12px 12px 10px;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	background: #314D86;
	color: #fff;
}
.design .main_naka .th02 {
	padding: 12px 12px 10px;
	border: 1px solid #314D86;
	text-align: left;
	background: #d5e0f6;
	font-size: 85%;
}
.design .main_naka .t_tel {
	padding: 12px 12px 10px;
	border-top: 1px solid #314D86;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #314D86;
	text-align: left;
	font-size: 85%;
}
.design .main_naka .t_fax {
	padding: 12px 12px 10px;
	border-top: 1px solid #314D86;
	border-right: 1px solid #314D86;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size: 85%;
}
.design .main_naka .table01 .t_mail {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #314D86;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #314D86;
	text-align: left;
	font-size: 85%;
}
.design .main_naka .table03 .t_mail {
	padding: 12px 12px 10px;
	border-top: 1px solid #314D86;
	border-right: 1px solid #314D86;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #314D86;
	text-align: left;
	font-size: 85%;
}
.design .main_naka .t_gyomu {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #314D86;
	border-bottom: 1px solid #314D86;
	border-left: 1px solid #314D86;
	text-align: left;
	font-size: 85%;
}
.design .main_naka .kakuka_link {
	background: #eee;
	padding: 4px 16px 14px;
	margin: 24px 0 8px;
}
.design .main_naka .kakuka_link li {
	float: left;
	margin-right: 16px;
}
.design .main_naka .lnk_top {
	font-size: 85%;
	text-align: right;
}
/**** 各課のホームページのスタイル ****/
/* 新着 */
.design .main_naka #kakuka_new {
	background: #fff;
	margin-top: 24px;
	border: 6px solid #d4d0ec;
}
.design .main_naka #kakuka_new h2 {
	border-bottom: 4px solid #bc87aa;
	padding: 16px 16px 12px;
	margin-top: 0;
}
.design .main_naka #kakuka_new h2::after {
	display: none;
}
.design .main_naka #kakuka_new li::before {
	content: "";
	position: absolute;
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:6px;
	left: 0;
}
.design .main_naka #kakuka_new ul{
	border-top: none;
	padding: 16px;
}
.design .main_naka #kakuka_new ul li{
	border-bottom: 1px dashed #bbb;
	margin: 0 0 8px 0;
	padding: 0 0 8px 16px;
}
.design .main_naka #kakuka_new ul li:last-child{
	margin-bottom: 0;
}
.design .main_naka #kakuka_new .date {
	display: block;
	float: left;
	margin-top: 2px;
	width: 6em;
	font-size: 85%;
}
.design .main_naka #kakuka_new .list{
	padding-left: 82px;
}
/* 左カラム */
.design .main_naka #kakuka_box {
	margin-top: 24px;
}
.design .main_naka #kakuka_left {
	float: left;
	width: 30%;
	overflow: hidden;
}
.design .main_naka #kakuka_left li {
	border-bottom: 1px solid #e7e7e7;
	padding: 0;
	margin-top: 0px;
}
.design .main_naka #kakuka_left li :before{
	content: '';
	position: absolute;
	right: 8px;
	top: 50%;
	margin-top: -3px;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #262c80;
	border-right: 2px solid #262c80;
	transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
}
.design .main_naka #kakuka_left li a {
	display: block;
	padding: 8px 16px 8px 8px;
		background-color: #f7f7f7;

}
.design .main_naka #kakuka_left li a:hover {
	background-color: #530056;
	color: #fff;
}
.design .main_naka #kakuka_left li::before {
	display: none;
}
.design .main_naka #kakuka_left .select {
	color: #fff;
	padding: 8px;
	background-color: #314D86;
}
.design .main_naka #kakuka_left .select div{
		background-color: #314D86;
}
.design .main_naka #kakuka_left li.select strong::before {
	display: none!important;
}
/* 親子ジャンル */
.design .main_naka #kakuka_left ul li ul li {
	border-width: 1px;
	margin-left: 24px;
}
.design .main_naka #kakuka_left ul li ul .select {
	margin-left: 24px;
		background-color: #314D86;

}
.design .main_naka #kakuka_left ul li ul .select::before{
	display: none;
}	
.design .main_naka #kakuka_left ul li.oya {
	border-bottom: 1px solid #e7e7e7;
	padding: 0;
}
.design .main_naka #kakuka_left ul li.oya.select {
	background: none;
}
.design .main_naka #kakuka_left ul li.oya ul li:last-child{
	border-bottom: 0;
}
.design .main_naka #kakuka_left ul li.oya.select div{
	padding: 8px;
	background-color: #314D86;
}
.design .main_naka #kakuka_left ul li.oya.select li{
	padding: 0;
}
.design .main_naka #kakuka_left ul li.oya.select li::before{
	position: relative;
}
.design .main_naka #kakuka_left ul li.oya div {
	border: 0px solid #007bbb;
	border-left-width: 0px;
	padding: 0;
	background-color: #f7f7f7;
}
.design .main_naka #kakuka_left ul li.oya div a{
	padding: 8px 16px 8px 8px;
	position: relative;
}
.design .main_naka #kakuka_left ul li.select div {
	background: #314D86;
}
/* 右カラム */
.design .main_naka #kakuka_right {
	float: right;
	width: 67%;
}
.design .main_naka #kakuka_right h2 {
	margin-top: 0;
}
/* お問い合わせ */
.design .main_naka #toiawase {
	background-color: #fff;
	margin-top: 24px;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.design .main_naka #toiawase h2 {
	margin-top: 0;
	border-color: #ccc;
}
.design .main_naka #toiawase p {
	padding: 0 0 0 0;
}
.design .main_naka #toiawase p:last-child {
	padding-bottom: 0px;
}
.design .main_naka #toiawase h2::after {
	background: #999;
	content: none;
}
/**** 各課のホームページ・カテゴリごとの緊急情報のスタイル ****/
.design .main_naka #emergency {
	margin-top: 24px;
}
.design .main_naka #emergency .h2 {
	background: #a90000;
	color: #fff;
}
.design .main_naka #emergency h2 {
	color: #fff;
	padding: 8px 16px 6px;
	margin: 0;
	border-bottom: none;
	width: auto;
	float: left;
}
.design .main_naka #emergency h2::after {
	display: none;
}
.design .main_naka #emergency .h2 a {
	float: right;
	margin: 10px 16px 10px 8px;
}
.design .main_naka #emergency .h2 img {
	vertical-align: middle;
}
.design .main_naka #emergency #emergency_lower {
	border: 2px solid #a90000;
	border-top: none;
	padding: 4px 16px 16px;
}
/**** 分類のスタイル ****/
.design .main_naka .category_p01 {
	margin-top: -12px;
}
.design .main_naka #page_left_box {
	float: left;
	width: 100%;
	margin: 24px -210px 0 0;
}
.design .main_naka #page_left {
	margin: 0 210px 0 0;
}
.design .main_naka #page_left_box .cate_post01, .design .main_naka #page_left_box .cate_post02 {
	margin-top: 24px;
}
.design .main_naka #page_left_box .cate_post01:first-child, .design .main_naka #page_left_box .cate_post02:first-child {
	margin-top: 0;
}
.design .main_naka #page_left_box .cate_post01:first-child h2, .design .main_naka #page_left_box .cate_post02:first-child h2 {
	margin-top: 0;
}
.design .main_naka #page_left_box .cate_post01 h2{
	padding: 4px 16px;
	margin: 0;
}
.design .main_naka #page_right {
	float: right;
	width: 180px;
	margin-top: 24px;
}
.design .main_naka #page_right ul {
	background: #86addc;
	padding: 6px;
	margin-top: 24px;
	border: 1px #86addc solid;
}
.design .main_naka #page_right ul:first-child {
	margin-top: 0;
}
.design .main_naka #page_right ul li{
	margin: 0 0 6px 0;
	padding: 0;
}
.design .main_naka #page_right ul li:last-child{
	margin-bottom: 0;
}
.design .main_naka #page_right ul li:before{
	top: 50%;
	margin-top: -6px;
	right: 10px;
	left: auto;
}
.design .main_naka #page_right ul li a{
	background: #fff;
	display: inline-block;
	padding: 12px 16px;
	width: 100%;
}
.design .main_naka .category01 li {
	display: inline-block;
	margin-right: 8px;
}
.design .main_naka .category_p02 {
	font-size: 85%;
	margin-top: 12px;
	float: right;
}
/* アイキャッチあり */
.design .main_naka .category_p02 .cat_lst {
	margin-right: 112px;
}
.design .main_naka .category_p02 .cat_img {
	float: right;
	width: 96px;
	margin-top: 0;
}
/* 分類（先頭ページ以下）のスタイル */
.design .main_naka .cate_post02 li, .design .main_naka .category_end li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.design .main_naka .cate_post02 li::before, .design .main_naka .category_end li::before {
	display: none;
}
.design .main_naka .category_end li:first-child {
	margin-top: 0;
}
.design .main_naka .category_end .cat_lst {
	margin-right: 112px;
}
.design .main_naka .category_end .catch_lst .cat_img {
	float: right;
	width: 96px;
	margin-top: 0;
}
/* 新着 */
.design .main_naka #cat_new {
	background: #fff;
	margin-top: 24px;
	border: 6px solid #d4d0ec;
}
.design .main_naka #cat_new h2 {
	border-bottom: 4px solid #bc87aa;
	padding: 16px 16px 12px;
	margin-top: 0;
}
.design .main_naka #cat_new h2::after {
	display: none;
}
.design .main_naka #cat_new ul{
	border-top: none;
	padding: 16px;
}
.design .main_naka #cat_new ul li{
	border-bottom: 1px dashed #bbb;
	margin: 0 0 8px 0;
	padding: 0 0 8px 16px;
}
.design .main_naka #cat_new ul li::before {
	content: "";
	position: absolute;
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:6px;
	left: 0;
}
.design .main_naka #cat_new ul li:last-child{
	margin-bottom: 0;
}
.design .main_naka #cat_new .date {
	display: block;
	float: left;
	margin-top: 2px;
	width: 6em;
	font-size: 85%;
}
.design .main_naka #cat_new .list{
	padding-left: 82px;
}
/* バナー広告 */
.design .main_naka .bana {
	margin-top: 24px;
}
.design .main_naka .bana h2 {
	display: none;
}
.design .main_naka .bana_lower {
	text-align: center;
}
.design .main_naka .bana .bana_img {
	display: inline-block;
}
.design .main_naka .bana ul {
	display: flex;
	flex-wrap: wrap;
}
.design .main_naka .bana li {
	width: 160px;
	margin-right: 8px;
	padding-left: 0;
}
.design .main_naka .bana li::before {
	display: none;
}
.design .main_naka .bana li:nth-of-type(6n) {
	margin-right: 0;
}
.design .main_naka .bana li .window {
	margin-top: 5px;
}
/**** 催し物・講座のスタイル ****/
.design .main_naka .event_navi_box {
	margin-top: 24px;
	margin-bottom: -12px;
}
.design .main_naka .event_navi li {
	display: inline-block;
	border-right: 2px solid #86addc;
	margin: 0 16px 8px 0;
	padding: 0 16px 0 0;
}
.design .main_naka .event_navi li:first-child {
	border-left: 2px solid #86addc;
	padding-left: 16px;
}
.design .main_naka .event_navi li::before {
	display: none;
}
.design .main_naka .month_lst_box {
	margin-top: 24px;
}
.design .main_naka .month_lst {
	display: flex;
	text-align: center;
}
.design .main_naka .month_lst li {
	padding-left: 0;
	margin-top: 0;
	width: 20%;
	border: 2px solid #86addc;
	border-left: none;
}
.design .main_naka .month_lst li:first-child {
	border-left: 2px solid #86addc;
}
.design .main_naka .month_lst li::before {
	display: none;
}
.design .main_naka .month_lst .month_select {
	background: #86addc;
	color: #002E8D;
}
.design .main_naka .month_lst li a {
	display: block;
}
.design .main_naka .event_list li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.design .main_naka .event_post {
	margin-top: 24px;
}
.design .main_naka .event_list li::before {
	display: none;
}
.design .main_naka .event_repeat {
	margin-top: 0;
}
/**** 催し物・講座カレンダー表示のスタイル ****/
.design .main_naka #calendar_month {
	margin-top: 24px;
}
.design .main_naka #calendar_month caption {
	display: none;
}
.design .main_naka #calendar_month th {
	padding: 16px;
	border: 1px solid #86addc;
	border-right: none;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
}
.design .main_naka #calendar_month td {
	padding: 16px;
	border: 1px solid #86addc;
}
.design .main_naka #calendar_month td li {
	margin-top: 16px;
}
.design .main_naka #calendar_month td li:first-child {
	margin-top: 0;
}
.design .main_naka #calendar_month td.cal_day {
	text-align: center;
	padding: 16px 20px;
	font-size: 85%;
	vertical-align: middle;
	width: 60px;
}
.design .main_naka #calendar_month td.cal_day img {
	max-width: none;
	vertical-align: middle;
}
.design .main_naka #calendar_month .cal_sun {
	background-color: #f3cfdb;
}
.design .main_naka #calendar_month .cal_sat {
	background-color: #d9d9f7;
}
.design .main_naka #calendar_month .cal_date {
	width: 60px;
}
.design .main_naka #calendar_month .cal_today .cal_date {
	background: #a90000;
	color: #fff;
}
.design .main_naka #calendar_month .hdy {
	margin: 0 0.6em 8px 0;
	padding: 3px 4px 1px 5px;
	background: #a90000;
	color: #fff;
	font-size: 85%;
	display: inline-block;
	vertical-align: middle;
}
.design .main_naka #calendar_month .eve_cate {
	display: inline-block;
	font-size: 85%;
	background: #002b69;
	color: #fff;
	border-radius: 4px;
	padding: 4px 4px 2px;
	margin: 2px 8px 0 0;
	text-align: center;
	vertical-align: top;
	line-height: 1;
	min-width: 80px;
}
/**** 新着情報のスタイル ****/
.innew .design .main_naka .new_post {
	margin-top: 24px;
}
.innew .design .main_naka .new_post:first-child {
	margin-top: 0;
}
.innew .design .main_naka .new_post li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.innew .design .main_naka .new_post li::before {
	display: none;
}
/* アイキャッチあり */
.innew .design .main_naka .catch_lst .new_lst {
	margin-right: 110px;
}
.innew .design .main_naka .catch_lst .new_img {
	float: right;
	width: 96px;
	margin-top: 0;
}
/**** ごみカレンダーのスタイル ****/
.design .main_naka .garbage_body .garbage_box {
	margin-top: 24px;
}
.design .main_naka .garbage_body #garbage_select {
	margin-top: 12px;
}
.design .main_naka .garbage_body #garbage_select p {
	display: inline-block;
	font-size: 120%;
	vertical-align: middle;
}
.design .main_naka .garbage_body #garbage_select #garbage_area {
	margin-right: 24px;
	font-size: 120%;
	vertical-align: middle;
}
.design .main_naka .garbage_body #garbage_select #garbage_num {
	font-size: 120%;
	vertical-align: middle;
}
.design .main_naka .garbage_body .garbage_cal h2 {
	font-size: 180%;
}
.design .main_naka .garbage_body .garbage_cal h2 img {
	padding: 0 8px 3px 0;
	vertical-align: middle;
}
.design .main_naka .garbage_body .garbage_cal h2 span {
	vertical-align: middle;
}
.design .main_naka .garbage_body .garbage_cal table {
	margin-top: 24px;
	width: 100%;
	table-layout: fixed;
}
.design .main_naka .garbage_body .garbage_cal caption {
	display: none;
}
.design .main_naka .garbage_body .garbage_cal th {
	padding: 0 4px 4px;
	text-align: center;
	width: 130px;
}
.design .main_naka .garbage_body .garbage_cal td {
	margin: 0;
	padding: 0 12px 8px;
	border: 1px solid #007bbb;
	text-align: center;
	width: 130px;
	height: 140px;
	vertical-align: top;
	overflow: auto;
}
.design .main_naka .garbage_body .garbage_cal td .cal_day {
	margin: 8px 0 0;
	text-align: left;
	font-size: 120%;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon {
	margin: 8px 0 0;
	background: #000;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon p {
	margin: 0 auto;
	padding: 8px 8px 0;
}
.design .main_naka .garbage_body .garbage_cal td .cal_icon img {
	padding: 2px 0 8px;
	vertical-align: bottom;
	width: 40px;
	box-sizing: content-box;
}
/* アイコン毎の効果 */
.design .main_naka .garbage_body .garbage_cal td .cal_red {
	background: #d50404;
	border: 1px solid #fff;
	box-shadow: rgba(213, 4, 4, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_bla {
	background: #222;
	border: 1px solid #fff;
	box-shadow: rgba(0, 0, 0, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_blu {
	background: #0274cc;
	border: 1px solid #fff;
	box-shadow: rgba(4, 150, 213, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_pap {
	background: #892dbd;
	border: 1px solid #fff;
	box-shadow: rgba(136, 45, 189, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_gre {
	background: #09820c;
	border: 1px solid #fff;
	box-shadow: rgba(16, 156, 18, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_pin {
	background: #b4156b;
	border: 1px solid #fff;
	box-shadow: rgba(180, 21, 106, 0.3) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal td .cal_ora {
	background: #f7bb2d;
	border: 1px solid #fff;
	color: #333;
	box-shadow: rgba(247, 186, 45, 0.66) 0 0 1px 2px;
}
.design .main_naka .garbage_body .garbage_cal .sun {
	background: #ffd8d6;
}
.design .main_naka .garbage_body .garbage_cal .sat {
	background: #d9e4fc;
}
.design .main_naka .garbage_body .garbage_cal th.sun {
	background: transparent;
}
.design .main_naka .garbage_body .garbage_cal th.sat {
	background: transparent;
}
.design .main_naka .garbage_body .garbage_cal .today {
	background: #fffab0;
	font-weight: bold;
}
.design .main_naka .garbage_body .garbage_cal .today a:LINK {
	text-decoration: underline;
	color: #FFFFFF;
}
.design .main_naka .garbage_body .garbage_cal .today a:VISITED {
	text-decoration: underline;
	color: #EEEEEE;
}
.design .main_naka .garbage_body .garbage_cal .today a:ACTIVE {
	text-decoration: underline;
	color: #FFFF00;
}
.design .main_naka .garbage_body .garbage_cal .today a:HOVER {
	text-decoration: underline;
	color: #FFFF00;
}
.design .main_naka .garbage_foot {
	margin-top: 24px;
}
/**** サイトマップのスタイル ****/
.design .main_naka .kakuka01 li {
	margin: 3px 20px 2px 0;
	padding: 0;
	border: 0;
	display: inline-block;
	height: auto;
	background-image: none;
	font-size: 85%;
}
.design .main_naka .event_month li {
	display: inline-block;
	margin-right: 4px;
	padding-left: 0;
}
.design .main_naka .event_month li::before {
	display: none;
}
.design .main_naka .event_month img {
	position: relative;
	top: -2px;
}
/**** RSS一覧のスタイル ****/
.design .main_naka .rss {
	margin: 0 8px 0 8px;
	vertical-align: middle;
	height: 20px;
}
/**** マイページ管理画面のスタイル ****/
#online_strage_edit_a {
	margin-top: 16px;
}
#online_strage_edit_a #mypage h2 {
	margin: 0;
	padding: 0;
	height: 0;
	background: none;
	border: none;
}
#online_strage_edit_a #mypage h2::after {
	display: none;
}
#online_strage_edit_a div.online_strage_list_item {
	border-bottom: 1px dashed #bbb;
	margin-top: 8px;
	padding: 0 0 4px;
}
#online_strage_edit_a div.online_strage_title {
	float: left;
	font-size: 85%;
	max-width: 872px;
}
#online_strage_edit_a div.online_strage_list_item > p {
	font-size: 85%;
}
#online_strage_edit_a div.edit_btn {
	float: right;
}
#online_strage_edit_a div.online_strage_commandbox {
	float: left;
}
#online_strage_edit_a div.online_strage_updown {
	float: left;
}
#online_strage_edit_a .online_strage_list button {
	background: #fff;
	color: #333;
	padding: 0 4px;
	margin-left: 4px;
	vertical-align: top;
}
/**** エラーページのスタイル ****/
.design .main_naka #error h1 {
	margin: 24px 0;
	font-size: 200%;
}
.design .main_naka #error ul {
	margin-top: 24px;
}
/**** ピックアップのスタイル ****/
.design .main_naka .pickup_post {
	margin-top: 24px;
}
.design .main_naka .pickup_post .category_p01 {
	margin-top: 0;
}
/**** 組織検索機能 ****/
#csv_search {
	margin-top: 16px;
	background: #eee;
	padding: 16px 16px 16px;
}
#csv_search h2 {
	margin: 0 0 16px;
}
#csv_search_word {
	width: 300px;
}
.csv_search_form_submit_btn_wrapper {
	text-align: center;
	margin-top: 16px;
}
#body .csv_search_form_submit_btn_wrapper .csv_search_form_submit_btn{
	display: inline-block;
	font-size: 81.25%;
	padding: 5px 15px;
}
.csv_search_input_form fieldset {
	display: inline-block;
}
.csv_search_result_table th, .csv_search_result_table td {
	border: 1px solid #ccc;
	font-size: 85%;
	padding: 6px 4px 4px
}
.csv_search_result_table th {
	background: #314D86;
	text-align: center;
	vertical-align: middle;
	color: #fff;
}
/**** お問い合わせフォームのスタイル ****/
.inform .design .main_naka form {
	margin-top: 24px;
	padding: 8px 16px 16px;
	background: #eee;
}
.inform .design .main_naka .syosai_hiduke {
	float: none;
	margin-top: -16px;
}
.inform .design .main_naka form li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.inform .design .main_naka form li::before {
	display: none;
}
.inform .att {
	color: #a90000;
	font-size: 85%;
}
.inform .design .main_naka form li:first-child, .inform .design .main_naka form h3:first-child {
	margin-top: 8px;
}
.inform .design .main_naka form .tyui li {
	border: none;
	margin-top: 8px;
	padding: 0;
}
.inform .design .main_naka form fieldset {
	margin-top: 8px;
}
.inform .design .main_naka form h2{
	border-bottom: none;
	font-size: 120%;
	margin: 16px 0 0;
	padding-left: 12px;
	border-left: 4px solid #86addc;
}
.inform .design .main_naka form h2:after{
	display: none;
}
/** お問い合わせフォームのスタイル　エラー **/
.inform .design .main_naka form .form_error{
	background-color: #ffdfdf;
	padding: 12px 15px;
	margin: 10px 0;
}
.inform .design .main_naka form .form_error p{
	font-size: 120%;
	margin: 5px 0 10px;
	border-bottom: none;
	font-size: 120%;
	padding-left: 12px;
	border-left: 4px solid #f44040;
}
.inform .design .main_naka form .form_error li{
	padding: 3px 0 3px 14px;
	margin: 0 0 5px 0;
}
.inform .design .main_naka form .form_error li:before{
	display: inline-block;
	top: 11px;
	border-color: #f44040;
}

/**** アンケートのスタイル ****/
.design .main_naka .question_box{
	margin-bottom: 24px;
}
.design .main_naka .question_box li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 16px;
}
.design .main_naka .question_box li::before {
	display: none;
}
.design .main_naka #qa_tmp {
	border: 1px solid #ccc;
	margin-top: 24px;
	padding: 16px;
}
.inform .design .main_naka form select {
	font-size: 85%;
}
/**** 動的版検索結果のスタイル ****/
.design .main_naka .keyword_post li {
	border-bottom: 1px dashed #bbb;
	margin-top: 16px;
	padding: 0 0 12px;
}
.design .main_naka .keyword_post li::before {
	display: none;
}
/********************** 記事ページのスタイル **********************/
.inkiji .main_naka_h1 {
	margin-bottom: 0;
}
.inkiji .main_naka {
	margin-bottom: 8px;
}
.waku {
	margin: 0 auto 24px;
	width: 970px;
}
.main_naka_kiji {
	float: left;
	width: 756px;
}
.waku #kiji_sub {
	float: right;
	width: 180px;
}
/**** 詳細ページのスタイル ****/
.design .main_naka .syosai_hiduke {
	margin-top: 8px;
	font-size: 85%;
	float: left;
}
.design .main_naka .syosai_id {
	margin: 8px 0 0 12px;
	font-size: 85%;
	float: left;
}
/* SNSボタン */
.inbody .design #sns_box {
	margin-top: 4px;
	padding-left: 16px;
	vertical-align: middle;
	float: right;
}
.inbody .design #sns_box ul {
	display: inline;
}
.inbody .design #sns_box li::before {
	display: none;
}
.inbody .design .sns_btn {
	padding-left: 4px;
	display: inline;
	line-height: 0;
	vertical-align: middle;
}
.inbody .design .sns_btn img {
	vertical-align: middle;
}
.inbody .design p.sns_btn {
	padding: 3px;
	background-color: #fff;
	font-size: 85%;
	vertical-align: middle;
}
/**** 記事ページ右メニューのスタイル ****/
/*アイキャッチ画像*/
.waku #kiji_sub .catch {
	margin-top: 16px;
	padding: 1px;
	border: 1px solid #ccc;
}
.waku #kiji_sub .catch p {
	margin-top: 0;
}
.waku #kiji_sub .catch img {
	vertical-align: bottom;
}
/*お問い合わせフォーム*/
.waku #kiji_sub .syosai_sonota {
	margin-top: 16px;
	padding: 12px;
	border: 1px #86addc solid;
	background-color: #fff;
	font-size: 85%;
	text-align: center;
	word-wrap: break-word;
}
.waku #kiji_sub .syosai_sonota h2 {
	padding: 6px 4px 4px;
	background: #314D86;
	color: #fff;
}
.waku #kiji_sub .syosai_sonota p {
	text-align: left;
}
.waku #kiji_sub .syosai_sonota .for_img {
	text-align: center;
	background: #555;
	font-size: 85%;
	display: inline-block;
	border-radius: 4px;
	width: 100%;
}
.waku #kiji_sub .syosai_sonota .for_img a {
	display: block;
	padding: 10px 5px 6px;
	color: #fff;
	text-decoration: none;
	width: 100%;
}
/*コンテンツページ_組織内ジャンル*/
.waku #kiji_sub .kakuka {
	margin-top: 16px;
	background: #fff;
}
.waku #kiji_sub .kakuka h2 {
	display: none;
}
.waku #kiji_sub .kakuka h3 {
	padding: 10px 8px 8px;
	border: 1px #86addc solid;
	border-bottom: 0;
	background: #dee4f1;
}
.waku #kiji_sub .kakuka > ul {
	border: 1px #86addc solid;
	padding: 0 8px 12px;
}
.waku #kiji_sub .kakuka li {
	position: relative;
	padding-left: 16px;
}
.waku #kiji_sub .kakuka li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
}
.waku #kiji_sub .kakuka li li {
	font-size: 85%;
}
/*関連コンテンツ*/
.waku #kiji_sub .kanren {
	margin-top: 16px;
	background: #fff;
}
.waku #kiji_sub .kanren h2 {
	display: none;
}
.waku #kiji_sub .kanren h3 {
	padding: 10px 8px 8px;
	border: 1px #86addc solid;
	border-bottom: 0;
	background: #dee4f1;
}
.waku #kiji_sub .kanren > ul {
	border: 1px #86addc solid;
	padding: 0 8px 12px;
}
.waku #kiji_sub .kanren li {
	position: relative;
	padding-left: 16px;
}
.waku #kiji_sub .kanren li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
}
.waku #kiji_sub .kanren li li {
	font-size: 85%;
}
/*この記事を見ている人*/
.waku #kiji_sub .kanren2 {
	margin-top: 16px;
	background: #fff;
}
.waku #kiji_sub .kanren2 h2 {
	display: none;
}
.waku #kiji_sub .kanren2 h3 {
	padding: 10px 8px 8px;
	border: 1px #86addc solid;
	border-bottom: 0;
	background: #dee4f1;
}
.waku #kiji_sub .kanren2 > ul {
	border: 1px #86addc solid;
	padding: 0 8px 12px;
}
.waku #kiji_sub .kanren2 li {
	position: relative;
	padding-left: 16px;
}
.waku #kiji_sub .kanren2 li::before {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotate(-45deg);
}
.waku #kiji_sub .kanren2 li li {
	font-size: 85%;
}
/**** コンテンツ評価のスタイル ****/
.design .main_naka .syosai_qa {
	margin-bottom: 24px;
	border: 1px solid #86addc;
	padding: 16px;
}
.design .main_naka .syosai_qa h2 {
	margin-top: 0;
}
.design .main_naka .syosai_qa li {
	padding-left: 0;
}
.design .main_naka .syosai_qa li::before {
	display: none;
}
.design .main_naka .syosai_qa li p {
	padding : 5px 1% 5px 1%;
	border : 1px dashed #bbb;
}
.design .main_naka .syosai_qa #opinion {
	width : 100%;
}
.design .main_naka .syosai_qa .comment {
	font-size : 85%;
}
.design .main_naka .syosai_qa .qa_button {
	margin-top: 8px;
	padding-top: 16px;
	border-top : 1px solid #ccc;
	text-align: center;
}

/** コンテンツ評価のスタイル 確認画面 **/
.inform .design .main_naka .syosai_qa{
	background-color: #eee;
	border: none;
	padding: 16px 16px 5px;
	margin: 0;
}
.inform .design .main_naka .syosai_qa li p{
	border: none;
	padding: 0;
}
.inform .design .main_naka .syosai_qa > p{
	margin: 0;
	border-bottom: 1px dashed #bbb;
	padding-bottom: 16px;
}
.inform .design .main_naka .syosai_qa form{
	margin-top: 0;
	padding: 0;
}
/**** 別ルートのスタイル ****/
.design .main_naka #route_box {
	margin-bottom: 24px;
}
.design .main_naka #route_box h2{
	border-bottom: 2px solid #ccc;
	font-size: 125%;
	margin-top: 0;
	margin-bottom: 12px;
}
.design .main_naka #route_box h2:after{
	display: none;
}
.design .route {
	margin-top: 8px;
}
.design .route li {
	font-size: 85%;
	margin: 0;
	padding: 0 28px 0 0;
	border: 0;
	list-style-type: none;
	background: none;
	display: inline-block;
	height: auto;
	position: relative;
}
.design .route li::before {
	display: none;
}
.design .route li::after {
	display: block;
	content: "";
	position: absolute;
	top: .3em;
	right: 2px;
	width: 0;
	height: 0;
	border: 5px solid transparent;
	border-left: 8px solid #262c80;
}
.design .route li:last-child::after {
	display: none;
}
/**** 記事ページ下メニューのスタイル ****/
/*組織内ジャンル*/
.inkiji .main_naka .kakuka {
	background: #f7f7f7;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.inkiji .main_naka .kakuka h2 {
	margin-top: 0;
}
.inkiji .main_naka .kakuka li li {
	font-size: 85%;
}
/*関連コンテンツ*/
.inkiji .main_naka .kanren {
	background: #f7f7f7;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.inkiji .main_naka .kanren h2 {
	margin-top: 0;
}
.inkiji .main_naka .kanren li li {
	font-size: 85%;
}
/*関連している可能性のある記事*/
.inkiji .main_naka .kanren2 {
	background: #eee;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.inkiji .main_naka .kanren2 h2 {
	margin-top: 0;
}
.inkiji .main_naka .kanren2 li li {
	font-size: 85%;
}
/*お問い合わせフォーム*/
.main_naka .syosai_sonota {
	background: #f7f7f7;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.main_naka .syosai_sonota h2 {
	margin-top: 0;
}
.main_naka .syosai_sonota p{
}
.main_naka .syosai_sonota p.for_txt {
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ccc;
	font-size: 85%;
}
/**** 記事ページ緊急情報のスタイル ****/
.kiji_emergency .main_naka_h1 h1 {
	border-left: none;
	background: #a90000;
	color: #fff;
	padding: 6px 8px 4px;
	border: 0;
}

/* スライダースタイル */
#vis_blok{
	width: 100%;
	margin: 0 auto 10px auto;
	overflow: hidden;
}
#vis ul li{
	padding: 0;
	margin: 0;
}
.toppage #vis h2 {
    height: 0;
    margin: 0;
    padding: 0;
}
#vis_bg{
	width: 970px;
	margin: 0 auto;
	position: relative;
}
#vis_bg::before{
	content: "";
	position: absolute;
	width: 970px;
	height: 474px;
	background: rgba(255,255,255,0.5);
	left: -970px;
	z-index: 1;
}
#vis_bg::after{
	content: "";
	position: absolute;
	width: 970px;
	height: 474px;
	background: rgba(255,255,255,0.5);
	top:0;
	right: -970px;
	z-index: 1;
}
#vis_bg .bxslider a{
	padding: 0!important;
	margin: 0!important;
	background: none;
}
#vis{
	text-align: center;
	padding: 0;
	position: relative;
	width: 100%;
}
#vis_bg ul{
}
#vis .bx-viewport{
	overflow: visible !important;
}
#vis .bxslider img {
    width: 100%!important;
    height: auto!important;
}
#vis .slide_all {
    margin: 0 ;
    position: relative;
}
#vis .bx-caption {
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 4px 7px 4px 7px;
    border: 0px solid #BFBFBF;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
}
#vis .bx-caption span {
    color: #fff;
    text-shadow: 1px 1px 0 #222, -1px 1px 0 #222, 1px -1px 0 #222, -1px -1px 0 #222;
}

#vis .bx-controls {
	margin: 20px 0 10px 0;
	position: absolute;
	bottom: 0;
	left: 16px;
}
#vis .bx-controls-auto-item .bx-start {
    display: none;
}
#vis .bx-pager-item {
    margin: 0 3px 0 0;
    padding: 0;
    display: inline-block;
}
#vis .bx-pager-item:last-child {
	margin: 0;
}
#vis .bx-pager-item a {
    width: 30px;
    height: 30px;
	margin-right: 2px;
    vertical-align: bottom;
    font-size: 100%;
    display: block;
    color: #333333;
    background-color: #ffffff;
	line-height: 30px;
	border: 1px solid #002b69;
}
#vis .bx-pager-item a.active {
    background-color: #002b69;
    color: #fff !important;
    cursor: default;
    text-decoration: none;
	text-shadow:
		0 1px 0 #002b69,
		1px 0 0 #002b69,
		0 -1px 0 #002b69,
		-1px 0 0 #002b69,
		-1px -1px 0 #002b69,
		1px -1px 0 #002b69,
		-1px 1px 0 #002b69,
		1px 1px 0 #002b69;
}
#vis .bx-controls-auto {
	display: inline-block;
}
#vis .bx-pager {
	display: inline-block;
	margin-right: 16px;
}
#vis .bx-pager-item a, .bx-controls-auto-item a {
    text-decoration: none;
	padding: 0px 0 1px 0;
}
#vis .bx-controls-auto-item a {
	font-size: 80%;
	background-color: #002b69;
	color: #ffffff;
	margin: 0px 0 0px 0;
	width: 80px;
	padding: 8px 8px 5px 8px;
	display: inline;
	position: relative;
}

#vis .bx-controls-direction{
	display: inline-block;
}
#vis .bx-controls-direction .bx-prev{
	position: absolute;
	top:-172px;
	left: -10px;
}
#vis .bx-controls-direction .bx-next{
	position: absolute;
	top:-172px;
	right: 0;
}
#vis .bana_img_link{
	text-align: center;
	margin-bottom: 10px;
}

/*youtubeスタイル*/
#main .youtube.image{
	border:1px #ccc solid;
	background-color: #fff;
}
#main .youtube.image h2{
	border-bottom: 0;
}
#main .youtube.image a{
	text-decoration: none;
}
#main .youtube.image a:visited{color: #1c42b3;}
#main .youtube.image a:link{color: #1c42b3;}
#main .youtube.image a:hover{color: #9f0000;}
#main .youtube.image a:active{color: #1c42b3;}

#main .youtube.image span.image_img{
	position: relative;
}
#main .youtube.image span.image_img::before{
	position: absolute;
	content: "";
	background: url(img/z2_ic_you.png);
	width: 34px;
	height: 24px;
    left: 100px;
    top: 50px;
}
#main .youtube.image span.pp{
	margin: 0;
	display: block;
	padding: 15px 0;
	font-size: 90%;
	font-weight: normal;
}
/*youtube動画チャンネル*/
#main .youtube_block section{
	border: 1px #ccc solid;
	background-color: #fff;
}
#main .youtube_block h2{
	height: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
#main .youtube_block .ilist_lower ul a{
	padding: 0;
	background: #fff;
}
#main .youtube_block .ilist_lower ul li{
	margin: 0;
	padding: 0;
}
#main .youtube_block .image_img{
	position: relative;
	display: block;
}
#main .youtube_block .ilist_right{
	margin: 0;
}
#main .youtube_block .image_img::before{
	position: absolute;
	content: "";
	background: url(img/z2_ic_you.png);
	width: 34px;
	height: 24px;
	left: 0;
	top: 50px;
	right: 0;
	margin: 0 auto;
}
#main .youtube_block .pp{
	margin: 0;
	display: block;
	padding: 15px 0;
	font-size: 90%;
	font-weight: normal;
}







/*sns公式スタイル*/
#main .sns_block .ilist{
}
#main .sns_block .ilist ul{
	display: flex;
}
#main .sns_block .ilist li{
	width: 33.3333%;
}
#main .sns_block .ilist li a{
	background: none;
	padding: 0;
	letter-spacing: 0;
	text-decoration: underline;
}
#main .sns_block .ilist .ilist_lower{
	border: 1px solid #86addc;
	font-size: 85%;
}

/*ライフイベントのスタイル*/
#main .life_event .h2b{
	background-color: #53804c;
}
#main .life_event .h2b h2{
	background-color: transparent;
	float: left;
	padding: 8px 16px 1px 16px;
	border: 0;
}
#main .life_event .h2b p{
	border:1px solid #ccc;
	background: #fff;
	float: right;
	margin-right: 4px;
	margin-top: 6px;
	width: 125px;
	text-align: center;
}
#main .life_event .h2b p a{
	text-decoration: none;
	font-size: 85%;
	padding: 3px 3px;
}
#main .life_event .ilist_lower{
	background-color: #53804c;
	padding: 0 4px 4px 4px;
}
#main .life_event .ilist_lower .ilist_left{
	height: 70px;
	display: inline-flex;
	align-items: center;
}
#main .life_event .ilist_lower .ilist_right{
	padding-bottom: 4px;
}
#main .life_event .ilist_lower a{
	padding: 0;
	background: #fff;
	font-size: 85%;
	letter-spacing: 0;
}
#main .life_event .ilist_lower li{
	width: 77px;
	margin-right: 4px;
	margin-top: 4px;
}
#main .life_event .ilist_lower ul > li:nth-of-type(3n){
	margin-right: 4px;
}
#main .life_event .ilist_lower ul > li:nth-of-type(6n){
	margin-right: 0px;
}
#main .life_event .ilist_lower ul > li:nth-of-type(n+7){
	margin-top: 4px;
}

/*タブ切り替え*/

#tab-box {
	margin: 20px 0 0 0;
	padding: 0;
	width: 488px;
	position: relative;
}
#main  #tab-box .h2,
#main  #tab-box h2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
	padding: 14px 0 9px 0;
	letter-spacing: 10px;
}
#main  #tab-box .h3,
#main  #tab-box h3 {
	margin: 0px;
	padding: 0px;
	height: 0;
}
#tab-box article{
	margin: 0;
	padding-bottom: 1px;
	background-size: auto auto;
	background-size: cover;
	border-radius: 0 0 0 0;
}
#tab-box article .inner_area{
	margin: 0px;
	background-color: #fff;
	border: 1px solid #CCCCCC;
}
#main  #tab-box .popular {
	border: 0;
}
#main #tab-box .new_lower{
	border: 0;
	padding: 4px 12px 12px;
}
#main #tab-box .new_lower .catch_lst{
	margin-right: 16px;
}
#main #tab-box .new_lower ul li::before{
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:4px;
}
#main #tab-box .new_lower ul li .new_lst .date,
#main #tab-box .new_lower ul li .new_lst .list{
	float: left;
}
#main #tab-box .new_lower ul li .new_lst .date{
	width: 100px;
}
#main #tab-box .new_lower ul li .new_lst .list{
	width: 340px;
}
#main #tab-box .new_lower .catch_lst .new_lst .list{
	width: 225px;
}
#main #tab-box #nav {
	border: 0 none;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
}
#main  #tab-box #nav li {
	background-image: none;
	list-style: outside none none;
	margin: 0;
	padding: 0;
	min-width: 162.6px;
	text-align: center;
	float: left;
}
#main  #tab-box #nav li:last-child {
	margin: 0 0 0 0;
}
#main  #tab-box #nav li::before {
	display: none;
}


#main  #tab-box .new_link{
	text-align: right;
	margin-right: 12px;
	margin-top: 16px;
}

#main  #tab-box .new_link .more,
#main  #tab-box .new_link .rss{
	display: inline-block;
	text-align: left;
	border:1px solid #ccc;
	margin-top: 5px;
	font-size: 85%;
	background: #f7f7f7;
}
#main  #tab-box .new_link .more{
	min-height: 30px;
}
#main  #tab-box .new_link .rss{
	min-width: 105px;
	min-height: 30px;
	padding-right: 3px;
	margin-left: 8px;
}
#main  #tab-box .new_link .rss img{
	margin: 0 6px 5px 0;
	height: 12px;
}
#main  #tab-box .new_link a{
	text-decoration: none;
	margin: 5px 5px 0 6px;
	display: block;
}
#main  #tab-box .new_link a:visited{
	color: #002E8D;
}


#tab-box #tab-02 {
	display: none;
	float: none;
	margin: 0px 0px 0px 0px;
}
#tab-box .topics_lower{
	border:0;
	padding: 4px 12px 16px;
	border-radius: 10px;
}
#tab-box .topics_lower li{
	padding: 0;
	padding-left: 16px;
}
#tab-box .topics_lower li::before{
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:4px;
}
#main #tab-box .topics_lower ul li .date,
#main #tab-box .topics_lower ul li .list{
	float: left;
}
#main #tab-box .topics_lower ul li .date{
	width: 100px;
}
#main #tab-box .topics_lower ul li .list{
	width: 340px;
}

#tab-box #tab-03 {
	display: none;
	float: none;
	margin: 0px 0px 0px 0px;
}
#tab-box #tab-03 .event_month li.pre a::before{
	position: absolute;
	content: "";
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform: none;
	border: 0;
	top: 7px;
	left: 0;
	transform: rotate(180deg);
}
#main #tab-box .event_lower{
	border:0;
	padding: 4px 12px 12px;
	border-radius: 10px;
}
#tab-box .event_lower li{
	padding: 0;
	padding-left: 16px;
	position: relative;
}
#tab-box .event_lower ul li::before{
	position: absolute;
	content: "";
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	transform:none;
	border:0;
	top:4px;
	display: block;
}
#main #tab-box .event_lower ul li .new_lst .date,
#main #tab-box .event_lower ul li .new_lst .list{
	float: left;
}
#main #tab-box .event_lower ul li .new_lst .date{
	width: 100px;
}
#main #tab-box .event_lower ul li .new_lst .list{
	width: 340px;
	margin-left: -16px;
}
#main #tab-box .event_lower .catch_lst .new_lst .list{
	width: 225px;
}
.event_month li.pre a, .event_month li.next a {
    display: inline-block;
    background: #fff;
    border: 0px solid #aaa;
    font-size: 81.25%;
    margin-bottom: 10px;
    text-decoration: underline;
    padding: 0 0px 0 15px;
    position: relative;
}
#tab-box .event_month li.pre a, .event_month li.next a {
    display: inline-block;
    background: #fff;
    border: 0px solid #aaa;
    font-size: 81.25%;
    margin-bottom: 10px;
    text-decoration: underline;
    padding: 0 0px 0 15px;
    position: relative;
}
#tab-box .event_month li.pre a:after{
	top: 6px;
	left: 0;
}
#tab-box .event_month li.next a:after{
	top: 6px;
}
#tab-box .event_month li.pre a {
    padding-left: 16px;
}
.event_month li{
	margin: 0;
	padding: 0;
}
.event_month li.next a {
    padding-right: 16px;
}
.event_month strong{
	font-size: 120%;
}

#main  #tab-box #nav li a{
	padding: 8px 16px 6px;
	text-decoration: none;
	background-color: #dee4f1;
	color: #002E8D;
	font-weight: bold;
	display: block;
	font-size: 100%;
	text-shadow:
			0 1px 0 #fff,
			1px 0 0 #fff,
			0 -1px 0 #fff,
			-1px 0 0 #fff,
			-1px -1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			1px 1px 0 #fff;
}
#main  #tab-box #nav li:nth-child(1) a{
	border-radius: 0;
}
#main  #tab-box #nav li:nth-child(2) a{
	border-right: 1px solid;
	border-left: 1px solid;
	border-color: #ccc;
}
#main  #tab-box #nav li:nth-child(3) a{
	border-radius: 0 0 0 0;
}
#main  #tab-box #nav li a:hover,
#main  #tab-box #nav li a.tab-on {
	background-color:#86addc !important;
	color: #002E8D !important;
	text-shadow:none;
	text-shadow:
			0 1px 0 #fff,
			1px 0 0 #fff,
			0 -1px 0 #fff,
			-1px 0 0 #fff,
			-1px -1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			1px 1px 0 #fff;
}
#main  #tab-box #nav li a.active{
	padding-top:0.8em;
	margin-bottom:-0.8em;
}

/*▼▼領域02トピックスのスタイル▼▼*/
.design #zone02 .free_topics{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
}
/*▼▼領域02タブ切り替えトピックスのスタイル▼▼*/
.design #zone02 .free_popular{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
}
/*▼▼領域02タブ切り替え新着のスタイル▼▼*/
.design #zone02 #tab-box #tab-01 .new {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px;
}
/*バナー広告スタイル*/
#main .bana_box{
	margin-top: 20px;
	border:1px solid #ccc;
	padding: 14px 8px 14px 8px;
}
#main .bana_box .bana{
	margin: 0;
}
#main .bana_box h2{
	background-color: transparent;
	font-weight: bold;
	color: #333;
	margin: 0;
	padding: 0;
	border:0;
}
#main .bana_box p{
	margin-top: 0px;
	font-size: 75%;
}
#main .bana_txt{
	font-size: 85%;
	text-align: right;
}
#main .bana_box .bana_lower{
	margin-top: 8px;
}
#main .bana_box .bana_lower ul{
	display: flex;
	flex-flow:wrap;
	justify-content: space-between;
}
#main .bana_box .bana_lower ul li{
	margin-right: 0px;
	width: 50%;
}
#main .bana_box .bana_lower ul li:nth-child(3n){
	margin-right: 0px;
}
#main .bana_box .bana_lower ul li img{
	width: 220px;
	height: 55px;
}
/* スタイル統一用 */
#main #zone03 section.image{
	font-size: 90%;
	align-items: center;
	height: 100%;
}
#main #zone03 section.image a{
	text-decoration: none;
	flex-direction: column;
	padding: 0;
	text-shadow:
			0 1px 0 #fff,
			1px 0 0 #fff,
			0 -1px 0 #fff,
			-1px 0 0 #fff,
			-1px -1px 0 #fff,
			1px -1px 0 #fff,
			-1px 1px 0 #fff,
			1px 1px 0 #fff;
}
#main #zone03 section.image a:visited{color: #1c42b3;}
#main #zone03 section.image a:link{color: #1c42b3;}
#main #zone03 section.image a:hover{color: #9f0000;}
#main #zone03 section.image a:active{color: #1c42b3;}

#main .image.icon h2::before {
	position: absolute;
	content: "";
	background: url(img/ic_list.png);
	width: 12px;
	height: 12px;
	background-size: contain;
	top: 4px;
	left: 8px;
}
/*市長のページ*/
#main #zone03 section.image.sityou{
	background: url(img/z3_sityou.jpg) ;
	background-size: cover;
	border:1px #86addc solid;
	background-color: #dee4f1;
	text-align: left;
}
#main #zone03 .sityou h2 a{
	padding: 13px 0 12px 8px;
	display: block;
}
#main #zone03 .sityou h2 a span{
	font-size: 120%;
}
/*コニュニティバス*/
#main #zone03 section.image.buss{
	background: url(img/z3_bus.png) #dee4f1;
	background-size: cover;
	border:1px #86addc solid;
	background-color: #dee4f1;
}
#main #zone03 section.image.buss a{
	padding: 0 0 0 8px;
	min-height: 60px;
	text-align: left;
	line-height: 60px;
}
/*コニュニティバス*/
#main #zone03 section.image.dust{
	background: url(img/z3_dust.png) #dee4f1;
	border:1px #86addc solid;
	background-color: #dee4f1;
}
#main #zone03 section.image.dust a{
	padding: 0 0 0 8px;
	min-height: 58px;
	text-align: left;
	line-height: 58px;
}

/*病院*/
#main #zone03 section.image.hos{
	background: url(img/z3_hos.png) #dee4f1;
	border:1px #86addc solid;
	background-color: #dee4f1;
}
#main #zone03 section.image.hos a{
	padding: 0 0 0 8px;
	min-height: 58px;
	text-align: left;
	line-height: 58px;
	letter-spacing: 1px;
}
/*採用情報*/
#main #zone03 section.image.work{
	background: url(img/z3_work.png) #fff;
	min-height: 60px;
	border:1px #86addc solid;
	background-color: #dee4f1;
}
#main #zone03 section.image.work a{
	padding: 0 0 0 8px;
	text-align: left;
	line-height: 58px;
}
/*市議会情報*/
#main #zone03 section.image.gikai{
	background: url(img/z3_gikai.png) #fff;
	min-height: 60px;
	border:1px #86addc solid;
	background-color: #dee4f1;
}
#main #zone03 section.image.gikai a{
	padding: 0 0 0 8px;
	text-align: left;
	line-height: 58px;
}

/*広報はしま*/
#main .koho_block .ilist_lower{
	border: 1px solid #86addc;
}
#main .koho_block .ilist_lower li{
	margin: 0;
}
#main .koho_block .ilist_lower  a{
	background: #fff;
}

/*市政に参加*/
#main .category2.city_c h2{
	letter-spacing: 0;
}
#main .category2.city_c .category_lower{
	border: 1px solid #86addc;
	font-size: 90%;
}
#main .category2.city_c .category_lower li::before{
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: 0;
	width: 6px;
	height: 6px;
	background: #ccc;
	transform: none;
	border: 0;
}
/**** フロートの解除 ****/
.clear:after, .clear2:after {
	content: "";
	display: block;
	clear: both;
}

.aistaff-open-button-bubble > span {
    letter-spacing: 0em;
}

#view_sp{
    text-align:center;
    margin:5px 10px 5px 10px;
    padding :10px 8px 10px 8px;
    font-size:110%;
    font-weight: bold;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    background: #4c4c4c;
    background: -moz-linear-gradient(top,  #4c4c4c 0%, #2c2c2c 44%, #111111 58%, #131313 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c4c4c), color-stop(44%,#2c2c2c), color-stop(58%,#111111), color-stop(100%,#131313));
    background: -webkit-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 44%,#111111 58%,#131313 100%);
    background: -o-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 44%,#111111 58%,#131313 100%);
    background: -ms-linear-gradient(top,  #4c4c4c 0%,#2c2c2c 44%,#111111 58%,#131313 100%);
    background: -ms-linear-gradient(#4c4c4c, #131313);
}

#view_sp a:LINK    { text-decoration:none; color:#FFFFFF; }
#view_sp a:VISITED { text-decoration:none; color:#FFFAFF; }
#view_sp a:ACTIVE  { text-decoration:none; color:#FFFFA9; }
#view_sp a:HOVER   { text-decoration:none; color:#FFFFA9; }
