/*########################################*/
/*	ダム諸量グラフ用スタイルシート		      */
/*########################################*/

/* 高さ補正 */
.higher {
	height		: 700px;
}

/*******************/
/*  グラフ部　　　　*/
/*******************/
/* グラフタイトル位置 */
td.area-title {
	padding-left : 50px;
	width		 : 250px;
	text-align	 : left;
}
/* 時間雨量キャプチャ */
td.uryo-graph-caption1 {
	text-align	: right;
	width		: 220px;
}
/* 累計雨量キャプチャ */
td.uryo-graph-caption2 {
	text-align	: left;
	padding-left: 10px;
	width		: 210px;
}
/* ■雨量マーク */
span.uryoMark {
	color : #87CEEB;
}
/* ■貯水マーク */
span.tyosuiMark {
	color : #9ACD32;
}

/* 軸名部 */
div.seriesName {
	font-size	: 12px;
	width		: 15px;
	position	: absolute;
}
.namePos1 {
	top			: 75px;
	left		: 10px;
}
.namePos2 {
	top			: 75px;
	left		: 614px;
}
.namePos3 {
	top			: 360px;
	left		: 10px;
}
.namePos4 {
	top			: 360px;
	left		: 614px;
}

/*******************/
/*  表部　　　　　　*/
/*******************/
/* ■諸量マーク */
span.syoryoMark {
	color : #808080;
}
/* 表タイトル位置 */
div.hyo-title  {
	position	: absolute;
	top			: 40px;
	right		: 335px;
	font-size	: 13px;
}
#itemTBL {
	position    : absolute;
	top         : 32px;
/*	right		: 5px;*/
	left		: 635px;
    width       : 350px;
}
/* 右表用 */
.chart .colItem {
	width       : 70px;
}
.chart .colItem2 {
	width       : 58px;
}

/* ヘッダー部 */
.chart .item_head_00,
.chart .item_head,
.chart .unit_head {
/*	background-image  : url(../img/back_data_head.gif);
	background-repeat : repeat-x;*/
	text-align		  : center;
	color			  : #3f3f3f;
	line-height		  : 15px;
	border			  : solid 1px #c0c0c0;
	font-size		  : 12px;
	background-color  : #F5F5F5;
}
.chart .item_head_00 {
	background-color  : #DCDCDC;
}
/* 列タイトル（項目） */
.chart td.item_head {
/*	background-position : 0px -16px;*/
	height			    : 32px;
	border-bottom       : 0px;
	padding             : 0px;
}
/* 列タイトル（単位） */
.chart td.unit_head {
/*	background-position : 0px -48px;*/
	height				: 16px;
	border-top			: 0px;
	vertical-align      : bottom;
	font-size           : 12px;
}

/*******************/
/*  定数部　　　　　*/
/*******************/
/* 列定義 */
.chart .colItem11 {
	width       : 170px;
	padding-left: 15px;
}

.chart .colItem12 {
	width       : 60px;
}
.chart .colItem13 {
	width       : 50px;
}
.chart .colItem14 {
	width       : 110px;
	padding-left: 15px;
}
table.pos {
	position    : absolute;
	top			: 570px;
	left	    : 70px;
	border	    : 1px solid #000;
	width       : 500px;
}
/* 項目名部 */
td.shogen1 {
	text-align		: left;
	border			: none;
	/*background-color: #dbeafc;*/
	background-color: #F5F5F5;
	border			: 1px solid #c0c0c0;
	height			: 18px;
    padding			: 0px;
    padding-left	: 10px;
    font-size		: 12px;
}
/* データ部 */
td.shogen2 {
	text-align			: right;
	border				: none;
	border-width		: 1px;
	border-color		: #c0c0c0;
	border-left-style   : solid;
	border-top-style    : solid;
	border-bottom-style : solid;
	font-family			: 'ＭＳ ゴシック';
    padding				: 0px 0px 0px 0px;
}
/* 単位部 */
td.shogen3 {
	text-align			: center;
	border				: none;
	border-width		: 1px;
	border-color		: #c0c0c0;
	border-right-style  : solid;
	border-top-style    : solid;
	border-bottom-style : solid;
    padding				: 0px;
}

/************************/
/*　凡例　   　　　　　　*/
/************************/
table.hanreiTBL {
	border-collapse	: collapse;
	border          : solid 1px #c0c0c0;
	font-size		: 12px;
    width           : 300px;
    background-color: #FFFFFF;
    margin-left		: 717px;
    position		: absolute;
    margin-top		: 510px;
}
table.hanreiTBL td{
	text-align      : center;
	line-height		: 20px;
}
table.hanreiTBL td.title{
    background-color: #87CEEB;
    border-right	: 1px solid #000000;
}
/* 注意 */
table.hanreiTBL td.attention{
	color			: #FFA500;
}
/* 警戒 */
table.hanreiTBL td.caution{
	color			: #FF0000;
}