@charset "utf-8";

/*Contents===========================================================================*/
#mainimage p { width:900px; height:220px; background-image:url(../images/main.jpg); text-indent:-10000px; margin-bottom:15px; margin-left:auto; margin-right:auto;}

#subimage {width:900x; margin-bottom:15px; margin-left:auto; margin-right:auto; text-align:center;}

/*Contents left*/
#topleft { float:left;width:665px; }

#topmenu { width: 665px; height:216px; background-image:url(../images/info.jpg); margin-bottom:20px;}
#topmenu h2 { text-indent:-10000px; height:37px; width:665px; }

#topmenu ul{ list-style : none ; width:auto;}
#topmenu li{ text-indent:-10000px; font-size:1px; padding:0 0 8px 8px; float:left; }
#topmenu li a{ display:block; }

#topmenu li#menu01 a{ width:320px ; height:80px ; background:url(../images/credit.gif) no-repeat; }
#topmenu li#menu02 a{ width:320px ; height:80px ; background:url(../images/civil.gif) no-repeat; }
#topmenu li#menu03 a{ width:320px ; height:80px ; background:url(../images/crime.gif) no-repeat; }
#topmenu li#menu04 a{ width:320px ; height:80px ; background:url(../images/other.gif) no-repeat; }

#topmenu li#menu01 a:hover{ width:320px ; height:80px ; background:url(../images/credit_on.gif) no-repeat; }
#topmenu li#menu02 a:hover{ width:320px ; height:80px ; background:url(../images/civil_on.gif) no-repeat; }
#topmenu li#menu03 a:hover{ width:320px ; height:80px ; background:url(../images/crime_on.gif) no-repeat; }
#topmenu li#menu04 a:hover{ width:320px ; height:80px ; background:url(../images/other_on.gif) no-repeat; }

#whatsnew { width: 665px; height:40px; background-image:url(../images/whatsnew.gif); display:block;}
#whatsnew h2 { text-indent:-10000px;  float:left;}
#old { float:right; margin:7px 3px 0 0; }
#news { width: 665px; height:120px;}

/*Contents right*/
#topright { float:right; width:215px;}

#banner ul{ list-style : none ; }
#banner li{ text-indent:-10000px; font-size:1px; }
#banner li a{ display:block; }

#banner li#b01 a{ width:215px ; height:216px ; background:url(../images/b_member.jpg) no-repeat; margin-bottom:10px; }
#banner li#b02 a{
	width:215px;
	height:90px;
	background:url(../images/b_flow.jpg) no-repeat;
}
#banner li#b03 a{
	width:215px;
	height:90px;
	background:url(../images/b_map.jpg) no-repeat;
	margin-bottom: 10px;
}

#banner li#b01 a:hover{ width:215px ; height:216px ; background:url(../images/b_member_on.jpg) no-repeat;margin-bottom:10px; }


/*Pagetop===========================================================================*/
#pagetop{width: 895px;height: auto;padding: 0 5px 0 0;margin-left: auto;margin-right: auto;}
#pagetop a { text-indent:-10000px; font-size:1px; background:url(../images/pagetop.gif) no-repeat; width:105px; height:13px; float:right; margin:15px 0 15px 0;}
#pagetop a:hover { text-indent:-10000px; font-size:1px; background:url(../images/pagetop_on.gif) no-repeat; width:105px; height:13px; float:right;  margin:15px 0 15px 0;}