@charset "UTF-8";
/* CSS Document */
/* ------ 全体構造 ------ */

* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	line-height: 160%;
	font-family: verdana, helvetica, arial, 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', 'Osaka','ＭＳ Ｐゴシック', 'ＭＳ ゴシック', 'MS UI Gothic';
	background:#ffffff url( ../img/bg_body.jpg) no-repeat center top;
	position:relative;
}

#main, #header, .inner {
	margin:0px auto 0px auto;
	width:1000px;
}
#mapmenu {
	margin:0px auto 0px auto;
	width:1004px;
}

img, a img {
	border: 0;
}
ul, li, dl, dt, dd, table, td ,th { margin:0; padding:0;}
li { list-style:none;}

/* ------ ヘッダー ------ */

#header .left{
	float:left;
}

#header h1 {
	margin:0px 20px 0px 0px;
	float:left;
}
#header #emergency {
	margin-left:5px;
}
#header .lnavi {
	padding-top:3px;
	text-align:right;
	font-size:11.5px;
	font-weight:bold;
	text-shadow:1px 1px 3px #fff, -1px -1px 3px #fff;
}
#header .lnavi img {
	vertical-align:middle;
}
#header .lnavi span {
	padding:6px 8px;
	line-height:30px;
	background: #fff;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#header .lnavi span a {
	font-weight:bold;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
#header .time {
	font-size:10px;
	text-align:right;
	color:#000;
	text-shadow:1px 1px 3px #fff, -1px -1px 3px #fff;
}

#policy_line .policy {
	font-weight:bold;
	font-size:10px;
	text-align:center;
}


/* ------ 地図ナビ ------ */
#mapmenu {
	background-image:url( ../img/bg_mapmenu.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}
#mapmenu li {
	float:left;
	text-align:center;
	padding-bottom:7px;
	display:block;
}
#mapmenu li a {
	padding:8px 0 8px 0;
	background-color:#f5ecd8;
	display:block;
	border-top:#fff 2px solid;
	border-left:#fff 2px solid;
}
#mapmenu li.checked a {
	background-image:url( ../img/icon_checked.png);
	background-repeat:no-repeat;
	background-position:1px 1px;
	background-color:#ebdab7;
}
#mapmenu li a:hover,
#mapmenu li.on a {
	background-color:#84dbff;
}
#mapmenu li.on {
	background-image:url( ../img/over/bg_li.gif);
	background-repeat:no-repeat;
	background-position:center bottom;
}

#mapmenu li#li_center a {
	border-top-left-radius: 5px;        /* CSS3草案 */
    -webkit-border-top-left-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius-top-left: 5px;   /* Firefox用 */

}
#mapmenu li#li_legend a {
	border-right:#fff 2px solid;
	border-top-right-radius: 5px;        /* CSS3草案 */
    -webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius-top-right: 5px;   /* Firefox用 */

}
/*4文字*/
#mapmenu li#li_center,
#mapmenu li#li_area,
#mapmenu li#li_term,
#mapmenu li#li_project,
#mapmenu li#li_posi,
#mapmenu li#li_printall {
	width:80px;
}
/*11文字*/
#mapmenu li#li_emergency {
	width:180px;
}

/*6文字*/
#mapmenu li#li_noticecategory,
#mapmenu li#li_print {
	width:115px;
}

/*2文字*/
#mapmenu li#li_legend {
	width:54px;
}
#mapmenu_detail {
	width:980px;
	margin:0px auto 0px auto;
	padding:0px 10px 5px 10px;
	border-left:#fff 2px solid;
	border-right:#fff 2px solid;
	background:#daeef6;
}
#mapmenu_detail dd {
	padding:8px 10px;
	background:#fff;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
	box-shadow:2px 2px 3px #999;
	display:none;
}
#mapmenu_detail dd .close {
	float:right;
	background:#efefef;
	border:#b5b1a6 1px solid;
	border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
}
#mapmenu_detail dd .close a {
	color:#958f83 !important;
	font-weight:bold;
	text-decoration:none !important;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-align:center;
}

.simpleColorContainer {
	display:inline-block;
}

/*通報分類*/
#dd_noticecategory li {
	margin:3px 0px;
	padding-left:2px;
	float:left;
	display:block;
	width:200px;
	height:15px;
	line-height:20px;
}

/*凡例*/
#dd_legend li {
	margin:3px 0px;
	padding-left:2px;
	float:left;
	display:block;
	width:250px;
	height:20px;
	line-height:20px;
}
#dd_legend li.blue {
	border-left:#30F 20px solid;
}
#dd_legend li.purple {
	border-left:#63F 20px solid;
}
#dd_legend li.pink {
	border-left:#F9C 20px solid;
}
#dd_legend li.brown {
	border-left:#C30 20px solid;
}
#dd_legend li.orange {
	border-left:#F60 20px solid;
}
#dd_legend li.sand {
	border-left:#C90 20px solid;
}



#cursortype {
	width:980px;
	margin:0px auto 0px auto;
	padding:3px 10px 8px 10px;
	border-left:#fff 2px solid;
	border-right:#fff 2px solid;
	background:#daeef6;
}
#cursortype li {
	height:33px;
	float:left;
	display:inline-block;
	background-image:url(../img/bg_cursor_type.gif);
}
#cursortype li:hover,
#cursortype li.on {
	background-image:url(../img/over/bg_cursor_type.gif);
}
#cursortype li#li_navi {
	background-position:left top;
	border-right:#a1c0cd 1px solid;
}
#cursortype li#li_zoom {
	background-position:center top;
	border-left:#c5ebfb 1px solid;
	border-right:#a1c0cd 1px solid;
}
#cursortype li#li_dist {
	background-position:right top;
	border-left:#c5ebfb 1px solid;
}
#cursortype li a {
	padding:0 20px 0 40px;
	line-height:33px;
	background-repeat:no-repeat;
	color:#00008d !important;
	text-decoration:none !important;
	text-shadow:1px 1px 3px #fff, -1px -1px 3px #fff;
}
#cursortype li a:hover,
#cursortype li.on a {
	color:#000 !important;
	text-decoration:none !important;
}
#cursortype li#li_navi a {
	background-image:url(../img/cursor_type_navi.png);
	padding-left:50px;
	background-position:20px 50%;
}
#cursortype li#li_zoom a {
	background-image:url(../img/cursor_type_select.png);
	background-position:10px 50%;
}
#cursortype li#li_dist a {
	background-image:url(../img/cursor_type_dist.png);
	background-position:10px 50%;
}
#cursortype li#li_navi.on a,
#cursortype li#li_navi a:hover {
	background-image:url(../img/over/cursor_type_navi.png);
}
#cursortype li#li_zoom.on a,
#cursortype li#li_zoom a:hover {
	background-image:url(../img/over/cursor_type_select.png);
}
#cursortype li#li_dist.on a,
#cursortype li#li_dist a:hover {
	background-image:url(../img/over/cursor_type_dist.png);
}

/* ------ 地図 ------ */
.tb_map {
	margin-top:0px;
	border-collapse:collapse;
	border:0px;
}
.tb_map table{
	border-collapse:collapse;
	border:0px;
}
#map {
	width: 998px;
	height: 620px;
	border:#3859bd 1px solid;
}

/* ------ 非ビジュアル情報 ------ */
h3#nonvisual {
	margin-top:40px;
	padding:0px 0px 0px 45px;
	line-height:50px;
	font-size:16px;
	color:#000;
	background:url( ../img/icon_nonvisual.png) no-repeat left 50%;
}
#nonvisualbox {
	padding:10px;
	border:#000000 1px solid;
	min-height: 200px;
	max-height: 400px;
	overflow: auto;
}
#nonvisualbox hr {
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin-bottom: -18px
}

/* ------ 緊急・重要情報 ------ */
h3#emergency {
	margin-top:40px;
	padding:0px 0px 0px 45px;
	line-height:50px;
	font-size:16px;
	color:#000;
	background:url( ../img/icon_emergency.png) no-repeat left 50%;
}
#emergencybox {
	padding:10px;
	border:#f00000 2px solid;
	min-height: 200px;
	max-height: 600px;
	overflow: auto;
}
#emergencybox hr {
    border:none;
    border-top:dashed 1px #CCC;
    height:1px;
    color:#FFFFFF;
    margin-bottom: -18px
}

/* ------ フッター ------ */
#footer {
	margin:20px 0px 0px 0px;
	background:#ececec;
}
#footer .inner{
	padding:15px 0px;
	background:#ececec url( ../img/bg_footer.jpg) no-repeat left bottom;
}
#footer .link {
	text-align:right;
	height:100px;
}

/* ------ リンク設定 ------ */
a:link { color: #0094e1; text-decoration: none; }
a:visited { color: #0094e1; text-decoration: none; }
a:hover { color: #0094e1; text-decoration: underline; }
a:active { color: #0094e1; text-decoration: none; }


#mapmenu a:link { color: #000; text-decoration: none; }
#mapmenu a:visited { color: #000; text-decoration: none; }
#mapmenu a:hover { color: #000; text-decoration: none; }
#mapmenu a:active { color: #000; text-decoration: none; }


/* ------ クリアー ------ */

.clearfix:after,
.inner:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix,
.inner {
  min-height: 1px;
}

* html .clearfix,
* html .inner {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ------ フォーム ------ */

input[type="text"],
input[type="password"],
textarea {
	margin:1px 0px;
	padding:3px 3px;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.2) inset;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;

	border: 1px solid #aaa;
	line-height:1.4em;
	min-height:1.4em;
	font-size:100%;
	font-family:Helvetica,Arial,sans-serif;
}
input[type="submit"],
input[type="button"],
input[type="reset"] {
	font-size:100%;
	padding:3px 3px;
}
select {
	font-size:90%;
	padding:3px 1px;
}
label input[type="radio"],
label input[type="checkbox"] {
	margin-right:3px;
}
p.aaa, p.aaa * {
	line-height:20px;
	vertical-align:middle;
}

.ui-datepicker select.ui-datepicker-year {
	width:45% !important;
}.ui-datepicker select.ui-datepicker-month {
	width:35% !important;
}
/**/
.rollover{}
.heightLine{}