/*########################################*/
/*	グラフ画面（共通）用スタイルシート	  */
/*########################################*/


/* グラフ表示テーブル(左側) */
table.graphTBL {
	position	: absolute;
	top			: 40px;
	left		: 10px;
	width		: 620px;
	height		: 30px;
	font-size	: 12px;
	line-height	: 13px;
}
.graphTBL .graph-caption-left
{
	width : 250px;
	text-align	: left;
	height		: 22px;
}
.graphTBL .graph-caption-center
{
	width : 180px;
	text-align	: center;
}
.graphTBL .graph-caption-right
{
	width : 250px;
	text-align	: right;
}
/* 雨量グラフ用 */
.graphTBL .graphArea_uryo1
{
	text-align	: center;
	height		: 110px;
}
/* 雨量グラフ５段目用 */
.graphTBL .graphArea_uryo5
{
	text-align	: center;
	height		: 140px;
}
.graphImg
{
    margin      : 0px 0px auto 0px;
}

/* 水位流量グラフ用 */
.graphTBL .graphArea_suii
{
	text-align	: center;
	height		: 260px;
}
/* ダム諸量グラフ用 */
.graphTBL .graphArea_dam
{
	text-align	: center;
	height		: 390px;
}
/* 貯水池運用曲線用 */
.graphTBL .graphArea4
{
	text-align	: center;
	height		: 450px;
}


/* グラフ凡例 */
#capColor_bar1 {
	width	: 50px;
	height	: 8px;
	border	: 1px solid #000;
/*	background-color  : #00FF00;*/	/* lime */
/*	background-color  : #98FB98;*/	/* lime */
	background-color  : #4CD4B0;	/* ターコイズブルー */
	position:relative;
/*	left	: -70px;*/
	left    : 18px;
    float   : right;
    float	: left;
}

span.capColor1
{
/*	color		: #00FF00;*/	/* lime */
/*	color		: #00D200;*/	/* lime */
	color		: #32CD32;	/* lime */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor2
{
	color		: #1A6DE6;	/* ブルー */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor3
{
/*	color		: #9370db;*/	/* MediumPurple */
	color		: #30C291;	/* ターコイズブルー */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor4
{
/*	color		: #FF9900;*/	/* Orange */
	color		: #FFA500;	/* Orange */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor5
{
/*	color		: #006400;*/	/* darkgreen */
	color		: #008B00;	/* darkgreen */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor6
{
	color		: #ff4c4c;	/* red */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor7
{
	color		: #EB0118;	/* dark red */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor8
{
	color		: #EECC00;	/* Hexadecimal Code */
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor11 {
	color		: #4149DF;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor12 {
	color		: #C71919;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor13 {
	color		: #E8AB12;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor14 {
	color		: #AA1277;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
/*
span.capColor15 {
	color		: #1A6DE6;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
*/
span.capColor16 {
	color		: #8858DE;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor17 {
	color		: #4498A6;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor18 {
	color		: #F66C04;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor19 {
	color		: #23610D;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
/*
span.capColor20 {
	color		: #00234A;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor21 {
	color		: #703BCF;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
span.capColor22 {
	color		: #4AAC14;
	font-family		 : Century, 'ＭＳ Ｐゴシック';
}
*/

/**********************/
/* 凡例定義　　　　　　*/
/**********************/
/* 点線・直線 */
span.dash {
	font-weight : bold;
	font-size	: 19px;
	height		: 16px;
	position	: relative;
	top			: 3px;
}
/* 点線・直線 */
span.solid {
	width			: 35px;
	height			: 7px;
	float			: left;
}
/* 色定義 */
span.lineColor2 {
	height		  : 4px;
	border-bottom : 2px solid  #1A6DE6;
}
span.lineColor2_a {
	height		  : 8px;
	position	  : relative;
	left		  : 0px;
	border-bottom : 2px solid  #1A6DE6;
}
span.lineColor3 {
	height		  : 12px;
	border-bottom : 2px solid  #30C291;
}
span.lineColor20 
{
	border-bottom : 2px solid  #00234A;
}
span.lineColor21 {
	border-bottom : 2px solid  #703BCF;
}
span.lineColor22 {
	border-bottom : 2px solid  #4AAC14;
}