/*########################################*/
/*	メニュー用スタイルシート　　		  */　
/*########################################*/
* {
  padding : 0;
  margin  : 0;
}
body 
{
	font-size			: 12px;
	text-align			: center;
	font-family			: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width				: 100%;
}
/* ボタンのフォント統一 */
input, textarea {
	font-family : "ＭＳ Ｐゴシック";
	font-size	: 12px;
	height		: 15px;
}
select {
	font-family : "ＭＳ Ｐゴシック";
	font-size	: 12px;
	height		: 19px;
}

/* メニューエリア */
table.h_infoarea{
	width	   : 100%;
	text-align : center;
}

/* ダム名称エリア */
td.h_alertarea {
	line-height	   : 22px;
	font-size	   : 15px;
	font-weight    : bold;
	text-align	   : left;
	color		   : #ffffff;
	padding-left   : 10px;
	letter-spacing : 2px;
}

/* パン屑リスト <ハイパーリンクの一覧のこと> */
td.pankuzu_list{
    text-indent    : 20px;
	height		   : 26px;
	color		   : #ffffff;
	font-weight    : normal;
	text-align     : left;
	font-size	   : 12px;
	line-height	   : 26px;
}

/* パン屑リスト（現在） */
td.pankuzu_list .now{
	font-weight    : bold;
	font-size	   : 14px;
	letter-spacing : 0.1em;
}

/* パン屑リスト(通常) */
td.pankuzu_list a:link {
	color : #eaf5ff;
}

/* パン屑リスト(訪問済み) */
td.pankuzu_list a:visited {
	color : #eaf5ff;
}

/* パン屑リスト(マウスオーバー) */
td.pankuzu_list a:hover {
	color : #FFCC00;
}

/* パン屑リスト(アクティブ) */
td.pankuzu_list a:active {
	color : #FFCC00;
}

/* システム時刻 */
td.time{
	padding-right  : 15px;
	height		   : 26px;
	padding-top	   : 5px;
	color		   : #ffffff;
	font-weight	   : bold;
	text-align	   : right;
	font-size	   : 12px;
	line-height	   : 19px;
	vertical-align : middle;
}

/*======================*/
/*  第1ボタンタブ		*/
/*======================*/
.main_tab{
	padding-left : 10px;
	text-align   : left;
}
/* 共通 */
.tab_off a,
.tab_on a
{
	display				: inline;
	width				: 154px;
	height				: 34px;
	font-size			: 12px;
	color				: #000000;
	line-height			: 26px;
	text-indent			: 0px;
	text-align			: center;
	text-decoration		: none;
	padding-right		: 2px;
	outline				: none;
	background-repeat	: no-repeat;
	background-position : left top;
	float				: left
}
/* 選択状態 */
.tab_on a {
	font-weight      : bold;
	background-image : url(../img/tab_02.gif);
	color            : #FFFFFF;
}
/* デフォルト状態 */
.tab_off a
{
	font-weight:normal;
	color:#3e5d84;
	background-image: url(../img/tab_01.gif);
}
.tab_off a:hover {
	background-position:left bottom;
	color:#ffffff;
}

/*======================*/
/*  第2ボタンタブ		*/
/*======================*/
.data_tab{
	margin-left : 3px;
	text-align  : left;
}
/******* 現況表示 *******/
/* 共通 */
table.dam_tab td
{
	width				: 138px;
	padding-right		: 1px;
	padding-left		: 1px;
}
.tab_dam_on,
.tab_dam_off a
{
	display				: block;
	height				: 22px;
	font-size			: 12px;
	text-indent			: 0px;
	text-align			: center;
	text-decoration		: none;
	background-repeat	: no-repeat;
	background-position : left top;
	font-weight			: normal;
	outline				: none;
	color				: #FFFFFF;
}
/* 選択状態 */
.tab_dam_on{
	line-height		 : 22px;
	background-image : url(../img/tab_dam_on.gif);
}
/* デフォルト状態 */
.tab_dam_off a{
	line-height		 : 23px;
	background-image : url(../img/tab_dam_off.gif);
}
.tab_dam_off a:hover {
	background-position : left bottom;
}

/******* データ表示 *******/
/* 共通 */
table.data_tab td
{
	width				: 116px;
	padding-right		: 3px;
}
.tab_data_on,
.tab_data_off a
{
	display				: block;
	height				: 22px;
	font-size			: 12px;
	text-indent			: 0px;
	text-align			: center;
	text-decoration		: none;
	background-repeat	: no-repeat;
	background-position : left top;
	outline				: none;
	color				: #FFFFFF;
}
/* 選択状態 */
.tab_data_on {
	font-weight			: bold;
	line-height			: 22px;
	background-image	: url(../img/tab_data_on.gif);
}
/* デフォルト状態 */
.tab_data_off a {
	font-weight			: normal;
	line-height			: 23px;
	background-image	: url(../img/tab_data_off.gif);
}
.tab_data_off a:hover {
	background-position	: left bottom;
}

/*======================*/
/* 画面項目名タイトル　 */
/*======================*/
.data_title {
	text-align	 : left;
	font-weight  : bold;
	line-height  : 24px;
	font-size    : 16px;
	color		 : #004074;
	padding-left : 22px;
	height		 : 29px;
}
.table_line{
	border				: 1px solid #1b5582;
	padding				: 1px;
	background-color	: #FFFFFF;
	height				: 571px;
	background-image	: url(../img/back_title.gif);
	background-repeat	: no-repeat;
	background-position : left top;
}

/*======================*/
/* 正定・表グラフリンク */
/*======================*/
.data_page{
	padding-right : 15px;
	text-align	  : right;
}
.data_page .here{
	font-weight	  : bold;
	color		  : #004074;
}
.data_page a{
	color		  : #2a7bbb;
}
.data_page a:hover{
	color		  : #37a3f8;
}

/*======================*/
/* 最新観測時刻　　　　 */
/*======================*/
.chart_time {
    padding-left : 7px;
	text-align	 : left;
	line-height  : 25px;
}

/*======================*/
/*  操作エリア　		*/
/*======================*/
.chart_control {
	text-align	   : center;
	vertical-align : top;
	width		   : 115px;
}

/*======================*/
/*  前／次頁ボタン		*/
/*======================*/
/* 共通 */
.btn_next_on a,
.btn_next_off,
.btn_pre_on a,
.btn_pre_off
{
	display				: inline;
	width				: 35px;
	height				: 24px;
	font-size			: 1px;
	font-weight			: bold;
	line-height			: 1px;
	text-indent			: -9999px;
	text-decoration		: none;
	background-repeat	: no-repeat;
	background-position : left top;
	outline				: none;
}
/* 【次】ボタン　アクティブ */
.btn_next_on a {
	padding-right		: 0px;
	background-image	: url(../img/btn_next_on.gif);
	float				: right
}
.btn_next_on a:hover {
	background-position	: left bottom;
}

/* 【次】ボタン　グレーアウト */
.btn_next_off {
	background-image	: url(../img/btn_next_off.gif);
	float				: right
}

/* 【前】ボタン　アクティブ */
.btn_pre_on a {
	background-image	: url(../img/btn_pre_on.gif);
	float				: left
}
.btn_pre_on a:hover {
	background-position	: left bottom;
}

/* 【前】ボタン　グレーアウト */
.btn_pre_off {
	background-image	: url(../img/btn_pre_off.gif);
	float				: left
}

/*======================*/
/* 時刻送り／戻しボタン	*/
/*======================*/
/* 共通 */
.btn_next01 a,
.btn_next02 a 
{
	display				: block;
	width				: 102px;
	height				: 24px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #004074;
	line-height			: 24px;
	text-indent			: 12px;
	text-align			: center;
	text-decoration		: none;
	margin-top			: 7px;
	outline				: none;
	background-repeat   : no-repeat;
	background-position : left top;
}
/* ボタン　前の○○○ */
.btn_next01 a {
	background-image	: url(../img/btn_next4.gif);
}
.btn_next01 a:hover {
	background-position :left bottom;
}

/* ボタン　前の○○○ */
.btn_next02 a {
	background-image	: url(../img/btn_pre4.gif);
}
.btn_next02 a:hover {
	background-position :left bottom;
}

/*======================*/
/* 最新時刻ボタン　　	*/
/*======================*/
.btn_last a {
	display				: block;
	width				: 102px;
	height				: 24px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #004074;
	line-height			: 24px;
	text-indent			: 12px;
	text-align			: center;
	text-decoration		: none;
	margin-top			: 25px;
	margin-bottom		: 20px;
	outline				: none;
	background-image	: url(../img/btn_last.gif);
	background-repeat	: no-repeat;
	background-position : left top;
}
.btn_last a:hover {
	background-position :left bottom;
}

/*======================*/
/* 最新時刻     　　	*/
/*======================*/
/* 最新時刻ボタン */
.btn_shitei a {
	display				: inline;
	width				: 57px;
	height				: 24px;
	font-size			: 1px;
	font-weight			: bold;
	line-height			: 1px;
	text-indent			: -9999px;
	text-decoration		: none;
	outline				: none;
	background-image	: url(../img/btn_shitei.gif);
	background-repeat	: no-repeat;
	background-position : left top;
	float				: left
}
.btn_shitei a:hover {
	background-position : left bottom;
}
/* 指定時刻表示エリア */
.chart_date {
	text-align	: left;
	line-height : 18px;
	padding-top : 20px;
}

/*======================*/
/* グラフスケール  　　	*/
/*======================*/
/* グラフスケール */
.btn_scale a {
	display				: block;
	width				: 102px;
	height				: 24px;
	font-size			: 12px;
	font-weight			: bold;
	color				: #004074;
	line-height			: 24px;
	text-indent			: 3px;
	text-decoration		: none;
	outline				: none;
	background-image	: url(../img/btn_scale.gif);
	background-repeat	: no-repeat;
	background-position : left top;
	float				: left;
	margin-top			: 15px;
	margin-bottom       :  5px;
}
.btn_scale a:hover {
	background-position : left bottom;
}

table.scaleTbl td
{
	padding-top  : 10px;
	font-size    : 12px;
	text-align   : left;
}