@charset "shift_jis";

/* ページ設定 */
body{
    margin-top : 0px;
    margin-bottom : 0px;
    margin-left : auto;
    margin-right : auto;
}
#page{
  margin-top : 0px;
  margin-bottom : 0px;
  width : 1000px;
  text-align: left;
}

/* ページエリア */
#page_area{
  width : 760px;
  border-left-width : 1px;
  border-right-width : 1px;
  border-left-style : solid;
  border-right-style : solid;
  border-right-color : #cccccc;
  border-left-color : #cccccc;
  margin-top : -3px !important;
  margin-top /**/: 0px;
  padding-top : 4px;
  margin-bottom : 0px;
  margin-left : 120px;;
  /*margin-left : auto;
  margin-right : auto;*/
  zoom 1;
}

/* タイトルエリア */
#title_area{
  text-align: center;
  width : 750px;
  margin-top : 3px;
  margin-bottom : 0px;
  padding-left : 4px;
  padding-right : 0px;
}

/* フラッシュエリア */
#flash_area{
  text-align: center;
  width : 750px;
  margin-top : 3px;
  margin-bottom : 0px;
  padding-left : 5px;
  padding-right : 5px;
}


#layer01{
  background-image : url(../images/moji.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
}

#flash{
  position: relative;
  top: 0px; left: 0px; width: 550px; height: 210px;
  z-index:1;
}

#flash2{
  position: absolute;
  top: 155px; left: 0px; width: 550px; height: 55px;
  background-position: bottom right;
  z-index:2;
}


#layer2{
  visibility: visible;
  position: relative;
  /*top: 0px; left: 315px; width: 550px; height: 55px;*/
  top: -60px; left: 0px; width: 550px; height: 55px;
  z-index:2;
}

/* バナーエリア */
#banner_area{
  clear: both;
  width: 100%;
  margin-top : -80px;
}
	/* 左 */
	#banner_area #banner_left{
	  margin-left: 10px;
	  margin-top: 10px;
	  display: inline;
	  float: left;
	  width: 355px;
	  /*background-color : maroon;*/
	}
	/* 右 */
	#banner_area #banner_right{
	  margin-right: 10px;
	  margin-top: 10px;
  	display: inline;
	  float: right;
	  width: 355px;
	  /*background-color : olive;*/
	}

/* センターエリア */
#center_area{
  clear: both;
  width: 100%;
  margin-top : -20px;

}
	/* 左 */
	#center_area #center_left{
	  float: left;
  	width: 550px;
	  /*background-color : maroon;*/
	}
	/* 右 */
	#center_area #center_right{
	  float: right;
	  width: 200px;
	  /*background-color : olive;*/
	}

		/* 左メイン */
		#center_main{
		  margin: 10px 10px 10px 10px;
		  background-image : url(../images/bouhan_back.gif);
		  background-repeat: no-repeat;
		  background-position: center center;
      height : 700px;
		 }

		/* 左ボトム */
		#center_bottom{
		  margin: 10px 10px 10px 10px;
		  /*background-color : red;*/
		}

		#center_main .blk{
		  clear: both;
		  width: 100%;
		}
		/*#center_main .blk .section{
		  width: 260px;
		  height: 180px;
		}*/
		  #update_area,
		  #news_area
		{
		  float: left;
		}
		  #data_area,
		  #act_area
		{
		  float: right;
		}
		.map{
		  clear: both;
		  width: 100%;
		}

/* ボトムエリア */
#bottom_area{
  clear: both;
  width: 100%;
}
	
	/* 左 */
	#bottom_area #bottom_left{
	  margin-left: 10px;
	  display: inline;
	  float: left;
	  width: 375px;
	  /*background-color : maroon;*/
	}
	/* 右 */
	#bottom_area #bottom_right{
	  margin: 0 10px 0 0;
	  float: right;
	  width: 335px;
	  /*background-color : olive;*/
	}

/* フッターエリア */
#footer_area{
  clear: both;
  width: 100%;
  text-align : center;
}

/*セル高さ指定*/
.base_line{
  height : 1px;
}
/*セル幅指定*/
/* top table */
.top_tbl_td01{
  width : 149px;
}
.top_tbl_td02{
  width : 150px;
}
.top_tbl_td03{
  width : 150px;
}
.top_tbl_td04{
  width : 52px;
}
.top_tbl_td05{
  width : 63px;
}
.top_tbl_td06{
  width : 35px;
}
.top_tbl_td07{
  width : 51px;
}
.top_tbl_td08{
  width : 100px;
}


#main_body{
	width:260px;
	/*height:125px;*/
	height:220px;
	text-align: left;
	background: url(../images/top_body01.gif) repeat-y;
}
#main_body_s{
	width:260px;
	/*height:125px;*/
	height:150px;
	text-align: left;
	background: url(../images/top_body01.gif) repeat-y;
  padding-right : 5px;
}
#main_body ul {
	margin:0px;
}
#main_body_s ul {
	margin:0px;
}
#main_body div {
	width:255px;
	height:220px;
  overflow:auto;
}
#main_body_s div {
	width:255px;
	height:150px;
  overflow:auto;
}


#main_bottom{
	height:8px;
	width:260px;
	background: url(../images/top_menu_bottom.gif) no-repeat;
}
#main_body2{
	margin: 5px 5px 20px 20px;
	text-align: left;
}

#main_body3{
  margin: 10px 0 0 0;
  text-align : center;
  width: 200px;
  height: 210px;
  /*background-color : red;*/
  background-image : url(../images/line.gif);background-position : center bottom;
  background-repeat : no-repeat;
}

#main_body4{
  margin: 10px 0 0 0;
  text-align : center;
}
#bottom_body{
	width: 100%;
  display: inline;
	text-align: left;
}

/* 新着情報 */
#title_update{
	height:37px;
	width:260px;
	background: url(../images/top_menu01.gif) no-repeat;
}
/* 役立つデータ集 */
#title_data{
	height:37px;
	width:260px;
	background: url(../images/top_menu02.gif) no-repeat;
}
/* 防犯活動ニュース */
#title_news{
	height:37px;
	width:260px;
	background: url(../images/top_menu03.gif) no-repeat;
}

/* 防犯実践編 */
#title_act{
	height:37px;
	width:260px;
	background: url(../images/top_menu04.gif) no-repeat;
}


#title_topics_1{
	clear: both;
}


/* 犯罪トピックス */
#title_topics{
	height:25px;
	width:530px;
	background: url(../images/top_title02new.gif) no-repeat;
	margin-top: 10px;
}
/* 防犯協力会について */
#title_about{
	height:25px;
	width:375px;
	background: url(../images/top_title05new.gif) no-repeat;
}

/* 民間防犯グループ名鑑 */
#title_group{
	height:25px;
	width:335px;
	background: url(../images/top_title07.gif) no-repeat;
}


#map_area{
	clear : both;
  font-size : x-small;
  /*position:absolute;*/
	/*top:300px;*/
	/*left:280px;*/
    width: 260px;
    /*height: 180px;	*/
    height: 220px;	
	  display : inline;
		float: left;
		/*margin: -400px 0 0 125px;*/
		margin: 0 0 0 125px;
}

