@charset "utf-8";

#menu1 {
	overflow: hidden;
}
* html #menu1 {
	height: 1%;
}
#menu1 dl {
	width: 230px;
	margin-right: 10px;
	padding-bottom: 9px;
	float: left;
	display: inline;
}
#menu1 dl dt {
	height: 93px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#menu1 dl dt img {
	margin: 10px 0 0 11px;
}
#menu1 dl dd {
	min-height: 61px;
	height: auto !important;
	height: 61px;
	overflow: hidden;
}
* html #menu1 dl dd {
	overflow: visible;
}
#menu1 dl dd p {
	width: 5em;
	margin: 4px 0 0 13px;
	float: left;
	display: inline;
}
#menu1 dl dd p.left {
	width: 9em;
}
#menu1 dl.calendar dd p {
	width: 207px;
}
#menu1 dl.disaster {
	background: url("../images/disasterBtm.gif") left bottom no-repeat;
}
#menu1 dl.calendar,
#menu1 dl.mayorRoom {
	background: url("../images/calendarBtm.gif") left bottom no-repeat;
}
#menu1 dl.disaster dt {
	background: url("../images/disasterTop.gif") no-repeat;
}
#menu1 dl.calendar dt,
#menu1 dl.mayorRoom dt {
	background: url("../images/calendarTop.gif") no-repeat;
}
#menu1 dl.disaster dd {
	background: url("../images/disasterMdl.gif") no-repeat;
	color: #fff;
}
#menu1 dl.calendar dd,
#menu1 dl.mayorRoom dd {
	background: url("../images/calendarMdl.gif") no-repeat;
}
#menu1 dl.mayorRoom {
	margin-right: 0;
}
#menu1 dl.disaster dd a {
	color: #fff;
}
#menu1 dl.disaster dd a:hover {
	color: #ff9;
}
#menu1 dl.calendar dd a,
#menu1 dl.mayorRoom dd a {
	color: #333;
}
#menu1 dl.calendar dd a:hover,
#menu1 dl.mayorRoom dd a:hover {
	color: #999;
}


#menu2 {
	overflow: hidden;
}
* html #menu2 {
	height: 1%;
}
#menu2 dl {
	width: 230px;
	margin: 10px 10px 0 0;
	padding: 0 0 8px;
	float: left;
	background: url("../images/menu2Btm.gif") left bottom no-repeat;
	position: relative;
}
#menu2 dl.right {
	margin-right: 0;
}
#menu2 dl dt {
	width: 99px;
	height: 89px;
	position: absolute;
	top: 6px;
	left: 7px;
}
#menu2 dl dd {
	min-height: 88px;
	height: auto !important;
	height: 92px;
	padding: 5px 6px 0 113px;
	background: url("../images/menu2Top.gif") no-repeat;
	line-height: 1.4;
}


#serch,
#notification,
#news {
	margin: 18px 0;
}
#serch h2 {
	margin-bottom: 6px;
}
#serch dl {
	padding: 3px 20px;
	background: url("../images/serchBg.gif") no-repeat;
	overflow: hidden;
}
* html #serch dl {
	height: 1%;
}
#serch dl dt {
	width: 8em;
	padding: 4px 0 1px;
	float: left;
	display: inline;
	font-weight: normal;
}
#serch dl dd {
	margin-left: 8.5em;
}
#notification ul,
#news ul {
	width: 708px;
	margin-top: 2px;
	padding: 5px 0;
	border: 1px solid #ccc;
}
#news ul {
	height: 180px;
	overflow: auto;
}
* html #notification ul,
* html #news ul {
	width: 710px;
}
#notification ul li,
#news ul li {
	margin: 5px 10px 5px 15px;
	padding: 0 0 0px 15px;
	background: url("../images/arrow.gif") 0 2px no-repeat;
	list-style: none outside;
	overflow: hidden;
}
* html #notification ul li,
* html #news ul li {
	overflow: visible;
	height: 1%;
}
#notification ul li p.date,
#news ul li p.date {
	width: 5.3em;
	float:left;
}
#notification ul li p.text,
#news ul li p.text {
	padding-left: 71px;
	text-indent: -71px;
	margin-left: 7em;
}
#notification ul li p.text img,
#news ul li p.text img {
	margin-right: 10px;
	vertical-align: middle;
}



#main .contentsNav {
	overflow: hidden;
}
* html #main .contentsNav {
	height: 1%;
}
#main .contentsNav div {
	width: 230px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	margin: 0 10px 10px 0;
	float: left;
	display: inline;
}
#main .contentsNav div ul {
	margin-top: 3px;
}
#main .contentsNav div ul li {
	margin: 1px 10px;
	list-style: none outside;
}
#main .contentsNav div.townOfice {
	background: url("../images/townOficeBg.gif") right bottom no-repeat;
}
#main .contentsNav div.sightseeing {
	background: url("../images/sightseeingBg.gif") right bottom no-repeat;
}
#main .contentsNav div.living {
	margin-right: 0;
	background: url("../images/livingBg.gif") right bottom no-repeat;
}
#main .contentsNav div.welfare {
	background: url("../images/welfareBg.gif") right bottom no-repeat;
}
#main .contentsNav div.town {
	background: url("../images/townBg.gif") right bottom no-repeat;
}
#main .contentsNav div.education {
	margin-right: 0;
	background: url("../images/educationBg.gif") right bottom no-repeat;
}
#menu2 dl.townOfice a,
#main .contentsNav div.townOfice a {
	color: #0099ff;
}
#menu2 dl.townOfice a:hover,
#main .contentsNav div.townOfice a:hover {
	color: #33ccff;
}
#menu2 dl.sightseeing a,
#main .contentsNav div.sightseeing a {
	color: #336600;
}
#menu2 dl.sightseeing a:hover,
#main .contentsNav div.sightseeing a:hover {
	color: #669966;
}
#menu2 dl.living a,
#main .contentsNav div.living a {
	color: #996600;
}
#menu2 dl.living a:hover,
#main .contentsNav div.living a:hover {
	color: #cc9933;
}
#menu2 dl.welfare a,
#main .contentsNav div.welfare a {
	color: #cc0066;
}
#menu2 dl.welfare a:hover,
#main .contentsNav div.welfare a:hover {
	color: #ff3399;
}
#menu2 dl.town a,
#main .contentsNav div.town a {
	color: #990066;
}
#menu2 dl.town a:hover,
#main .contentsNav div.town a:hover {
	color: #cc3399;
}
#menu2 dl.education a,
#main .contentsNav div.education a {
	color: #993300;
}
#menu2 dl.education a:hover,
#main .contentsNav div.education a:hover {
	color: #cc6633;
}