@charset "UTF-8";
/**** トップページ2カラム ****/
#zone01 {
	width: 488px;
	float: left;
}
 #zone02 {
	float: right;
	width: 488px;
}
.full_body #zone03 {
	float: none;
	clear: both;
	padding-top: 24px;
}
/******************** 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;
}
html {
	overflow: auto;
	background-image: url(img/bg.jpg);
}
body {
	line-height: 1;
	overflow: hidden;
	min-width: 992px;
}
head{
	overflow: hidden;
	min-width: 992px;
}
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%;
	background: url(./img/head_bg.png) no-repeat top center;
}
.inner{
	margin: 0 auto;
	width: 992px;
}
/**** テキスト ****/
p, li {
	margin-top: 12px;
}
.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: #e0f4ff;
	color: #333;
	border-radius: 4px;
	padding: 1px 4px;
	margin: 0 4px;
	border: 1px solid #88c9ea;
	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 #999;
}
/* 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を入れる
******************************/

/********************** ヘッダー **********************/
#main_header {
	min-width: 992px;
	border-top: 3px solid #00AAC0;
}
/*
#main_header:before{
	content: '';
	position: absolute;
	z-index: 2;
	top: -53px;
	left: -490px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: url("img/head_leaf1.png") no-repeat center top;
}
#main_header:after{
	content: '';
	position: fixed;
	z-index: 2;
	top: -37px;
	left: 560px;
	width: 100%;
	height: 100%;
	pointer-events: none;
	background: url("img/head_leaf2.png") no-repeat center top;
}
*/
/**** ヘッダー上段リンク ****/
.h_top_wrap {
	background-color: transparent;
	font-size: 75%;
	padding-bottom: 32px;
}
.h_top {
	width: 992px;
	margin: 0 auto;
}
.h_top .h_toplist01 {
	float: left;
}
.h_top .h_toplist02 {
	float: right;
	position: relative;
	z-index: 100;
}
.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-top: 8px;
	margin-right: 16px;
	position: relative;
}
.h_top .h_toplist02 > li a {
	display: block;
	border-radius: 5px;
	padding: 6px 4px;
}
.h_toplist02 li a::before,
.h_toplist02 li a::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
}
.h_toplist02 li a::before {
    background-color: transparent;
    border-radius: 50%;
	border:1px solid #4BBA4B;
    height: 16px;
    width: 16px;
    margin-top: -9px;
	margin-left: -20px;
}
.h_toplist02 li a::after {
    height: 6px;
    width: 6px;
    margin-top: -5px;
	margin-left: -14px;
    transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	border: 4px solid transparent;
	border-left: 4px solid #4BBA4B;
}


.h_top .h_toplist02 > li.btn_first {
	margin-left: 0;
}
.h_top .h_toplist02 > li.btn_end {
	margin-right: 16px;
}
.h_toplist02 .se-honyaku-box{
	background: url(img/icon_select.png) no-repeat center right;
	padding: 0!important;
	margin-left: 0!important;
	margin-right: 0!important;
	background-color: #fff;
}
.h_toplist02 .cse-honyaku-box option:first-child{
	color: #222;
	text-decoration: none;
}
.h_toplist02 option{
	color: #002e8d;
	text-decoration: underline;
	padding-top: 2px;
	padding-bottom: 2px;
}
.h_toplist02 option:first-child{
	cursor: default !important;
}
.h_toplist02 option:hover{
	text-decoration: none;
	cursor: pointer;
}
.h_toplist02 select{
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: 1px solid #bfbfbf;
	font-size: 90%;
	padding: 4px 30px 4px 4px;
	letter-spacing: -0.1px;
}
.h_toplist02 select::-ms-expand {
	display: none;
}
/* フォントサイズ */

.font_size, .font_tit, .font, .font_list, .font_list li {
	float: left;
}
.h_top .h_toplist02 li.font_blok{
	margin-left: 0;
	margin-right: 16px;
}
.h_top .h_toplist02 li.font_blok li:nth-child(2) a{
	background: #fff;
}
.font_size {
}
.font_size ::after,
.font_size ::before{
	display: none;
}
.font_size p, .font_size ul {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}
.font_size p{
	margin-top:5px;
	margin-right: 8px;
}
.font_size ul{
    border: 1px solid #000;
    border-radius: 5px;
}
.font_size li{
	float: left;
	font-size: 90%;
    margin: 0;
    padding: 0;
}
.font_size li a{
	display: block;
	text-decoration: none;
	padding: 4px 5px 3px 5px;
}
.font_size li.sizeup a{
	background-color: #333;
	color:#fff;
	border-radius: 4px 0px 0px 4px;
}
/**** ヘッダーメイン ****/
.head_in {
	width: 992px;
	margin: 0 auto 18px auto;
}
.h_main {
	padding: 0;
	position: relative;
}
.h_main .h1 {
	float: left;
	width: 200px;
	position: relative;
	z-index: 50;
}
.h_main .h1 img{
	position: relative;
	z-index: 100;
}
.h_main .h1 a{
	display: block;
}
.inbody .h_main .h1::before {
	content: "";
	position: absolute;
	background: url(img/top_back.png) no-repeat;
	background-size: contain;
	width: 60px;
	height: 50px;
	top: 0;
	z-index: 0;
}
.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: left;
	width: auto;
	margin: 22px 0 0;
}
.h_main #src_box::before {
	content: "";
	background-image: url("img/hibari.gif");
	width: 432px;
	height: 90px;
	position: absolute;
	top: -68px;
	left: 140px;
}
.h_main #src_box::after {
	content: "";
	background-image: url("img/bird2.png");
	width: 28px;
	height: 33px;
	position: absolute;
	top: -26px;
	left: 447px;
	z-index: 1000;
	display: none;
}
.h_main #src_box #q {
	float: left;
	width: 350px;
	margin: 0;
	height: 40px;
	padding: 0!important;
	border: 3px solid #CCCCCC!important;
	border-right: none;
	border-radius: 5px 0 0 5px;
}
.h_main #src_box #search_button {
	width: 50px;
	min-height: 40px;
	margin: 0;
	padding: 0;
	background: #D6F1D8;
	color: #333;
	font-size: 80%;
	cursor: pointer;
	border: 3px solid #CCCCCC;
	border-left: none;
	white-space: normal;
	border-radius: 0 5px 5px 0;
}
/*検索横*/
.h_main .sosiki_box,
.h_main .src_help_box{
	float: left;
	margin-top: 32px;
}
.h_main .src_help_box {
	font-size: 80%;
	margin-left: 8px;
}
.h_main .sosiki_box {
	font-size: 80%;
	margin-left: 20px;
}
.h_main .sosiki_box a{
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 9px 12px;
	font-size: 90%;
	text-decoration: none;
	background: #fff;
}
/**** グローバルナビ ****/
#g_navi {
	letter-spacing: 0.1em;
	position: relative;
	z-index: 1;
	margin-bottom: 30px;
}
.g_navi_in {
	width: 992px;
	margin: 0 auto;
	display: flex;
	position: relative;
}
.g_navi_in > li {
	width: 20%;
	margin: 0;
	display: flex;
}
@media all and (-ms-high-contrast: none)  /* IE10以上 */
{
	.g_navi_in > li {
		width: 17%;
		margin: 0;
		display: flex;
		display : -ms-flexbox;     /* IE10 */
	}
}
.g_navi_in > li:nth-of-type(6n) {
	border-right: none;
}
.g_navi_in > li > a {
	display: block;
	z-index: 2;
	color: #333;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	font-size: 130%;
	position: relative;
}
.g_navi_in > li > a ::before{
	position: absolute;
	display: block;
	content: '';
	bottom: 13px;
	left: 47%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	transform: rotate(45deg);
}
.g_navi_in > li:nth-child(1)  > a{
	background: url("img/te1.jpg");
	background-size: contain;
	border: 1px #A5DFE2 solid;
}
.g_navi_in > li:nth-child(2)  > a{
	background: url("img/te2.jpg");
	background-size: contain;
	border: 1px #CDC7F3 solid;
}
.g_navi_in > li:nth-child(3)  > a{
	background: url("img/te3.jpg");
	background-size: contain;
	border: 1px #E3DDA2 solid;
}
.g_navi_in > li:nth-child(4)  > a{
	background: url("img/te4.jpg");
	background-size: contain;
	border: 1px #F5CBD4 solid;
}
.g_navi_in > li:nth-child(5)  > a{
	background: url("img/te5.jpg");
	background-size: contain;
	border: 1px #CCCCCC solid;
}
.g_navi_in > li:nth-child(6)  > a{
	background: url("img/te6.jpg");
	background-size: contain;
	border: 1px #A4E3A2 solid;
}

.g_navi_in > li:nth-child(1)  > a:hover{
	border: 1px #A5DFE2 solid;
}
.g_navi_in > li:nth-child(2)  > a:hover{
	background-color: #CDC7F3;
	background-size: contain;
	border: 1px #CDC7F3 solid;
}
.g_navi_in > li:nth-child(3)  > a:hover{
	background-color: #E3DDA2;
	background-size: contain;
	border: 1px #E3DDA2 solid;
}
.g_navi_in > li:nth-child(4)  > a:hover{
	background-color: #F5CBD4;
	background-size: contain;
	border: 1px #F5CBD4 solid;
}
.g_navi_in > li:nth-child(5)  > a:hover{
	background-color: #CCCCCC;
	background-size: contain;
	border: 1px #CCCCCC solid;
}
.g_navi_in > li:nth-child(6)  > a:hover{
	background-color: #A4E3A2;
	background-size: contain;
	border: 1px #A4E3A2 solid;
}

.g_navi_in > li:nth-child(1)  > a ::before{ border-color: #74BFBE; }
.g_navi_in > li:nth-child(2)  > a ::before{ border-color: #9D97C4; }
.g_navi_in > li:nth-child(3)  > a ::before{ border-color: #B5B175; }
.g_navi_in > li:nth-child(4)  > a ::before{ border-color: #CE98A6; }
.g_navi_in > li:nth-child(5)  > a ::before{ border-color: #8D8D8D; }
.g_navi_in > li:nth-child(6)  > a ::before{ border-color: #7FA793; }

.g_navi_in > li > a:hover ::before{border-color: #fff;}
.g_navi_in > li.active > a ::before{border-color: #fff;}


.g_navi_in .maru{
	border-radius: 50%;
	width: 155px;
	min-height: 155px
}
.g_navi_in li .maru .flex_inner{
	width: 143px;
	min-height: 143px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.8);
	margin: 5px 0 0 5px;
	display: block;
	text-align: center;
	padding: 5px 5px 5px 5px;
		background-repeat: no-repeat;
		background-position: top 10px center;
}

.g_navi_in > li:nth-child(1) .maru .flex_inner{ background-image: url("img/gm_1.png");}
.g_navi_in > li:nth-child(2) .maru .flex_inner{ background-image: url("img/gm_2.png");}
.g_navi_in > li:nth-child(3) .maru .flex_inner{ background-image: url("img/gm_3.png");}
.g_navi_in > li:nth-child(4) .maru .flex_inner{ background-image: url("img/gm_4.png");}
.g_navi_in > li:nth-child(5) .maru .flex_inner{ background-image: url("img/gm_5.png");}
.g_navi_in > li:nth-child(6) .maru .flex_inner{ background-image: url("img/gm_6.png");}

.g_navi_in > li:nth-child(1) .maru .flex_inner:hover{ background-image: url("img/gm_1r.png"); background-color:#A5DFE2;}
.g_navi_in > li:nth-child(2) .maru .flex_inner:hover{ background-image: url("img/gm_2r.png"); background-color:#CDC7F3;}
.g_navi_in > li:nth-child(3) .maru .flex_inner:hover{ background-image: url("img/gm_3r.png"); background-color:#E3DDA2;}
.g_navi_in > li:nth-child(4) .maru .flex_inner:hover{ background-image: url("img/gm_4r.png"); background-color:#F5CBD4;}
.g_navi_in > li:nth-child(5) .maru .flex_inner:hover{ background-image: url("img/gm_5r.png"); background-color:#CCCCCC;}
.g_navi_in > li:nth-child(6) .maru .flex_inner:hover{ background-image: url("img/gm_6r.png"); background-color:#A4E3A2;}

.g_navi_in > li.active:nth-child(1) .maru .flex_inner{ background-image: url("img/gm_1r.png"); background-color:#A5DFE2;}
.g_navi_in > li.active:nth-child(2) .maru .flex_inner{ background-image: url("img/gm_2r.png"); background-color:#CDC7F3;}
.g_navi_in > li.active:nth-child(3) .maru .flex_inner{ background-image: url("img/gm_3r.png"); background-color:#E3DDA2;}
.g_navi_in > li.active:nth-child(4) .maru .flex_inner{ background-image: url("img/gm_4r.png"); background-color:#F5CBD4;}
.g_navi_in > li.active:nth-child(5) .maru .flex_inner{ background-image: url("img/gm_5r.png"); background-color:#CCCCCC;}
.g_navi_in > li.active:nth-child(6) .maru .flex_inner{ background-image: url("img/gm_6r.png"); background-color:#A4E3A2;}



.flex_inner strong{
	display: block;
	margin: 55px auto 10px auto;

}
.flex_inner img{
	display: block;
	margin: 0 auto 10px auto;
}

.g_navi_in > li > a > strong {
	display: block;
}

/* ボックスシャドウ */
.shadow_box{
	border: 1px solid #e7e7e7;
	border-radius: 10px;
	box-sizing: border-box;
	-webkit-box-shadow: 12px 8px 10px -7px rgba(219,219,219,1);	
	-moz-box-shadow: 12px 8px 10px -7px rgba(219,219,219,1);	
	box-shadow: 12px 8px 10px -7px rgba(219,219,219,1);	
}

/*********** フッター ***********/

#main_footer {
	min-width: 992px;
	background: url("./img/bg_town.png") bottom center no-repeat;
	z-index: 50;
	position: relative;
}
#main_footer .train .train_road{
	position: absolute;
	bottom: 24px;
	right: 0;
	height: 49px;
	width: 1000px;
	left: 0;
	margin: 0 auto;
}
#main_footer .train .train_road::before{
	content: "";
	position: absolute;
	margin: 0 auto;
	background: url(./img/bg_town_jyumoku.png) no-repeat;
	width: 306px;
	height: 68px;
	right: 0;
	left: 429px;
	background-size: contain;
	bottom: -18px;
	z-index: 55;
}
#main_footer .train .train_move{
	position: absolute;
	top: 0;
	left: 800px;
	height: 42px;
	width: 220px;
	background: url(img/mov_hokusei.png) 0 0 no-repeat;
	display: block;
	visibility: hidden;
	transition: 5s;
	-webkit-transition: 5s;
}
#main_footer .train .train_move a {
	display:block;
	height: 49px;
	text-indent:-9999px;
    font-size: 75%;
}
#main_footer .train .train_move.active{
		visibility: visible;
		transform: translateX(-360px);
}
#main_footer .train .train_move {
	visibility: visible;

}
#main_footer .balloon{
	position: absolute;
	margin: 0 auto;
	left: 150px;
	right: 0;
	top:250px;
	width: 100px;
	transition: 11s;
}
#main_footer .balloon.active{
		visibility: visible;
		transform: translateY(-100px);
}
#main_footer.active .balloon{
		visibility: visible;
		transform: translateY(-100px);
}
#main_footer::before{
	content: "";
	position: absolute;
	background: url(/css/img/mov_balloon.gif) no-repeat;
	width: 110px;
	height: 102px;
	margin: 0 auto;
	right: 0;
	left: 200px;
	bottom: 0;
	transition: 5s;
	-webkit-transition: 5s;
	z-index: 10;
	display: none;
}
#main_footer.active::before{
	animation: horizontal 8s ease-in-out 1 alternate forwards;
	-webkit-animation: horizontal 8s ease-in-out 1 alternate forwards;
	/*transform: translateY(-200px);*/
}




/**** マイページのスタイル ****/
#online_strage_a {
	padding-bottom: 24px;
}
#online_strage_a #mypage {
	width: 992px;
	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 {
}
#foot_modori .modoriin {
	width: 1000px;
	margin: 10px auto;
	text-align: right;
}
#foot_modori a {
	display: inline-block;
	color: #fff;
}
/**** メインフッター ****/
#foot_wrap {
	padding: 4px 0 0;
	font-size: 85%;
	position: relative;
}
.inbody #foot_wrap {
	padding: 50px 0 0;
	font-size: 85%;
	position: relative;
}
.inbody #foot_wrap::before{
content: "";
background: url("img/line.png") repeat-x;
top: 20px;
height: 17px;
width: 1000px;
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
}
#foot {
	width: 992px;
	margin: 0 auto 140px auto;
}
#foot .town{
	font-size: 150%;
	margin: 20px 0;
}
#foot #foot_link {
	position: relative;
	z-index: 100000;
}
#main #foot_link li {
	padding: 0 0 0 16px;
	display: inline-block;
	position: relative;
	margin-left: 0px;
	margin-right: 16px;
}
#foot_link li {
	padding: 0 0 0 16px;
	display: inline-block;
	position: relative;
	margin-left: 0px;
	margin-right: 16px;
}
#foot_link li ::before {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-right: 2px solid #4BBA4B;
    border-bottom: 2px solid #4BBA4B;
    transform: rotate(-45deg);
}
#foot_id {
	margin-top: 16px;
}
#foot_id dl{
	font-size: 110%;
	display: flex;
	flex-wrap: wrap;
}
#foot_id dt{
	width: 110px;
}
#foot_id dd{
	width: 880px;
}
#foot_id dd::before{
}

#foot .address {
	margin-top: 8px;
}
#foot_copy {
	background: #00AAC0;
	font-size: 80%;
	color: #fff;
	padding: 3px 0;
	margin-top: 16px;
	text-align: center;
}
#foot_copyin {
	width: 960px;
	margin: 0 auto;
}
/********************** 領域共通のスタイル **********************/
#main {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
.full_body #main {
	width: 1000px;
}
#main h2 {
	background-color: #98D7DA;
	color: #333;
	padding: 8px 16px 6px;
	font-size: 120%;
}
#main h2 a {
	color: #2b3095;
	display: block;
}
#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;
	border-right: 2px solid #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	transform: rotate(-45deg);
}
/**** 緊急情報のスタイル ****/
.emergency {
	margin-top: 0px;
}
#main .emergency h2, #main .emergency .h2 {
	background: #a90000;
	color: #fff
}
#main .emergency .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
#main .emergency_lower {
	border: 2px solid #a90000;
	border-top: none;
	padding: 4px 16px 16px;
}
/**** 画像リストのスタイル ****/
.ilist {
	margin-top: 24px;
}
#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: #e8f4f9;
	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;
}
#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: #e8f4f9;
	display: flex;
	text-decoration: none;
	border-radius: 10px;
}
#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: 24px;
}
.category2 {
	margin-top: 24px;
}
.category3 {
	margin-top: 24px;
}
.category4 {
	margin-top: 24px;
}
.category5 {
	margin-top: 24px;
}
#main .category_3_ul {
	font-size: 85%;
}
#main .category_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	padding: 4px 16px 16px;
}
/**** 各課の窓口のスタイル ****/
.kakuka {
	margin-top: 24px;
}
/**** 催し物・講座のスタイル ****/
.event {
	margin-top: 24px;
}
#main .event_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	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: #D99C9C;
	color: #333;
	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: 8px;
	display: inline-block;
	font-size: 130%;
	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: #fff;
	border: 1px solid #aaa;
	border-radius: 5px;
	font-size: 81.25%;
	margin-bottom: 10px;
	text-decoration: none;
	padding: 0 5px;
	position: relative;
}
#main .event_month li.pre a,
.event_month li.pre a{
	padding-left: 16px;
}
#main .event_month li.next a,
.design .event_month li.next a{
	padding-right: 15px;
}
.event_month li.pre a:before,
.event_month li.next a:before{
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 0;
	height: 0;
	border-style: solid;
}
.event_month li.pre a:before{
	left: 4px;
	border-width: 4px 6px 4px 0;
	border-color: transparent #555 transparent transparent;
}
.event_month li.next a:before{
	right: 4px;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #555;
}
/**** イベントカレンダーのスタイル ****/
.calendar {
	margin-top: 24px;
}
#main .calendar_lower {
	overflow: auto;
	border: 2px solid #98D7DA;
	border-top: none;
	padding: 4px 16px 16px;
}
#main .calendar_lower li {
	padding-left: 0;
}
#main .calendar_lower li::before {
	display: none;
}
#main .calendar_lower .event_month li {
	margin-right: 8px;
	display: inline-block;
	font-size: 130%;
	margin-top: 8px;
	margin-bottom: 4px;
}
#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 #ccc;
	text-align: center;
}
#main .calendar th img{
	vertical-align: middle;
}
#main .calendar td {
	border: 1px solid #ccc;
	text-align: center;
}
#main .calendar .sun {
	background: #ffd8d6;
}
#main .calendar .sat {
	background: #d9e4fc;
}
#main .calendar .today {
	background: #c9171e;
	color: #fff;
}
#main .calendar .today a {
	color: #fff;
}
/**** 新着情報のスタイル ****/
.new {
	margin-top: 24px;
}
#main .new .h2 {
	background: #98D7DA;
}
#main .new .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
#main .new_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	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: #98D7DA;
}
#main .topics .h2 p {
	padding: 8px 16px 8px 8px;
	margin: 0;
}
#main .topics_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	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: 2px solid #98D7DA;
	border-top: none;
	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: 2px solid #98D7DA;
	border-top: none;
	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: 2px solid #98D7DA;
	border-top: none;
	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: 24px;
}
#main .j_s_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	padding: 4px 16px 16px;
}
#main .j_s li {
	padding-left: 0;
}
#main .j_s li::before {
	display: none;
}
#main .j_s li strong {
	margin-right: 8px;
}
#main .j_s p {
	font-size: 85%;
}
/**** バナー広告のスタイル ****/
.bana_bg{
	background-image: url("img/te5.jpg");
	background-size: cover;
	padding: 25px 0;
	margin-top: 30px;
}
.bana {
}
#main .bana h2 {
	color: #333;
	background: none;
}
.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;
}
#main .bana_h2_block h2{
	background-color: transparent;
	border: 0;
	display: inline-block;
	margin: 0 0 10px 0;
	padding: 0;
}
#main .bana_h2_block{
}

#main .bana_h2_block .h2_link{
	display: inline-block;
	font-size: 80%;
}
#main .bana_h2_block p{
	display: inline-block;
}
/**** 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: 68.75%;
	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 {
	text-align: center;
	margin-top: 24px;
}
#main .image h2 {
	background: none;
	padding: 0;
}
.image .image_img {
	display: block;
}
/**** リンク・画像領域（テキスト）のスタイル ****/
.link {
	margin-top: 24px;
}
/**** RSS一覧のスタイル ****/
.rss_list {
	margin-top: 24px;
}
/**** オプションのスタイル ****/
.option {
	margin-top: 24px;
}
#main .option_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	padding: 4px 16px 16px;
}
/**** FAQ（よくある質問）のスタイル ****/
.faq {
	margin-top: 24px;
}
/**** 新着FAQ ****/
.faq_new {
	margin-top: 24px;
}
#main .faq_new_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	padding: 4px 16px 16px;
}
#main .faq_new_lower p {
	font-size: 85%;
	margin-top: 4px;
}
/**** 見られているFAQのスタイル ****/
.popular {
	margin-top: 24px;
}
#main .popular_lower {
	border: 2px solid #98D7DA;
	border-top: none;
	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個別のスタイル **********************/
.full_body #main #zone04{
	margin-top: 30px;
}
/**** 画像リストのスタイル ****/
#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: 170px;
	margin-right: 35px;
}
#main #zone04 .bana li:nth-of-type(5n) {
	margin-right: 0;
}
/********************** 中ページのスタイル **********************/
body.inbody {
}
/**** パンくずリストのスタイル ****/
#pankuzu {
	margin: 24px auto 20px;
	width: 992px;
	font-size: 85%;
}
#pankuzu li {
	margin: 0;
	padding: 0 28px 0 0;
	border: 0;
	list-style-type: none;
	background: none;
	display: inline-block;
	height: auto;
	position: relative;
}
#pankuzu li::after {
	display: block;
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	transform: rotate(-45deg);
}
#pankuzu li:last-child::after {
	display: none;
}
/**** 中ページメインのスタイル ****/
.main_naka_h1 {
	margin: 12px auto 24px;
	width: 992px;
}
.main_naka {
	margin: 0 auto 24px;
	width: 992px;
}
.main_naka_h1 h1 {
	font-size: 180%;
	position: relative;
	background-color: #98D7DA;
	padding: 0.2em 0.5em;
	color: #454545;
}
.main_naka_h1_img{
	margin: 12px auto 24px;
	width: 1000px;
	position: relative;
}
.main_naka_h1_img h1{
	font-size: 180%;
	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 #D99C9C;
}
/*
.main_naka h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 30%;
	height: 4px;
	background-color: #D99C9C;
}
*/
.main_naka h3 {
	margin: 16px 0 0;
	padding-left: 12px;
	border-left: 4px solid #98D7DA;
	font-size: 120%;
}
.main_naka h4 {
	margin: 16px 0 0;
	border-bottom: 2px solid #98D7DA;
	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 #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	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%;
	border-spacing: 0;
}
.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: #f3f3f3;
	color: #333;
}
.design .main_naka .th02 {
	padding: 12px 12px 10px;
	border: 1px solid #ccc;
	text-align: left;
	background: #f3f3f3;
	font-size: 85%;
}
.design .main_naka .t_tel {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size: 85%;
	background: #fff;
}
.design .main_naka .t_fax {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size: 85%;
	background: #fff;
}
.design .main_naka .table01 .t_mail {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size: 85%;
	background: #fff;
}
.design .main_naka .table03 .t_mail {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size: 85%;
	background: #fff;
}
.design .main_naka .t_gyomu {
	padding: 12px 12px 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	text-align: left;
	font-size: 85%;
	background: #fff;
}
.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 {
	margin-top: 24px;
	padding: 0px;
	border-radius: 5px;
	background-color: #f7f7f7;
	background-size: contain;
}
.design .main_naka #kakuka_new h2 {
	margin-top: 0;
	background-color: #D99C9C;
	padding: 8px 5px 5px 12px;
	border-color: #0090CB;
	border-radius: 5px 5px 0 0;
	border:0;
}
.design .main_naka #kakuka_new h2::after,.design .main_naka #kakuka_new h2::before {
	display: none;
}
.design .main_naka #kakuka_new .date {
	display: block;
	float: left;
	margin-top: 2px;
	width: 6em;
	font-size: 85%;
}
.design .main_naka #kakuka_new ul{
	padding: 0px 8px 8px 8px;
}
.design .main_naka #kakuka_new .list{
	padding-left: 82px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.design .main_naka #kakuka_new li:last-child .list{
	border-bottom: 0px;
	padding-bottom: 0px;
}
.design .main_naka #kakuka_new li::before{
	border-right: 2px solid #C05173;
	border-bottom: 2px solid #C05173;
}
/* 左カラム */
.design .main_naka #kakuka_box {
	margin-top: 24px;
}
.design .main_naka #kakuka_left {
	float: left;
	width: 30%;
	overflow: hidden;
	border-radius: 5px;
}
.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 #4BBA4B;
	border-right: 2px solid #4BBA4B;
	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: #FFC4D6;;
}
.design .main_naka #kakuka_left li::before {
	display: none;
}
.design .main_naka #kakuka_left .select {
	color: #333;
	padding: 8px;
	background-color: #98D7DA;
}
.design .main_naka #kakuka_left .select div{
		background-color: #98D7DA;
}
.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: #98D7DA;

}
.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: #98D7DA;
}
.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: #98D7DA;
}
/* 右カラム */
.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 8px;
}
.design .main_naka #toiawase p:last-child {
	padding-bottom: 12px;
}
.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 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.design .main_naka #page_left_box.cat_cas article{
	width: 48%;
}
.design .main_naka #page_left_box.cat_cas article:nth-child(n+3){
	margin-top: 20px;
}
.design .main_naka #page_left_box.cat_cas h2{
	margin: 0 0 0;
}
.design .main_naka #page_left_box.cat_cas .cate_post01, .design .main_naka #page_left_box.cat_cas .cate_post02 {
	margin-top: 0px;
}
.design .main_naka #page_left_box.cat_cas2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.design .main_naka #page_left_box.cat_cas2 article{
	width: 48%;
}
.design .main_naka #page_left_box.cat_cas2 article:nth-child(n+3){
	margin-top: 20px;
}
.design .main_naka #page_left_box.cat_cas2 h2{
	margin: 0 0 0;
}
.design .main_naka #page_left_box.cat_cas2 .cate_post01, .design .main_naka #page_left_box.cat_cas2 .cate_post02 {
	margin-top: 0px;
}
.design .main_naka #page_left_box.cat_cas2 .category_p02 .cat_lst {
    margin-right: 155px;
}
.design .main_naka #page_left_box.cat_cas2 .category01 {
    margin-top: 16px;
}




.design .main_naka #page_right {
	float: right;
	width: 180px;
	margin-top: 24px;
}
.design .main_naka #page_right ul {
	margin-top: 24px;
	padding: 0;
	border: 1px solid #e7e7e7;
	background: #fff;
}
.design .main_naka #page_right ul:first-child {
	margin-top: 0;
}
.design .main_naka #page_right ul li {
	border-bottom: 1px solid #e7e7e7;
	padding: 0;
	margin: 0;
}
.design .main_naka #page_right ul li:last-child {border: 0;}
.design .main_naka #page_right ul li::before {
	top:44%;
	left: 15px;
}
.design .main_naka #page_right ul li a{
	padding: 16px 16px 16px 32px;
	display: block;
}
.design .main_naka #page_right ul li a:hover{
	background-color: #FFC4D6;
}
.design .main_naka .category01 li {
	display: inline-block;
	margin-right: 8px;
}
.design .main_naka .category_p02 {
	font-size: 85%;
	margin-top: 24px;
}
/* アイキャッチあり */
.design .main_naka .category_p02 .cat_lst {
	margin-right: 112px;
}
.design .main_naka .category_p02 .cat_img {
	float: right;
	width: 126px;
	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 {
	margin-top: 24px;
	padding: 0px;
	border-radius: 5px;
	background-color: #f7f7f7;
}
.design .main_naka #cat_new ul{
	padding: 0px 8px 8px 8px;
}
.design .main_naka #cat_new li{
	padding-bottom: 10px;
	border-bottom: 1px dashed #ccc;
}
.design .main_naka #cat_new li::before{
	border-right: 2px solid #C05173;
	border-bottom: 2px solid #C05173;
}
.design .main_naka #cat_new h2 {
	margin-top: 0;
	background-color: #D99C9C;
	padding: 8px 5px 5px 12px;
	border-color: #0090CB;
	border: 0;
	border-radius: 5px 5px 0 0;
}
.design .main_naka #cat_new h2::after,.design .main_naka #cat_new h2::before {
	display: none;
}
.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 #cat_new li:last-child {
	border-bottom: 0px;
	padding-bottom: 0px;
}
/* バナー広告 */
.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 #9c97c0;
	margin: 0 16px 8px 0;
	padding: 0 16px 0 0;
}
.design .main_naka .event_navi li:first-child {
	border-left: 2px solid #9c97c0;
	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 #9c97c0;
	border-left: none;
	background-color: #fff;
}
.design .main_naka .month_lst li:first-child {
	border-left: 2px solid #9c97c0;
}
.design .main_naka .month_lst li::before {
	display: none;
}
.design .main_naka .month_lst .month_select {
	background: #9c97c0;
	color: #333;
}
.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;
	background: #fff;
}
.design .main_naka #calendar_month caption {
	display: none;
}
.design .main_naka #calendar_month th {
	padding: 16px;
	border: 1px solid #ccc;
	border-right: none;
	font-size: 85%;
	text-align: center;
	vertical-align: middle;
	width: 50px;
}
.design .main_naka #calendar_month td {
	padding: 16px;
	border: 1px solid #ccc;
}
.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: 50px;
}
.design .main_naka #calendar_month td.cal_day img {
	vertical-align: middle;
	max-width: none;
}
.design .main_naka #calendar_month .cal_sun {
	background-color: #ffe5e4;
}
.design .main_naka #calendar_month .cal_sat {
	background-color: #edf3ff;;
}
.design .main_naka #calendar_month .cal_today .cal_date {
	background: #FFDAE6;
}
.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: #D99C9C;
	color: #333;
	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;
	background-color: #fff;
}
.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: #e8f4f9;
	text-align: center;
	vertical-align: middle;
}
/**** お問い合わせフォームのスタイル ****/
.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 #98D7DA;
}
.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;
	background-color: #fff;
	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: 992px;
}
.main_naka_kiji {
	float: left;
	width: 796px;
}
.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: 8px;
	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;
	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: 0px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 85%;
	text-align: center;
	word-wrap: break-word;
	border-radius: 5px;
	overflow: hidden;
}
.waku #kiji_sub .syosai_sonota h2 {
	padding: 8px 4px 8px;
	background: #98D7DA;
	color: #333;
}
.waku #kiji_sub .syosai_sonota p {
	text-align: left;
	padding: 0 8px;
}
.waku #kiji_sub .syosai_sonota .for_img {
	text-align: center;
	background: #555;
	font-size: 85%;
	display: inline-block;
	border-radius: 5px;
	margin: 5px 10px;
}
.waku #kiji_sub .syosai_sonota .for_img a {
	display: block;
	padding: 8px 5px 8px;
	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 solid #ccc;
	border-bottom: 0;
	background-color: #98D7DA;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.waku #kiji_sub .kakuka > ul {
	border: 1px solid #ccc;
	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 #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	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 solid #ccc;
	border-bottom: 0;
	background-color: #98D7DA;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.waku #kiji_sub .kanren > ul {
	border: 1px solid #ccc;
	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 #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	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 solid #ccc;
	border-bottom: 0;
	background-color: #98D7DA;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}
.waku #kiji_sub .kanren2 > ul {
	border: 1px solid #ccc;
	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 #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	transform: rotate(-45deg);
}
.waku #kiji_sub .kanren2 li li {
	font-size: 85%;
}
/**** コンテンツ評価のスタイル ****/
.design .main_naka .syosai_qa {
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
	background-color: #fff;
}
.design .main_naka .syosai_qa h2 {
	margin-top: 0;
	border-bottom: 4px solid #ccc;
}
.design .main_naka .syosai_qa h2::after{
	display: none;
}
.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: 4px solid #ccc;
}
.design .main_naka #route_box h2::after {
	display: none;
}
.design .route {
	margin-top: 8px;
}

.design .route li {
	margin: 0;
	padding: 0 28px 0 0;
	border: 0;
	list-style-type: none;
	background: none;
	display: inline-block;
	height: auto;
	position: relative;
	font-size: 85%;
}
.design .route li::before {
	display: none;
}
.design .route li::after {
	display: block;
	content: "";
	position: absolute;
	top: 8px;
	right: 8px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #4BBA4B;
	border-bottom: 2px solid #4BBA4B;
	transform: rotate(-45deg);
}
.design .route li:last-child::after {
	display: none;
}
/**** 記事ページ下メニューのスタイル ****/
/*組織内ジャンル*/
.inkiji .main_naka .kakuka {
	background-color: #fff;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.inkiji .main_naka .kakuka h2 {
	margin-top: 0;
	border-color: #ccc;
}
.inkiji .main_naka .kakuka h2::after {
	display: none;
}
.inkiji .main_naka .kakuka li li {
	font-size: 85%;
}
/*お問い合わせフォーム*/
.main_naka .syosai_sonota {
	background-color: #fff;
	margin-bottom: 24px;
	border: 1px solid #ccc;
	padding: 16px;
}
.main_naka .syosai_sonota h2 {
	margin-top: 0;
	border-color: #ccc;
}
.main_naka .syosai_sonota h2::after{
	display: none;
}
.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;
	box-shadow:none;
	border: 0;
}
.kiji_emergency .main_naka_h1 h1::after{
	display: none;
}

/*エラー画面*/
.design .main_naka #error{ background: #fff; padding: 16px; }
.design .main_naka #error h1{ margin: 8px 0; }

/*スライダー*/
.koso_br{
	position: absolute;
	top: 20px;
	right: 40px;
	z-index: 300;
}
.koso_br a img {

}
.koso_br a img:hover{
	opacity: 0.8;
}
.koso_br a::before{
	content: "";
	background: url(img/kosodate_click2.png) no-repeat;
	width: 42.4%;
	height: 42.4%;
	top: -10px;
	right: -30px;
	position: absolute;
	z-index: 310;
	transition-duration: 0.2s;
	background-size: contain;
}
.koso_br:hover a::before {
	top: -10px;
	right: -30px;
	width: 45%;
	height: 45%;
}

#vis_blok{
	width: 992px;
	margin: 0 auto 30px auto;
}
#vis ul li{
	padding: 0;
	margin: 0;
}
#vis h2 {
    height: 0;
    margin: 0;
    padding: 0;
}
#main #vis_bg .bxslider a{
	padding: 0!important;
	margin: 0!important;
	border-radius: 10px;
	background: none;
}
#vis{
	text-align: center;
	padding: 0;
	overflow: hidden;
	position: relative;
}
#vis::before{
	position: absolute;
	content: "";
	background: url("img/head_leaf3.png") no-repeat;
	background-size: contain;
	width: 278px;
	height: 252px;
	left: -186px;
	top: -32px;
	z-index: 1;
}
#vis::after{
	position: absolute;
	content: "";
	background: url("img/head_leaf4.png") no-repeat;
	background-size: contain;
	width: 42px;
	height: 136px;
	right: -7px;
	top: 22px;
	z-index: 1;
}
#vis .bx-viewport{
	overflow: visible !important;
}
#vis .bxslider img {
    width: 100%!important;
    height: auto!important;
	border-radius: 5px;
}
#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: 10px;
}
#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;
	border-radius: 50%;
	line-height: 30px;
	border: 1px solid #9F817A;
}
#vis .bx-pager-item a.active {
    background-color: #803D05;
    color: #fff !important;
    cursor: default;
    text-decoration: none;
	text-shadow:
		0 1px 0 #803D05,
		1px 0 0 #803D05,
		0 -1px 0 #803D05,
		-1px 0 0 #803D05,
		-1px -1px 0 #803D05,
		1px -1px 0 #803D05,
		-1px 1px 0 #803D05,
		1px 1px 0 #803D05;
}
#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;
	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;
}
#vis .bx-controls-auto-item a {
	font-size: 80%;
	background-color: #ffffff;
	border-radius: 10px;
	color: #333333;
	margin: 0px 0 0px 0;
	width: 80px;
	padding: 6px 8px 5px 8px;
	display: inline;
	position: relative;
	border: 1px solid #9F817A;
}

#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;
}

/* 市長〜入札 */
#main .town_menu_block h2{
	height: 0;
	margin: 0;
	padding: 0;
	background: none;
}
#main .town_menu_block .ilist2{
	margin: 0;
	padding: 0;
}
#main .town_menu_block .ilist2 ul{
	justify-content: space-between;
}

#main .town_menu_block .ilist2 li{
	width: 232px;
	min-height: 88px;
	border: 1px #A5DFE2 solid;
	border-radius: 10px;
}
#main .town_menu_block .ilist2 li a{
	background: url("img/te7.jpg");
	background-size: cover;
}
#main .town_menu_block .ilist2 li .ilist_right{
	width: 80%;
}

/* 東員町の情報 */
#main .town_info_block{
	margin-top: 24px;
}
#main .town_info_block .ilist2{
	margin: 0;
}
#main .town_info_block h2{
	background-color: #98D7DA;
	border-radius: 10px 10px 0 0;
	color: #333;
}
#main .town_info_block .ilist2_lower{
	background: url("img/te8.jpg");
	background-size: cover;
	padding:  0 16px 16px 16px;
	border-radius: 0 0 10px 10px;
}
#main .town_info_block .ilist2_lower ul{
	justify-content: space-between;
}
#main .town_info_block .ilist2_lower li{
	margin: 0;
	padding: 0;
	width: 220px;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	position: relative;
}
#main .town_info_block .ilist2_lower .ilist_right{
	padding-left: 12px;
	width: auto;
}
#main .town_info_block .ilist2_lower li:nth-child(4n+1),
#main .town_info_block .ilist2_lower li:nth-child(4n+2) {
	margin: 16px 0 0 0;
}
#main .town_info_block .ilist2_lower li:nth-child(4n+3),
#main .town_info_block .ilist2_lower li:nth-child(4n+4) {
	margin: 16px 0 0 0;
}
#main .town_info_block .ilist2_lower li a{
	background-color: #fff;
	padding: 8px;
}

#main .town_info_block .ilist2_lower li a::before,
#main .town_info_block .ilist2_lower li a::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 30px;
}
#main .town_info_block .ilist2_lower li a::before {
    background-color: transparent;
    border-radius: 50%;
	border:1px solid #4BBA4B;
    height: 16px;
    width: 16px;
    margin-top: -9px;
	margin-left: -20px;
}
#main .town_info_block .ilist2_lower li a::after {
    height: 6px;
    width: 6px;
    margin-top: -5px;
	margin-left: -14px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	border: 4px solid transparent;
	border-left: 4px solid #4BBA4B;
}

/*外部リンク*/
#main .ex_link { margin-top: 24px; }
#main .ex_link .ilist2{ margin-top: 0; }
#main .ex_link h2{
	background-color: #98D7DA;
	border-radius: 10px 10px 0 0;
	color: #333;
}
#main .ex_link .ilist2_lower{
	background: url("img/te8.jpg");
	background-size: cover;
	padding:  16px 16px 0px 16px;
	border-radius: 0 0 10px 10px;
}
#main .ex_link .ilist2_lower ul{
	justify-content: space-between;
}
#main .ex_link .ilist2_lower li{
	margin: 0 0 16px 0;
	padding: 0;
	width: 216px;
}
#main .ex_link .ilist2_lower li a{
	padding: 0;
}
#main .ex_link .ilist2_lower li a .ilist_left {
	width: 100%;
}




#main .kurasi_block {
		background: url("img/te8.jpg");
	background-size: cover;
	margin-top: 12px;
}
#main .kurasi_block .ilist2{ margin-top: 0px;}
#main .kurasi_block .ilist{ margin-top: 0px; }

#main .kurasi_block h2{
	background-color: #98D7DA;
	border-radius: 10px 10px 0 0;
	color: #333;
}
#main .kurasi_block .ilist_lower{
	padding:  16px 16px 16px 16px;
	border-radius: 0 0 10px 10px;
}
#main .kurasi_block .ilist ul{
	background-color: #fff;
	border:1px solid #ccc;
	border-radius: 10px;
	padding: 6px 3px 3px 3px;
	overflow: hidden;
}
#main .kurasi_block .ilist2 ul{
	background-color: transparent;
	border:0px solid #ccc;
	border-radius: 10px;
	padding: 0;
	overflow: hidden;
}
#main .kurasi_block .ilist .ilist_lower  ul li{
	margin: 0;
	padding: 3px;
    width: calc((100% - 4px) / 4);
}
#main .kurasi_block .ilist2 ul li {
    margin-right: 12px;
    width: calc((100% - 12.1px) / 2);
}
#main .kurasi_block .ilist .ilist_lower  ul li a{
	margin: 0;
	padding: 0;
	padding-top: 15px ;
	background: #fff;
	min-height: 107px;
	font-size: 90%;
	letter-spacing: 1px;
}
#main .kurasi_block .ilist .ilist_lower ul li:nth-child(1){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(2){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(3){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(4){border-bottom: 1px solid #ccc;}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(5){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(6){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(7){border-bottom: 1px solid #ccc; border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(8){border-bottom: 1px solid #ccc;}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(9){ border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(10){ border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(11){ border-right: 1px solid #ccc}
#main .kurasi_block .ilist .ilist_lower  ul li:nth-child(12){}


#main .kurasi_block .ilist ul li a .ilist_left{
	display: inline-flex;
	height: 40px;
	align-items: flex-start;
}
#main .kurasi_block .ilist ul li img {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	align-self: center;
}

#main .kurasi_block .kurasi_sub_block{
	padding: 0 16px 16px 16px;
}
#main .kurasi_block .kurasi_sub_block h3{
	margin: 0;
	padding: 0;
	height: 0;
	width: 0;
}
#main .kurasi_block .kurasi_sub_block section{
	margin: 0;
	padding: 0;
}
#main .kurasi_block .kurasi_sub_block section li{
	padding-top: 0;
	margin-top: 0;
}
#main .kurasi_block .kurasi_sub_block li:nth-child(n + 3){
	margin-top: 8px;
}
#main .kurasi_block .kurasi_sub_block section li:nth-child(2n){
	margin-right: 0;
}
#main .kurasi_block .kurasi_sub_block section li a{
	border-radius: 10px;
	background: url("img/te6.jpg");
	background-size: cover;
	border:1px solid #ccc;
	padding: 10px 16px;
	min-height: 64px;
}
#main .kurasi_block .kurasi_sub_block section li a .ilist_left{
	width: 40px;
}
#main .kurasi_block .kurasi_sub_block section li a .ilist_right{
	width: 250px;
	font-size: 90%;
}

/*タブ切り替え*/

#tab-box {
	margin: 30px 0 0 0;
	padding: 0;
	width: 488px;
	float: left;
	position: relative;
}
#main  #tab-box .h2,
#main  #tab-box h2 {
	margin: 0px;
	padding: 0px;
	background: none;
	border: none;
	position: absolute;
}
#tab-box article{
	margin: 0;
	padding-bottom: 1px;
	background: url("img/te8.jpg");
	background-size: auto auto;
	background-size: cover;
	border-radius: 0 0px 10px 10px;
}
#tab-box article .inner_area{
	margin: 16px;
	background-color: #fff;
	border-radius: 10px;
	border: 1px solid #CCCCCC;
}
#main  #tab-box .popular {
	border: 0;
}
#main #tab-box .new_lower{
	border: 0;
	padding: 4px 0px 16px;
}
#main #tab-box .new_lower .catch_lst{
	margin-right: 16px;
}
#main #tab-box .new_lower ul li::before{
	display: none;
}
#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: 73px;
}
#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 #tab-01 .inner_area{
	height: 529px;
	overflow-y: auto;
}
#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: 162px;
	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: 16px;
	margin-top: 16px;
}

#main  #tab-box .new_link .more,
#main  #tab-box .new_link .rss{
	display: inline-block;
	text-align: left;
	border-radius: 5px;
	border:1px solid #002E8D;
	margin-top: 5px;
}
#main  #tab-box .new_link .more{
	min-width: 120px;
	min-height: 35px;
}
#main  #tab-box .new_link .rss{
	min-width: 72px;
	min-height: 35px;
}
#main  #tab-box .new_link .rss img{
	margin: 0 0 5px 0;
}
#main  #tab-box .new_link a{
	text-decoration: none;
	margin: 5px 0 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 0px 16px;
}
#tab-box .topics_lower li{
	padding: 0;
	padding-left: 16px;
}
#tab-box .topics_lower li::before{
	display: none;
}
#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: 80px;
}
#main #tab-box .topics_lower ul li .list{
	width: 340px;
}




#tab-box #tab-03 {
	display: none;
	float: none;
	margin: 0px 0px 0px 0px;
}
#main #tab-box .event_lower{
	border:0;
	padding: 4px 0px 16px;
}
#tab-box .event_lower li{
	padding: 0;
	padding-left: 16px;
}
#tab-box .event_month li.pre a, .event_month li.next a {
    display: inline-block;
    background: #fff;
    border: 1px solid #aaa;
	border-radius: 5px;
    font-size: 81.25%;
    margin-bottom: 10px;
    text-decoration: none;
    padding: 0 5px;
    padding-left: 5px;
    position: relative;
}
#tab-box .event_month li.pre a {
    padding-left: 16px;
}
#tab-box .event_month li.next a {
    padding-right: 16px;
}


#main  #tab-box #nav li a{
	padding: 8px 16px 6px;
	text-decoration: none;
	background-color: #98D7DA;
	color: #002E8D;
	font-weight: bold;
	display: block;
	font-size: 120%;
	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: 10px 0 0 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 10px 0 0;
}
#main  #tab-box #nav li a:hover,
#main  #tab-box #nav li a.tab-on {
	background-color:#D99C9C !important;
	color: #333 !important;
	text-shadow:none;

}
#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;
}

/*ドロップメニュー*/

/*メニュードロップ*/
.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 {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    left: 0;
    width: 6px;
    height: 6px;
    border-right: 2px solid #4BBA4B;
    border-bottom: 2px solid #4BBA4B;
    transform: rotate(-45deg);
}
.dropmenu .sub-menu li a{
	display: block;
}

.dropmenu li:nth-child(2) .sub-menu::before{left: 230px;}
.dropmenu li:nth-child(3) .sub-menu::before{left: 396px;}
.dropmenu li:nth-child(4) .sub-menu::before{left: 99px;}
.dropmenu li:nth-child(5) .sub-menu::before{left: 264px;}
.dropmenu li:nth-child(6) .sub-menu::before{left: 430px;}

.dropmenu li:nth-child(4) .sub-menu{left: 462px;}
.dropmenu li:nth-child(5) .sub-menu{left: 462px;}
.dropmenu li:nth-child(6) .sub-menu{left: 462px;}

/*ヘッダー葉っぱ*/
.tmp_leaf{
	position: absolute;
	width: 50px;
	margin: 0 auto;
	left: 0;
	right: 0;
	
}
.tmp_leaf.tmp_leaf_1{
	top:0px;
	left: -1050px;
    animation-duration: 3s;
    animation-name: fadeIn;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	transition: 5s;
	-webkit-transition: 5s;
}
.tmp_leaf.tmp_leaf_2{
	top:-150px;
	left: -950px;
    animation-duration: 6s;
    animation-name: fadeIn;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	transition: 5s;
	-webkit-transition: 5s;
}
.tmp_leaf.tmp_leaf_3{
	width: 50px;
	top:-150px;
	left: -350px;
    animation-duration: 6s;
    animation-name: fadeIn;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	transition: 5s;
	-webkit-transition: 5s;
	z-index: 100;
}
.tmp_leaf.tmp_leaf_4{
	width: 50px;
	top:-200px;
	left: -450px;
    animation-duration: 6s;
    animation-name: fadeIn;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	transition: 5s;
	-webkit-transition: 5s;
	z-index: 100;
}
.tmp_leaf.tmp_leaf_5{
	width: 50px;
	top:-100px;
	right: -900px;
    animation-duration: 8s;
    animation-name: fadeIn;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
    -webkit-animation-duration: 8s;
    -webkit-animation-name: fadeIn;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	transition: 6s;
	-webkit-transition: 6s;
	z-index: 500;
}
.tmp_leaf.tmp_leaf_6{
	width: 50px;
	top:-50px;
	right: -800px;
    animation-duration: 10s;
    animation-name: fadeIn;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
    -webkit-animation-duration: 10s;
    -webkit-animation-name: fadeIn;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	transition: 5s;
	-webkit-transition: 5s;
	z-index: 500;
}
.tmp_leaf.tmp_leaf_1.active,
.tmp_leaf.tmp_leaf_2.active,
.tmp_leaf.tmp_leaf_3.active,
.tmp_leaf.tmp_leaf_4.active,
.tmp_leaf.tmp_leaf_5.active,
.tmp_leaf.tmp_leaf_6.active{
	transform: translateY(400px);
}
.tmp_leaf.tmp_leaf_1.active img,
.tmp_leaf.tmp_leaf_2.active img,
.tmp_leaf.tmp_leaf_3.active img,
.tmp_leaf.tmp_leaf_4.active img,
.tmp_leaf.tmp_leaf_6.active img{
	animation-duration: 7s;
    animation-name: spin;
	-webkit-animationanimation-duration: 7s;
    -webkit-animationanimation-name: spin;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.tmp_leaf.tmp_leaf_3.active img,
.tmp_leaf.tmp_leaf_5.active img{
	animation-duration: 7s;
    animation-name: spin2;
	-webkit-animationanimation-duration: 7s;
    -webkit-animationanimation-name: spin2;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/*ページトップ*/
.pagetop2 {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	position: absolute;
	left: 0;
	right: 0px;
	top: 30px;
	z-index: 300;
}
.inbody .pagetop2 {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
	position: absolute;
	left: 0;
	right: 0px;
	top: 80px;
	z-index: 300;
}
.pagetop2 a:hover {
text-decoration: none;
opacity: 0.7;
}


/*子育て情報のスタイル*/
.kids_body .main_naka {
	width: auto;
	background-image: url(img/kids_bg1.png),url(img/kids_bg2.png);
	background-position: top 150px center,bottom center;
	background-repeat: no-repeat;
}
.kids_body .inner{
	width: 992px;
	margin: 0 auto;

}
.kids_body .kids_box_a{
	margin-bottom: 70px;
	position: relative;
}
.kids_body .kids_box_a::before{
	content: "";
	position: absolute;
	background: url(img/line.png) repeat-x;
	height: 17px;
	width: 992px;
	bottom: -50px;
}
.kids_body h1{
	background-color: transparent;
	padding: 0;
	margin: 0;
}
.kids_body .kids_box_a h2,
.kids_body .kids_box_b h2{
	border-bottom: 0;
	text-align: center;
	margin-bottom: 28px;
}
.kids_body .kids_box_a h2::after,
.kids_body .kids_box_b h2::after{
	display: none;
}
.kids_body .kids_box_a a{
	text-decoration: none;
}
.kids_body .kids_box_a a:link,
.kids_body .kids_box_b a:link{
	color: #333;
}
.kids_body .kids_box_a a:visited,
.kids_body .kids_box_b a:visited{
	color: #333;
}
.kids_body .kids_box_a a:hover,
.kids_body .kids_box_b a:hover{
	color: #9f0000;
}
.kids_body .kids_box_a a:active,
.kids_body .kids_box_b a:active{
	color: #9f0000;
}
.kids_body .kids_box_a ul,
.kids_body .kids_box_b ul{
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.kids_body .kids_box_a ul li,
.kids_body .kids_box_b ul li{
	margin: 0;
	padding: 0;
	background: none;
	display: flex;
}
.kids_body .kids_box_a ul li::before,
.kids_body .kids_box_b ul li::before{
	display: none;
}
.kids_body .kids_box_a ul li div{
	min-width: 200px;
	min-height: 200px;
	border-radius: 10px;
	position: relative;
	padding: 20px;
	background: #fff;
	z-index: 100;
	text-align: center;
}
.kids_body .kids_box_a ul li div::before{
	position: absolute;
	content: "";
	top: 10px;
	left: 10px;
	border: 1px #B2B2B2 solid;
	border-radius: 10px;
	z-index: 1000;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}
.kids_body .kids_box_a ul li .kids_ic{
	display: block;
	margin-bottom: 10px;
}
.kids_body .kids_box_a ul li .kids_txt{
	display: block;
	font-size: 120%;
	line-height: 1.2;
	height: 50px;
	display: inline-flex;
	align-items: center;
	z-index: 100000;
	position: relative;
}

.kids_body .kids_box_b .kids_mokuteki{
	width: 660px;
	float: left;
}
.kids_body .kids_box_b .kids_yakudati{
	width: 298px;
	float: right;
	height: 500px;
}
.kids_body .kids_box_b .kids_yakudati ul{
	flex-wrap: nowrap;
}
.kids_body .kids_box_b ul li div{
	min-width: 200px;
	min-height: 200px;
	border-radius: 10px;
	position: relative;
	padding: 20px;
	background: #fff;
	z-index: 100;
	text-align: center;
}
.kids_body .kids_box_b ul li div::before{
	position: absolute;
	content: "";
	top: 10px;
	left: 10px;
	border: 1px #B2B2B2 solid;
	border-radius: 10px;
	z-index: 1000;
	width: calc(100% - 20px);
	height: calc(100% - 20px);
}
.kids_body .kids_box_b .kids_mokuteki a{
	text-decoration: none;
}
.kids_body .kids_box_b ul li .kids_ic{
	display: block;
	margin-bottom: 10px;
}
.kids_body .kids_box_b ul li .kids_txt{
	display: block;
	font-size: 120%;
	line-height: 1.2;
	height: 50px;
	display: inline-flex;
	align-items: center;
	z-index: 100000;
	position: relative;
}
.kids_body .kids_box_b .kids_mokuteki li:nth-child(n+4){
	margin-top: 24px;
}

.kids_body .kids_box_b .kids_yakudati ul{
	flex-direction: column;
	height: 425px;
}
.kids_body .kids_box_b .kids_yakudati ul li:not(:last-child){
}
.kids_body .kids_box_b .kids_yakudati a{
	display: flex;
	width: 298px;
	min-height: 80px;
	text-align: center;
	background-image: url(img/te10.jpg);
	background-size: cover;
	border-radius: 10px;
	align-items: center;
	text-decoration: none;
	font-size: 120%;
}
.kids_body .kids_box_b .kids_yakudati a span{
	text-align: center;
	margin: 0 auto;
}

/* tel制御用 */
a[href^="tel:"] {
	cursor: default !important;
	text-decoration: none!important;
	color: #333 !important;
}
a[href^="tel:"]:hover {
	cursor: default !important;
	text-decoration: none !important;
	color: #333 !important;
}

/*アニメーション*/	
@keyframes fadeIn {
    0% {
        opacity:1;
    }
    100% {
        opacity:0;
    }
}
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50%{
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}
@keyframes spin2 {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(260deg);}
}
@keyframes horizontal {
    0% { transform:translate(0px,0); }
  100% { transform:translate(-18px,-200px); }
}
/**** フロートの解除 ****/
.clear:after, .clear2:after {
	content: "";
	display: block;
	clear: both;
}

#view_sp{
        text-align:center;
        margin:5px 10px 5px 10px;
        padding :10px 8px 10px 8px;
        font-size:350%;
        display:none;
        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; }