header {
    text-align:center;
    height:25px;
    vertical-align:middle;
}

.wallMount {
    background-image: url("../img/P1040552.JPG")
}

article
{
    font-size: 11pt;
}

.chilbox
{ 
    width: 1250px;  
    margin: 0;
    height: 700px;
    text-align: left;
    
}

.header_datetime
{
    text-align:right;
}

.header_name
{
    text-align:left;
    font-size:115%;
    text-decoration:underline;
    height: 24px;
}

div#wrapper {  
    width: 1152px;  
    margin: 0 auto;  
    text-align: left; 
}

.Button {

    box-shadow: 2px 2px 3px 1px #666;
    -moz-box-shadow: 2px 2px 3px 1px #666;
    -webkit-box-shadow: 2px 2px 3px 1px #666;
	
    background-color:#ffffAA;
    
    border-radius:4px;
}

.middleArea {
    background-color:#fff2ff;
}

.bottomArea {
    background-color:#e6fff2;
}

.depthArea {
    background-color:#DDDDFF;
}

.valueArea {
    background-color:white;
}

.disableArea {
    background-color:lightgray;
}

.Login
{   
    width: 500px;
    margin: auto;
    margin-top: 100px;
}
.Login li
{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 40px;
}

.Menu li
{
    list-style: none;
    margin-top: 10px;
    margin-bottom: 30px;
    text-align: center; 
}

.leftbox
{
    position: relative;
    float:left;
}
.rightbox
{
    position: relative;
    float:right;
}

.radius
{
    border: 2px solid #000;
    border-radius:15px;
}
.radiusBox
{
    width: 550px;
    margin: auto;
    height: 550px;
    border: 2px solid #000;
    border-radius:15px;
    padding: 20px 0 0 30px;
    margin: 0;
}
.radiusBoxHalf
{
    width: 550px;
    margin: auto;
    height: 220px;
    border: 2px solid #000;
    border-radius:15px;
    padding: 30px 0 0 30px;
    margin: 0;
    margin-bottom: 30px;
}
.radiusBoxFifth
{
    width: 240px;
    margin: auto;
    height: 180px;
    border: 2px solid #000;
    border-radius:15px;
    padding: 0;
    margin: 0;
    margin-bottom: 30px;
}


.radiusBoxFifthIn
{
    width: 220px;
    margin: auto;
    height: 25px;
    border: 2px solid #000;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.radiusBoxFifthInDisable
{
    width: 220px;
    margin: auto;
    height: 25px;
    padding: 2px;
    margin: 0;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 10px;
}

.radiusBoxFifth2
{
    width: 440px;
    margin: auto;
    height: 180px;
    border: 2px solid #000;
    border-radius:15px;
    padding: 30px 0 0 30px;
    margin: 0;
    margin-bottom: 30px;
}


.radiusBoxFifth2in
{
    width: 425px;
    height: 70px;
    margin: auto;
    border: 2px solid #000;
    border-radius:10px;
    padding: 3px;
    margin: 0;
    margin-bottom: 3px;
    margin-top:3px;
}
.boxtitle
{
    text-align:center;
    /*
    position:absolute;
    top:-5px;
    left:80px;
    background-color: #fff;
    line-height: 1em;
    */
}

.childradiusBox
{
    width: 500px;
    margin: auto;
    height: 45px;
    border: 2px solid #000;
    border-radius:10px;
    padding: 25px 0 0 30px;
    margin: 0;
    margin-bottom: 30px;
}
.childradiusBoxFifth
{
    width: 200px;
    margin: auto;
    height: 45px;
    border: 2px solid #000;
    border-radius:10px;
    padding: 15px 0 0 20px;
    margin-bottom: 20px;
}

.childradiushead
{
    float:left;
    width:170px;
    text-align:left;
}
.childradiusbody
{
    float:right;
    width:270px;
    text-align:left;
    padding-right:30px;
}

.childradiusheadhalf
{
    float:left;
    width:120px;
    text-align:left;
}
.childradiusbodyhalf
{
    float:right;
    width:100px;
    text-align:left;
    padding-right:15px;
}
.statesquare
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 30px;
	height: 30px;
}

.statesquareW
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 75px;
	height: 30px;
}

.statesquareL
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 35px;
	height: 35px;
}

.statesquaremini
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 15px;
	height: 15px;
}

.statesquarenano
{
	border: 2px solid #DDD;
	border-left: 2px solid #DDD;
	border-right: 2px solid #BBB;
	border-bottom: 2px solid #BBB;
	width: 10px;
	height: 10px;
}

.statesquarehalf
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 15px;
	height: 15px;
}


.statesquarehalfUp
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 18px;
	height: 18px;
}

.statesquarehalfUpW
{
	border: 3px solid #DDD;
	border-left: 3px solid #DDD;
	border-right: 3px solid #BBB;
	border-bottom: 3px solid #BBB;
	width: 45px;
	height: 18px;
}

.solidtable
{
    border-collapse: collapse;
    border: 0px solid black;
}
.solidtable th {
    border: 1px solid black;
    text-align:center;
    vertical-align:middle;
    background-color:white;
}
.solidtable td {
    border: 1px solid black;
    text-align:center;
    vertical-align:middle;
    background-color:white;
}

.statelabel
{
    width:65px;
    height:20px;
    border: 1px solid black;
    text-align:center;
    padding-top:4px;
    font-size:80%
}

.StateReady{
    background-color:blue;
    color:white;
}

.StateCountDown{
    background-color:mediumpurple;
}

.StateOperation{
    background-color:Green;
    color:white;
}

.StatePartStop{
    background-color:limegreen;
    color:white;
}

.StateNoDC{
    background-color:Yellow;
}

.StateAlarm{
    background-color:Red;
}
.StateLtAlarm{
    background-color:Yellow;
}
.StateHvAlarm{
    background-color:Red;
}

.StateAllStop{
    background-color:Blue;
    color:white;
}

.StateComAlart{
    background-color:White;
    color:black;
}

.colrRed{
    background-color:red;
}
.colrYellow{
    background-color:Yellow;
}
.colrAqua{
    background-color:Aqua;
}
.colrBlue{
    background-color:Blue;
    color:white;
}
.colrGreen{
    background-color:Green;
    color:white;
}
.colrLimeGreen{
    background-color:limegreen;
    color:white;
}
.colrWhite{
    background-color:white;
    color:black;
}

.colrBtnOnEnable{
    background-color:#CC0000;
    color:white;
}
.colrBtnOnDisable{
    background-color:gray;
    color:white;
}
.colrBtnOffEnable{
    background-color:#CC0000;
    color:white;
}
.colrBtnOffDisable{
    background-color:gray;
    color:white;
}
.colrBtnRestart{
    background-color:green;
    color:white;
}
.colrBtnRestartAlart{
    background-color:red;
    color:white;
}
.divBtn{
 cursor : pointer;
}

td,th{
  table-layout:fixed;
}
.datetime{
  width:120px;
}
.datetime2{
  width:110px;
}
.nametitle{
    width:70px;
}
.halfBtn{
    width:50px;
}
.halfName{
    width:45px;
}
.type{
  width:40px;
}

/* テーブルのスタイル設定 */
th.context{
  width:325px;
}
th.context2{
  width:265px;
}
th.context3{
  width:105px;
}
td.context{
  width:325px;
  text-align:left;
}
td.context2{
  width:265px;
  text-align:left;
}
td.context3{
  width:105px;
  text-align:left;
}
div.scroll_div 
{ 
overflow: auto;
}

.listdatetime
{
    width:140px;
    text-align:center;
}
.listdata
{
    width:80px;
    text-align:center;
}
/* ハイパーリンクの文字色設定 */
a:link { color: black; }
a:visited { color: black; }
a:hover { color: black; }
a:active { color: black; }

/* 印刷時のみ有効な設定 */
@media print {
    .header_datetime {
        display:none;
    }
}