#CenterTb{
  width    : 100%;
  position : relative;
}

#Opretblock{
  float            : left;
  position         : relative; top:0px; left:160px;
  width            : 1085px;
  height           : 780px;
  background-color : #C1DABB;
}

#Opretblock_base{
  float            : left;
  position         : relative; top:5px; left:5px;
  width            : 1075px;
  height           : 770px;
  font-size        : 9pt;
  background-color : #FFFFFF;
}

#Listblock_table {
  border-right    : 1px solid #808080;
  border-bottom   : 1px solid #808080;
  border-left     : 1px solid #c0c0c0;
  border-top      : 1px solid #c0c0c0;
  border-collapse : initial;
}

.AmeList_table{
  border-right    : 1px solid #808080;
  border-collapse : initial;
}

#Graphblock_base{
  width                : 790px;
  float                : left;
  height               : 500px;
  position             : relative; top:-75px; left:50px;
    /*background-color : #666000;*/
}

#GenchiLink{
  width                : 100%;
  float                : right;
  position             : relative; top:5px; right:10px;
  text-align           : right;
  padding              : 5px 0px 5px 0px;
    /*background-color : #666000;*/
}
#GenchiMssage{
  width       : 100%;
  float       : left;
  position    : relative; 
  top         : 8px; right:0px;
  padding     : 0px 0px 0px 0px;
  font-size   : 11pt;
  font-weight : bold;
}
#MsgLine{
  width                : 13%;
  float                : left;
  position             : relative; top:0px; right:0px;
  padding              : 0px 0px 0px 0px;
    /*background-color : #ff00ff;*/
}
#MsgStation{
  z-index              : 100;
  width                : 23%;
  float                : left;
  position             : relative; top:0px; left:0px;
  text-align           : left;
  padding              : 0px 0px 0px 0px;
    /*background-color : #00ff00;*/
}
#MsgRainDate{
  width       : 100%;
  float       : left;
  position    : relative; 
  text-align  : center;
  position    : relative;
  top         : 10px;
  left        : 90px;
  padding     : 0px 0px 0px 0px;
  font-size   : 11pt;
  font-weight : bold;
  z-index     : 2;
}
    
#MsgWaterDate{
  width       : 100%;
  float       : left;
  position    : relative; 
  text-align  : center;
  position    : relative;
  top         : 10px;
  left        : 90px;
  padding     : 0px 0px 0px 0px;
  font-size   : 11pt;
  font-weight : bold;
  z-index     : 2;
}
#AmeInfo{
    width:25%;
    height:10%;
    position:relative; top:18px; left:162px;
    text-align:right;
}
#MizuInfo{
    width:25%;
    height:10%;
    position:relative; top:-18px; left:402px;
    text-align:right;
}

#AmeTitle{
  width      : 25%;
  float      : left;
  position   : relative; top:5px; left:0px;
  text-align : center;
}
#AmeSelect{
  width                : 40%;
  float                : left;
  position             : relative;
    /*background-color : #003fff;*/
}
.AmeSelectLine{
  width      : 40%;
  float      : left;
  position   : relative; top:5px; left:0px;
  text-align : center;
}
.AmeSelectDisp{
  z-index              : 100;
  width                : 60%;
  height               : 100%;
  float                : left;
  position             : relative; top:0px; left:0px;
  text-align           : left;
    /*background-color : #0000ff;*/
}
#AmeList_base{
  width    : 19.5%;
  float    : left;
  position : relative; top:10px; left:40px;
}
#AmeList{
  width         : 100%;
  float         : left;
  border-right   : 1px solid #808080;
  border-bottom  : 1px solid #808080;
  border-left    : 1px solid #c0c0c0;
  border-top     : 1px solid #c0c0c0;
  border-collapse: initial;
}
#AmeItemName{
  width:40%;
  position         : relative; top:0px; left:0px;
  text-align       : center;
  padding          : 3px 1px 3px 1px;
  border-right     : 1px solid #c0c0c0;
  border-bottom    : 1px solid #c0c0c0;
  border-left      : 1px solid #808080;
  border-top       : 1px solid #808080;
  background-color:#E4FFE4;
}
#AmeData{
  width            : 55.65%;
  position         : relative; top:0px; left:0px;
  text-align       : right;
  padding          : 3px 2px 3px 0px;
  border-right     : 1px solid #c0c0c0;
  border-bottom    : 1px solid #c0c0c0;
  border-left      : 1px solid #808080;
  border-top       : 1px solid #808080;
  background-color : #FFFFFF;
}
#MizuList{
  width:100%;
  float         : left;
  border-right   : 1px solid #808080;
  border-bottom  : 1px solid #808080;
  border-left    : 1px solid #c0c0c0;
  border-top     : 1px solid #c0c0c0;
  border-collapse: initial;
}
#MizuItemName{
  width:40%;
  position         : relative; top:0px; left:0px;
  text-align       : center;
  padding          : 3px 1px 3px 1px;
  border-right     : 1px solid #c0c0c0;
  border-bottom    : 1px solid #c0c0c0;
  border-left      : 1px solid #808080;
  border-top       : 1px solid #808080;
  background-color:#E4FFE4;
}
#MizuData{
  width            : 55.73%;
  position         : relative; top:0px; left:0px;
  text-align       : right;
  padding          : 3px 2px 3px 0px;
  border-right     : 1px solid #c0c0c0;
  border-bottom    : 1px solid #c0c0c0;
  border-left      : 1px solid #808080;
  border-top       : 1px solid #808080;
  background-color : #FFFFFF;
}

#AmeItem{
  width            : 56%;
  position         : relative; top:0px; left:0px;
  text-align       : center;
  padding          : 3px 2px 3px 0px;
  border-right     : 1px solid #c0c0c0;
  border-bottom    : 1px solid #c0c0c0;
  border-left      : 1px solid #808080;
  border-top       : 1px solid #808080;
  background-color : #FFFFFF;
}
#AmeGraphTitle{
  width      : 100%;
  float      : left;
  position   : relative; 
  top        : 40px; left:-45px;
  text-align : left;
  z-index    : 1;
}
#AmeGraphLeft{
  width      : 20%;
  float      : left;
  position   : relative; top:0px; left:170px;
  text-align : left;
}
#AmeGraphCenter{
  width                : 60%;
  float                : left;
  position             : relative;
    /*background-color : #FF00FF;*/
}
.AmeIcon{
  width            : 10px;
  height           : 10px;
  float            : left;
  position         : relative; top:0px; left:30px;
  background-color : #0066CC;
  border-right     : 1px solid #000;
  border-bottom    : 1px solid #000;
  border-left      : 1px solid #000;
  border-top       : 1px solid #000;
}

.HannreiAme{
  width    : 20%;
  float    : left;
  position : relative; top:0px; left:40px;
}
.RuiIcon{
  width            : 25px;
  height           : 2px;
  float            : left;
  position         : relative; top:3px; left:40px;
  background-color : #008000;
}
.HannreiRui{
  width    : 20%;
  float    : left;
  position : relative; top:0px; left:50px;
}
.RuiKeiIcon{
  width      : 25px;
  height     : 2px;
  float      : left;
  position   : relative; top:3px; left:40px;
  border-top : 2px dashed #787800;
}
.HannreiRuiKei{
  width    : 25%;
  float    : left;
  position : relative; top:0px; left:50px;
}
#AmeGraphRight{
  width      : 20%;
  float      : left;
  position   : relative; top:0px; right:10px;
  text-align : right;
}
#AmeGraph{
  width      : 100%;
  position   : relative;
  top        : 30px;
  right      : 65px;
  text-align : right;
  z-index    : 0;
}
#MizuGraphTitle{
  width      : 80%;
  float      : left;
  position   : relative; 
  top        : 40px; 
  left       : 30px;
  text-align : left;
  z-index    : 1;
  
}
#MizuGraphLeft{
  width      : 50%;
  float      : left;
  position   : relative; top:20px; left:100px;
  text-align : left;
}
#MizuGraphRight{
  width      : 50%;
  float      : left;
  position   : relative; top:0px; right:10px;
  text-align : right;
}
#MizuGraph{
  width      : 100%;
  position   : relative; 
  top        : 60px; 
  left       : 30px; 
  text-align : center;
  z-index    : 0;
  
}
#HanreiInfo{
  width    : 100%;
  position : relative;
  left     : 60px;
  top      : 45px
}
#Hanrei01{
  width      : 33%;
  float      : left;
  position   : relative; 
  top        : 30px; 
  left       : 50px;
  text-align : left;
}
#Hanrei02{
  width      : 34%;
  float      : left;
  position   : relative; 
  top        : 30px; 
  left       : 10px;
  text-align : left;
}
#Hanrei03{
  width      : 33%;
  float      : left;
  position   : relative; 
  top        : 30px; 
  left       : -40px;
  text-align : left;
}
#Hanrei11{
  width      : 33%;
  float      : left;
  position   : relative; 
  top        : 40px; 
  left       : 50px;
  text-align : left;
}
#Hanrei12{
  width      : 34%;
  float      : left;
  position   : relative; 
  top        : 40px; 
  left       : 10px;
  text-align : left;
}
#Hanrei13{
  width      : 33%;
  float      : left;
  position   : relative; 
  top        : 40px; 
  left       : -40px;
  text-align : left;
}
#Hanrei14{
  width      : 33%;
  float      : left;
  position   : relative; 
  top        : 50px; 
  left       : 50px;
  text-align : left;
}
#Hanrei15{
  width      : 34%;
  float      : left;
  position   : relative; 
  top        : 50px; 
  left       : 10px;
  text-align : left;
}
#Hanrei16{
  width      : 33%;
  float      : left;
  position   : relative; 
  top        : 50px; 
  left       : -40px;
  text-align : left;
}


.HanreiLine{
  width      : 14%;
  float      : left;
  position   : relative; top:0px; left:5px;
  text-align : left;
  padding    : 0px 2px 0px 2px;
}
.HanreiItem{
  width      : 40%;
  float      : left;
  position   : relative; top:0px; left:0px;
  text-align : center;
}
.HanreiData{
  width      : 19%;
  float      : left;
  position   : relative; top:0px; left:0px;
  text-align : right;
}
.HanreiUnit{
  width      : 12%;
  float      : left;
  position   : relative; top:0px; left:0px;
  text-align : left;
}

#Listblock_base{
  width    : 187px;
  float    : right;
  position : relative; top:-76px; 
  right    : 50px;
}

.ListTitleType1{
  width          : 106px;
  height         : 10px;
  vertical-align : middle;
  text-align     : center;
  padding        : 2px 0px 0px 0px;
  border-right   : 1px solid #c0c0c0;
  border-bottom  : 1px solid #c0c0c0;
  border-left    : 1px solid #808080;
  border-top     : 1px solid #808080;
}
.ListTitleType2{
  width         : 96px;
  height        : 10px;
  padding       : 2px 0px 0px 0px;
  border-right  : 1px solid #c0c0c0;
  border-bottom : 1px solid #c0c0c0;
  border-left   : 1px solid #808080;
  border-top    : 1px solid #808080;
  text-align    : center;
}
.ListTitleType3{
  width          : 86px;
  height         : 10px;
  text-align     : center;
  vertical-align : middle;
  padding        : 2px 0px 0px 0px;
  border-right   : 1px solid #c0c0c0;
  border-bottom  : 1px solid #c0c0c0;
  border-left    : 1px solid #808080;
  border-top     : 1px solid #808080;
  text-align     : center;
}
.ListStation{
  width         : 103px;
  height        : 12.5px;
  position      : relative; top:0px; left:0px;
  text-align    : center;
  padding       : 4px 0px 1px 0px;
  border-right  : 1px solid #c0c0c0;
  border-bottom : 1px solid #c0c0c0;
  border-left   : 1px solid #808080;
  border-top    : 1px solid #808080;
}
.ListRiver{
  width         : 103px;
  height        : 12.5px;
  position      : relative; top:0px; left:0px;
  text-align    : center;
  padding       : 4px 0px 1px 0px;
  border-right  : 1px solid #c0c0c0;
  border-bottom : 1px solid #c0c0c0;
  border-left   : 1px solid #808080;
  border-top    : 1px solid #808080;
}
.ListData{
  width         : 103px;
  height        : 12.5px;
  position      : relative; top:0px; left:0px;
  text-align    : center;
  padding       : 4px 0px 1px 0px;
  border-right  : 1px solid #c0c0c0;
  border-bottom : 1px solid #c0c0c0;
  border-left   : 1px solid #808080;
  border-top    : 1px solid #808080;
}
p.MizuDateTitle{
  position : absolute;
  top      : 40%;
  left     : 10%;
}

a.LinkTitle{
  width                : 14%;
  float                : right;
  position             : relative; top:0px; right:5px;
  text-align           : right;
    /*background-color : #ff0;*/
}
p.LinkTitle{
  font-weight : 800;
  text-align  : right;
}
img.LinkTitle{
  float    : right;
  position : relative; top:-2px; right:-5px;
}

#Comment_base{
  float     : left;
  position  : relative; 
  top       : 50px; 
  left      : 25px;
  font-size : 10pt;
}
.Coment_normal{
  color : #333333;
}
.Comment_red{
  color : #F00000;
}

/* Icon Line Setting */
hr.Line01{
  border-top : 2px dashed #0066CC;
  width      : 80%;"
}
hr.Line02{
  border-top : 2px dashed #787800;
  width      : 80%;"
}
hr.Line03{
  border-top : 2px dashed #FF00FF;
  width      : 80%;"
}
hr.Line04{
  border-top : 2px dashed #FF0000;
  width      : 80%;"
}
hr.Line05{
  border-top : 2px dashed #800080;
  width      : 80%;"
}
hr.Line06{
  border-top : 2px dashed #800080;
  opacity: 0;
  width      : 80%;"
}
hr.Line07{
  border-top : 2px solid #0066CC;
  width      : 80%;"
}
hr.Line08{
  border-top : 2px solid #FF0000;
  width      : 80%;"
}

#AmeGraphTitle{
  width      : 100%;
  float      : left;
  position   : relative; 
  top        : 60px; left:200px;
  text-align : left;
  z-index    : 1;
}
#AmeGraphCenter{
  width                : 60%;
  float                : left;
  position             : relative; top:150px; left:-40px;
    /*background-color : #FF00FF;*/
}
.AmeIconGenkyo{
    width:10px;
    height:10px;
    float:left;
    position:relative; top:0px; left:30px;
    background-color:#0066CC;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.AmeIconYosoku{
    width:10px;
    height:10px;
    float:left;
    position:relative; top:0px; left:-20px;
    background-color:#FF0000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-top: 1px solid #000;
}
.HannreiAmeGenkyo{
    width:30%;
    float:left;
    position:relative; top:2px; left:40px;
}
.HannreiAmeYosoku{
    width:30%;
    float:left;
    position:relative; top:2px; left:-10px;
}