#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;
}
#CameraListArea{
    float:left;
    height: 418px;
}
#CamerablockBase{
    width:590px;
    float:left;
    position:relative; top:0px; left:12px;
}

#GenchiLink{
    width: 562px;
    float: left;
    position: relative;
    top: 0px;
    text-align: right;
    padding: 10px 0px 10px 0px;
}
#GenchiTitle {
    float: left;
    position: relative;
    top: 0px;
    margin-left: 0px;
    color: #3382D0;
    font-size: 12pt;
}
#GenchiAdress {
    float: left;
    position: relative;
    top: 0px;
    margin-left: 10px;
    font-size: 12pt;
}
#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{
/*
    float: left;
    position:relative; top:0px; left:0px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    font-weight: bold;
*/
    float: left;
    position: absolute;
    top: 20px;
    left: 69px;
    text-align: left;
    padding: 0px 0px 0px 0px;
    margin-left: 10px;
    font-weight: bold;
    width: 100%;
}
#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:27%;
    float:left;
    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;
}
.AmeItemName{
    width:44%;
    float:left;
    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:#E4F8FF;
}
.AmeData{
    width:50.9%;
    float:left;
    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;
}
#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;
}
#MizuGraphArea{
    width: 36%;
    float: left;
}
#MizuGraphTitle{
    float: left;
    position: relative; top: 0px; left: 0px;
    text-align: left;
    padding-top: 20px;
    width: 100%;
}
#MizuGraphLeft{
    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{
    float: left;
    position: relative;
    text-align: right;
}
#HanreiInfo{
    width: 28%;
    float: left;
    position: relative;
    text-align: left;
    margin-top: 30px;
}
.Hanrei {
    width: 100%;
    float: left;
    position: relative;
    text-align: left;
    padding: 8px 0px 0px 0px;
}
#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: 16%;
    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;
}
img.LinkTitle{
    float:right;
    position:relative; top:-2px; 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%;
}

.ImageFrameCCTV {
    width: 562px;
    height: 377px;
    float: left;
    position: relative;
    background-color: black;
}
img.CameraImageCCTV {
    width: 560px;
    height: 373px;
    margin-top: 2px;
    margin-left: 2px;
}

#Graphblock_base{
    width: 97%;
    float: left;
    position: relative;
    left: 12px;
    padding: 10px 0px 10px 0px;
}
#SampleImage{
    width: 36%;
    float: left;
    position: relative;
    text-align: left;
}
#SampleTitle{
    text-align: left;
    color: #3382d0;
    font-size: 12pt;
    padding: 0px 0px 10px 0px;
}

/* Camera Image */
.ImageFrameCCTV{
    width:562px;
    height:377px;
    float: left;
    position: relative;
    background-color: black;
}
.ImageFrameSimple{
    width:564px;
    height:319px;
    float: left;
    position: relative; top:2px;
    background-color: black;
}
.ImageFrame p {
    position: absolute; top:0px; left:0px;
    margin: 0;
    color: #FFF;
    font-size: 13px;
    line-height: 1;
    float:none;
    padding: 10px 10px;
}
.ImageTime {
    position:relative;
    text-align:right;
    color: black;
    font-size: 16px;
    padding: 0px 0px 0px 310px;
}
.ImageCom {
    position:relative;
    text-align:center;
    color: black;
    font-size: 20px;
    padding: 8px 0px 0px 0px;
}
.SampleFrameCCTV{
    width:274px;
    height:184px;
    float: left;
    position: relative;
    background-color: black;
}
.SampleFrameSimple{
    position: absolute; top:12px; left:0px;
    width:274px;
    height:156px;
    float: left;
    position: relative;
    background-color: black;
}
img.CameraSampleCCTV{
    width:270px;
    height:180px;
    margin-top: 2px;
    margin-left: 2px;
}
img.CameraSampleSimple{
    width:270px;
    height:152px;
    margin-top: 2px;
    margin-left: 2px;
}
img.CameraImageCCTV{
    width:560px;
    height:373px;
    margin-top: 2px;
    margin-left: 2px;
}
img.CameraImageSimple{
    width:560px;
    height:315px;
    margin-top: 2px;
    margin-left: 2px;
}