@charset "utf-8";

/* ========================================================================== */
/* 01) 各季節別記述 */
/* ========================================================================== */

.container .modules li.navi_hidden{height:0px; margin:0px 5px; font-size:1px; line-height:1px; display:none;}

.modules li.top_main_img{ width:560px;}
.modules li.top_main_img_icon{ width:260px; height:156px;}


/* ----- くらしのできごと  ------------------------------------------------- */

.modules li.top_kurashi{ width:365px; background-color:#fff;
text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
border-radius:6px;
	background-image:url(../img/top_kurashi_bg.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	border:1px #0099FF solid; min-height:485px; _height:485px; 
 float:right;
}

.top_kurashi h3{ background-color:#49A2CE; padding:6px 6px 0px 6px;
text-align:center;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;

	border:2px #fff solid;
	margin:12px 10px 0px 10px;
}


/* -- 各種アイコンメニュー -- */

.top_kurashi ul.top_kurashi_icon{ text-align:right!important;
	list-style:none!important;
	margin:0px auto; 
	padding:0px 0px 0px 5px;
	max-width:380px;

}
.top_kurashi_icon li{border:0px; margin: auto; padding:0px; height:120px; width:120px; text-align:center;}
.top_kurashi_icon a{border:0px;	margin:0px; padding:0px;}

A.k_navi{ border:0px solid; margin:0 auto;
	background-image:url(../img/top_kurashi_icon.gif);
	background-repeat:no-repeat;
	height:110px; width:110px;
	display:block;
} 
A.k_navi:link  {}
A.k_navi:visited {}
A.k_navi:active  {}
A.k_navi:hover {
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
 -khtml-opacity: 0.5;
 opacity:0.5;
}
A.k_navi span{ border:0px solid; display:none; font-size:12px; line-height:16px;}


/* 妊娠・出産 記述  */
.k_menu01{ background-position:0px 0px;}
/* 子育て 記述  */
.k_menu02{ background-position:-110px 0px;}
/* 結婚・離婚 記述  */
.k_menu03{ background-position:-220px 0px;}
/* 入園・入学 記述  */
.k_menu04{ background-position:0 -110px;}
/* 就職・退職 記述  */
.k_menu05{ background-position:-110px -110px;}
/* 引越し 記述  */
.k_menu06{ background-position:-220px -110px;}
/* 住まい 記述  */
.k_menu07{ background-position:0 -220px;}
/* 高齢・介護 記述  */
.k_menu08{ background-position:-110px -220px;}
/* 死亡 記述  */
.k_menu09{ background-position:-220px -220px;}

.top_kurashi_comment{ margin:6px 0px 0px 0px;}

/* ----- 災害情報  ------------------------------------------------- */
.modules li.top_alert{ border:1px #F1978D solid; width:558px; min-height:110px;
	background-image:url(../img/top_alert_bg.gif);}







.top_alert_info{

	float:left; 
	margin:0px auto 12px auto;
	padding:0px;
	text-align:center;
	width:100%;

}

.top_alert_comment{min-height:27px;
		border:3px #EC543F solid; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	padding:12px;
	text-align:left;
	
	margin:0px 6px;}


.modules li.top_main_icon02{ width:255px; background-color:#060; float:left;}
.modules li.top_main_icon03{ width:250px; background-color:#060;}




#top_banner{ margin:0px auto 16px auto; padding:16px 0px 0px 6px; max-width:935px;}
#top_banner_naka{ margin:0px auto 16px auto; padding:16px 0px 0px 0px; max-width:860px;}
#top_banner_bottom{ margin:0px auto 16px auto; padding:16px 0px 0px 0px; max-width:930px;}
#top_banner_bottom ul.ul_banner01{ width:800px; }


.top_banner_naka{ margin:0px auto; padding:6px; background-image:url(../img/top_banner.gif);	}
.top_banner_naka01{ background-color:#FFF; padding:10px; background-color:#E3F1FC; margin:auto; text-align: left;}
ul.ul_banner{text-align:left; max-width:820px; margin:auto;}
ul.ul_banner li{ padding:0px; margin:3px;}
ul.ul_banner li img{border:1px #CFCFCF solid; padding:3px; background-color:#FFF;}

ul.ul_banner01{ background-color:#FFF; padding:0px; background-color:#E3F1FC; margin:auto; text-align:center;}
ul.ul_banner01 li{ padding:0px; margin:3px;}
ul.ul_banner01 li img{border:1px #CFCFCF solid; padding:3px; margin:3px 2px; background-color:#FFF; float:left;}
.clear_li{ clear:both;}


.banner_info{ padding:4px 0px 3px 14px; max-width:800px; margin:0px auto;
background-image:url(../img/banner_icon.gif);
background-repeat:no-repeat;
background-position:top left;
}
.banner_info A:link  { text-decoration: none;}
.banner_info A:visited { text-decoration:none;}
.banner_info A:active  { text-decoration:underline;}
.banner_info A:hover { text-decoration:underline;}


/* ========================================================================== */
/* 新着情報・お知らせ設定 CSS */
/* ========================================================================== */


/* ----- 新着情報 各種設定 ------------------------------------------------ */


/* 　新着情報 基本設定　 */
.wnew{margin:0px 0px 0px 0px; _margin:0px 0px 0px 0px;
padding:0px; text-align:left;
	background-image: url(../img/wnew_tab_right.gif);
	background-repeat:repeat-y;
	background-position:top right;
	min-height:250px;
}
.wnew ul{ margin:0px 10px 0px 18px; padding:8px 10px 10px 0px; text-align:left;}
.wnew li {
	border-bottom:1px #999999 dotted;
	list-style-type: none;
	line-height: 135%;
	font-size:100%;
	padding:10px 0px 8px 13px;
	margin:0px 0px 0px 0px;
}

.wnew_cont{ margin:0px; padding:0px;}
.wnew_date{ float:left;  _float:none;}
.wnew_cont_title{margin:0px 16px 0px 11em; _margin:0px 0px 0px 0px;  padding:0px;  text-align:left;}
.wnew_bottom{font-size:10px; line-height:10px; height:10px; margin:0px 0px 0px 0px; 
border-bottom:1px #99CCFF solid;
border-right:1px #99CCFF solid;
border-left:1px #99CCFF solid;
background-color:#BDE7FB;
}


.wnew_rss{ float:right; margin-top:-40px;}
.topics_list{ float:right; margin-top:-32px; margin-right:12px;}
.topics_list01{ display: none; visibility: hidden; clear:both; text-align:right; margin-top:-14px; margin-right:16px;}

.wnew .color li.second_tr{ background:#EDF7FF;}
body.bgcolor_black .wnew .color li.second_tr,body.bgcolor_blue .wnew .color li.second_tr{ background:none;}

/* ========================================================================== */
/* 重要なお知らせ設定 CSS */
/* ========================================================================== */


/* ----- 重要なお知らせ 各種設定 ------------------------------------------------ */


/* 　重要なお知らせ 基本設定　 */
.topics_title{margin:0px 0px 0px 0px; _margin:0px 0px 0px 0px;
padding:0px; text-align:left;
	background-image: url(../img/tab_bg01.gif);
	background-repeat:repeat-y;
	background-position:top right;
	height:65px;

}


.topics{margin:0px 0px 26px 0px; _margin:0px 0px 0px 0px;
padding:0px; text-align:left;
	background-image: url(../img/wnew_tab_left01.gif);
	background-repeat:repeat-y;
	background-position:top left;
}

.topics_frame{margin:0px 0px 0px 0px; _margin:0px 0px 0px 0px;
padding:0px; text-align:left;
	background-image: url(../img/wnew_tab_right01.gif);
	background-repeat:repeat-y;
	background-position:top right;

}
.topics ul{ margin:0px 10px 0px 18px; padding:8px 10px 10px 0px; text-align:left;}
.topics li {
	border-bottom:1px #999999 dotted;
	list-style-type: none;
	line-height: 135%;
	font-size:100%;
	padding:10px 0px 8px 13px;
	margin:0px 0px 0px 0px;
}

.topics_cont{ margin:0px; padding:0px;}
.topics_date{ float:left;  _float:none;}
.topics_cont_title{margin:0px 16px 0px 11em; _margin:0px 0px 0px 0px;  padding:0px;  text-align:left;}
.topics_bottom{font-size:10px; line-height:10px; height:10px; margin:0px 0px 0px 0px; 
border-bottom:1px #FBCCCC solid;
border-right:1px #FBCCCC solid;
border-left:1px #FBCCCC solid;
background-color:#FFF0F0;
}

.topics .color li.second_tr{ background:#FEF0EF;}
body.bgcolor_black .topics .color li.second_tr,body.bgcolor_blue .topics .color li.second_tr{ background:none;}



/* ----- 緊急時の表示  ------------------------------------------------- */

.modules li.alert{ width:938px; float:none;
	background-color:#FFE700;
-moz-border-radius:4px;
-webkit-border-radius:4px;
border-radius:4px;}

.alert_img{ float:none; height:75px; width:930px; margin-bottom:4px; margin-left:6px;
	background-image:url(../img/alert05.gif);
	background-repeat:no-repeat;
	background-position:top left;
	 background-position:0px -135px;
}
.alert_img span{ display:none;}
.alert_img img{ width:365px; height:75px; margin-left:5px;}
.alert_comment{
    border: 3px solid #EC543F;
    border-radius: 6px 6px 6px 6px;
    padding: 12px;
    text-align: left;
		min-height:130px;
		background-color:#FFF;
		font-size:120%;
width:880px;	float: none;  margin:0px 10px 12px 8px;
}


/* ----- 暮らしの情報  ------------------------------------------------- */


.top_kurashi_info_title{ margin:0px; padding:0px;
	background-image:url(../img/top_kurashi_info_title_bg.gif);
	background-repeat: repeat-x;
	background-position:top left; height:41px;
	font-size:10px; line-height:10px;
}
#top_kurashi_info{padding:6px;
border-bottom:5px #ACDEFF solid;
border-left:5px #ACDEFF solid;
border-right:5px #ACDEFF solid;
}

#top_kurashi_info h3{
	background-image:url(../img/top_kurashi_info_bg.gif);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#E0EEFB;
	font-size:100%;
	font-weight:normal;
	color:#FF193B;
	padding:5px 6px 3px 26px;
	margin-bottom:3px;
		-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	clear:both;}
#top_kurashi_info h3 A:link  { color:#FF193B; text-decoration: none;}
#top_kurashi_info h3 A:visited { color:#FF193B; text-decoration:none;}
#top_kurashi_info h3 A:active  { color: #F08390; text-decoration:underline;}
#top_kurashi_info h3 A:hover { color:#F08390; text-decoration:underline;}



.top_kurashi_link { margin:8px 6px 12px 20px; padding:0px;
line-height:150%;
}



.top_kurashi_link UL LI {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1px;
    white-space: nowrap;
    width: 22%;
}
.top_kurashi_link LI {
background-image:url(../img/banner_icon01.gif);
background-repeat:no-repeat;
background-position:top left;
    display: inline;
}

.top_kurashi_link A{ margin:0px 6px; padding:4px 16px 3px 4px;
}
.top_kurashi_link A:link  { text-decoration: none;}
.top_kurashi_link A:visited { text-decoration:none;}
.top_kurashi_link A:active  { text-decoration:underline;}
.top_kurashi_link A:hover { text-decoration:underline;}








/* ----- 市の施策・行政 関係  ------------------------------------------------- */


.top_government_info_title{ margin:16px 0px 0px 0px; padding:0px;
	background-image:url(../img/top_government_info_title_bg01.gif);
	background-repeat: repeat-x;
	background-position:top left; height:41px;
	font-size:10px; line-height:10px;
}
.top_government_info_title01{ margin:0px; padding:0px 0px 0px 0px;
	background-image:url(../img/top_government_info_title_bg02.gif);
	background-repeat: no-repeat;
	background-position:top right;
}

#top_government_info{padding:6px;
border-bottom:10px #E5F3FE solid;
border-left:10px #E5F3FE solid;
border-right:10px #E5F3FE solid;
background-repeat:no-repeat;
background-position:top right;
/* min-height:80px; */

}



.top_government_link { margin:0px 12px 6px 12px; padding:0px;
line-height:150%;
}

.top_government_link UL LI {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    padding-top: 1px;
    white-space: nowrap;
    width: 22%;
}
.top_government_link LI {
background-image:url(../img/banner_icon01.gif);
background-repeat:no-repeat;
background-position:top left;
    display: inline;
}


.top_government_link A{ margin:0px 6px 12px 0px; padding:4px 12px 3px 12px;

}
.top_government_link A:link  { text-decoration: none;}
.top_government_link A:visited { text-decoration:none;}
.top_government_link A:active  { text-decoration:underline;}
.top_government_link A:hover { text-decoration:underline;}








/* ========================================================================== */
/* 00) 各画面幅 共通設定 */
/* ========================================================================== */


/* --緑-- */
@media screen and (max-width: 1200px) {
.alert_img{ float: none; height: 75px; width: 930px; background-position:0px -135px;}
.alert_img img{ width:365px; height:75px; margin-left:5px;}
.alert_comment{	width:880px;	float: none;  margin:0px 10px 12px 8px;}
#top_banner_naka{ width:860px;}


}
/* --青-- */
@media screen and (max-width: 1140px) {
.modules li.alert{ width:938px; }
.alert_img{ width:930px; float:none; height:75px; background-position:0px -135px;}
.alert_img img{ width:365px; height:75px; margin-left:5px;}
.alert_comment{	width:880px;	float: none;  margin:0px 10px 12px 8px;}
#top_banner_naka{ width:670px;}
#top_banner_bottom{width:930px;}
#top_banner_bottom ul.ul_banner01{ width:800px; }

.modules li.top_alert { min-height:110px;}
.top_alert_comment { min-height:27px;}
}

/* --紫-- */
@media screen and (max-width: 950px) {
.modules li.alert{ width:735px; }

.alert_img{ width:720px; float:none; height:75px; background-position:0px -212px; }
.alert_img img{ width:363px; height:75px; margin-left:5px;}
.alert_comment{	width:680px;	float: none;  margin:0px 10px 12px 8px;}
#top_banner{width:735px;}
#top_banner_naka{ width:480px;}
#top_banner_bottom{width:735px;}


.banner_info{width:540px;}

#top_banner_bottom ul.ul_banner01{ width:680px; }
#top_banner_bottom .banner_info{width:670px;}

ul.ul_banner{width:550px;}
.modules li.top_alert { min-height:100px;}
.top_alert_comment { min-height:1em;}
}

/* --赤-- */
@media screen and (max-width:756px) {
.modules li.alert{ width:98%!important; }
#top_banner{width:98%!important; }
#top_banner_naka{width:98%!important;}
#top_banner_bottom{width:95%!important; margin:0px 12px;}

#top_banner_bottom ul.ul_banner01{ width:98%!important; }
#top_banner_bottom .banner_info{width:98%!important;}


.alert_img{ margin:6px auto 0px auto; width:520px; float:none; height:65px; background-position:0px 0px; }
.alert_img img{ width:350px; height:65px; margin:auto;}
.alert_comment{	 width:92%;	float: none;  margin:3px 10px 12px 8px;}


.modules li.top_main_img { width: 98%!important;}
.top_main_img img{ width:100%;  max-width:98%!important;}
.top_kurashi{ width:96%!important;}
.modules li.top_kurashi { min-height:250px;}

.top_kurashi_icon li { float:left;}
.top_kurashi ul.top_kurashi_icon{ width:100%; max-width:700px;}

.modules li.top_alert { width:96%;}
#top_government_info{ background:none;}


}


/* --オレンジ-- */
@media screen and (max-width: 573px) {

.topics_cont_title,.wnew_cont_title{ display:block; clear:both; margin-left:0px!important; font-size:small;}
.topics_date,.wnew_date{ float:none; display:block; font-size:x-small; line-height:110%;}
.topics li,.wnew li{padding:3px 0 3px 6px; }

.wnew_rss { margin-top: -29px; z-index:100; position:absolute; right:16px;}
.topics_list { margin-top: -32px; z-index:100; position:absolute; right:6px;}

.footer{ font-size: 100%;}
.alert{ width:98%; background-color:#060; display:block;}
.topics_title{ margin-left:3px;width:96%;}
.topics{width:96%; margin-left:3px; }
.TabbedPanels{width:98%; max-width:465px;}

#header { min-height: 145px;}
#header_menu_navi,.topics_list01{ display: block; visibility:visible!important;}

.topics_list{ display: none; visibility: hidden!important;}
.top_government_info_title01{ background:none; padding:0px 0px 0px 0px;}

.banner_info{width:270px;}
ul.ul_banner{width:270px;}

.side{visibility:visible!important; display: block!important; height: auto!important;}

.modules li.alert { width:365px; }
.alert_img { left:0px;
   background-position:-571px 0px;
    float: none;
    margin: 6px auto 0 auto;
    width:360px; height:65px;
}
.alert_img img{ width:340px; height:60px; }
.alert_comment{ width:340px; padding:8px 3px; }
}


@media screen and (max-width:378px) {
	
.modules li.top_kurashi{width:96%!important; margin-left:6px!important; margin-right:6px!important; margin-bottom:12px; background-color:#FFF;}

	.post top_kurashi h3{margin: 12px 0px;}	

	.top_kurashi_comment img{width:100%; max-width:216px;}
	.top_kurashi_icon{ padding-left:16px!important;}
.modules li.top_alert{margin-left:6px!important;}

.topics_list{ display: none; visibility: hidden!important;}
#header_menu_navi,.topics_list01{ display: block; visibility:visible!important;}

.banner_info{width:150px;}
ul.ul_banner{width:130px;}

   

.modules li.alert { max-width:300px; margin-left:6px;}
.alert_img { left:0px;
    background-position:0px -290px;
    float: none;
    height:55px;
    margin:0px 0px 0px 0px;
		width:300px;

}
.alert_img img{ width:99%;
}

.alert_comment{ width:280px; padding:8px 3px; margin-left:3px;}

}