@charset "UTF-8";
/**
 * 一覧系画面CSS(個別)
 */
/**
 * データ一覧表:ヘッダ部
 */
table.list-data
{
  border-spacing: 0px 0px;
  border: solid 2px #a3c7e8;
  border-right: none;
  border-bottom: none;
}
table.list-data th,
table.list-data td
{
  border: solid 2px #a3c7e8;
  border-left: none;
  border-top: none;
  vertical-align: middle;
}
/**
 * 項目名称
 */
tr.line-alarm > td.line-name,
tr.line-item  > td.line-name
{
  text-align: center;
}
tr.line-alarm > td,
tr.line-caution > td
{
  text-align: right;
  padding-right: 2px;
}

/**
 * データ項目行
 */
tr.line-item > td
{
  background-color: #ffffff;
  color: #000000;
  text-align: center;
  vertical-align: top;
}
tr.line-item > td > sup
{
  font-size: 6px;
}
/**
 * データ一覧表:データ部
 *   →各画面ごとスタイルシート
 */
div.area-list-data  table
{
  border-spacing: 0px 0px;
}
/**
 * データセル
 */
div.area-list-data  table tbody td
{
  border: solid 2px #a3c7e8;
  border-top : none;
  border-left: none;
  text-align: right;
  padding-right: 2px;
}
/**
 * データ日時セル
 */
/** 月日 */
div.area-list-data  table tbody td:nth-child(1)
{
  border-right: none;
  text-align: right;
  padding-right: 1px;
}
/** 時分 */
div.area-list-data  table tbody td:nth-child(2)
{
  border-left: none;
  text-align: left;
  padding-left: 1px;
}
/**
 * 末尾行
 */
div.area-list-data  table tbody > tr:last-child > td
{
  border-bottom: none;
}

/**
 * 異常値 @flag1
 */
/** 調整中: "**" */
td.miss,
div.area-data > div.list-data td.miss
{
  color: #ff0000;
}
/** 閉局中: "CC" */
td.close,
div.area-data > div.list-data td.close
{
  color: #000000;
}


/**
 * 上昇下降 @flag2
 */
/** 上昇 */
.up
{
  color: #ff0000;
}
/** 同値 */
.same
{
}
/** 上昇 */
.down
{
  color: #0000ff;
}


/**
 * 警報 @flag3
 */
/**
 * 雨量
 */
/* (1)注意値 */
tr.line-alarm.alarm-rlv1 > th,
tr.line-alarm.alarm-rlv1 > td,
td.rain.alarm1,
div.area-data > div.list-data td.rain.alarm1
{
  background-color: #ff0000;
  color: #ffffff;
}
/** (2)警戒値 */
tr.line-alarm.alarm-rlv2 > th,
tr.line-alarm.alarm-rlv2 > td,
td.rain.alarm2,
div.area-data > div.list-data td.rain.alarm2
{
  background-color: #4a30a0;
  color: #ffffff;
}
/**
 * 水位
 */
/** (1)水防団待機 */
tr.line-alarm.alarm-wlv1 > th,
tr.line-alarm.alarm-wlv1 > td,
td.stage.alarm1,
div.area-data > div.list-data td.stage.alarm1
{
  background-color: #c5e0b4;
  color: #000000;
}
/** (2)氾濫注意水位 */
tr.line-alarm.alarm-wlv2 > th,
tr.line-alarm.alarm-wlv2 > td,
td.stage.alarm2,
div.area-data > div.list-data td.stage.alarm2
{
  background-color: #ffff00;
  color: #000000;
}
/** (3)避難判断水位 */
tr.line-alarm.alarm-wlv3 > th,
tr.line-alarm.alarm-wlv3 > td,
td.stage.alarm3,
div.area-data > div.list-data td.stage.alarm3
{
  background-color: #ff0000;
  color: #ffffff;
}
/** (4)氾濫危険水位 */
tr.line-alarm.alarm-wlv4 > th,
tr.line-alarm.alarm-wlv4 > td,
td.stage.alarm4,
div.area-data > div.list-data td.stage.alarm4
{
  background-color: #cc00cc;
  color: #ffffff;
}
/** (5)計画高水位 */
tr.line-alarm.alarm-wlv5 > th,
tr.line-alarm.alarm-wlv5 > td,
tr.line-alarm.alarm-wlv8 > th,
tr.line-alarm.alarm-wlv8 > td,
td.stage.alarm5,
td.stage.alarm8,
div.area-data > div.list-data td.stage.alarm5,
div.area-data > div.list-data td.stage.alarm8
{
  background-color: #9900cc;
  color: #ffffff;
}
/**
 * 水質
 */
/** (1)警戒１ */
tr.line-alarm.alarm-qlv1 > th,
tr.line-alarm.alarm-qlv1 > td,
td.wqual.alarm1,
div.area-data > div.list-data td.wqual.alarm1
{
  background-color: #c5e0b4;
  color: #000000;
}
/** (2)警戒２ */
tr.line-alarm.alarm-qlv2 > th,
tr.line-alarm.alarm-qlv2 > td,
td.wqual.alarm2,
div.area-data > div.list-data td.wqual.alarm2
{
  background-color: #ffff00;
  color: #000000;
}
/** (3)警戒３ */
tr.line-alarm.alarm-qlv3 > th,
tr.line-alarm.alarm-qlv3 > td,
td.wqual.alarm3,
div.area-data > div.list-data td.wqual.alarm3
{
  background-color: #ff0000;
  color: #ffffff;
}