@charset "UTF-8";

/**
 * 背景画像
 */
div.area-data
{
  position: relative;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 100;
}

/**
 * データ表示
 */
div.area-data > div
{
  position: absolute;
}

/**
 * データ表
 */
div.area-data > div.list-data
{
  z-index: 210;
}
div.area-data > div.list-data table
{
  border-spacing: 0px;
  border: solid 1px #000000;
  border-right : none;
  border-bottom: none;
}
div.area-data > div.list-data table th,
div.area-data > div.list-data table td
{
  border: solid 1px #000000;
  border-top : none;
  border-left: none;
}
div.area-data > div.list-data table th
{
  color: #000000;
  text-align: left;
  padding-left: 2px;
}
div.area-data > div.list-data table td
{
  background-color: #ffffff;
  color: #000000;
  text-align: right;
  padding-right: 2px;
}
div.area-data > div.list-data table tr.line-none > td
{
  background-color: rgba(0,0,0,0);
  border-left : none;
  border-right: none;
}

/**
 * アイコン
 */
div.area-data > div.icon-data
{
  position: absolute;
  width: 15px;
  height: 15px;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 220;
}
/** 水位 */
/** 水防団待機水位未満 */
div.area-data > div.icon-data.wt0
{
  background-image: url('../img/icon/water-lv0.png');
}
/** 水防団待機水位以上 */
div.area-data > div.icon-data.wt1
{
  background-image: url('../img/icon/water-lv1.png');
}
/** 避難判断水位以上 */
div.area-data > div.icon-data.wt2
{
  background-image: url('../img/icon/water-lv2.png');
}
/** 氾濫注意水位以上 */
div.area-data > div.icon-data.wt3
{
  background-image: url('../img/icon/water-lv3.png');
}
/** 氾濫危険水位以上 */
div.area-data > div.icon-data.wt4
{
  background-image: url('../img/icon/water-lv4.png');
}
/** 調整中 */
div.area-data > div.icon-data.wtE
{
  background-image: url('../img/icon/water-e.png');
}
/** 他機関観測局 */
div.area-data > div.icon-data.athor
{
  background-image: url('../img/icon/water-x.png');
}

/** 水質 */
/** 通常 */
div.area-data > div.icon-data.wq0
{
  background-image: url('../img/icon/watq-0.png');
}
/** 調整中、閉局 */
div.area-data > div.icon-data.wqE
{
  background-image: url('../img/icon/watq-e.png');
}
/** カメラ */
div.area-data > div.icon-data.cam
{
  background-image: url('../img/icon/cam.png');
  width : 25px;
  height: 16px;
}

/**
 * 文字列
 */
div.area-data > div.str-data1
{
  position: absolute;
  font-size: 12px;
  z-index: 230;
}
div.area-data > div.str-data2
{
  position: absolute;
  font-size: 14px;
  font-weight: bold;
  color: #0000ff;
}

/**
 * データ間線
 */
div.area-data > svg
{
  width : 100%;
  height: 100%;
  z-index: 110;
}
div.area-data > svg > polyline
{
  stroke: #ffffff;
  stroke-width: 1;
  stroke-dasharray: 5,2;
  fill: none;
}

/**
 * 凡例画像
 */
div.area-data > img.hanrei
{
  position: absolute;
  z-index: 200;
}