@charset "UTF-8";

html {
	font-size: 65%;
}

@charset "UTF-8";

.colomn_3 ul li,fo
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul li {
	list-style: disc;
}

.colomn_3 ol li,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ol li {
	list-style: decimal;
}

/* ------------------------------------------------------
 ブロック定義ファイル用 block.css

  目　次
	 1.位置
	 2.テーブル※基本のスタイルは base.css で設定
	 3.画像
	 4.フォントカラー
	 5.目次用リスト
	 6.左右２つ並び用ボックス
	 7.お知らせアイコン
	 8.今日の一枚
	 9.今日の一枚年別カテゴリトップ
	10.お知らせエリア内自動リンク（観光情報、各課）
	11.広報・議会だより
	12.サイト内検索結果
	13.サイトマップ
	14.フォームページ
	15.アンケートフォーム
------------------------------------------------------ */
/* -------- 1.位置 -------- */
/*左寄せ*/
#janre .wcvleft {
	text-align: left;
}
/*右寄せ*/
#janre .wcvright {
	text-align: right;
}
/*中央揃え*/
#janre .wcvcenter {
	text-align: center;
}
/*右寄せ・テーブル用*/
#janre div.wcvright table {
	margin: 0 0 20px auto;
}
/*中央揃え・テーブル用*/
#janre div.wcvcenter table {
	margin: 0 auto 20px;
}
/*中央揃え・サイドメニューなし用*/
#container-noside div.wcvcenter .downloadarea,
#container-noside div.wcvcenter .linkarea,
#container-noside div.wcvcenter .contactarea {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* -------- 2.テーブル -------- */
#janre table.table_green {
	border: 2px solid #269426;
}
#janre table.table_green th {
	color: #FFFFFF;
	border: 1px solid #003300;
	background-color: #269426;
}
#janre table.table_green td {
	border: solid 1px #269426;
}

#janre table.table_wood {
	border: 2px solid #7F5048;
}
#janre table.table_wood th {
	color: #FFFFFF;
	border: 1px solid #330000;
	background-color: #7F5048;
}
#janre table.table_wood td {
	border: solid 1px #7F5048;
}

#janre table.table_brick {
	border: 2px solid #B83030;
}
#janre table.table_brick th {
	color: #FFFFFF;
	border: 1px solid #800000;
	background-color: #B83030;
}
#janre table.table_brick td {
	border: solid 1px #B83030;
}

#janre table.table_navy {
	border: 2px solid #2B537E;
}
#janre table.table_navy th {
	color: #FFFFFF;
	border: 1px solid #000080;
	background-color: #2B537E;
}
#janre table.table_navy td {
	border: solid 1px #2B537E;
}

#janre table.table_orange {
	border: 2px solid #F25700;
}
#janre table.table_orange th {
	color: #FFFFFF;
	border: 1px solid #FF3300;
	background-color: #F25700;
}
#janre table.table_orange td {
	border: solid 1px #FF3300;
}

#janre table.table_none {
	border-width: 0;
}
#janre table.table_none th {
	border-width: 0;
}
#janre table.table_none td {
	border-width: 0;
}

#janre table.table1 {
	border: 1px solid #666;
}
#janre table.table1 th {
	border: 1px solid #999;
	background-color: #CCC;
}
#janre table.table1 td {
	border: 1px solid #999;
}

#janre table.table2 {
	border: 1px solid #000;
}
#janre table.table2 th {
	color: #FFF;
	border: 1px solid #000;
	background-color: #000;
}
#janre table.table2 td {
	border: 1px solid #000;
}

#janre table.table3 {
	border-width: 0;
	border-collapse: separate;
	border-spacing: 5px;
}
#janre table.table3 th {
	border-width: 0;
	background-color: #CCC;
}
#janre table.table3 td {
	border-width: 0;
}

/* -------- 3.画像 -------- */
#janre img {
	margin-right: 5px;
	margin-left: 5px;
}
#janre p img {
	vertical-align: middle;
}
#janre ul li img {
	vertical-align: top;
}
#janre ol li img {
	vertical-align: middle;
}
/*画像と回り込み文字用ボックス*/
#janre .wcv-floatbox-left,
#janre .wcv-floatbox-right {
	margin: 0 0 15px;
}
#janre .wcv-floatbox-left p,
#janre .wcv-floatbox-right p {
	margin-bottom: 10px;
}
/*左寄せ画像と回り込み文字で使用*/
#janre .wcvimg-floatleft {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
}

#janre div.wcv-floatbox-left ul li{
	background: none;
	/*　list-style: url("../images/base/li_bg.gif") disc inside!important */
}

/*右寄せ画像と回り込み文字で使用*/
#janre .wcvimg-floatright {
	float: right;
	margin-right: 15px;
	margin-left: 15px;
}
/*キャプション付き画像用ボックス*/
#janre div.wcv-imgbox {
	text-align: center;
	margin-bottom: 15px;
}
#janre div.wcv-imgbox img {
	margin-right: 0;
	margin-left: 0;
}
/*画像レイアウト用*/
#janre div.wcv-imgwrap{
	margin: 20px 5px 10px;
}
#janre div.wd-s{
	width: 36.3%!important;
	margin: 0!important;
}
#janre div.wd-l{
	width: 63%!important;
}
/*画像の下に表示させる文字*/
#janre p.wcv-imgcap {
	margin: 5px 0 0;
	font-size: 90%;
}
/*２つ並び：左*/
#janre div.wcv-inner2-l {
	width: 49.3%;
	float: left;
	margin-right: 1.4%;
}
/*２つ並び：右*/
#janre div.wcv-inner2-r {
	width: 49.3%;
	float: right;
}
/*３つ並び：左・中*/
#janre div.wcv-inner3 {
	width: 32.4%;
	float: left;
	margin-right: 1.2%;
}
/*３つ並び：右*/
#janre div.wcv-inner3-r {
	width: 32.4%;
	float: left;
}
/*４つ並び：左・中*/
#janre div.wcv-inner4 {
	width: 23.9%;
	float: left;
	margin-right: 1.4%;
}
/*４つ並び：右*/
#janre div.wcv-inner4-r {
	width: 23.9%;
	float: left;
}
/*回り込み解除・フロートクリア*/
#janre .clearfix { /zoom : 1; }/*IE6・7のみ適用*/
#janre .clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

/* -------- 4.フォントカラー -------- */
.text_black {
	color: #000;
}
.text_red {
	color: #c00;
}
.text_blue {
	color: #00c;
}
.text_green {
	color: #060;
}

/* -------- 5.目次用リスト -------- */
#janre ul.indexlist {
	font-size: 125%;
	margin: 20px;
	padding: 0;
}

#janre ul.indexlist li,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul.indexlist li,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul.plist li {

	margin: 0 0 10px;
	padding: 0 10px 10px 25px;
	/* background: url(../images/base/content_indexlist_bg.gif) no-repeat 0 0; */
	border-bottom: 1px dashed #D8D8D8;
}

/* -------- 6.左右２つ並び用ボックス -------- */
#janre div.wcv-box {
	margin-bottom: 15px;
}

/* -------- 7.NEWSアイコン -------- */
#newsicon {
	text-align: right;
}

/* -------- 8.今日の一枚カテゴリトップ -------- */
#wadai dl {
	border-bottom: 1px dotted #CCC;
	margin: 0 0 7px;
	padding: 0 0 7px;
}
#wadai dt {
	margin-bottom: 1em;
	width: 605px;
	float: right;
}
#wadai dt img {
	vertical-align: baseline;
}
#wadai dd.photo {
	float: left;
	width: 141px;
	padding-bottom: 5px;
}

#wadai dd.photo img {
	width: 125px;
	height: auto;
	float: none;
	margin-right: 0;
	margin-left: 0;
	border: 1px solid #DDD;
	border-right-color: #BBB;
	border-bottom-color: #888;
	padding: 5px;
}
#wadai dd.text {
	margin-left: 160px;
}

/* -------- 9.今日の一枚年別カテゴリトップ -------- */
#wadai-year {
	clear: both;
	position: relative;
	width: 765px;
	margin: 0 0 7px;
	overflow: hidden;
}
#wadai-year dl {
	width: 755px;
	margin: 0 5px;
}
#wadai-year dt {
	width: 8em;
	clear: both;
	float: left;
	padding: 0 0 0 5px;
}
#wadai-year dd {
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: 1px dotted #CCC;
}
#wadai-year dd img{
	margin-left: 7px;
}

/* -------- 10.お知らせエリア内自動リンク（観光情報、各課） -------- */
.oshirasearea dl {
	width: 695px;
	margin: 0 25px;
}
.oshirasearea dt {
	clear: both;
	float: left;
	padding: 0 0 7px;
}
.oshirasearea dt img {
	float: left;
	margin-right: 0 !important;
	margin-left: 0 !important;
}
.oshirasearea dt span {
	float: left;
	margin: 0 10px 0 10px;
	text-align: right;
}
.oshirasearea dd {
	margin: 0 0 7px;
	padding: 0 0 7px;
	border-bottom: 1px dotted #CCC;
}
.oshirasearea dd img{
	vertical-align: baseline;
}

/* -------- 11.広報・議会だより -------- */
#janre .public-left {
	margin-right: 270px;
	text-align: left;
}
#janre .public-right {
	float: right;
	margin-right: 15px;
	display: inline;
}
#janre ul#public-list li {
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px dotted #CCC;
}
#janre ul#public-list li img {
	margin-left: 5px;
	vertical-align: baseline;
}
#janre #public {
	margin: 0 15px 15px;
}
#janre #public .wcvimg-floatleft {
	margin-left: 0;
	margin-right: 20px;
}
#janre #public table {
	clear: none;
	border-color: #50931A;
	margin: 0 0 20px;
	min-width: 200px;
}
#janre #public table caption {
	padding-top: 0;
}
#janre #public table th {
	background-color: #50931A;
	color: #FFF;
	border-color: #50931A;
}
#janre #public table td {
	border-color: #50931A;
}
#janre #public table td.public-page {
	width: 45%;
	background-color: #F8FBED;
}
#janre #public table td.public-page2 {
	width: 45%;
}
#janre #public #adobe {
	margin-left: 260px;
	border: 1px solid #FF6600;
	background-color: #FFF8EE;
	padding: 5px;
}
#janre #public #adobe p.adobe-img {
	float: left;
	margin: 0;
	padding: 0;
}
#janre #public #adobe p.adobe-img img {
	margin-right: 0;
	margin-left: 0;
}
#janre #public #adobe p.adobe-txt {
	margin: 0 0 0 165px;
	padding: 0;
}

#janre #kouhou-wrapper{
	padding: 0 0 0 25px;
}

#wcv_sys_edit_pageeditarea #janre #kouhou-wrapper{
	overflow: hidden;
}

#janre #kouhou-wrapper .kouhou-cover{
    text-align: center;
	padding: 0 25px 25px;
	float: left;
	min-height: 270px;
}

#janre #kouhou-wrapper .kouhou-cover p{
    clear: both;
}

#janre #kouhou-wrapper .kouhou-cover img{
    width: 163px;
	height: auto;
}

/* -------- 12.サイト内検索結果 -------- */
#janre #cse .gsc-result {
	border-width: 0;
}

#janre #cse table,
#janre #cse table td {
	border-width: 0;
	margin: 0;
}
#janre #cse .gsc-thinWrapper {
	width: 100%;
}
#janre #cse .gsc-result {
	margin-bottom: 0;
}
#janre #cse .gsc-cursor {
	display: block;
	text-align: center;
}

/* -------- 13.サイトマップ -------- */
#janre #sitemap ul li.sitemap-dir {
	/* background: url(../images/base/sitemap-dir.gif) no-repeat 0 2px; */
	padding-left: 20px;
}

#janre #sitemap ul li.sitemap-dir ul{
	margin: 8px 5px 8px 8px;
}

#janre #sitemap ul li.sitemap-file ul{
	margin: 5px 5px 8px 5px;
}

#janre #sitemap li.sitemap-file {
	/* background: url(../images/base/sitemap-file.gif) no-repeat 0 2px; */
	padding-left: 20px;
}

/* -------- 14.フォームページ -------- */
#container-noside form table p {
	margin: 0;
}
#container-noside table p input {
	vertical-align: middle;
}
#container-noside table p label {
	padding: 0 5px;
}

#container-noside p.formbuttom{
	padding: 10px 0 0 0;
}

#container-noside table th{
	text-align: left;
}

/* -------- 15.アンケート -------- */

#janre .question {
	background:#F9F9F9;
    border: 3px solid #BBB;
    clear: both;
    display: block;
    margin: 0 0 20px;
    padding: 0 10px;
}
#janre .question dl.wcvdl {
    margin: 3px 10px;
}
#janre .question dl.wcvdl dt {
    color: #555555;
    font-weight: normal;
    margin-top: 10px;
}

#janre .question dl.wcvdl dd {
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 10px;
}
#janre .question p.wcvcenter{
	margin-bottom: 10px;
}

/* ------------------------------------------------------
 ブロック定義ファイル用 block.css

  目　次
	1.位置
	2.テーブル※本体のほうに定義がなければコメントアウトを外す
	3.画像
	4.フォント
	5.リスト
	6.目次用リスト※本体のほうに定義がなければコメントアウトを外す

------------------------------------------------------ */
/* -------- 1.位置 -------- */
/*左寄せ*/
#janre .wcvleft {
	text-align: left;
	margin: 3px 3px 3px 20px;
}
/*右寄せ*/
#janre .wcvright {
	text-align: right;
	margin: 3px 3px 3px 20px;
}
/*中央寄せ*/
#janre .wcvcenter {
	text-align: center;
	margin: 3px 3px 3px 20px;
}
/*中央寄せ テキスト付*/
#janre div.wcvcenter {
	text-align: center;
	margin: 2px 2px 2px 20px;
}

/*左寄せ・セル用*/
#janre .wcvleft-c {
	text-align: left;
	margin-bottom: 5px;
}
/*右寄せ・セル用*/
#janre .wcvright-c {
	text-align: right;
	margin-bottom: 5px;
}
/*中央寄せ・セル用*/
#janre .wcvcenter-c {
	text-align: center;
	margin-bottom: 5px;
}
/* -------- 2.テーブル -------- */
#janre table {
	clear: both;
	/*width: 635px;*/
	margin: 10px 25px 25px 25px;
	border-collapse: collapse;
	border: 1px solid #666;
	border-spacing: 0;
	empty-cells: hide;
}
#janre caption {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
#janre th {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #EFF5F8;
}
#janre td {
	text-align: left;
	padding: 5px;
	border: 1px solid #999;
}
/* -------- 3.画像 -------- */
/*画像同士などが上下でくっ付く場合に利用する*/
#janre .wcvmargin-bottom {
	margin-bottom: 10px;
}
/*画像同士などが左右でくっ付く場合に利用する・中央*/
#janre .wcvmargin-rl-m {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}
/*画像同士などが左右でくっ付く場合に利用する・上付き*/
#janre .wcvmargin-rl-t {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top;
}
/*中央寄せ画像テキスト用ボックス*/
#janre div.wcv-centerbox {
	text-align: center;
	margin: 0.5em;
	padding: 0;
}
/*中央寄せ画像テキスト用ボックス内・左側*/
#janre div.wcv-centerbox div.wcv-centerimg-l {
	width: 48%;
	float: left;
	/*margin-right: 5px;*/
	margin: 0 5px 0 0;
	padding: 0;
}
/*中央寄せ画像テキスト用ボックス内・右側*/
#janre div.wcv-centerbox div.wcv-centerimg-r {
	width: 48%;
	float: right;
	margin: 0;
	padding: 0;
}
/*中央寄せ画像の下に表示させるテキスト*/
#janre .wcvimg-center {
	text-align: center;
	font-size: 90%;
	margin-bottom: 15px;
}
/*画像と回り込みテキスト用ボックス*/
#janre div.wcv-floatbox-left,
#janre div.wcv-floatbox-right {
	margin: 0 5px 15px 15px;
}

#janre div.wcv-floatbox-left:after,
#janre div.wcv-floatbox-right:after {
	display: block;
	content: "";
}

/*左寄せ画像と回り込みテキストで使用*/
#janre .wcvimg-floatleft {
	float: left;
	margin-right: 7px;
}
/*右寄せ画像と回り込みテキストで使用*/
#janre .wcvimg-floatright {
	float: right;
	margin-left: 7px;
}
/*回り込み解除・フロートクリア*/
#janre .clearfix:after {
	height: 0;
	visibility: hidden;
	wrapper: ".";
	display: block;
	clear: both;
}
#janre .clearfix { display: inline-block; }
#janre .clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
#wrapper .clearfix { overflow: hidden; }
/* */
/* -------- 4.フォント -------- */
#janre .wcvfont-red {
	color: #c00;
}
#janre .wcvfont-blue {
	color: #00c;
}

#janre .wcvfont-b {
	font-weight: bold;
}
#janre .wcvfont-red-b {
	color: #c00;
	font-weight: bold;
}
#janre .wcvfont-blue-b {
	color: #00c;
	font-weight: bold;
}
/* -------- 5.リスト -------- */
#janre div.wcv-floatbox-left ul ol {
	margin: 10px 20px 25px 20px;
}
#janre div.wcv-floatbox-left ul li {
	margin: 0 10px;
	padding: 0 10px 3px 15px;
	list-style: outside url(../img/list_bg.gif);
	background: none;
}
#janre div.wcv-floatbox-left ol li {
	list-style-position: inside;
	margin: 0 10px;
	padding: 0 10px 3px 15px;
}
/*リスト*/
#janre ul.plist {
	margin: 0; /* 10px 15px 20px 15px */
}
#janre ul.plist li {
	margin: 0; /* 0 10px */
	padding: 0; /* 0 0 2px 15px */
	list-style: url(../img/slist_bg.gif); /* inside */
	background: none;
}
#janre ol.slist {
	margin: 10px 15px 20px 15px;
}
#janre ol.slist li {
	list-style-position: inside;
	margin: 0 10px;
	padding: 0 0px 2px 15px;
}

/*定義型リスト*/
#janre dl {
	margin: 10px 15px 20px 20px;
	line-height: 1.5;
}
#janre dl dt {
	font-weight: bold;
}
#janre dl dd {
	margin-bottom: 1em;
	margin-left: 20px;
}
/* -------- 6.目次用リスト -------- */
#janre ul.indexlist {
	font-size: 100%;
	font-weight: 700;
	margin: 10px 10px;
}
#janre ul.indexlist li ,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul.indexlist li,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul.plist li {

	list-style-type: none;
	margin: 0 0 10px;
	padding: 0 10px 10px 23px;
	background: url(../img/list_bg.gif) no-repeat;
	border-bottom: 1px dashed #D8D8D8;
}
#janre #newsicon {
	text-align: right;
	margin-top: 0px;
	padding-top: 0px;
}



/* -------- 7.FAQ -------- */

#janre ol.test {
	margin: 10px;
	padding: 10px;
}







/* -------------------------------------------------------------------------
 8.カレンダー
------------------------------------------------------------------------- */
#content_cal {
	width: 580px;
	float: right;
	margin: 0 8px 0 0;
	 line-height: 1.4;
}


*:first-child+html #content_cal {
	width: 580px;
	float: right;
	margin: 0 6px 0 0;
	 line-height: 1.4;
}


* html #content_cal {
	width: 580px;
	float: right;
	margin: 0 -10px 0 0;
	 line-height: 1.4;
}




/* -------------------------------------------------------------------------
 8-1.パンくずリスト
------------------------------------------------------------------------- */
#content_cal p.crumbs {
	margin: 0 5px 15px;
	text-align: right;
	line-height: 1.2;
}



/* -------------------------------------------------------------------------
 8-2.見出し
------------------------------------------------------------------------- */
h1#global_navigation_title {
	margin: 0;
}
#content_cal h1 {
	clear: both;
	color: #000;
	font-size: 170%;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 5px 2px;
	border-bottom: 10px solid #3E6B91;	/* h1要素下部のボーダー色 */
	line-height: 1.1;
}
#content_cal h2 {
	clear: both;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	margin: 20px 5px 10px;
	padding: 7px 10px 5px 22px;
	background-color: #368AB9;	/* h2要素の背景色 */
	/* background-image: url(../images/base/wrapper_h2_bg.gif);	/* h2要素の背景画像 */
	background-repeat: no-repeat;
	border-bottom: 1px solid #666;	/* h2要素下部のボーダー色 */
	line-height: 1.2;
}
.top_logo {
	padding: 0;
	margin: 0;
	display: inline;
	background-color: rgba(255,0,0,0.0);
}

/* -------------------------------------------------------------------------
 8-3.テーブル
------------------------------------------------------------------------- */
#content_cal table {
	clear: both;
	margin: 0 10px 10px;
	border-collapse: collapse;

	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
}
#content_cal caption {
	color: #000;
	font-size: 120%;
	text-align: center;
	padding: 5px 5px 3px;
	font-weight: bold;
}
#content_cal th {
	color: #000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	background-color: #F2F2F2;
	border: 1px solid #999;
}
#content_cal td {
	text-align: center;
}





/* -------------------------------------------------------------------------
 8-4.「▲このページの先頭へ」部分 (Back To Top)
------------------------------------------------------------------------- */
#content_cal p.btt {
	clear: both;
	text-align: right;
	margin: 0;
	padding: 20px 5px 0;
}


/* -------------------------------------------------------------------------
 8-5.横罫線
------------------------------------------------------------------------- */
#janre hr {
	width: 98%;
	margin: 20px 0px;
	clear: both;
}




a, 
a:after {
	color: black;
}

.table_normal table {
	border: 1px solid #9FB6D2;
}

.table_normal td {
	border: 1px solid #9FB6D2;
}

#logo {
	float: left;
}
#sub_navi {
	float: right;
	width: 75%;
	text-align: right;
	margin-top: 20px;
}
.sub_navi_inner {
	margin-top: 2px;
	height: 35px;
	background-color: #FFFFFF;
	border-radius: 4px;
	display: inline-table;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	vertical-align: middle;
	text-align: center;
}
.sub_navi_inner.google{
	padding-top: 3px;/* Edited by Matsuda */
}
.sub_navi_inner a {
	color: #000000;	
}
.news_all a{
	display: block;
	float: right;
}
.white{
	width: 25px;
	height: 25px;
	border: 1px solid #D1D1D1;
	display:inline-block;
	margin-left:5px;
	}
.white a{
	color:#000;
	display:block;
	width:100%;
	}
.white a:hover{
	text-decoration:none;
	}
.black{
	width: 25px;
	height: 25px;
	background:#000;
	border: 1px solid #D1D1D1;
	display:inline-block;
	margin-left:5px;
	}
.black a{
	color: white;
	display:block;
	width:100%;
	}
.black a:hover{
	text-decoration:none;
	}
.big{
	/*width: 25px;*/
	height: 25px;
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	display: inline-block;
	margin-left: 5px;
	padding: 0px;
	text-align: center;
	}
.big a{
	color:#000;
	display:block;
	width:100%;
	padding: 0px 0.5em;

	}
.big a:hover{
	color:#000;
	text-decoration:none;
	}
.middle{
	/*width: 25px;*/
	height: 25px;	
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	display: inline-block;
	margin-left: 5px;
	padding: 0;
	text-align: center;
	}
.middle a{
	color:#000;
	display:block;
	width:100%;
	padding: 0px 0.5em;

	}
.middle a:hover{
	color:#000;
	text-decoration:none;
	}
.small{
	width: 25px;
	height: 25px;
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	display: inline-block;
	margin-left: 5px;
	padding: 0px;
	text-align: center;
	}
.small a{
	color:#000;
	display:block;
	width:100%;
	}
.small a:hover{
	color:#000;
	text-decoration:none;
	}


#global_navigation {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	border-right: 3px solid #FCFCFC;
	margin-top: 10px;
}


.global_navigation_inner {
	/*font-size: 19px;*/
	display: inline-block;
	vertical-align: middle;
	float: left;
	color: #FFFFFF;
	list-style-type: none;
	width: 157px;
	border-left: 3px solid #FFFFFF;
	text-align: left;
	height: 60px;
	vertical-align: middle;
	font-weight: bold;
}

.global_navigation_inner:nth-of-type(5) ul {
	left: -319px;
}

.global_navigation_inner:nth-of-type(6) ul {
	left: -319px;
}

.global_navigation_inner a {
	width: 100%;
	height: 60px;}
	
.global_navigation a:hover {
	background-color: #FFFFFF;
	color: #316702;
	text-decoration:none;
	}

.global_navigation_inner ul{
	position: relative;
	display: none;
	background-color: rgba(255, 255, 255, 0.9);
	width: 200%;
	margin: 0;
	padding: 3px;
	letter-spacing: -.4em;
}

.global_navigation_inner.width3 ul{
	width: 475.5px;
	z-index: 1000;
}

.global_navigation_inner.width3 ul li{
	width: 153.5px;
}

.global_navigation_inner.width3 ul li:nth-of-type(3n+2){
	width: 156.5px;
	margin: 0 3px;
}

.global_navigation_inner ul li{
	display : inline-block;
	vertical-align: top;
	margin : 0;
	width : 40%;
	border-bottom: 2px solid #489100;
	letter-spacing: normal;
}

.global_navigation_inner ul li a{
	font-size: 95%;
	font-weight: normal;
	color: #000000;
	line-height: 2em;
	/*height: auto;*/
}

.global_navigation_inner ul{
}

.global1 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon1.png);
	background-position: 8px 8px;
	padding-left:55px;
	padding-top:17px;
	display:block;
	color:#FFFFFF;
}

a:hover.global1 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon1b.png);
	background-position: 8px 8px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global2 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon2.png);
	background-position: 8px 10px;
	padding-left:55px;
	padding-top:4px;
	display:block;
	color:#FFFFFF;
}
a:hover.global2 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon2b.png);
	background-position: 8px 10px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global3 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon3.png);
	background-position: 8px 11px;
	padding-left:55px;
	padding-top:4px;
	display:block;
	color:#FFFFFF;
}
a:hover.global3 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon3b.png);
	background-position: 8px 11px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global4 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon4.png);
	background-position: 8px 12px;
	padding-left:55px;
	padding-top:4px;
	display:block;
	color:#FFFFFF;
}
a:hover.global4 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon4b.png);
	background-position: 8px 12px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global5 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon5.png);
	background-position: 8px 4px;
	padding-left:55px;
	padding-top:4px;/* Edited by Matsuda */
	display:block;
	color:#FFFFFF;
}
a:hover.global5 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon5b.png);
	background-position: 8px 4px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}

.global6 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon6.png);
	background-position: 8px 8px;
	padding-left:55px;
	padding-top:17px;
	display:block;
	color:#FFFFFF;
}
a:hover.global6 {
	background-repeat: no-repeat;
	background-image: url(../img/gicon6b.png);
	background-position: 8px 8px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}



#population {
	background-color: #489100;
	color: #FFFFFF;
	width: 200px;
	border-top: 1px solid #A8A8A8;
	border-left: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 25px;
	padding-bottom: 10px;
	float: left;
	/*font-size: 20px;*/
	letter-spacing: 20px;
	text-align: center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	margin-top: 15px;
	font-weight: bold;
}
#population2{
	width: 760px;
	padding: 10px;
	padding-left: 25px;
	border-bottom-right-radius: 8px;
	border-top-right-radius: 8px;
	border-top: 1px solid #A8A8A8;
	border-right: 1px solid #A8A8A8;
	border-bottom: 1px solid #A8A8A8;
	float: left;
	display: block;
	margin-top: 15px;
	font-size: 90%;
}
#population2 span {
	display: inline-block;
	margin-left: 1em;
}
.small_txt{
	font-size: 90%;
}
#contents_main {
	float: left;
	width: 680px;
	margin-right: 20px;
	box-sizing:content-box;
}
#contents_side {
	float: right;
	width: 260px;
}
#contents_side2 {
	float: left;
	width: 260px;
}
#update_title {
	background-color: #489100;
	color: #FFFFFF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	font-size: 130%;
	border-radius: 8px;
	font-weight: bold;
}
#contents_side2 a {
	color: #000000;	
}
#footer_inner {
	max-height:100%;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFFFFF;
	border: 0;
}
.gray_box {
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
}
.gray_box2 {
	margin-top: 6px;
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
	background-color: #FFFFFF;
	/*height: 53px;*/
}
.gray_box3 {
	margin-top: 6px;
	border: 1px solid #D5D5D5;
	border-radius: 8px;
	padding-top: 12px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	background-color: #FFFFFF;
	min-height: 53px;
	/*height: 53px;*/
}
.info_banner img {
	margin: 6px auto;
	width: 260px;
	height: auto;
}
.colomn_2 {
	padding-top: 15px;
}
#contents_side2 ul{
	margin:15px 0px;
	padding:0px;
}

#contents_side2 li {
	background-image: url(../img/li_mark.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 20px;
	background-position: 0% center;
	line-height: 1.8em;
}

.colomn_3 {
	float: right;
	width: 700px;
}
body {
}
.colomn_2 a {
	color: #3E72A8;
	display: block;
	width: 100%;
	text-decoration: none;
	/*font-size: 18px;*/
	font-weight: bold;
}
.colomn_2 a:hover {
	color: #A8443E;
}
.gray_box3 a {
	color: #125E00;
	display: block;
	width: 100%;
	text-decoration: none;
	/*font-size: 18px;*/
	font-weight: bold;
}
.colomn_3 a:hover {
	color: #A8443E;
}
#search_box {
	border-radius: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	background-color: #85BDF2;
}
#search_box img {
	padding: 0 5px;
}
.life_box {
	/*width: 124px;*/
	width: 132px;
	border: 4px solid #B8D9FF;
	border-radius: 10px;
	float: left;
	/*height: 109px;*/
	height: 120px;
	min-width: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	background-color: #FFFFFF;
	text-align: center;
	padding-top: 15px;
}
.life_box a{
	display: block;
	width: 100%;
	color: #000000;
	}
.life_box_name {
	/*padding-top: 10px;*/
	padding-top: 5px;
	font-size: 90%;
	font-weight: bold;
}
.right_margin0 {
	margin-right: 0px;
}

h2 {
	/*width: 97%;*/
	color: #FFFFFF;
	background-color: #489100;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 5px;
	font-size: 110%;
	font-weight: bold;
	border: 0;
}
#banner_box img {
	float:left;
	padding-right:16px;
	padding-bottom:10px;
}
.right_margin00 {
	padding-right: 0px;
}

.foot_name {
	font-size: 120%;
	font-weight: bold;
	/* [disabled]line-height: 0px; */
	vertical-align: -3px;
}
.adress {
	float: left;
	padding-top: 10px;
}
.access {
	float: right;
	background-color: #FFFFFF;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	border-radius: 8px;
	font-weight: bold;
	color: #000000;
}
#copy {
	width: 100%;
	text-align: center;
	padding-top: 15px;
}
.ci_ad {
	padding-left: 50px;
}
#weather {
	float: left;
	width: 0px;
}
#map {
	float: right;
}
ul.tab {
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}
ul.tab li {
	/*width:156px;*/
	width: 168px;
	text-align:center;
	float: left;
	margin-right: 2px;
	padding: 5px;
	background-color: #fff;
	color: #666;
	cursor: pointer;
	border-top: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
ul.tab li:hover {
    color: #FF0000;
}
ul.tab li.active.tab1 {
	background-color: #FFA64D;
	color: #000;
}
ul.tab li.active.tab2 {
	background-color: #FFEFBF;
	color: #000;
}
ul.tab li.active.tab3 {
	background-color: #FFBEFE;
	color: #000;
}
ul.tab li.active.tab4 {
	background-color: #CFBFFF;
	color: #000;
}

div.tabContent {
	clear: both;
	border: 1px solid #ccc;
	padding: 20px;
	/*width: 94%;*/
	display: none;
	height: 280px;
	overflow: auto;
	
}
div.active {
    display: block;
}
.date {
	float: left;
	padding-right: 5px;
	font-size: 85%;
	display: table-cell;
}
.newsicon {
	float: left;
	padding-right: 5px;
	display: table-cell;
}
.icon_oshirase {
	background-color: #FEBFBD;
	border-radius: 3px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 75%;
	text-align: center;
	width: 75px;
	line-height: 21px;
}
.icon_events {
	background-color: #FFC0FF;
	border-radius: 3px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 75%;
	text-align: center;
	width: 75px;
	line-height: 21px;
}
.icon_bosyu {
	background-color: #CFBCFF;
	border-radius: 3px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 75%;
	text-align: center;
	width: 75px;
	line-height: 21px;
}
.icon_koushin {
	background-color: #FFF0BB;
	border-radius: 3px;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-left: 1px;
	font-size: 75%;
	text-align: center;
	width: 75px;
	line-height: 21px;
}
.news_title {
	float: left;
	display:table-cell
	font-size: 95%;
	width: 75%;
	margin-left: 5px;
}
.news_title_wide {
	float: left;
	display:table-cell
	font-size: 95%;
	margin-left: 5px;
}
.newsbox {
	padding-bottom: 8px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
}
.news_title a {
	font-size: 95%;
	color: #000000;
	font-weight: normal;
}
#news {
	padding-top: 15px;
}
.news_all {
	text-align: right;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
}

#warning {
	width: 100%;
	margin: 0 auto;
}

#warning_box,
.warning_box,
.warning_box2 {
	background-color: #EA001B; /* #EF4E72 */
	border-radius: 8px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	color: #FFFFFF;
	margin-top: 15px;
	font-weight: bold;
}

#warning .warning_box {
	height: 50px;
}

#warning .warning_box:after,
#warning:after {
	display: block;
	content: "";
}

#warning_title,
.warning_title {
	/* width: 150px; */
	font-size: 120%;
	letter-spacing: 5px;
	float: left;
	padding-top: 5px;
}

.warning_title {
	padding-top: 0px;
}

/* #warning .warning_title {
	width: 160px;
} */

#warning_title img,
.warning_title img {
	padding-right: 5px;
}

#warning .warning_title img {
	padding: 0;
}

#warning.top .warning_box {
	width: 500px;
	margin: 0 auto 30px auto;
}
#warning.top .warning_box2 {
	width: 530px;
	margin: 0 auto 30px auto;
}
#warning.top .warning_box_out {
	margin: 0 15px;
}

/* #warning.top .warning_box img {
	width: 20px;
	height: auto;
} */

#warning.top .warning_title {
	margin: 0 auto;
	float: none;
}

#warning.top .warning_title img {
	margin-right: 10px;
}

#warning a {
	color: #fff;
	text-decoration: none;
}
.warning_box:after,
.warning_box2:after,
.warning_comment_box:after {
	content: "";
	display: block;
	clear: both;
}

#cover_search_box form input {
}
#cse-search-box {
	vertical-align:middle;
}
form img {
}
#warning_honbun,
.warning_honbun {
	width: 530px; /* 480px */
	color: #000000;
	background-color: #FFFFFF;
	float: left;
	display: table-cell;
	padding-top: 5px;
	padding-right: 10px; /* 5px */
	padding-bottom: 5px;
	padding-left: 10px; /* 5px */
	border: 0;
	margin-left: 10px;
	font-size: 95%;
}
#warning_honbun a,
.warning_honbun a {
	display: inline;
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}
#warning_honbun a:hover,
.warning_honbun a:hover {
	color: #A8443E;
}

.news_all {
	text-align: right;
	margin-bottom: 15px;
}
.news_all a{
	font-size: 95%;
	color: #000000;
	font-weight: normal;
	display: table-cell;
	text-align: right;
}
.bg-slider {
	display: none;
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/headimg.jpg);
	margin-top: 8px;
	background-attachment: scroll;
}

.bg-slider img {
	display: none;
}

.bg-slider img:first-of-type{
	display: block;
}

.bg-slider2 {
	width: 100%;
	height: 300px;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/siteseeingimg.png);
	margin-top: 8px;
	background-attachment: scroll;
}
.targetLanguage{
	background-color: #D9D9D9;
	}
#cover_contents {
	/*background-image: url(../img/cover_bg2.png);*/ /* Edited by Matsuda. */
	background-attachment: fixed;
	background-size: 100% auto;
	text-align: center;
}
#cover_contents img {
	padding:20px;
}
.topline {
	border-top: 5px solid #A1C36D;
}
#banner_box2 {
	width: 960px;
	text-align: center;
	/* margin-top: 20px; */
	margin-right:auto;
	margin-left:auto;
}
#banner_box2 img {
	/* margin-left: 5px;
	margin-right: 5px; */
	margin: 5px;
}
#banner_box2 {
	width: 600px; /* 880px */
}

/* #banner_box2 button.left, 
#banner_box2 button.right {
	float: left;
	width: 50px;
	line-height: 55px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 1px solid whitesmoke;
	color: #222;
}
#banner_box2 .scroll_parent {
	float: left;
	width: calc(100% - 100px);
	overflow: hidden;
	padding: 0;
	margin: 0;
} */

#banner_box2 .scroll li {
	float: left;
}

/* #banner_box2 .scroll {
	margin-left: 0;
	width: 10000px;
}
#banner_box2 .scroll,
#banner_box2 .scroll:after {
	display: block;
	content: "";
} */
#banner_box2 .scroll a {
	float: left;
}

.global2.active {
	background-repeat: no-repeat;
	background-image: url(../img/gicon2b.png);
	background-position: 8px 10px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global3.active {
	background-repeat: no-repeat;
	background-image: url(../img/gicon3b.png);
	background-position: 8px 11px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global4.active {
	background-repeat: no-repeat;
	background-image: url(../img/gicon4b.png);
	background-position: 8px 12px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global5.active {
	background-repeat: no-repeat;
	background-image: url(../img/gicon5b.png);
	background-position: 8px 4px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.global6.active {
	background-repeat: no-repeat;
	background-image: url(../img/gicon6b.png);
	background-position: 8px 8px;
	background-color: #FFFFFF;
	color: #2C6200;
	text-decoration: none;
}
.pankuzu {
	margin-top: 30px;
	margin-bottom: 20px;
}
#update_honbun dt {
	float: left;
	background-repeat: no-repeat;
	background-image: url(../img/li_mark.png);
	width: 170px;
	padding-left: 25px;
	background-position: 0% 3px;
	display:table-cell
	padding-bottom:10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#update_honbun dd {
	clear: left;
	display: table-cell;
	padding-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#update_honbun ul {
	padding-left: 0px;
}
.janre_title {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #8BC0F5;
	font-size: 100%;
	border-radius: 8px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-weight: bold;
	color: black;
}
.janre_menu li {
	background-image: url(../img/li_mark.png);
	list-style: none;
	padding-left: 20px;
	background-position: 0% center;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
}

.janre_menu li a {
	color: #000000;	
	text-decoration: underline;
	line-height: 2em;
}

#janre a {
	text-decoration: underline;
}

.colomn_3 h3{
	border: 1px solid #B3B3B3;
	font-size: 120%;
	margin-top: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #464646;
}

.colomn_3.toiawase {
	float: none;
	margin: 0 auto;
}



.colomn_3 th, 
.colomn_3 td {
	border: 1px solid #9FB6D2;
}

.colomn_3 th {
	background-color: whitesmoke;
	text-align: center;
}

#smart-banner {
	display: none;
}

/* TOIAWASE*/
#toiawase {
	width: 450px;
	margin-top: 20px;
	padding-left: 40px;
	padding-bottom: 10px;
	clear: both;
}
#toiawase p {
	margin: 0px;
	font-size: 90%;
	border: 1px solid #9FB6D2;
	color: #000;
	font-weight: 0;
	text-align: left;
	background-image: url(../img/tel.jpg);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	height: 33px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 30px;
	width: 450px;
}
#toiawase dl dd {
	font-size: 90%;
	color: #333;
	line-height: 1.3em;
	text-align: left;
	padding-left: 20px;
	margin: 0 20px 0 0;
	width: 430px;
	/*background: #eee;*/
}

.global_navigation_inner ul {
	display: block;
}

#header_wrapper .global_navigation_inner ul {
	display: none;
}

/*2nd 画像帯*/
.life {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk1.png);
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
}
.health {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk2.png);
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
}
.education {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk3.png);
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
}
.tourism {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk4.png);
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
}
.towninfo {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk5.png);
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
}
.facilities {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk6.png);
	background-color: #ffffff;	/* h2要素の背景色 */
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
	border-radius: 0;	/* h2要素の枠 */
}
.specialty {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk7.png);
	background-color: #ffffff;	/* h2要素の背景色 */
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
	border-radius: 0;	/* h2要素の枠 */
}
.gourmet {
	background-repeat: no-repeat;
	background-image: url(../img/title_bk8.png);
	background-color: #ffffff;	/* h2要素の背景色 */
	background-position:right 0px ;
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
	border-radius: 0;	/* h2要素の枠 */
}
/*2nd 画像帯 end*/


#search {
	vertical-align: middle;
}
.colomn {
	float: left;
	width: 48%;
	margin-right: 20px;
}

.colomn:nth-of-type(2n),
.colomn_right {
	float: left;
	width: 48%;
	margin-right: 0px;
}

.colomn:after,
#blockarea_div1:after {
	clear: both;
	display: block;
	content: "";
}
#search_box input[type=text] {
	background-color: #F9F9F9;
	width: 485px;
}

#search_box input.submit {
	background-color: #F9F9F9;
}

.submit {
	background-color: #E0E0E0;
	width: 110px; /* 20171116 �lj� */
	font-weight: bold;
}
.coversubmit {
	background-color: #FFFFFF;
	width: 300px;
	height: 50px;
	margin-right: 10px;
}
.cover img,
.cover input {
	vertical-align: middle;
}
#global_navigation_title {
	color: #FFFFFF;
	float: left;
	font-size: 200%;
	font-weight: bold;
	padding: 10px 0px 30px;
}
#global_navigation_link {
	float: right;
}
#global_navigation_link a {
	color: #FFFFFF;
	display: block;
	float: left;
	padding: 10px 30px 30px;
	font-size: 120%;
}
.r_line{
	border-right: 3px solid #FCFCFC;
}
#global_navigation2 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}
#contents h3{
	border: 1px solid #B3B3B3;
	font-size: 200%;
	margin-top: 20px;
	padding: 30px;
	color: #464646;
}
.siteseeing_colomn {
}
.siteseeing_colomn img {
	width: 48%;
	height: auto;
	margin-bottom: 15px;
	margin-right: 15px;
}
.siteseeing_colomn img:nth-child(even){
	margin-right: 0px;
}

#smart-button {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
    width: 100px;
    height: 35px;
    z-index: 100;
    border: 0;
}

#smart-button button {
	width: 100%;
	height: 100%;
	line-height: 33px;
    border: 1px solid whitesmoke;
    background-color: #b3d4fc;
    border-radius: 0 0 5px 5px / 5px 5px 5px 5px;
}

#smart-menu {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 90;
	padding-top: 40px;
}

#smart-menu .global_navigation_inner {
	border: 0;
	width: 100%;
}

#smart-menu .global_navigation_inner a {
	background-color: #489100;
	border-top: 2px solid white;
	border-bottom: 1px solid white;
}

#smart-menu .global_navigation_inner:first-of-type a {
	border-top: 3px solid white;
}

#smart-menu .global_navigation_inner:last-of-type a {
	border-bottom: 3px solid white;
}

#smart-menu .global_navigation_inner a.global1,
#smart-menu .global_navigation_inner a.global2,
#smart-menu .global_navigation_inner a.global3,
#smart-menu .global_navigation_inner a.global4,
#smart-menu .global_navigation_inner a.global5 {
	padding-top: 17px;
}

#smart-display,
#pc-display {
	display: none;
	background-color: none;
	text-align: center;
}

#smart-display {
	width: 100%;
	padding-bottom: 0.5em; /* padding: 1em; */
}

#smart-display button {
	border: 0;
}

#pc-display {
	/* padding-top: 50px; */
}
#pc-display button {
	width: 100%;
	font-size: 200%;
	padding: 1em;
	border: 1px solid white;
}

#index-background {
	position: fixed;
	width: 100%;
	height: auto;
	z-index: -100;
}

#index-background img {
	width: 100%;
	height: auto;
	padding: 0;
}

#wcv_sys_content {
	box-sizing: content-box;
}

#wcv_sys_edit_blockeditarea {
	font-size: 155%;
}

.bg-slider .wcv_system_form input[type=image] {
	width: 300px;
	height: auto;
}

#form {
	width: 100%;
}

#form * {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#form td, 
#form th {
	font-weight: normal;
	border: 1px solid #8BC0F5;
	text-align: left;
}

#form input[type=text],
#form textarea {
	width: 350px;
	border: 1px solid gray;
}

#form textarea {
	height: 350px;
}

#form input[type=submit],
#form input[type=reset] {
	display: inline-block;
	width: 100px;
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	margin: 0 0.5em;
}

#form .required {
	color: red;
}

#form tr.btn td {
	text-align: center;
}

#form fieldset {
	display: none;
}

#wcv_sys_edit_pageeditarea #index-background {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 300px;
}

#wcv_sys_edit_pageeditarea #index-background input[type=image] {
	width: 300px;
	height: auto;
}

.bg-slider #wcv_form1 input[type=image] ,
#index-background #wcv_form1 input[type=image] {
	width: 65px;
}

#wcv_sys_edit_pageeditarea .tabContent {
	display: block;
}

.ww_h2 {
	color: black;
	background-image: url(../img/li_mark.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;
	border-bottom: 1px solid #8BC0F5;
	border-radius: 0;
	padding-left: 20px;
	clear: both;
}

.text_black {
	color: black;
}

.text_red {
	color: red;
}

.text_green {
	color: green;
}

.text_blue {
	color: blue;
}

.emergency h2 {
	background-color: crimson;
}

.emergency section {
	border: 4px solid crimson;
}

.emergency-information {
	border: 4px solid crimson;
}

h2.emergency-information {
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	margin-bottom: 0;
}

h2.saigai-new,
h2.kyukyu-info {
	margin-top: 0;
}

h2.kyukyu-info {
	border: 0;
	border-radius: 0;
}

.emergency-information p {
	padding: 1em;
	margin: 0;
}

section.kyukyu-info {
	border-radius: 5px 5px 0 0 / 5px 5px 0 0;
	margin-top: 10px;
}

ul.kinkyu-tab {
	margin: 0;
	padding: 0;
}

li.kinkyu-list {
	margin: 0;
	padding: 0 0 8px 0;
}

.bor-bottom-0 {
	border-bottom: 0;
}

.bor-top-0 {
	border-top: 0;
}

.pad-left-6 {
	padding-left: 6px;
}

.life_stage li {
	display: block;
}

#output {
	position: relative;
	width: 200px;
	height: 300px;
	background-image: url(/img/base.png);
	background-size: 100% auto;
	overflow: hidden;
}
#owm_forecast,
#owm_weather,
#owm_forecast_temp,
#owm_weather_temp {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 300px;
	background-image: url(/img/base.png);
	background-size: 100% auto;
}
#owm_forecast strong,
#owm_weather strong,
#owm_forecast_temp strong,
#owm_weather_temp strong {
	position: absolute;
	top: 0.5em;
	left: 0;
	background-color: #489100;
	color: white;
	padding: 0.1em;
}
#owm_forecast span,
#owm_weather span {
	position: absolute;
}
#owm_forecast_temp .max,
#owm_weather_temp .max{
	background-color: lightpink;
}
#owm_forecast_temp .min,
#owm_weather_temp .min {
	background-color: lightskyblue;
}
#owm_forecast .yonezawa span,
#owm_weather .yonezawa span {
	top: 225px;
	left: 130px;
}
#owm_forecast .kawanishi span,
#owm_weather .kawanishi span {
	top: 200px;
	left: 15px;
}
#owm_forecast .yamagata span,
#owm_weather .yamagata span {
	top: 130px;
	left: 130px;
}
#owm_forecast .shinjo span,
#owm_weather .shinjo span {
	top: 35px;
	left: 125px;
}
#owm_forecast .sakata span,
#owm_weather .sakata span {
	top: 70px;
	left: 10px;
}

#owm_forecast_temp .yonezawa,
#owm_weather_temp .yonezawa {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 235px;
	right: 0px;
}
#owm_forecast_temp .kawanishi,
#owm_weather_temp .kawanishi {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 220px;
	left: 5px;
}
#owm_forecast_temp .yamagata,
#owm_weather_temp .yamagata {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 140px;
	right: 5px;
}
#owm_forecast_temp .shinjo,
#owm_weather_temp .shinjo {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 45px;
	right: 5px;
}
#owm_forecast_temp .sakata,
#owm_weather_temp .sakata {
	background-color: rgba(255, 255, 255, 0.8);
	position: absolute;
	top: 80px;
	left: 5px;
}
#owm_weather .bottom-left,
#owm_forecast .bottom-left,
#owm_weather_temp .bottom-left,
#owm_forecast_temp .bottom-left {
	position: absolute;
	left: 0;
	bottom: 0;
}
#owm_weather .bottom-right,
#owm_forecast .bottom-right,
#owm_weather_temp .bottom-right,
#owm_forecast_temp .bottom-right {
	position: absolute;
	right: 0;
	bottom: 0;
}
#owm_weather button ,
#owm_forecast button,
#owm_weather_temp button,
#owm_forecast_temp button {
	background-color: rgba(255, 255, 255, 0);
	border: 0;
	padding: 2px;
}
#wcv_sys_edit_pageeditarea #banner_box2 .scroll {
	width: auto;
}

#owm_weather .bottom-right button,
#owm_weather_temp .bottom-right button,
#owm_forecast .bottom-right button,
#owm_forecast_temp .bottom-right button {
	background-image: url(/img/r_arrow.png);
	background-repeat: no-repeat;
	color: white;
	text-align: center;
	width: 100px;
	height: 23px;
	line-height: 23px;
	font-size: 75%;
	padding: 0;
}

#owm_forecast .bottom-right button,
#owm_forecast_temp .bottom-right button {
	background-image: url(/img/l_arrow.png);
}

/* CSS Document */


/* 横幅が480px以下の場合に適用 */
@media screen and (max-width: 480px){
	body {
		width: 100%;
	}
	h2,
	#header, 
	#global_navigation, 
	#global_navigation2, 
	#footer_inner,
	#contents_main,
	/* #warning_honbun, */
	div.tabContent {
		width: 100%;
	}
	#warning_honbun {
		width: 95%;
	}
	#header {
		padding-left: 10px;
	}
	
	#global_navigation,
	#info, 
	.sub_navi_inner.sitemap,
	.sub_navi_inner.change-size {
		display: none;
	}
	
	#search_box input[type=text] {
		width: calc(100% - 35px);
	}
	
	#search_box input.submit {
		width: 100%;
		margin-top: 10px;
	}
	
	.sub_navi_inner {
		float: none;
		display: inline-block;
	}
	
	.sub_navi_inner.google {
		/*margin-top: 5px;*/
	}
	
	div.tabContent {
		padding: 10px;
	}
	
	.news_title {
		width: calc(100% - 155px);/* 暫定 */
	}
	
	.news_title a {
		font-size: 100%;
	}
	.access {
		float: right;
		margin: 0 auto;
		margin-top: 15px;
	}
	
	#smart-button {
		display: block;
	}
	
	#smart-banner_box {
		text-align: center;
	}
	
	#smart-banner_box img {
		width: 45%;
		height: auto;
		padding-left: 5px;
		padding-right: 5px;
	}
	
	#smart-banner_box img:nth-of-type(2n) {
		padding-right: 0;
	}
	
	#smart-banner_box img:nth-of-type(2n+1) {
		padding-left: 0;
	}
	
	ul.tab li {
		width: 49%;
	}
	
	#footer {
		padding-top: 0;
		margin-top: 50px;
	}
	
	#footer_inner {
		padding: 15px;
	}
	
	.adress span{
		display: block;
	}
	
	.colomn_2, 
	#news {
		padding-top: 0;
	}
	
	.bg-slider {
		height: 150px;
	}
	
	#wrapper + .bg-slider {
		/*display: none;*/
		/*background: none;*/
	}
	
	#sub_navi {
		float: none;
		width: 100%;
		text-align: center;
	}
	#population {
		/* display: none; 人口情報表示位置変更用 */
		width: 100%; /* 150px 人口情報表示位置変更用 */
		height: 40px; /* 人口情報表示位置変更用 */
		border-bottom: 0;
		border-radius: 8px 8px 8px 8px / 8px 8px 0 0;
		letter-spacing: 0px; /* 5px 人口情報表示位置変更用 */
		text-align: left; /* center 人口情報表示位置変更用 */
		padding: 10px 0 0 10px; /* 10px 0 人口情報表示位置変更用 */
		margin-top: 10px; /* 0 人口情報表示位置変更用 */
	}
	#population2 {
		/* display: none; 人口情報表示位置変更用 */
		width: 100%;
		margin-top: 0;
		border: 1px solid #A8A8A8;
		border-radius: 8px 8px 8px 8px / 0 0 8px 8px; /* / 0 8px 8px 8px; 人口情報表示位置変更用 */
	}
	#population2 span {
		display: block;
	}
	#population2 span.gender {
		display: inline-block;
	}
	
	#warning_box {
		margin: 10px 0;
	}
	
	.warning_box,
	.warning_box2 {
		margin: 15px 0;
	}
	
	#warning.top .warning_box,
	#warning.top .warning_box2 {
		width: 80%; /* 100% */
	    margin-bottom: 30px;
	}
	
	.life_box {
		float: left;
		margin-left: 15%;
		margin-right: 0;
	}
	.life_box:nth-of-type(2n){
		float: right;
		margin-left: 0;
		margin-right: 15%;
	}
	
	#contents_side {
		float: left;
		width: 100%;
		margin-top: 10px;
	}
	
	#logo {
		width: 100%;
	}
	
	#banner{
		display: none;
	}
	#smart-banner {
		display: block;
	}

	#cover_contents img {
		width: 100px;
		height: 100px;
		padding: 10px;
	}
	#cover_contents img.cover_title {
		width: 100%;
		height: auto;
	}
	#cover_contents #warning img {
		width: 300px!important;
		height: auto;
	}
	#banner_box2 {
		width: 100%;
	}
	
	#banner_box2 img {
		display: inline-block;
		padding: 0;
		margin: 5px;
	}

	#banner_box2 {
		width: 100%;
	}
	#banner_box2 button.left, 
	#banner_box2 button.right {
		display: none;
	}
	#banner_box2 .scroll {
		width: auto;
	}
	/* #banner_box2 .scroll a {
		float: none;
	}*/
	#banner_box2 .scroll_parent {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}

	#banner_box2 .scroll_parent li {
		width: 50%;
		height: auto;
		display:inline-block;
	}
	
	#cover_contents {
		background-size: auto 100%;
		background-position: center;
	}
	
	#cse-search-box img.searchicon-png{
		display: none;
	}
	
	.coversubmit {
		margin:0 auto;
	}
	
	#cover_search_box form input[type=image] {
		margin-top: 10px;
	}

	#smart-display,
	#pc-display {
		width: 100%;
		display: block;
	}
	
	#pc-display {
		display: none;
	}

	#index-background img {
		width: auto;
		height: 100%;
		padding: 0;
	}
	
	#contents_side2,
	.colomn_3,
	.colomn,
	.colomn:nth-of-type(2n), 
	.colomn_right,
	#toiawase,
	#toiawase p {
		float: none;
		width: 100%;
	}

	#toiawase {
		padding-left: 0;
		clear: both;
	}
	
	#contents_side2 {
		display: none;
	}

	.emergency h2 {
		margin: 10px 0;
	}
	
	h2.emergency-information {
		margin: 0;
	}
	
	.emergency #smart-banner {
		display: none;
	}
	/*
	#global_navigation_title {
		width: 100%;
		text-align: center;
	}
	*/
	.wcvleft img,
	.wcvright img{
		max-width: 100%;
	}
	/* Added 230515 */
	#janre .gikaisoshiki td{ 
	width: 100%;
	}
	#janre #form .btn {
		display: table-row;
		width: auto;
		height: auto;
		position: static;
	}
	#janre #form .btn:before,
	#janre #form .btn:after {
		display: none;
	}
	#janre iframe {
		width: 100%;
		height: 300px;
	}
	#janre img {
		max-width: 100%;
		height: auto;
		margin: 0;
	}
	#contents {  /* 人口情報表示位置変更用 */
		display:flex;
		flex-direction:column;
	}
	#smart-population {
		order: 2;
	}
	#smart-contents {
		order: 1;
	}
	#smart-banner {
		order: 3;
	}
	#smart-display {
		order: 4;
	}
	.info_banner img {
	width: initial;
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;
	}
	#search_box img {
	width: 27px;
	padding: 0 3px;
	}
	.pankuzu {
	margin-top: 0;
	margin-bottom: 0;
	}
	#janre .newsbox .news_title {
	width: calc(100% - 90px);
	}
}

/* 横幅が410px以下の場合に適用 */
@media screen and (max-width: 410px) {
	.life_box {
		margin-left: 10%;
	}
	.life_box:nth-of-type(2n){
		margin-right: 10%;
	}
	
}

/* 横幅が340px以下の場合に適用 */
@media screen and (max-width: 340px) {
	.life_box {
		margin-left: 5%;
	}
	.life_box:nth-of-type(2n){
		margin-right: 5%;
	}
}

.to_top {
	text-align: right;
	margin-top: 20px;
	clear: both;
}

.sumou_title {
	background-color: #489100;
	color: #FFFFFF;
	padding: 15px;
	margin-top: 30px;
	font-size: 120%;
	border-radius: 8px;
	font-weight: bold;
}

#nav-skiplink {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

.nav-skiplink {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

.life_title {
	background-color: #489100;
	color: #FFFFFF;
	padding: 15px;
	margin-top: 30px;
	font-size: 120%;
	border-radius: 8px;
	font-weight: bold;
}

#hinan table {
	clear: both;
	/*width: 635px;*/
	margin: 10px 0px 25px 0px;
	border-collapse: collapse;
	border: 1px solid #666;
	border-spacing: 0;
	empty-cells: hide;
}
#hinan caption {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
#hinan th {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #EFF5F8;
}
#hinan td {
	text-align: left;
	padding: 5px;
	border: 1px solid #999;
}

/* 救急・救命・防災情報 横並び */
.kyukyu-info ul {
	padding: 0 20px;
}
.kyukyu-info li {
	float: left;
	padding-right: 30px;
}
.kyukyu-info li a {
    color: #3E72A8;
    font-weight: bold;
}
.kyukyu-info ul:after {
	content: "";
	display: block;
	clear: both;
}

/* 緊急情報 自由記述エリア */
.emergency p {
	padding: 0 20px;
}
.emergency-information p {
	padding: 20px;
}

/* トップページ緊急情報 自由記述エリア */
#warning .warning_box2 {
	height: auto;
}
#warning .warning_box2 .warning_title {
	padding: 0px; /* 5px */
}
#warning .warning_box2 .warning_comment_box {
	color: #000;
	background-color: #fff;
	padding: 10px;
	text-align: left;
	font-weight: normal;
	font-size: 95%;
}
#warning .warning_box2 .warning_comment_box p {
	margin: 3px 0;
}
#warning .warning_box2 .warning_comment_box ul {
	margin: 0;
	padding-left: 30px;
}
#warning .warning_box2 .warning_comment_box ul li {
	list-style: initial;
	list-style-color: #333;
}
#warning .warning_box2 .warning_comment_box a {
	color: #000;
	text-decoration: underline;
}
#warning .warning_box2 .warning_comment_box a:hover {
	color: #A8443E;
}
#cover_contents #warning .warning_box2 img {
	width: auto!important;
}
#cover_contents #warning .warning_box2 img.wcv_ww_fileicon {
	padding: 0px;
}


@media screen and (max-width: 480px){
table.mailform tbody {
    overflow: visible!important;
    width: 85%!important;
    border:0px!important;
}
table.mailform::-webkit-scrollbar {
    display: none;
}
table.mailform caption {
    white-space: normal;
}
table.mailform tr {
    width: 100%!important;
}
table.mailform th,
table.mailform td {
    display: block;
    white-space: normal;
    width: 100%!important;
}
table.mailform input[type=text] {
    width: 100%!important;
}
table.mailform select {
    width: 100%!important;
}
table.mailform textarea {
    width: 100%!important;
    max-height: 250px!important;
}
#janre table.mailform {
	border: 0;
}

#janre .wcvimg-floatleft {
    margin-left: 0;
    margin-bottom: 10px;
}

#janre .wcvimg-floatright {
float: left;
    margin-bottom: 10px;
}

#janre .wcv-floatbox-left p,
#janre .wcv-floatbox-right p {
    display: inline-block;
}
}

/* table scroll */
@media screen and (max-width: 480px){
#janre table {
	width:99% !important;
	overflow: auto;
	white-space: nowrap;
	display:block;
	margin-left:0px;
	margin-right:0px;
}

#janre table thead,
#janre table tbody {
	width: 100%;
	/* display:table; */
}

#janre table caption {
	text-align: left;
}
 
/*tableにスクロールバーを追加*/
#janre table::-webkit-scrollbar {
	height: 5px;
}
 
/*tableにスクロールバーを追加*/
#janre table::-webkit-scrollbar-track {
	background: #F1F1F1;
}
 
/*tableにスクロールバーを追加*/
#janre table::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
}

/* 行政情報トップページ変更 */
.facebook {
	width: 430px;
	float: left;
	margin-right: 15px;
}
.choho {
	width: 235px;
	float: left;
}
.choho_inner {
	background-color: #fbfbfb;
	border: 1px solid #ebedf0;
	text-align: center;
	padding: 10px 0;
}
.choho_inner img {
	width: 162px;
	/* height: 230px; 2025-05-13 Comment Out */
	border: 1px solid #ebedf0;
}
.choho_inner ul {
	margin: 10px 0 0 30px;
	padding: 0;
}
.choho_inner li {
	background-image: url(../img/li_mark.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 20px;
	background-position: 0% center;
	line-height: 1.8em;
	text-align: left;
}
.choho_inner li a {
	color: #000;
	font-weight: normal;
	text-decoration: underline;
}

@media screen and (max-width: 480px){
.facebook {
	width: 100%!important;
	margin-right: 0;
}
.choho {
	width: 100%;
}
.choho_inner img {
	width: 70%;
	height: auto;
}
.choho_inner ul {
	margin-left: 60px;
}
}

/* 特設枠 */
.tokusetsu_box {
	margin-bottom: 15px;
	background-color: #f9e8e8;
	border: 1px solid #ab0114;
	text-align: center;
}

.tokusetsu_box a {
	color: #ab0114;
	letter-spacing: 1px;
	box-sizing: border-box;
	padding: 8px;
}

.top_tokusetsu_box {
	width: 530px;
	margin: 15px auto;
	background-color: #f9e8e8;
	border: 1px solid #ab0114;
	text-align: center;
}

.top_tokusetsu_box a {
	display: block;
	box-sizing: border-box;
	padding: 8px;
	color: #ab0114;
	letter-spacing: 1px;
	font-weight: bold;
	text-decoration: none;
}
.top_tokusetsu_box a:hover {
	color: #A8443E;
}

@media screen and (max-width: 480px){
.top_tokusetsu_box {
	width: 80%;
	}
.gate_camerawh {
	width: 100%!important;
}
.gate_camera_img {
	width: 100%;
	height: auto;
	}
}
/* ADDED 240624 */
.gate_camera {
	text-align: -webkit-center;
}
.gate_camera_img {
	margin-bottom: 2rem;
}
.gate_camerawh {
	width: 500px;
    text-align: center;
    background-color: rgb(255,255,255);
    border-radius: 8px;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
    color: rgb(72,145,0);
    margin-top: 15px;
    font-weight: bold;
    filter: drop-shadow(0px 2px 5px rgb(128,128,128));
    border: 1px solid rgb(72,145,0);
	}
.gate_camera p {
    font-weight: bold;
}