div.fill {width: 100%; height: 100%;}
body {padding: 0; margin: 0;}
html, body, #map {height: 100%; width: 100%;}

/****************************
** The zoomslider shall be placed between the zoom-in and zoom-out buttons.
****************************/
#map .ol-zoom .ol-zoom-out {
	margin-top: 204px;
}
#map .ol-zoomslider {
	background-color: transparent;
	top: 2.3em;
}
#map .ol-touch .ol-zoom .ol-zoom-out {
	margin-top: 212px;
}
#map .ol-touch .ol-zoomslider {
	top: 2.75em;
}
#map .ol-zoom-in.ol-has-tooltip:hover [role=tooltip],
#map .ol-zoom-in.ol-has-tooltip:focus [role=tooltip] {
	top: 3px;
}
#map .ol-zoom-out.ol-has-tooltip:hover [role=tooltip],
#map .ol-zoom-out.ol-has-tooltip:focus [role=tooltip] {
	top: 232px;
}
/***************************/


/* 観測時刻用 */
.tabjikoku  {background-image: url("../images/tab_jikoku.gif");	background-repeat: no-repeat}
.fc         {font-size: 9pt;	color: white}

/* ダム用 */
.FntDamName {color: black;	font-size: 11pt;	font-weight: bold}
.FntDamData {color: black;	font-size:  7pt;}