@charset "utf-8";

/* メインビジュアル
--------------------------------------------------------- */
/* トップ ------ */
#contentsWrap #contents{
	margin: 0;
}
#contentsWrap #mainvisual{
    position: relative;
    overflow: hidden;
    width: 980px;
    margin: 0 auto;
}
	#mainvisual img{
		overflow: visible;
		width: 940px;
		margin: 0 20px;
	}
	#mainvisual .catchText{
		position: absolute;
		color: #333;
		bottom: 30px;
		background: rgba(255,255,255,.4);
		background: rgba(255,255,255,.4) -moz-linear-gradient(center top , rgba(255,255,255,.5), rgba(204,204,204,.9)) repeat scroll 0 0;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.5)), to(rgba(204,204,204,.9)));
		width: 100%;
		max-width: 960px;
		margin: 0 0 0 1.4em;
		padding: 1em 0;
	
	}
		#mainvisual .catchText p{
			margin: 0;
			padding: 0.8em 1em;
			font-size: 200%;
			font-weight: bold;
			text-align: left;
		}
#contentsWrap  #naviWrap{
	width: 980px;
	margin: 0;	
}
#contentsWrap #naviWrap ul.topNav{
	padding: 1em 2em 1em 1em;
	box-sizing: border-box; 
	list-style: none;
	line-height: 1.6em;
	font-size: 200%;
}
#contentsWrap #naviWrap ul.topNav li{
	line-height: 1.6em;
}

/* 行政情報トップ ------ */
#slideWrapper{
	width: 980px;
	margin: 0 auto;
}


/* グロナビ
--------------------------------------------------------- */
#gNaviWrapperTop{
	width: 100%;
	text-align: center;
}
#gNaviWrapperTop #gNavi{
	margin: 0 auto;
}

/* 本文
--------------------------------------------------------- */
#contentsWrapTop{
	width: 980px;
	margin: 0 auto 20px;
	text-align: left;
	margin-top: 1em;
}
	#contentsWrapTop a img{
		border: none;
	}

/* navLeft */
#contentsWrapTop #navL{
	float: left;
}
/* navRight */
#contentsWrapTop #navR{
	float: right;
}

/* -- 共通 navLeft navRight -- */
#contentsWrapTop #navL , #contentsWrapTop #navR{
	width: 230px;
	font-size: 110%;
}
	#navL div.navL01 , #navL div.navL02 ,
	#navR div.navR01{
		background-color: #f2f2f2;
		margin-bottom: 1em;
	}
	#navL div.navL01 h2 , #navR div.navR01 h2{
		background-color: #007684;
		text-align: center;
		font-size: 110%;
		font-weight: bold;
		color: #fff;
		line-height: 1.4;
		margin: 0;
		padding: 0.5em;
	}
	#navL div.navL01 ul ,
	#navR div.navR01 ul{
		margin: 0 0.5em;
		padding: 0 0 0.2em;
	}
		/* タイトルなしバナー群 背景範囲調整 */
		#navL div.navL02 ul{
			margin: 0.5em;
			padding: 0.2em;
		}

	#navL div.navL01 ul li , #navL div.navL02  ul li,
	#navR div.navR01 ul li{
		position: relative;
		display: block;
		margin: 0.5em auto;
		background: #fff;
		border-radius: 4px;
		min-height: 3em;
	}

		#navL div.navL01 ul li a , #navL div.navL02 ul li a ,
		#navR div.navR01 ul li a{
			position: relative;
			display: block;
			margin: 0;
			padding: 1.5em 0.5em 1em 2.5em;
			background: #fff;
			min-height: 2em;
			line-height: 1.4;
		}
			/* 背景色変更 */
			#navL div.navL01 ul li.greenBnr a ,
			#navL div.navL02  ul li.greenBnr a ,
			#navR div.navR01 ul ligreenBnr a{
			background: #F1F6E6;
			border-radius: 4px;
			}
			/* アイコン追加 */
			#navL div.navL01 ul li a.blank , #navL div.navL02 ul li a.blank ,
			#navR div.navR01 ul li a.blank{
				background: url(../image/ico_blank01.png) no-repeat 96% 55%;
				padding-right: 24px;
			}

	#navL div.navL01 ul li::after , #navL div.navL02 ul li::after ,
	#navR div.navR01 ul li::after{
		display: block;
		content: '';
		position: absolute;
		top: 2em;
		left: 0.8em;
		width: 8px;
		height: 8px;
		border-right: 2px solid #666;
		border-bottom: 2px solid #666;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

		/* 画像ありバナー */
		#navL div.navL01 ul li.bnrFigure01 ,
		#navR div.navR01 ul li.bnrFigure01{
			padding: 0;
			vertical-align: middle;
		}
		#navL div.navL01 ul li.bnrFigure01::after ,
		#navR div.navR01 ul li.bnrFigure01::after{
			border: none;			
		}
		#navL div.navL01 ul li.bnrFigure01 a ,
		#navR div.navR01 ul li.bnrFigure01 a{
			padding: 1em 0.5em 1em 1em;
		}
		#navL div.navL01 ul li.bnrFigure01 a img ,
		#navR div.navR01 ul li.bnrFigure01 a img{
			margin-right: 14px;
			vertical-align: bottom;
		}

.navBox01{
	margin: 2em auto;
	padding: 1em 1.5em;
	border: 2px double #007684;
}
	.navBox01 dl dt{
		line-height: 1.4;
		font-weight: bold;
	}
	.navBox01 dl dd{
		line-height: 1.2;
}

.navBox02 ul{
	margin: 1em 0;
	padding: 0;
}
	.navBox02 ul li{
		margin: 0.5em auto;
	}
	.navBox02 ul li img{
		width: 100%;
		text-align: center;
	}


/* ------ mainTop --------------- */
#contentsWrapTop #mainTop{
	float: left;
	width: 500px;
	margin: 0 auto;
	padding: 0 10px 2em;
}

/* --------------- news ------ */
div#news{
	border: 2px solid #ccc;
	padding: 1em 1em 2em;
	margin-bottom: 1em;
}
	div.newsMenu{
		width: 100%;
	}
		div.newsMenu h2{
			float: left;
			width: auto;
			font-weight: bold;
			font-size: 1.1em;
			line-height: 1.2;
		}
		div.newsMenu ul{
			float: right;
			width: auto;
			text-align: right;
			position: relative;
		}
			div.newsMenu ul{
				position: relative;
				width: 300px;	
			}
				div.newsMenu ul li.ico01::before{
					content: '';
					position: absolute;
					top: 0.7em;
					right: 11em;
					width: 8px;
					height: 8px;
					border-right: 2px solid #666;
					border-bottom: 2px solid #666;
					-webkit-transform: rotate(-45deg);
					transform: rotate(-45deg);
				}
				div.newsMenu ul li.ico01{
					display: inline-block;
					margin-right: 6px;
				}
				div.newsMenu ul li.rss{
					display: inline-block;
					padding-left: 20px;
					background: url(../image/ico_rss01.png) left center no-repeat;
				}
	
		div#news dl.newsList01 dt ,
		div#news dl.newsList01 dd{
			width: 100%;
			padding: 0.2em 1em;
			line-height: 1.2;

		}


/* --------------- eventCalender ------ */
div#event{
	border: 2px solid #ccc;
	padding: 1em 1em 2em;
	margin-bottom: 1em;
}
	div.eventMenu .titleArea h2{
		float: left;
		width:40%;
		font-weight: bold;
		font-size: 1.1em;
		line-height: 1.2;
	}
	div.eventMenu .titleArea div{
		float: right;
		width:60%;
		text-align: right;
		line-height: 1.2;
	}
		div.eventMenu .titleArea div a{
			position: relative;
			display: block;
			margin: 0;
			padding: 0 0.5em 0 2.5em;
			min-height: 2em;
			line-height: 1.1;
		}
		div.eventMenu .titleArea div a:before{
			display: block;
			content: '';
			position: absolute;
			top: 0.2em;
			right: 12em;
			width: 8px;
			height: 8px;
			border-right: 2px solid #666;
			border-bottom: 2px solid #666;
			-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
		}

	div#event .inBox{
		float: left;		
		width: 58%;
		padding: 4% 1%;
		overflow: hidden;
	}
		div#event .inBox div{
			background-color: #E3E3E3;
			padding: 1em;
		}
	div#event table {
		width: 216px;
		margin: 0 auto;
		border-spacing: 1px;
	}
		#event caption {
			position: relative;
			margin: 6px auto;
		}
		#event .inBox caption{
			position: relative;
			margin: 0 8px 10px;
		}
		#event caption span {
			display: block;
			position: absolute;
			top: 0;
			width: 10px;
			height: 10px;
			padding: 3px;
		}
		#event caption span.next {
			right: 0;
			text-align: right;
		}
		#event caption span.prev {
			left: 0;
			text-align: left;
		}

		#event table th,
		#event table td {
			padding: 0;
			line-height: 30px;
		}
		#event table th {
			background: #EFF4E4;
			text-align: center;
		}
		#event table th.event {
			background: #B7DEE8;
		}
		#event table th.satday {
			background: #E2EBEE;
		}
		#event table th.sunday {
			background: #F8E2E2;
		}
		#event table td {
			background: #F9F9F9;
			color: #000;
			text-align: center;
		}
		#event table td a {
			display: block;
			background: #B7DEE8;
			color: #000;
		}
		#event table td.satday,
		#event table td.satday a {
			color: #285466;
		}
		#event table td.sunday,
		#event table td.sunday a {
			color: #7e0000;
		}

	div#event #todayEvent{
		float: right;		
		width: 38%;
		padding: 4% 0 0 1%;
		overflow: hidden;
	}
		div#event #todayEvent .inner p{
			font-weight: bold;
		}
		div#event #todayEvent .inner ul{
			margin: 0.5em 0;
			padding: 0;
		}

/* -------------- topics ------ */
#mainTop #topics h2{
	background-color: #007684;
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	line-height: 1.4;
	margin: 0;
	padding: 0.8em;
}

#mainTop #topics div.info{
	border-width: 0 2px 2px;
	border-style: solid;
	border-color: #ccc;
	paddng-bottom: 2em;
}
	#mainTop #topics dl{
		margin: 0 1em 0.5em;
		padding: 0.5em;
		}
			#topics dl dt{
				font-size: 120%;
				font-weight: bold;
				line-height: 1.6;
				margin: 0.2em auto;
			}
				#topics dl dd ul li::before{
					content: '';
					width: 4px;
					height: 4px;
					display: inline-block;
					border-radius: 100%;
					background: #666;
					position: relative;
					left: -12px;
					top: -2px;
				}















/* 汎用
--------------------------------------------------------- */


/* アンケート お問い合わせ
--------------------------------------------------------- */


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