@charset "utf-8";

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

index.css

======================================================================

	01.common elements
	02.news
	04.event
	06.disaster information
	07.bnr
	
last update 08/07/16
produced by 0510office (http://www.0510office.co.jp/)

=====================================================================*/
#leftpane{width: 505px;}
#rightpane{width: 260px;}

/*--------------------------------------------------------------------
	01.common elements
--------------------------------------------------------------------*/
#leftpane div.box{
	width: 505px;
	margin-top: 10px;
}
#rightpane div.box{width: 260px;}
.box:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
/*title*/
.tbox{
	width: 505px;
	height: 39px;
	overflow: hidden;
	position: relative;
}
.tbox h3{display: none;}
.tbox div,
.tbox div a{
	width: 46px;
	height: 11px;
}
.tbox div{
	position: relative;
	top: 16px;
	left: 459px;
}
.tbox div a{
	display: block;
	line-height: 1;
	font-size: 10px;
	text-indent: -9999px;
	overflow: hidden;
}
.tbox div a:hover{background: url(../../img/more_hover.gif) no-repeat;}

/*--------------------------------------------------------------------
	02.news
--------------------------------------------------------------------*/
#leftpane #news{margin-top: 0;}
#news dl,
#news dl dt,
#news dl dd{display: block;}
#news dl{
	border-bottom: solid 1px #d5d5d5;
	margin-top: 10px;
}
#news dl dt{
	color: #ff4040;
	background: #f0f0f0 url(../../img/icon_01.gif) no-repeat 10px 10px;
	padding: 7px 10px 5px 25px;
}
#news dl dt span{
	display: block;
	float: right;
	text-align: right;
	font-size: 10px;
	color: #8c8c8c;
	margin: 0 0 5px 0px ;
}
#news dl dd{padding: 0 5px 10px;}
#news dl dd p{margin-top: 10px;}
#news dl dd p strong{color: #6ba603;}

.td1 {
	color: #ff4040;
	background: url(../../img/icon_01.gif) no-repeat 10px 10px;
}

#ktTable2 p {
	padding-left: 30px;
	padding-top: 8px;
}

#ktTable2 span {
	text-align: left;
	font-size: 12px;
	color: #404040;
	margin: 0 0 5px 0px ;
}


/*--------------------------------------------------------------------
	04.event
--------------------------------------------------------------------*/
#leftpane div#event{
	background: url(../../img/event_bg.gif) repeat-y;
	margin-top: 0;
}
#event h4{
	background: url(../../img/border_01.gif) no-repeat 7px bottom;
	padding: 15px 17px 12px;
}
#event h4 strong{color: #6ba603;}
#event div{
	background: url(../../img/event_bottom.gif) no-repeat bottom;
	padding-bottom: 17px;
}
#event div p,
#event div table{
	width: 471px;
	margin: 13px 0 0 17px;
}
#event div table{background: #e6e6e6;}
#event div table tr *{
	text-align: left;
	padding: 8px 5px 5px;
	background: #fff;
}





/*--------------------------------------------------------------------
	06.disaster information
--------------------------------------------------------------------*/
#di{
	background: url(../../img/di_bg.gif) repeat-y;
	margin-bottom: 15px;
}
#di ul,
#di ul li{display: block;}
#di ul{
	background: url(../../img/di_bottom.gif) no-repeat bottom;
	padding-bottom: 15px;
}
#di ul li{
	background: url(../../img/icon_04.gif) no-repeat 15px 10px;
	padding: 7px 27px 0;
}


/*--------------------------------------------------------------------
	07.area information
--------------------------------------------------------------------*/
#ai{
	background: url(../../img/ai_bg.gif) repeat-y;
}
#ai ul,
#ai ul li{display: block;}
#ai ul{
	background: url(../../img/ai_bottom.gif) no-repeat bottom;
	padding-bottom: 14px;
}
#ai ul li{
	color: #8e5d2e;
	background: url(../../img/icon_05.gif) no-repeat 12px 11px;
	padding: 7px 27px 0 29px;
}


/*--------------------------------------------------------------------
	07.bnr
--------------------------------------------------------------------*/
#bnr ul li#fst{margin-top: 15px;}
#bnr ul li{
	display: block;
	height: 65px;
	overflow: hidden;
	margin-top: 10px;
}
#bnr ul li a:hover img{
	opacity: 0.9;
	filter: alpha(opacity=90);
}