@charset "shift_jis";
/* ===================================================================
CSS information

 file name  :index.css
 author     :keyword-co.net(admin)
 style info :トップページ用css

=================================================================== */

/*-- 「みんさいな」バナー --*/
#minsaina {
	 position:absolute;
	 top:576px;
	 right:0;
}

.sticky #minsaina {
	position:fixed;
	top:0;
	right:0;
	_position:absolute;
	_top:576px;
	_right:0;
}

div#minsaina a:hover {
	background:none;
}

/*--トップイメージ_画像--*/
#top_img{
	background:url(../img/top/top_img.jpg);
	width:920px;
	height:353px;
	position:relative;
}
/*--トップイメージ_左のメニュー--*/
#top_img_menu {
	/*IE5.5用ハック*/
	margin-left:-16px;
	/*IE5.5以外*/
	margin:/**/0;
	padding:0;
	position:absolute;
	bottom:0;
	_bottom:-1px;
	left:20px;
}

#top_img_menu li {
	margin:0;
	padding:0;
}

#top_img_menu li img {
	vertical-align: bottom;
}
#top_img_menu li a:hover {
	background: none;
}
/*--トップイメージ_右のバナー（2015.7削除）--*/
#banner {
	list-style-type: none;
	margin:0;
	padding:0;
	position:absolute;
	top:60px;
	right:10px;
}

ul#banner li {
	margin-bottom:10px;
	padding:0;
}

ul#banner li img {
	vertical-align: bottom;
}

/*--トップイメージ_文化的景観バナー（2018.3追加）--*/
#keikan {
    position:absolute;
    /*top: 11px;*/
	top: 2px;
    left: 31px;
}

#keikan a:hover {
    background: none;
}

/*--トップイメージ_未来都市バナー（2019.7追加）--*/
#mirai {
    position:absolute;
	bottom: 42px;
    right: 50px;
}

#mirai a:hover {
    background: none;
}

/*--トップイメージ_右のブログパーツ（2015.7追加）--*/
.blogparts {
	position:absolute;
	top:46px;
	right:10px;
}

/*--トップイメージ_求人（2016.4追加）--*/
.recruit {
	position:absolute;
	top:108px;
	right:10px;
}

.recruit a {
	background:none;
}

/*--トップイメージ_youtube（2017.6追加）--*/
.video {
	position:absolute;
	bottom:40px;
	right:10px;
}


/*緊急情報*/
#info {
	width:691px;
	/*height:27px;*/
	min-height:27px;
	font-size:14px;
	background:#666666;
	position:absolute;
	bottom:7px;
	right:8px;
}

#info .infoTit {
	color:#FFF;
	font-weight:bold;
	padding:2px 5px;
}

#info p {
	float:left;
}

#message {
	margin:3px 0;
	width:383px;
	height:17px;
	padding:2px;
	background:#FFFFFF;
	border:none;
	float:left;
	cursor:default;
	font-size:14px;
}
#message a {
	line-height:18px;/*20090911追加*/
}
p#info_menu {
	margin:/**/2px 0;
	color:#FFFFFF;
}
p#info_menu a:link {
	color:#FFFFFF;
}

p#info_menu a:visited {
	color:#FFFFFF;
}

p#info_menu a:hover {
	color:#FFFFFF;
	text-decoration: underline;
	background: #222222;
}

a:active {
}

/*メインイメージ下バナー*/
.slider {
    margin-bottom: 20px;
}

.mainBnr{
	margin-bottom:20px;
}

.mainBnr li {
	float:left;
	margin-left:12px;
}

.mainBnr li.first {
	margin-left:0;
}

/*--メニューリスト--*/
#toppage_menulist{
	width:854px;
	margin:10px 34px 0 34px;
}

/*--メニューリスト_左--*/
#toppage_menulistL{
	width:412px;
	float:left;
}

/*--メニューリスト_タイトル--*/
h2.h2_title {
	position:relative;
	background:#006522;
	width:auto;
	height:auto;
	text-indent:inherit;
	color:#FFF;
	font-weight:bold;
	padding:3px 5px 3px 17px;
	margin-bottom:10px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topleft: 6px;
	-moz-border-radius-topright: 6px;
	-moz-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	-ms-box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 0px 1px rgba(0, 0, 0, 0.2);
}
h2.h2_title::after {
	position: absolute;
	bottom: 0em;
	left: 0.5em;
	content: '';
	width: 3px;
	height: 25px;
	background-color: #00A136;
}

/*--新着情報--*/
#news_rss {
	position:relative;
}
.rss {
	position:absolute;
	right:9px;
	top:4px;
}
.rss a {
	position:absolute;
	right:9px;
	top:4px;
}
/*h2.title_news{
	background:url(../img/top/info01.gif);
	width:412px;
	height:31px;
	text-indent:-9999px;
}*/
#news {
	width:388px;
	margin:0 12px 15px 12px;
	line-height:120%;
}

#news h4{
	border-bottom:1px dotted #999999;
	font-size:85%;
	font-weight:normal;
	padding:8px 8px;
}

.more {
	margin-top:5px;
	text-align:right;
}
.more a {
	font-size:12px;
	color:#006522;
	font-weight:bold;
	text-decoration:none;
	background:url(../img/top/attow02.gif) no-repeat right center;
	padding-right:12px;
}

/*--facebook--*/
.fb {
	margin:0 12px 20px 12px;
}
.fb img {
	margin-right:5px;
}
.fb p {
	font-size:67%;
	margin-top:5px;
	line-height:150%;
}

.fb a:hover {
	background:none;
}

/*--広報ちづ--*/
h2.title_kouhou{
	background:url(../img/top/info02.gif);
	width:412px;
	height:31px;
	text-indent:-9999px;
}
#kouhou {
	font-size:80%;
	line-height:130%;
	width:388px;
	margin:12px;
}
.kouhou_img {
	float:left;
	margin-right:10px;
	border:1px solid #999999;
}
#kouhou dl {
	width:221px;
	float:right;
}
#kouhou dt {
	font-size:130%;
	color:#006522;
	font-weight:bold;
	margin-bottom:8px;
}
#kouhou dt a:link {
	color:#006522;
	text-decoration:none;
}
#kouhou dt a:visited {
	color:#006522;
	text-decoration:none;
}
#kouhou dd {
	font-size:90%;
}

#kouhou dt a:hover {
	color:#006522;
	text-decoration:none;
}

/*--メニューリスト左下のバナーエリア--*/
#menulistL_banner ul li {
	float:left;
	margin-bottom:7px;
}
#menulistL_banner ul li.right {
	margin-left:9px;
}

/*--メニューリスト_右--*/
#toppage_menulistR{
	width:412px;
	float:right;
}
/*--おすすめ情報メニュー--*/
/*h2.title_pickup{
	background:url(../img/top/info04.gif);
	width:412px;
	height:31px;
	text-indent:-9999px;
	margin-bottom:10px;
}*/
/*--情報メニュー--*/
/*h2.title_jyouhou{
	background:url(../img/top/info03.gif);
	width:412px;
	height:31px;
	text-indent:-9999px;
}*/

h3.cat,
h3.catS {
	height:auto;
	border:1px solid #CCCC32;
	text-indent:inherit;
	font-size:110%;
	font-weight:bold;
	border-radius: 3px; /* CSS3草案 */
	-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 3px; /* Firefox用 */
	background: #ffffcc; /* Old browsers */
	background: url(../img/top/arrow01.png),-moz-linear-gradient(top,  #ffffcc 0%, #ebebb8 100%); /* FF3.6-15 */
	background: url(../img/top/arrow01.png),-webkit-linear-gradient(top,  #ffffcc 0%,#ebebb8 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/top/arrow01.png),linear-gradient(to bottom,  #ffffcc 0%,#ebebb8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffcc', endColorstr='#ebebb8',GradientType=0 ); /* IE6-9 */
	background-repeat:no-repeat;
    background-position:98% center;
}

h3.catS {
	width:32%;
	margin-right:1%;
	float:left;
	background-position:93% center;
}

h3.cat a,
h3.catS a {
	display:block;
	/*width:100%;*/
	height:auto;
	padding:2px 10px;
	text-decoration:none;
	line-height:120%;
}

h3.cat a:hover,
h3.catS a:hover {
	background:none;
	color:#006522;
}

#jyouho_menu {
	/*width:390px;*/
	margin:11px 11px 0 11px;
	font-size:85%;
}

#jyouho_menu ul {
	/*width:370px;*/
	margin:5px 5px 15px 5px;
}

#jyouho_menu ul li {
	float:left;
	white-space: nowrap;
	margin:5px 0;
	padding:0 5px;
	border-right:1px solid #666666;
	line-height:110%;
}

.mr00 { margin-right:0px!important; }

/*--町政情報--*/
/*h3.town_administration {
	background:url(../img/top/top_g_menu01.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.town_administration a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.town_administration a:hover {
	background:url(../img/top/top_g_menu01_on.gif);
}*/
/*--人生の節目--*/
/*h3.life {
	background:url(../img/top/top_g_menu02.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.life a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.life a:hover {
	background:url(../img/top/top_g_menu02_on.gif);
}*/
/*--暮らしインフォメーション--*/
/*h3.life_information {
	background:url(../img/top/top_g_menu03.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.life_information a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.life_information a:hover {
	background:url(../img/top/top_g_menu03_on.gif);
}*/
/*--窓口業務--*/
/*h3.procedure {
	background:url(../img/top/top_g_menu04.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.procedure a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.procedure a:hover {
	background:url(../img/top/top_g_menu04_on.gif);
}*/
/*--こども・教育・人権--*/
/*h3.education {
	background:url(../img/top/top_g_menu05.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.education a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.education a:hover {
	background:url(../img/top/top_g_menu05_on.gif);
}*/
/*--健康・福祉--*/
/*h3.welfare {
	background:url(../img/top/top_g_menu06.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.welfare a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.welfare a:hover {
	background:url(../img/top/top_g_menu06_on.gif);
}*/
/*--産業--*/
/*h3.industry {
	background:url(../img/top/top_g_menu07.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.industry a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.industry a:hover {
	background:url(../img/top/top_g_menu07_on.gif);
}*/

/*--役場各課--*/
/*h3.section {
	background:url(../img/top/top_g_menu08.gif);
	margin:0px;
	padding:0;
	text-indent:-9999px;
}
h3.section a {
	display:block;
	width:390px;
	height:26px;
	background:none;
}
h3.section a:hover {
	background:url(../img/top/top_g_menu08_on.gif);
}*/
/*--申請書--*/
/*h3.application {
	background:url(../img/top/top_g_menu09.gif);
	width:150px;
	height:26px;
	margin-right:8px;
	padding:0;
	text-indent:-9999px;
	float:left;
}
h3.application a {
	display:block;
	width:150px;
	height:26px;
	background:none;
}
h3.application a:hover {
	background:url(../img/top/top_g_menu09_on.gif);
}*/
/*--例規集--*/
/*h3.reikisyu {
	background:url(../img/top/top_g_menu10.gif);
	width:113px;
	height:26px;
	margin-right:7px;
	padding:0;
	text-indent:-9999px;
	float:left;
}
h3.reikisyu a {
	display:block;
	width:113px;
	height:26px;
	background:none;
}
h3.reikisyu a:hover {
	background:url(../img/top/top_g_menu10_on.gif);
}*/
/*--リンク集--*/
/*h3.linksyu {
	background:url(../img/top/top_g_menu11.gif);
	width:112px;
	height:26px;
	margin:0px;
	padding:0;
	text-indent:-9999px;
	float:left;
}
h3.linksyu a {
	display:block;
	width:112px;
	height:26px;
	background:none;
}
h3.linksyu a:hover {
	background:url(../img/top/top_g_menu11_on.gif);
}*/

/*--疎開保険・ふるさと納税 LPバナー--*/
#lpBnr {
	margin-bottom:20px;
}

#lpBnr ul li.sokai  {
	float:left;
}

#lpBnr ul li.furusato  {
	float:right;
}

#lpBnr ul li a:hover {
	background:none;
}

#lpBnr p {
	background:#CC0000;
	margin-top:10px;
	text-align:center;
	color:#FFF;
	font-size:0.85em;
	padding:2px 0;
	border-radius:5px;
}