/*contents*/
/**
 * 日付表示
 * 0A38C2
 */
div#datetime {
	width: 180px;
	left: 10px;
	z-index:4;
	position:absolute;
	border:0;
	margin: 0;
	padding:2px;
	font-size: 14px;
	text-align: center;
	color: #FFFFFF;
	background-color: #0075FF;
}

/**
 * 履歴遷移ボタン
 */
ul#record_controll {
	height: 22px;
	margin: 4px 2px 0 0;
	padding: 0;
	font-size: 0;
	float: left;
}
ul#record_controll li {
	height: 22px;
	margin: 0 3px 0 0;
	padding: 0;
	list-style: none;
	float: left;
}

/**
 * 表示切り替えボタン
 */
ul#region_controll {
	height: 22px;
	margin: 4px 0 0 2px;
	padding: 0;
	font-size: 0;
	float: left;
}
ul#region_controll li {
	height: 22px;
	margin: 0 0 0 3px;
	padding: 0;
	list-style: none;
	float: left;
}

/**
 * 地図オーバーライド
 */
div#map {
	overflow:hidden;
	position:relative;
}

div#map div {
	position:absolute;
	visibility:hidden;
	will-change: transform;
}
div#map div img {
	position:absolute;
}

img#backgroundMap {
	z-index:1;
	image-rendering: pixelated;                /* Chrome */
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE */
	
}
img#rainfallMesh  {
	z-index:2;
	image-rendering: pixelated;                /* Chrome */
	image-rendering: -moz-crisp-edges;         /* Firefox */
	image-rendering:   -o-crisp-edges;         /* Opera */
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;  /* IE */
}
img#foregroundMap {
	z-index:3;
}
div#datetime      {z-index:4;}
div#explanation   {z-index:5;}
div#now_loading   {z-index:6;}
div#error_display {z-index:7;}

/**
 * 右下のクリッカブルマップのオーバーライド
 */
div#navi {
	position:relative;
	overflow:hidden;
}
img#navi img {
	position:absolute;
}
div#area_boundary {
	width:10px; 
	height:10px; 
	position:absolute; 
	border:2px solid #FF0;
	display:block;
}

/*//contents*/


#now_loading {
	position:absolute;
	display:none;
	top:346px; left:330px;
	width:147px; height:34px;
	margin:0; padding:0;
	text-align:center;
	vertical-align:middle;
}

#error_display {
	position:absolute;
	display:none;
	top:346px; left:330px;
	width:147px; height:34px;
	margin:0; padding:0;
	text-align:center;
	vertical-align:middle;
}

.transparent {
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}