body{
	width:100%;
	height:90%;
	overflow: hidden;
	text-align:center;
	padding:0px;
	margin:0px;
}

#main{
	width:100%;
	height:95%;
}
#topbar{
	width:100%;
}
#login{
	position:absolute;
	top:35%;
	left:calc( 50% - 250px );
	width:400px;
	height:120px;
	text-align:center;
} 
#loginTitle{
	position:absolute;
	top:0px;
	left:0px;
	width:200px;
	text-align:right;
}

#message{
    position:absolute;
	top:30%;
	left:calc( 50% - 220px );
	width:400px;
	height:120px;
	text-align:center;
}

#uid{
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	color:#000000;
	font-style:normal;
	font-family:Times New Roman;
	margin:0px 2px 2px 2px;
}
#pass{
	font-size: 20px;
	font-weight: bold;
	margin:0px;
	padding:0px;
	color:#000000;
	font-style:normal;
	font-family:Times New Roman;
	margin:12px 2px 2px 2px;
}
#loginInput{
	position:absolute;
	top:0px;
	left:200px;
	width:200px;
	text-align:left;
} 
#username{
	margin:0px;
} 
#password{
	margin:0px;
} 
#buttonArea{
	position:absolute;
	bottom:0px;
	left:0px;
	width:400px;
	text-align:center;
}

#infoArea{
	position:absolute;
	top:70%;
	width:420px;
	border:solid 1px #000;
	right:10%;
	font-size:13px;
	padding:10px;
}
#copyRightArea{
	position:absolute;
	top:calc( 70% + 140px );
	width:420px;
	border:solid 0px #000;
	right:10%;
	font-size:13px;
	padding:10px;
}
a:link, a:visited, a:hover, a:active {
	color:#222;
  }
table{
  border-collapse:  collapse; 
}
th{
    border:solid 1px #000;
    text-align:center;
    /*
    background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);*/
    background-image: linear-gradient(to top, #89f7fe 0%, #ffffff 100%);
}
td{
    border:solid 1px #000;
}

.listthead {
    display: block;
  }
  
#tb {
    display: block;
  /*  background-color:#eeeeee;*/
    overflow-x: scroll;
    overflow-y: scroll;
   
  }

.trow0{
    color:#000;
    background-color:#ffffff;
}
.trow1{
    background-color:#f0f0f0;
}

.trow0:hover{
    background-color:#d9e8f5;
}

.trow1:hover{
    background-color:#d9e8f5;
}
/*リンクあり*/
.trowl0{
    background-color:#ffffff;
    cursor: pointer;
}
.trowl0:hover{
    background-color:#d9e8f5;
}
.trowl1{
    background-color:#f0f0f0;
    cursor: pointer;
}
.trowl1:hover{
    background-color:#d9e8f5;
}

html,body{
    overflow:auto;
    width:100%;
}
/*
#main{}
  */
#loginInfo{
    z-index:100;
    background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);
    height:20px;
    position:absolute;
    top:50px;
    right:2px;
    width:400px;
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
    font-size:12px;
    cursor:pointer;
    
}
/*teamColor #56ccf8*/
#topMenu{
    background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);
    height:32px;
    position:absolute;
    left:0px;
    width:100%;
    border-top:solid 1px #000;
    border-bottom:solid 1px #000;
   
}
.menuTab{
    padding-top:2px;
    position:absolute;
    left:0px;
    width:150px;
    background-image: linear-gradient(to bottom, #13547a 0%, #80d0c7 100%);
    height:30px;
    color:#FFF;
    cursor:pointer; 
}
/*
#menuInfo0{
    padding-top:2px;
    position:absolute;
    left:0px;width:150px;
    background-image: linear-gradient(to bottom, #13547a 0%, #80d0c7 100%);
    height:30px;
    color:#FFF;
    cursor:pointer;
}

#menuInfo1{
    padding-top:2px;
    position:absolute;
    left:151px;
    width:150px;
    background-image: linear-gradient(to bottom, #80d0c7  0%,  #4facfe 100%);
    height:30px;
    color:#777;
    cursor:pointer;
}
#menuInfo2{
    padding-top:2px;
    position:absolute;
    left:302px;width:150px;
    background-image: linear-gradient(to bottom, #80d0c7  0%,  #4facfe 100%);
    height:30px;
    color:#777;
    cursor:pointer;
}
#menuInfo3{
    padding-top:2px;
    position:absolute;
    left:454px;width:150px;
    background-image: linear-gradient(to bottom, #80d0c7  0%,  #4facfe 100%);
    height:30px;
    color:#777;
    cursor:pointer;
}*/
#logoutButton{font-size:14px;position:absolute;right:20px;margin-top:2px;color:#222;}
#leftMenu{
    border:solid 0px #000;
    position:absolute;
    left:0px;
    width:300px;
}
#leftMenuMask{
    border:solid 0px #000;
    position:absolute;
    background-color:rgba(0,0,0,0.1);
    left:0px;
    width:300px;
    z-index:100;
    display:none;
}

#tree{
    position:absolute;
    width:100%;
    left:0px;
    background-color:#56ccf8;
    top:0px;
    overflow:block;
}
#titleTree{background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);position:absolute;width:100%;height:30px;left:0px;top:0px;padding-top:3px;}
#treeIframe{position:absolute;top:30px;height:calc( 100% - 30px);left:0px;width:100%;border:solid 0px #000;}
#fav{position:absolute;width:100%;left:0px;background-color:#56ccf8;top:0px;overflow:hidden;border:none;}
#titleFav{background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);position:absolute;width:100%;height:30px;left:0px;top:0px;padding-top:3px;}
#favList{
    position:absolute;
    top:0px;
    height:calc( 100% - 5px);
    left:0px;
    width:calc( 100% - 5px);
    background-color:#fff;
    border:none;
    overflow:scroll;
    white-space: nowrap;
    text-align:left;
    font-size:14px;
    padding:2px;
    
}

#favIframe{
    position:absolute;
    top:30px;
    height:calc( 100% - 30px);
    left:0px;
    width:100%;
    background-color:#fff;
    border:solid 0px #000;
    overflow:hidden;
    white-space: nowrap;
    text-align:left;
    font-size:14px;
    padding:2px;
}
#topMenu2{position:absolute;width:1200px;height:30px;left:302px;background-color:#fff;top:140px;overflow:auto;padding:2px 0px 0px 5px;font-size:16px;overflow:hidden;}
#notice{position:absolute;left:5px;white-space:nowrap;color:#ff0000}
#maintbtn{position:absolute;left:200px;}
#warningTitle{position:absolute;left:300px;background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);}
#warningcount{position:absolute;left:400px;color:#ff0000;}
#warningTimeTitle{position:absolute;left:450px;background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%)}
#warninglasttime{position:absolute;left:550px;color:#ff0000;}
#menuButtonArea{position:absolute;right:50px;top:2px;}
#manualbtn{text-align:right;margin-right:10px;}
#helpbtn{text-align:right;margin-right:10px;}
#line{z-index:100;position:absolute;width:calc( 100% - 300px );height:2px;left:300px;border-top:solid 2px #56ccf8;overflow:hidden;}
#messageArea{
    position:absolute;
    width:1200px;
    height:50px;
    left:302px;
    background-color:#fff;
    top:200px;
    overflow:block;
    text-align:left;
    font-size:13px;
    padding:10px 0px 0px 5px;
    font-family:monospace;
}


#line2{z-index:100;position:absolute;width:calc( 100% - 300px );height:2px;left:300px;border-top:solid 2px #56ccf8;}
#formArea{position:absolute;width:1200px;height:180px;left:2px;background-color:#fff;top:250px;overflow:block;text-align:left;font-size:16px;padding:0px 0px 0px 5px;}
 
#buttnArea{position:absolute;left:1100px;top:10px;}
#tableArea{position:absolute;width:1200px;height:300px;left:2px;background-color:#fff;top:350px;overflow:block;text-align:left;font-size:14px;padding:0px 0px 0px 5px;}
#buttonArea1{position:absolute;left:20px;top:5px;}
#tableDiv{position:absolute;top:35px;width:100%;padding:0px;height:calc( 95% - 50px );overflow:hidden;}
#buttnArea2{position:absolute;bottom:20px;right:2px;}
#graphBottomButton{position:absolute;bottom:20px;right:2px;}
#listNum{position:absolute;left:800px;top:5px;width:260px;white-space: nowrap;text-align:right;}

#mainArea{position:absolute;width:1220px;height:500px;left:355px;background-color:#fff;display:block;overflow:auto;}

#overlay{ 
    position: fixed;
    top: 0;
    z-index: 1000;
    width: 100%;
    height:100%;
    display: none;
    background: rgba(0,0,0,0.6);
  }
  .cv-spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;  
  }
  .spinner {
    width: 40px;
    height: 40px;
    border: 4px #ddd solid;
    border-top: 4px #2e93e6 solid;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
  }
  @keyframes sp-anime {
    100% { 
      transform: rotate(360deg); 
    }
  }
  .is-hide{
    display:none;
  }

  #messageArea2{
    position:absolute;
    width:1041px;
    height:190px;
    left:357px;
    background-color:#ffffff;
    top:150px;
    overflow:block;
    text-align:left;
    font-size:13px;
    padding:0px 0px 0px 0px;
    font-family:monospace;
    z-index:120;
    display:none;
    border:solid 1px #000;
}

.alertSelect{
    width:1041px;
    margin:0px;
}
.selectTr:hover{
    color:#000;
    background-color:#d9e8f5;
    cursor: pointer;
}
.selectTr0:hover{
    background-color:#d9e8f5;
    cursor: pointer;
}

.favSelectP{
    display:inline;
    white-space:nowrap;
    font-size:13px;
}
.favSelectP:hover{
    background-color:#d9e8f5;
    cursor: pointer;
}

html,body{
    overflow:auto;
    width:100%;
}
#noticecListNum{position:absolute;left:800px;top:5px;width:260px;white-space: nowrap;text-align:right;}
#noticePagingBtn{position:absolute;left:1060px;top:5px;white-space:nowrap;}
#noticeArea{position:absolute;width:1220px;height:700px;left:5px;background-color:#fff;display:none;}
#noticeTableArea{position:absolute;width:1200px;height:700px;left:5px;background-color:#fff;top:350px;overflow:block;text-align:left;font-size:14px;padding:0px 0px 0px 5px;}
#noticeViewArea{position:absolute;width:1200px;height:700px;left:5px;background-color:#fff;top:350px;overflow:block;text-align:left;font-size:14px;padding:0px 0px 0px 5px;display:none;}
#noticeTableDiv{position:absolute;top:40px;}
#noticeListNum{position:absolute;left:800px;top:5px;width:260px;white-space: nowrap;text-align:right;}
.listTH{
    border:solid 1px #000;
    text-align:center;
    /*
    background-image: linear-gradient(to top, #4facfe 0%, #00f2fe 100%);*/
    background-image: linear-gradient(to top, #89f7fe 0%, #ffffff 100%);
    cursor: pointer;
}
.inputTD{
    border:none;
    font-size:18px;
}
.inputTH{
    background-image: linear-gradient(to top, #89f7fe 0%, #ffffff 100%);
    border:none;
    font-size:18px;
    padding:1px;
    font-weight:normal;
}
textarea {
    font-size:18px;
    resize: vertical;
    width:1000px;
    height:200px;
  }
#usersListNum{position:absolute;left:800px;top:5px;width:260px;white-space: nowrap;text-align:right;}
#usersPagingBtn{position:absolute;left:1060px;top:5px;white-space:nowrap;}
#usersArea{position:absolute;width:1220px;height:700px;left:5px;background-color:#fff;display:none;}
#usersTableArea{position:absolute;width:1200px;height:700px;left:5px;background-color:#fff;top:350px;overflow:block;text-align:left;font-size:14px;padding:0px 0px 0px 5px;}
#usersViewArea{position:absolute;width:1200px;height:700px;left:5px;background-color:#fff;top:350px;overflow:block;text-align:left;font-size:14px;padding:0px 0px 0px 5px;display:none;}
#usersTableDiv{position:absolute;top:40px;padding-bottom:5px;}
#usersListNum{position:absolute;left:800px;top:5px;width:260px;white-space: nowrap;text-align:right;}
input[type="submit"], input[type="reset"], input[type="button"], button{
    cursor: pointer;
  }
.blink {
	-webkit-animation: blink 2s ease infinite;
	animation: blink 2s ease infinite;
}
@-webkit-keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}