@charset "utf-8";



/**************************************************

 トップページ

***************************************************/

/* メインコンテンツ */

div#mainContents { overflow:hidden; }



/* トップメインビジュアル */

.topMainVisual{ width:100%; margin:0; text-align:center}



/* グローバルメニュー */

div#gNavi { width:100%;}

div#gNavi ul {height: auto; margin: 0; padding:0; list-style:none; }



/* バナーエリア（左コンテンツ） */

div#leftContents .bannerArea h2.hiddenText{ position:absolute; top:-9999px; left:-9999px; }

div#leftContents .bannerArea ul{ padding:0; margin:0; list-style:none; }

div#leftContents .bannerArea ul li{ margin:0; padding:0 0 10px 0; list-style:none; }

div#leftContents .bannerArea ul li img{ display:block; margin:0; vertical-align:top; }



/* バナーエリア（右コンテンツ） */

div#rightContents .bannerArea{ padding:0; background-image:none; }

div#rightContents .bannerArea h2.hiddenText{ position:absolute; top:-9999px; left:-9999px; }

div#rightContents .bannerArea ul{ padding:0; margin:0; list-style:none; }

div#rightContents .bannerArea ul li{ margin:0; padding:0 0 10px 0; list-style:none; }

div#rightContents .bannerArea ul li img{ display:block; margin:0; vertical-align:top; }



/* プラグインエリア（左コンテンツ） */

div#leftContents .pluginArea .plugin{ padding:0 0 10px 0; }



/* プラグインエリア（右コンテンツ） */

div#rightContents .pluginArea .plugin{ padding:0 0 10px 0; }



/* ボックス（左・右コンテンツ） */



.menuBox{ padding:1px 0 9px 0; position:relative;}

.menuBox h2{background-color:#4999e0;background-image:url(../100411294.gif);background-repeat:repeat-x;background-position:left top;color:#FFF;font-size:115%;padding:12px 10px 10px 10px}

/*.menuBox h2{	background-color:#ffffff;	background-image:url(../100411294.gif);	background-repeat:repeat-x;	background-position:left top;	font-size:115%;	padding:12px 10px 10px 10px;	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: #ef6910;} orange*/

.menuBox .menuBoxInner{border:1px solid #CECECE;border-top:none;padding:10px;overflow:hidden;}

.menuBox ul{list-style:none;clear:both;margin:0;padding:0}

.menuBox ul li{list-style:none;display:block;overflow:auto;zoom:1;background-image:url(../100411237.gif);background-repeat:no-repeat;background-position:left .5em;margin:0;padding:0 0 3px 12px}

.menuBox ul.toArchive li,.populationBox ul.toArchive li{background-image:url(../100411237.gif);background-repeat:no-repeat;display:block;float:right;background-position:left .5em;padding-left:12px}

.menuBox ul.toArchivefix li,.populationBox ul.toArchivefix li{background-image:url(../100411237.gif);background-repeat:no-repeat;display:block;float:right;background-position:left .5em;padding-left:12px; clear:both;}

.menuBox .menuBoxInner:after,.populationBox .populationBoxInner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 1%; }

.menuBox .menuBoxInner,.populationBox .populationBoxInner{ zoom: 1; }



/* ボックス（左） */

.mayorBox dt{float:left;font-weight:700;width:70px}

.mayorBox dd{float:right}

.populationBox{position:relative;padding:3px 0 7px}

.populationBox h2{background-color:#4999e0;background-image:url(../100411294.gif);background-repeat:repeat-x;background-position:left top;color:#FFF;font-size:115%;padding:13px 10px}

/*.populationBox h2{	background-color:#ffffff;	background-image:url(../100411294.gif);	background-repeat:repeat-x;	background-position:left top;	font-size:115%;	padding:13px 10px;	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: #ef6910;} orange*/

.populationBox .populationBoxInner{ padding:10px; border:1px solid #CECECE; border-top:none;}

.populationBox .populationBoxInner ul { margin:0; padding:0; list-style: none; clear:both; }



/* ボックス（中央） */

.topEmergency{ margin:0 0 10px 0; border:none; }

.topEmergency h2{ margin:0!important; padding:0!important; padding:10px 12px 9px 12px!important;	font-size:115%!important;}

.topEmergency h2{	background-color: #c42020!important;	color: #FFF!important;	background-image: url(../100411236.gif)!important;	background-repeat: repeat-x!important;	background-position: left bottom!important;	border-top-style: none!important;}

.topEmergency .topEmergencyInner{ padding:10px 5px 4px 5px; }

.topEmergency ul{ margin:0; padding:0; list-style-type:none; }

.topEmergency ul li{ margin:0; padding:0 0 6px 2px; list-style-type:none; }

.topEmergency ul li p.date{	float:left;	padding:0;	width:8em;	font-weight: bold;}

.topEmergency ul li p.text{ overflow:auto; }

* html .topEmergency ul li p.text{ float:left; }



.topInformationBox{ margin:0 0 10px 0; border:none; }

.topInformationBox h2{ margin:0!important; padding:9px 12px 9px 12px!important; 	font-size:115%!important;}

.topInformationBox h2{	background-color: #ffffff!important;	background-image: url(../100411272.gif)!important;	background-repeat: no-repeat!important;	background-position: left bottom!important;	border-top-width: 1px!important;	border-top-style: solid!important;	border-top-color: #d0d0d0!important;}

.topInformationBox .topInformationBoxInner{ padding:10px 5px 4px 5px; }

.topInformationBox ul{ margin:0; padding:0; list-style-type:none; }

.topInformationBox ul li{ margin:0; padding:0 0 6px 2px; list-style-type:none; }

.topInformationBox li p.date{	float:left;	padding:0;	width:8em;	font-weight: bold;}

.topInformationBox li p.text{ overflow:auto; }

* html .topInformationBox li p.text{float:left;  }



.topNewsBox{ margin:0 0 10px 0; border:none; }

.topNewsBox h2{ margin:0!important; padding:10px 12px 4px 12px!important; 	font-size:115%!important;}

.topNewsBox h2{	background-color: #ffffff!important;	background-image: url(../100411272.gif)!important;	background-repeat: no-repeat!important;	background-position: left bottom!important;	border-top-width: 1px!important;	border-top-style: solid!important;	border-top-color: #d0d0d0!important;}

* html .topNewsBox h2{padding-bottom:10px!important;/*for IE6*/}

*+html .topNewsBox h2{padding-bottom:12px!important;/*for IE7*/}

h2 span.newsText{ float:left;}

h2 span.rssall{ float:right;}

.topNewsBox .topNewsBoxInner{ padding:10px 5px 4px 5px; line-height:160%;}

.topNewsBoxInner ul li p.date{ float:left; padding:0; width:7.3em; }

* html .topNewsBoxInner ul li p.text{ float:left; }

.topNewsBox ul{ margin:0; padding:0; list-style-type:none; }

.topNewsBox ul li{ margin:0; padding:0 0 6px 0; list-style-type:none; }

.topNewsBox ul li p.date{float:left;width:8em;font-weight:700;padding:0}

.topNewsBox ul li p.text{overflow:hidden; text-indent:-55px; padding-left:55px;}

* html .topNewsBox li p.text{float:left; overflow:visible}

* html .topNewsBox li p.textEvent,* html p.textSightseeing,* html p.textLiving,* html p.text_Entrepreneur,* html p.textMunicipal{	margin-left:8.5em;/*for IE6*/}



.mainEventBox{ margin:0 0 10px 0; background:#f5f2e6; border:1px solid #CECECE; padding-bottom:5px; }

/* .mainEventBox{ margin:0 0 10px 0; background:#fdeedb; border:1px solid #CECECE; padding-bottom:5px; } orange*/



*+html .mainEventBox{ padding-bottom:15px; /* for ie7 */}

* html .mainEventBox{ padding-bottom:15px; /* for ie6 */}

.mainEventBox h2{ margin:0!important; padding:15px 15px 10px 17px!important;background:none!important; border:none!important; font-size:115%!important;}

.mainEventBox .mainEventBoxInner{}

.mainEventBox ul{ list-style-type:none; margin:0 0 0 17px;!important; padding:0!important;} 

* html .mainEventBox ul{ margin:0 0 0 26px!important;/* for ie6 */}



.mainEventBox ul li{ float:left; margin:0 15px 15px 0; list-style-type:none; width:109px;/* for ie6 */}

* html .mainEventBox ul li{ margin:0 10px 12px 0;/* for ie6 */}

.mainEventBox ul li img{ vertical-align:top; }

.mainBnBox{ margin:0 0 12px 0; text-align:center; overflow:hidden; }



/* ボックス（右） */

.hpRanking{ padding:1px 0 10px 0; position:relative;}

.hpRanking h2{background-color:#4999e0;background-image:url(../100411294.gif);background-repeat:repeat-x;background-position:left top;color:#FFF;font-size:115%; padding:11px 10px 9px 10px; line-height:110%}

/* .hpRanking h2{	background-color:#ffffff;	background-image:url(../100411294.gif);	background-repeat:repeat-x;	background-position:left top;	font-size:115%;	padding:11px 10px 9px 10px;	line-height:110%;	border-bottom-width: 3px;	border-bottom-style: solid;	border-bottom-color: #ef6910;} orange*/

.hpRanking .hpRankingInner{border:1px solid #CECECE;border-top:none;padding:10px}

.hpRanking ol.oa{padding-left:20px;clear:both;list-style-type:decimal;margin:0}

.hpRanking ol li{padding:0 0 3px}



/* 番号付箇条書きリスト */

.menuBox ol { margin: 0 0 0 0.2em; list-style-type: decimal; padding:0; }

.menuBox ol li { margin:0 0 0 20px; }

* html .menuBox ol li { margin:0 0 0 23px; }

*:first-child+html .menuBox ol li { margin:0 0 0 23px; }



/* 2012/03/03追加　h1調整 */

.headh1 {font-size:12px; font-weight:normal; visibility: hidden; display:none;}



/* 2019/09/02 レスポンシブ対応 */

.menuBox h2 {

  background: #5396e0; /* Old browsers */

  background: -moz-linear-gradient(top,  #5396e0 0%, #105aa2 100%); /* FF3.6-15 */

  background: -webkit-linear-gradient(top,  #5396e0 0%,#105aa2 100%); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(to bottom,  #5396e0 0%,#105aa2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5396e0', endColorstr='#105aa2',GradientType=0 ); /* IE6-9 */

  border: 1px solid #CECECE;

  padding: 0;

}

.menuBox h2 span {

  display: block;

  border: 1px solid #fff;

  padding: 12px 10px 10px 10px;

}





/**************************************************

 2020/08/13追加

***************************************************/

.mainEventBoxInner li {

  width: 109px;

  text-align: center;

}

.mainEventBoxInner li img {

  margin-bottom: 5px;

}