/* レイアウトに関する設定 */

/* 全要素の初期化 */
* {
	margin: 0;
	padding: 0;
}

/* bodyで全体の基準となる値を定める */
body {
	background-color: #ffffff;
	color: #000000;
	font-size: 100%;
}

/* 全体に適用する内容に使用 */
div.main {
	position: static;
}

/* 左エリア（メニューエリア） */
div.menuarea {
	left: 10px;
	position: absolute;
	top: 0px;
	width: 200px;
}

/* 右エリア（業務エリア） */
div.workarea {
	margin-left: 220px;
}

/* 部品の見栄えの設定 */

/* 画面タイトル */
div.title {
	font-size: x-large;
	font-weight: 600;
	margin-bottom: 0.2em;
}

/* リンクボタン */
div.menulink {
	background-color: #3377cc;
	border: 3px outset;
	color: #ffffff;
	margin-top: 3px;
	padding: 3px;
	text-align: center;
}

/* お知らせ系のリンクボタン背景色 */
div.infoButton {
	background-color: #660066;
}

/* リンクボタンの文字装飾 */
a.menu {
	color: #ffffff;
	text-decoration: none;
	font-weight: bolder;
}

/* データ一覧用 */
table.spread {
	font-size: small;
	background-color: #ffffff;
}
th.spread {
	font-weight: normal;
	color: #ffffff;
	background-color: #0000ff;
}
td.spread {
}

/* データ一覧用２ */
table.spread2 {
	font-size: small;
}
th.spread2 {
	font-weight: normal;
	background-color: #e0e0ff;
}
td.spread2 {
	background-color: #ffffe0;
}

/* 更新時刻 */
div.lastupdate {
	text-align: right;
	padding: 0.5em;
}

/* 凡例画像 */
img.hanrei {
	height: 1em;
	width: 1em;
	position: relative;
	top: 0.2em;
}

/* 時間軸文言 */
div.timeaxis {
	color: #FF0000;
}

/* 時間軸切換えボタン */

div.interval_on {
	background-color: #ffff00;
	border: 3px inset ;
	text-align: center;
	text-valign: middle;
	padding: 3px;
	width: 4em;
}

div.interval_off {
	background-color: #3377cc;
	border: 3px outset;
	text-align: center;
	text-valign: middle;
	padding: 3px;
	width: 4em;
}

a.interval_text_on {
	text-decoration: none;
	color: #3377cc;
	font-weight: bolder;
}

a.interval_text_off {
	text-decoration: none;
	color: #ffffff;
	font-weight: bolder;
}

a.interval_text_off:hover {
  text-decoration: none;
  color: #ffffff;
  font-weight: bolder;
  position : relative;
  top: 1px; /* 下に動く大きさ */
  left: 1px; /* 右に動く大きさ */
  
}
/* 洪水予報区間・水位周知河川区間の凡例位置 */
div.evacuatestageHanrei {
	position: absolute;
	top: 456px;
	left: 220px;
}