#DisplaySpaceBlock{
    float:left;
    position:relative;
    margin-top:-4px;
    margin-left:0px;
    width:820px;
    height:770px;
    background-color:#C6DFF9;
}
#DisplaySpaceBase{
    width:812px;
    height:762px;
    float:left;
    position:relative;
    margin-top:4px;
    margin-left:4px;
    font-size:9pt;
    background-color:#FFFFFF;
}

#Graphblock_base{
    width:590px;
    float:left;
    position:relative; top:0px; left:12px;
}

#GenchiLink{
    width:100%;
    float:right;
    position:relative; top:0px; right:10px;
    text-align:right;
    padding: 10px 0px 10px 0px;
}
#GenchiMssage{
    width:100%;
    float:left;
    position:relative; top:0px; 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;
}
#MsgStation{
    z-index:100;
    width:23%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
    text-decoration: underline;
    padding: 0px 0px 0px 0px;
    color: blue;
}
#MsgStation #stn0:hover{
    cursor: pointer;
    color: red;
}
#MsgDate{
    width:64%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
    padding: 0px 0px 0px 0px;
}
#AmeInfo{
    width:100%;
    float:left;
    position:relative; top:0px; left:0px;
    margin-top: 10px;
    text-align:left;
}
#AmeTitle{
    width:25%;
    float:left;
    position:relative; top:5px; left:0px;
    text-align:center;
}
#AmeSelect{
    width:40%;
    float:left;
    position:relative;
}
.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;
}
#AmeList{
    width: 28%;
    position:relative;
    top:0px;
    left:30px;
    text-align:right;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
    border-collapse: separate;
}
#AmeList th, td {
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
}
.AmeItemName{
    width: 45%;
    top:0px;
    left:0px;
    text-align:center;
    padding: 3px 2px 3px 0px;
    background-color:#E4F8FF;
}
.AmeData{
    width: 55%;
    top:0px;
    left:0px;
    text-align:right;
    padding: 3px 2px 3px 0px;
    background-color:#FFFFFF;
}
#AmeGraphTitle{
    width:100%;
    float:left;
    position:relative; top:0px; left:0px;
    margin-top: 24px;
    text-align:left;
}
#AmeGraphLeft{
    width:20%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
}
#AmeGraphCenter{
    width:60%;
    float:left;
    position:relative;
}
.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%;
    float: left;
    position:relative; top:0px; right:30px;
    margin-top: 4px;
    text-align:right;
}
#MizuGraphTitle{
    width:100%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
}
#MizuGraphLeft{
    width:50%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
}
#MizuGraphRight{
    width:50%;
    float:left;
    position:relative; top:0px; right:10px;
    text-align:right;
}
#MizuGraph{
    width:100%;
    float: left;
    position:relative; top:0px; right:10px;
    margin-top: 6px;
    text-align:right;
}
#HanreiInfo{
    width: 100%;
    height: 70px;
    position: relative;
    float: left;
    padding-top: 26px;
}
#Hanrei01{
    width:33%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
}
#Hanrei02{
    width:34%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
}
#Hanrei03{
    width:33%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:left;
}
#Hanrei11{
    width:33%;
    float:left;
    position:relative; top:0px; left:0px;
    margin-top: 10px;
    text-align:left;
}
#Hanrei12{
    width:34%;
    float:left;
    position:relative; top:0px; left:0px;
    margin-top: 10px;
    text-align:left;
}
#Hanrei13{
    width:33%;
    float:left;
    position:relative; top:0px; left:0px;
    margin-top: 10px;
    text-align:left;
}
.HanreiLine{
    width:15%;
    float:left;
    position:relative; top:0px; left:5px;
    text-align:left;
    padding: 0px 2px 0px 2px;
}
.HanreiItem{
    width:45%;
    float:left;
    position:relative; top:0px; left:0px;
    text-align:center;
}
.HanreiData{
    width:25%;
    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;
}

#ListblockBase{
    width:197px;
    float:left;
    position:relative; top:0px; left:12px;
    border-right: 1px solid #c0c0c0;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #808080;
    border-top: 1px solid #808080;
}

#ListblockTable{
    width: 100%;
    border-collapse: separate;
}

#ListblockTable th,td{
    width:90px;
    height:12.5px;
    vertical-align:middle;
    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;
}

#Title_Date,#Data_Unit{
    height:28px;
}

.ListStation{
    text-decoration: underline;
    color: blue;
}
.ListStation:hover{
    cursor: pointer;
    color: red;
}

.ListData{
    width:103px;
    height:12.5px;
    float:left;
    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;
}

.ListTitleBackColor01{
    background-color: #CCF1FF;
}
.ListTitleBackColor02{
    background-color: #E4F8FF;
}
.ListTitleBackColor03{
    background-color: #DAEDF4;
}
.ListTitleBackColor04{
    background-color: #D0E3E9;
}
.ListNameBackColor01{
    background-color: #F4F4F4;
}
.ListNameBackColor02{
    background-color: #E9E9E9;
}
.ListNameBackColor03{
    background-color: #FFFFFF;
}

div.LinkTitle{
    display: inline-block;
    width:14%;
    float:right;
    position:relative; top:0px; right:5px;
    text-align:right;
    color: #039;
}
div.LinkTitle:hover{
    cursor: pointer;
}
p.LinkTitle{
    font-weight: 800;
    text-align:right;
    font-size: 12pt;
    color: #0000D5;
}
img.LinkTitle{
    float:right;
    position:relative;
    top: -1px;
    right:-5px;
}

#CommentBase{
    float: left;
    position: relative; top: -20px; left: 10px;
    font-size: 10pt;
}
.Comment_normal{
    color:#333333;
}
.Comment_blue{
    color:#0000D4;
}

/* 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%;
}