@charset "utf-8";
/*------------------------------------------------------------------------------
[1] トップページレイアウト
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] トップページレイアウト
*******************************************************************************/
/*==============================================================================
		配置
==============================================================================*/
#wrap{
	width:100%;
}
#topheader{
	margin:0px auto 0px auto;
	max-width:1200px;
	min-width:950px;
	clear:both;
}
#topgnavi{
	margin:0px auto 25px auto;
	max-width:1200px;
	min-width:950px;
	clear:both;
	background:#0033CC;
}
#leftbox{
	margin-bottom:20px;/*　フッタとのすき間　*/
	margin-right:-230px;
	width:100%;
	float:left;
}
#rightbox{
	margin-bottom:20px;/*　フッタとのすき間　*/
	width:200px;
	float:right;
	text-align:left;
}
#toppagebody #content3{
	background:none;
}
#topcontent{
	margin-left:-230px;
	width:100%;
	float:right;
}
#topcontent #tpage{
	margin:0px 230px 0px 230px;
	max-width:740px;
	min-width:490px;
}
#toplnavi{
	width:200px;
	float:left;
}
#sad{
	width:950px;
}
#reader{
	margin:0px auto;
	width:950px;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
		ページ
==============================================================================*/
/*------------------------------------------------------------------------------
		折りたたみメニュー
------------------------------------------------------------------------------*/
.navi{
	margin:0px 0px 10px 0px;
}
.navi .articleall2{
	margin:0px 0px 10px 0px;
	background:#FFFFFF;
}
.navi .articleall2 h2{
	margin:0px;
	padding:7px 5px 6px 8px;
	font-size:100%;
}
.navi .articleall2 h2 a{
	color:#FFF;
	text-decoration:none;
}
.navi .articleall2 h2.plus2{
	padding-left:35px;
	background:#158200 url(images/top/plus.png) no-repeat 5px 6px;
	border-bottom:3px solid #006000;
	color:#fff;
	cursor:pointer;
	border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
}
.navi .articleall2 h2.minus2{
	padding-left:35px;
	background:#158200 url(images/top/minus.png) no-repeat 5px 6px;
	color:#fff;
	cursor:pointer;
	border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
}
.navi ul{
	margin:10px 5px 10px 9px;
	padding-bottom:5px;
	list-style-type:none;
}
.navi ul li{
	margin-bottom:8px;
	padding-left:18px;
	background:url(images/content/mark_ul.png) no-repeat 0px 5px;
}
/*==============================================================================
	バナー
==============================================================================*/
/*------------------------------------------------------------------------------
		画像バナー
------------------------------------------------------------------------------*/
.bannerimg{
	padding:0px 0px 10px 0px;
}
.bannerimg ul{
	list-style-type:none;
}
.bannerimg ul li{
	margin:0px 0px 10px 0px;
}
.bannerimg img{
	vertical-align:bottom;
}
/*==============================================================================
		左
==============================================================================*/
/*------------------------------------------------------------------------------
		いざというとき
------------------------------------------------------------------------------*/
#emergency{
	margin:0px 0px 20px 0px;
	border:3px solid #bc0d0d;
	background:#FFFFFF;
}
#emergency h2{
	margin:1px 1px 10px 1px;
	padding:5px 0px 5px 0px;
	font-size:110%;
	color:#FFFFFF;
	text-align:center;
	background:#bc0d0d url(images/top/img_kinkyu.png) no-repeat 5px 3px;
}
#emergency ul{
	padding:0px 5px 5px 5px;
	list-style-type:none;
}
#emergency ul li{
	margin:0px 0px 6px 0px;
	padding-left:24px;
	font-size:100%;
	background:url(images/top/mark_kinkyu.png) no-repeat 5px 3px;
}
#emergency ul li.imglink{
	padding-left:5px;
	background:none;
}
/*------------------------------------------------------------------------------
		広報ID検索
------------------------------------------------------------------------------*/
.idsearch{
	margin:0px 0px 20px 0px;
	padding:0px 0px 10px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
.idsearch h2{
	margin:1px 1px 10px 1px;
	padding:6px 10px 4px 8px;
	font-size:100%;
	background:url(images/top/id_bgi.png) repeat-x left top;
	color:#333;
}
.idsearch form{
	margin-bottom:3px;
}
.idsearch p{
	margin:0px 5px 10px 8px;
	font-size:95%;
}
.idsearch #idform{
	margin:0px 5px 0px 8px;
}
.idsearch img{
	vertical-align:middle;
}
.idsearch input#kohoid{
	margin:0px 0px 10px 0px;
	padding:2px 2px 2px 2px;
	width:100px;
	border:1px solid #CCCCCC
}
.idsearch input#idbtn{
	padding:2px 2px 2px 2px;
	width:35px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
}
.idsearch #idresult p{
	margin:0px 5px 0px 8px;
	font-weight:bold;
	color:#FF0000;
}
/*------------------------------------------------------------------------------
		人口統計
------------------------------------------------------------------------------*/
.population{
	margin:0px 0px 20px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
.population h2{
	margin:1px 1px 10px 1px;
	padding:6px 10px 4px 7px;
	font-size:100%;
	background:url(images/top/id_bgi.png) repeat-x left top;
	color:#333;
}
.population p{
	margin:0px 10px 3px 10px;
	font-size:90%;
}
.population p.pimage{
	margin:0px 9px 10px 9px;
	text-align:center;
}
.population p.current{
	text-align:right;
	font-size:80%;
}
/*==============================================================================
		中央
==============================================================================*/
/*------------------------------------------------------------------------------
		緊急情報
------------------------------------------------------------------------------*/
.kinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:3px solid #bc0d0d;
	background:#FFFFFF;
}
.kinkyu h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#bc0d0d;
}
.kinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #A01313;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.kinkyu p{
	padding:0px 15px 5px 15px;
}
.kinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_kinkyu.gif) no-repeat left 6px;
}
/*------------------------------------------------------------------------------
		スマホ緊急情報
------------------------------------------------------------------------------*/
.smpkinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:3px solid #bc0d0d;
	background:#FFFFFF;
}
.smpkinkyu h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#bc0d0d;
}
.smpkinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #A01313;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.smpkinkyu p{
	padding:0px 15px 5px 15px;
}
.smpkinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.smpkinkyu ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_smpkinkyu.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		重要なお知らせ
------------------------------------------------------------------------------*/
.important{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:3px solid #a4c967;
	background:#FFFFFF;
}
.important h2{
	margin:1px 1px 10px 1px;
	padding:6px 10px 4px 10px;
	font-size:110%;
	background:#cbe7a7;
	color:#333
}
.important h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #158200;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.important p{
	padding:0px 15px 5px 15px;
}
.important ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.important ul li{
	margin-bottom:3px;
	padding-left:18px;
	background:url(images/top/mark_important.png) no-repeat left 5px;
}
/*------------------------------------------------------------------------------
		トピックス
------------------------------------------------------------------------------*/
#topics{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:3px solid #a4c967;
	background:#FFFFFF;
}
#topics h2{
	margin:1px 1px 10px 1px;
	padding:6px 10px 4px 10px;
	font-size:110%;
	background:#cbe7a7;
	color:#333
}
#topics h3{
	margin:1px 10px 10px 10px;
	padding:2px 10px 1px 6px;
	font-size:110%;
	border-bottom:1px solid #a4c967;
	border-left:3px solid #a4c967;
}
#topics p{
	margin:1px 1px 15px 5px;
	padding:2px 10px 1px 8px;
}
#topics  ul{
	padding: 0px 15px 5px 10px;
	list-style-type:none;
}
#topics  ul li{
	margin:0px 0px 8px 0px;
	padding:0px 0px 0px 18px;
	background:url(images/top/mark_topics.png) no-repeat 5px 6px;
}
/*------------------------------------------------------------------------------
		新着情報
------------------------------------------------------------------------------*/
#topnews{
	margin:0px 0px 20px 0px;
	padding:0px 0px 5px 0px;
	background:#FFFFFF;
}
#topnews h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 6px 10px;
	font-size:110%;
}
#topnews ul{
	padding:0px 5px 2px 5px;
	list-style-type:none;
}
#topnews ul li{
	margin:0px 0px 5px 0px;
	padding:10px 0px 10px 5px;
}
#topnews ul li span.date{
	width:30%;
}
#topnews ul li span.newsli{
	width:60%;
}
/*#topnews ul li:after{
	content:"";
	display:block;
	clear:both;
}
#topnews ul li span{
	display:block;
	float:left;
	width:27%;
}
#topnews ul li a{
	display:block;
	float:left;
}*/
#topnews ul.topicsdetail{
	padding:0px 10px 0px 10px;
	text-align:right;
}
#topnews ul.topicsdetail li{
	margin:0px 0px 0px 8px;
	padding:0px 0px 0px 22px;
	clear:none;
	display:inline;
	background:url(images/top/news.png) no-repeat left center;
	border:none;
}
#topnews ul.topicsdetail li.rss{
	background:url(images/top/rss.png) no-repeat left center;
}
#topnews ul.topicsdetail li:after{
	content:"";
	display:inline;
	clear:none;
}
#topnews ul.topicsdetail li a{
	display:inline;
	float:none;
}
/*------------------------------------------------------------------------------
		こんな時・こんな手続き
------------------------------------------------------------------------------*/
#life{
	margin:0px 0px 20px 0px;
	zoom:1;
}
#life ul#tablife{
	margin:0px 0px 0px 0px;
	list-style-type:none;
	zoom:1;
}
#life ul#tablife li{
	width:50%;
	float:left;
}
#life ul#tablife li a{
	margin:0px 2% 0px 0px;
	padding:8px 5px 4px 5px;
	display:block;
	font-weight:bold;
	text-align:center;
	background:#bcd65d;
	color:#333;
}
#life ul#tablife li#for_life2 a{
	margin:0px 0px 0px 0px;
}
#life ul#tablife li a:hover{
	background: #158200;
    color: #FFF;
}
#life ul#tablife li.ui-tabs-active a{
	background:#FFFFF1;
	color:#0f6000;
	text-decoration:none;
}
#life #lifemenu{
	margin:0px 0px 0px 0px;
	padding:15px 0px 6px 1px;
	background:#FFFFFF;
}
#life #lifemenu ul{
	margin:0px auto 0px auto;
	list-style-type:none;
}
#life #lifemenu ul li{
	margin:0px 0px 12px 13px;
	float:left;
	text-align:center;
}
#life #lifemenu ul li a img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
		特集コンテンツ
------------------------------------------------------------------------------*/
.topbanner{
	margin:0px 0px 20px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
.topbanner h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 10px 10px;
	font-size:110%;
	background:#158200;
	color:#FFFFF1;
}
.topbanner ul{
	padding:0px 0px 6px 0px;
	list-style-type:none;
}
.topbanner ul li{
	margin:0px 0px 10px 9px;
	float:left;
}
.topbanner ul li a img{
	vertical-align:bottom;
}
/*------------------------------------------------------------------------------
		SNS
------------------------------------------------------------------------------*/
.topsns{
	margin:0px 0px 20px 0px;
	border:1px solid #CCCCCC;
	text-align:center;
	background:#FFFFFF;
}
.topsns h2{
	margin:1px 1px 0px 1px;
	padding:8px 10px 10px 10px;
	font-size:110%;
	background:#315096;
	color:#FFFFF1;
	text-align:left;
}
/*==============================================================================
		右
==============================================================================*/
/*------------------------------------------------------------------------------
		テキストエリア　2019/3追加
------------------------------------------------------------------------------*/
.toptext h2{
	padding: 10px 10px 10px 10px;
	color: #FFFFFF;
	background: #158200;
	font-size: 100%;
}
/*------------------------------------------------------------------------------
		イベント情報
------------------------------------------------------------------------------*/
#topevent{
	margin:0px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
#topevent h2{
	margin:1px 1px 0px 1px;
	padding:18px 10px 15px 65px;
	font-size:125%;
	background:#FFF url(images/top/event_bgi.png) no-repeat left top;
	color:#158200;
	text-align:center;
}
#topevent h3{
	margin:1px 1px 8px 1px;
	padding:4px 9px 2px 9px;
	font-size:105%;
	background:#ffe48d;
}
#topevent p{
	margin:0px 10px 10px 10px;
	font-size:95%;
}
#topevent p.eimage{
	margin:0px 9px 2px 9px;
	text-align:center;
}
#topevent p#pickupevent{
	margin-bottom:4px;
	text-align:center;
	line-height:1.4;
}
#topevent p#pickupevent span.countdown span{
	font-size:300%;
	font-weight:bold;
	text-decoration:none;
	color:#C00000;
}
#topevent p.order span{
	display:block;
}
#topevent ul{
	padding:0px 10px 5px 10px;
	list-style-type:none;
}
#topevent ul li{
	margin:0px 0px 5px 0px;
	font-size:95%;
}
#topevent ul li img{
	margin:0px 5px 0px 0px;
	vertical-align:middle;
}
/*------------------------------------------------------------------------------
		広告バナー
------------------------------------------------------------------------------*/
#randomad{
	margin:0px 0px 20px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
#randomad h2{
	margin:1px 1px 5px 1px;
	padding:6px 10px 2px 7px;
	font-size:100%;
}
#randomad p{
	margin:0px 9px 10px 9px;
	text-align:center;
}
/*------------------------------------------------------------------------------
		フォトニュース
------------------------------------------------------------------------------*/
#photonews{
	margin: 0px 0px 20px 0px;
    padding: 0px 0px 10px 0px;
    border: 1px solid #CCCCCC;
    background: #FFFFFF;
}
#photonews h2{
	margin: 1px 1px 10px 1px;
	padding:7px 10px 11px 5px;
	font-size:100%;
	color:#333;
	background:url(images/top/camera.png) no-repeat right 3px top 3px, url(images/top/id_bgi.png) repeat-x left top;;
}
#photonews p{
	margin:0px 10px 5px 10px;
	font-size:95%;
}
#photonews p.photoimg{
	margin:9px 9px 4px 9px;
	text-align:center;
}
#photonews p.photodetail{
	margin:0px 5px 8px 5px;
	text-align:right;
}
/*------------------------------------------------------------------------------
		ランダム表示
------------------------------------------------------------------------------*/
#randompage{
	margin:0px 0px 20px 0px;
	border:1px solid #CCCCCC;
	background:#FFFFFF;
}
#randompage h2{
	margin:1px 1px 10px 1px;
	padding:8px 10px 4px 10px;
	font-size:110%;
	background:#FFF8DF;
}
#randompage p{
	margin:0px 10px 5px 10px;
	font-size:95%;
}
#randompage p.randomimg{
	margin:0px 9px 10px 9px;
	text-align:center;
}
#randompage p.randomdetail{
	margin:0px 5px 8px 5px;
	text-align:right;
}
/*------------------------------------------------------------------------------
		バナー広告
------------------------------------------------------------------------------*/
#sad{
	background:#FFFFFF;
	border:2px solid #d0c88f;
}
#sad h2{
	margin-left:1px;
	margin-right:1px;
	background:#e8e4c8;
	border-bottom:none;

}

/*------------------------------------------------------------------------------
		天気予報
------------------------------------------------------------------------------*/
#weather {
    margin-bottom: 10px;
    text-align: center;
}

/*------------------------------------------------------------------------------
		バナー広告
------------------------------------------------------------------------------*/
#sad ul {
    margin: 10px auto 0px auto;
    list-style-type: none;
}