/*########################################*/
/*	共通画面用スタイルシート　　		  */　
/*########################################*/
* {
  padding : 0;
  margin  : 0;
}
/* 各要素 */
body 
{
	font-size			: 12px;
	text-align			: center;
	font-family			: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	width				: 100%;
	background-image	: url(../img/back.jpg);
	background-repeat	: no-repeat;
	background-position : center top;
}
html, body {
	height : 100%;
}
table {
   border-collapse : collapse;
}
table.fixed {
  table-layout : fixed;
}
img {
	vertical-align : middle;
	border		   : 0;
}

/* ボタンのフォント統一 */
input, textarea {
	font-family : "ＭＳ Ｐゴシック";
	font-size	: 12px;
	height		: 15px;
}
select {
	font-family : "ＭＳ Ｐゴシック";
	font-size	: 12px;
	height		: 19px;
}

/* リンク色(通常) */
a:link {
	color : #000000;
}
/* リンク色(訪問済み) */
a:visited {
	color : #000000;
}
/* リンク色(マウスオーバー) */
a:hover {
	color : #000000;
}
/* リンク色(アクティブ) */
a:active {
	color : #000000;
}

/* フォント */
.h12 {
   line-height	  : 12px;
   vertical-align : top;
}
.center {
   text-align : center;
}
.right{
   text-align : right;
}
.left{
   text-align : left;
}
.bold{
   font-weight:bold
}


/* ヘッダ */
.header {
	background-image	: url(../img/back_header.gif);
	background-repeat	: no-repeat;
	background-position	: left top;
	text-align			: right;
	height				: 89px;
	vertical-align		: top;
}
.aset{
	width    : 987px;
}

.whiteline {
   border-collapse	: collapse;
   border			: solid 1px #ffffff;
   padding			: 1px;
   text-align		: center;
   vertical-align	: top;
}

.data_waku{
	background-image	: url(../img/data_waku.gif);
	background-repeat	: no-repeat;
	height				: 5px;
	width				: 973px;
	font-size			: 1px;
	line-height			: 1px;
}

.space  {
   padding		  : 7px;
   vertical-align : top;
}

/* 
 * タブ内メニュー下全体の中の表示エリア(センタリング)
 * mainRyuiki-Area & ryuikiDIV : 流域水文図用
 * dispDIV2		       : 水位グラフ
 * dispDIV3		       : 水文グラフ
 * mainFrame-Area  & dispDIV   : その他
 */
div.mainFrame-Area,
div.mainRyuiki-Area{
	margin-right : auto;
	margin-left  : auto;
	position	 : relative;
	top			 : 0px;
	left		 : 0px;
	height		 : 525px;
	text-align	 : left;
}

div.mainFrame-Area{
	width : 849px;
}

.hide{
	display: none;
}