@charset "UTF-8";
/* clearfix */
.clearfix:after { 
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;} 

/* リスト基本設定 */

#contents ul,#contents ol {
	margin-left:0;
}


/*----- 緊急連絡     --------------------------------------------*/
.emergency {
	margin-bottom:15px;
	padding:10px;
	width:97%;
	border-top:5px #FF0000 solid;
	border-left:1px #FF0000 solid;
	border-right:1px #FF0000 solid;
	border-bottom:1px #FF0000 solid;

}
div.emergency dt {
	float:left;
	width:10%;
	font-weight:bold;
	letter-spacing:3px;
	color:#FF0000;
}
div.emergency dd {
	float:left;
	width:90%;
}

/*----- メインコンテンツ-------------------------------------------------------*/
#contents {
	float:left;
	width:475px;
	padding:0 10px;
}

div.topics , div.infomation , div.lifeinfo {
	padding-bottom:15px; 
}

/* topics */

div.topics li {
	padding:5px 0;
	list-style:none;
	border-bottom:1px #CCC dotted;
	overflow:hidden;
}
#contents div.topics ul p {
	float:left;	
	margin:0;
	padding:0;
/*	width:89%;*/
}
#contents div.topics ul img {
	float:left;	
	margin:0 5px;
}
/*div.topics dt {
	float:left;
	margin:0;
	padding:5px;
	width:10%;
	height:100%;
	border-bottom:1px #CCC dotted;
	background-color:blue;
}
div.topics dd {
	float:left;
	padding:5px 0;
	margin:0;
	width:90%;
	border-bottom:1px #CCC dotted;
	background-color:gray;
}
*/
#contents div.topics p.next {
	padding:5px 0;
	width:100%;
	text-align:right;
}


/*タブ*/
/*
ul.tab{
    padding:0;
}*/
ul.tab li{
    float:left;
    list-style-type:none;
 	width:110px;
    height:26px;
}

ul.tab li a{
	width:110px;
	height:26px;
    display:block;
    overflow:hidden;
}
ul.tab li a.selected{
 	width:110px;
	height:26px;
    cursor:default;
}
ul.tab li a span {
	display:none;
}
ul.tab li.new a {
	background-image:url('../img_top/ti_01new_a.gif');
	background-repeat:no-repeat;
}
ul.tab li.new a.selected {
	background-image:url('../img_top/ti_01new_b.gif');
	background-repeat:no-repeat;
}
ul.tab li.report {
	background-image:url('../img_top/ti_02report_a.gif');
	background-repeat:no-repeat;
}
ul.tab li.report a.selected {
	background-image:url('../img_top/ti_02report_b.gif');
	background-repeat:no-repeat;
}
ul.tab li.info {
	background-image:url('../img_top/ti_03info_a.gif');
	background-repeat:no-repeat;
}
ul.tab li.info a.selected {
	background-image:url('../img_top/ti_03info_b.gif');
	background-repeat:no-repeat;
}
ul.tab li.event {
	background-image:url('../img_top/ti_04event_a.gif');
	background-repeat:no-repeat;
}
ul.tab li.event a.selected {
	background-image:url('../img_top/ti_04event_b.gif');
	background-repeat:no-repeat;
}

div.panel{
    clear:both;
}
div.panel ul{
    clear:both;
	padding:10px 0;
    list-style-type:none;
	overflow:hidden;
	border-bottom:1px #CCC dotted;
}
div.text {
/*	padding:5px 0;
	border-bottom:1px #CCC dotted;
	overflow:hidden;
    list-style-type:none;*/
}
#tab1 , #tab2 , #tab3 , #tab4 {
	padding:10px;
	border-left:1px #CCCCCC solid;
	border-right:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
}
#tab1 {
	border-top:4px #FF6699 solid;
}
#tab2 {
	border-top:4px #649A25 solid;
}
#tab3 {
	border-top:4px #3399CC solid;
}
#tab4 {
	border-top:4px #FFCC33 solid;
}
li.date {
    float:left;
    margin:0;
    padding:0;
    width:25%;
}
li.title{
    float:left;
    width:75%;
}


#tab1 p , #tab2 p , #tab3 p , #tab4 p{
	clear:both;
	padding:5px 0;
	text-align:right;
}


/*くらしの情報*/
div.lifeinfo li{
	float:left;
	list-style:none;
}
/*------- サブコンテンツ(サイトバーb:右側) ---------------------------------------*/
#sideber_b {
	float:right;
	width:225px;
}
ul.inst li {
	list-style:none;
	text-align:center;
}

ul.mobile li {
	margin: 15px;
	padding:0 0 0 25px;
	font-size:9pt;
	list-style:none;
}
ul.mobile qr {
	text-align:center;
}

/*------- サブコンテンツ(サイトバーa:左側) --------------------------------------*/
#sideber_a {
	float:left;
	width:225px;
}
ul.banner li {
	margin-bottom:2px;
	padding:5px 0;
	list-style:none;
	text-align:center;
}

p.citychief {
	float:left;
	padding:10px;
	width:64px;
}
div.citychief p {
	position:relative;
	top:-1px;
	left:-1px;
}

ul.citychief {
	float:left;
	width:130px;
	margin:0px;
}
ul.citychief li {
	margin:0px;
	padding:5px;
	font-size:9pt;
	list-style:none;
}

/* WEB市長室 */
div.citychief {
	width:219px;
	height:130px;
	border:1px #CCCCCC solid;
	margin:0 0 25px 0;
	padding:0 0 0.5em 0;
}

/* バナー広告 */
#advertising {
	padding-bottom:15px;
	width:100%;
	text-aligne:center;
}
#advertising p {
	float:left;
	margin:4px 7px;
	padding:5px;
	width:130px;
	height:50px;
	border:1px #CCCCCC solid;
	font-size:75%;
}
/*
#advertising img {
	margin:2px;
}
*/

/* アクセス解析 */
span.futomi {
	display:none;
}