@charset "UTF-8";

/***********************
 *[g010100] ダム諸量グラフ
 ***********************/
/**
 * レイアウト
 */
div.area-data > div
{
  display: table;
  margin: 0px auto;
}
div.area-data > div > div
{
  display: table-cell;
  vertical-align: top;
}

/**
 * 基準値表
 */
table#list-const
{
  border : 1px solid #a3c7e8;
  border-spacing: 0px 1px;
  padding: 0px 0px;
  width: 1250px;
  margin: 2px auto 5px auto;
}
table#list-const th
{
  border : 1px solid #a3c7e8;
  border-top : none;
  border-left: none;
  text-align: center;
}
table#list-const td
{
  border-right: 1px solid #a3c7e8;
  text-align: right;
  padding-right: 5px;
}
table#list-const th:last-child,
table#list-const td:last-child
{
  border-right: none;
}
/**
 * データ表示部
 */
div.area-data > div > div:nth-child(1)
{
}
/**
 * データ一覧表:ヘッダ部
 */
table.list-data thead tr
{
  height: 50px;
}
table.list-data thead th
{
  text-align: center;
  vertical-align: bottom;
}

table.list-data.data-items6  thead tr:nth-child(1){
	height:17px;
}
table.list-data.data-items6  thead tr:nth-child(2){
	height:34px;
}

/**
 * データ一覧表:データ部
 */
div.area-list-data
{
  border: solid 2px #a3c7e8;
  border-top  : none;
  border-right: none;
  width: 752px;
  height: calc( 100vh - 238px );
  overflow-x: hidden;
  overflow-y: scroll;
  max-height: 450px;
}

div.area-list-data.data-items6{
	width: 536px;
}

/**
 * グラフ表示部
 */
div.area-data > div > div:nth-child(2)
{
  text-align: center;
}
div.area-data > div > div:nth-child(2) > img
{
}
/**
 * グラフデータ項目
 */
div.graph-item-name
{
  display:table;
  width: 100%;
}
div.graph-item-name > div
{
  display:table-cell;
  font-size: 11px;
}
div.graph-item-name > div:nth-child(1){ width: 30%; text-align: left; vertical-align:bottom; padding-left:10px;}
div.graph-item-name > div:nth-child(2){ width: auto; }
div.graph-item-name > div:nth-child(3){ width: 30%; text-align: right; padding-right:10px;}

/**
 * [graph-1]雨量グラフ
 */
/** 時間雨量 */
div.graph-item-name.graph-1 > div:nth-child(1) > span:before
{
  content: url('../../img/graph/graph1-data1.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
/** 累計雨量 */
div.graph-item-name.graph-1 > div:nth-child(3) > span:before
{
  content: url('../../img/graph/ex_rainSum.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}

/** グラフ画像 */
img.graph-1{
	display:block;
	width:570px;
	height:90px;
	margin-bottom:5px;
}

/**
 * [graph-2]ダム諸量グラフ
 */
/** 貯水位 */
div.graph-item-name.graph-2 > div:nth-child(1) > span:before
{
  content: url('../../img/graph/ex_rainSum.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
/** 流入量 */
div.graph-item-name.graph-2 > div:nth-child(3) > div:nth-child(1) > span:before
{
  content: url('../../img/graph/ex_inflow.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
/** 放流量 */
div.graph-item-name.graph-2 > div:nth-child(3) > div:nth-child(2) > span:before
{
  content: url('../../img/graph/ex_outflow.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}


/** グラフ画像 */
img.graph-2{
	display:block;
	width:570px;
	height:270px;
	margin-bottom:5px;
}

/**
 * [graph-3]取水量グラフ
 */
/** 取水量 */
div.graph-item-name.graph-3 > div:nth-child(1) > span:before
{
  content: url('../../img/graph/ex_reserve.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
/** 放流量 */
div.graph-item-name.graph-3 > div:nth-child(3) > div:nth-child(1) > span:before
{
  content: url('../../img/graph/ex_outflow.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}
/** 自流量 */
div.graph-item-name.graph-3 > div:nth-child(3) > div:nth-child(2) > span:before
{
  content: url('../../img/graph/ex_inflow.png');
  display: inline-block;
  margin-right: 2px;
  vertical-align: middle;
}

/** グラフタイトル */
div.graph-item-name.graph-3{
	width:700px;
	margin-left:25px;
}
div.graph-item-name.graph-3 > div:nth-child(2) > span
{
  display: inline-block;
  vertical-align: top;
  background-color:#eeeeff;
  border:solid 1px #f0f0f0;
  padding:2px 5px;
  font-size:14px;
  height:25px;
}


/** グラフ画像 */
img.graph-3{
	display:block;
	width:700px;
	height:200px;
	margin-left:25px;
	margin-top:5px;
	margin-bottom:10px;
}

/**
 * 基準線凡例
 */
div.graph-hanrei
{
  width: 100%;
}
div.graph-hanrei table
{
  width: 80%;
  margin: 0px auto;
}
div.graph-hanrei td
{
  background-color: #ffffff;
}
div.graph-hanrei td:nth-child(2),
div.graph-hanrei td:nth-child(4)
{
  text-align: left;
}
div.graph-hanrei td > div
{
  border-bottom: solid 3px #000000;
  width: 75px;
}
div.graph-hanrei td > div#const-1 { border-color:#ffd200; border-style:dotted; }
div.graph-hanrei td > div#const-2 { border-color:#ffd2ff; border-style:dotted; }
div.graph-hanrei td > div#const-3 { border-color:#0033ff; border-style:dotted; }
div.graph-hanrei td > div#const-4 { border-color:#009999; border-style:dotted; }