@charset "UTF-8";

header#headerid1 {
	margin-top: 15px;
	display: flex;
}

div.nav-button {
	font-weight: bold;
	font-size: 150%;
	background: linear-gradient(180deg, #eaf1ff, #d0e0ff);
	border-radius: 20px;
	box-shadow: inset 0 0 0 1px #c3d3ff, 0 2px 6px rgba(0,0,0,.08);
	padding: 10px;
	width: 150px;
	height: 1.2em;
	text-align: center;
	margin: 7px 12px;
}

#div_inp{
	font-size:20px;
	/*padding-right: 1326px;*/
	padding-top: 0px;
	/*position:absolute;*/
	width: 1900px;
  }

form#userfrm{
	text-align: left;
}
/*スクロール用*/
thead.scrollHead,tbody.scrollBody{
	display:block;
}

tbody.scrollBody{
	overflow:auto;
	overflow-x:hidden; 
	height:722px;
}

table.matrix {
/*	width:1880px; */
	width:1850px;
	border-collapse: collapse;
	table-layout:fixed;
	border-color:#c3d3ff;
	color:black;
}

table.matrix tr {
	height:10px;
}

table.matrix th{
	border:1px #777777 solid;
	color: #eaf2ff;
	background: linear-gradient(to right, #4f8ff7, #1d4ed8);
}

table.matrix td {
	font-size: 19px;
	border:1px #777777 solid;
}

#divid1 {
/*	width:2000px; */
	width:1800px;
	height:750px;
	top:160px;
	left:2px;
	position:absolute;
}

.datawidth1{
	width: 226px;
	text-align:center;
}

.datawidth2{
	width: 100px;
	text-align:center;
}

.datawidth3{
	width: 300px;
	text-align:center;
}

.datawidth4{
	width: 120px;
	text-align:right;
}

.datawidth4header{
	width: 120px;
	text-align:center;
}

.datawidth5{
	width: 120px;
	text-align:right;
}

.datawidth5header{
	width: 120px;
	text-align:center;
}

.datawidth6{
	width: 120px;
	text-align:right;
}

.datawidth6header{
	width: 120px;
	text-align:center;
}

.datawidth7{
	width: 120px;
	text-align:right;
}

.datawidth7header{
	width: 120px;
	text-align:center;
}

.datawidth8{
	width: 120px;
	text-align:right;
}

.datawidth8header{
	width: 120px;
	text-align:center;
}

.datawidth9{
	width: 120px;
	text-align:right;
}

.datawidth9header{
	width: 120px;
	text-align:center;
}

/* 本体温度 */
.datawidth10{
	width: 120px;
	text-align:right;
}

/* 本体温度異常時 */
.datawidth10-red{
	width: 120px;
	text-align:right;
	background-color: rgb(255, 204, 204);
}

.datawidth10header{
	width: 120px;
	text-align:center;
}

.datawidth11{
	width: 120px;
	text-align:right;
}

.datawidth11header{
	width: 120px;
	text-align:center;
}

/* 状態(起動,停止) */
.datawidth12{
	width: 120px;
	text-align:center;
}

/* 状態(定期周期) */
.datawidth12-blue{
	width: 120px;
	text-align:center;
	background-color: #dbeafe;
}

/* 状態(異常時) */
.datawidth12-red{
	width: 120px;
	text-align:center;
	background-color: rgb(255, 204, 204);
}

/* ロガー温度1 */
.datawidth13{
	width: 120px;
	text-align:right;
}

/* ロガー温度1異常時 */
.datawidth13-red{
	width: 120px;
	text-align:right;
	background-color: rgb(255, 204, 204);
}

/* ロガー温度2 */
.datawidth14{
	width: 120px;
	text-align:right;
}

/* ロガー温度2異常時 */
.datawidth14-red{
	width: 120px;
	text-align:right;
	background-color: rgb(255, 204, 204);
}

/* ロガー温度3 */
.datawidth15{
	width: 120px;
	text-align:right;
}

/* ロガー温度3異常時 */
.datawidth15-red{
	width: 120px;
	text-align:right;
	background-color: rgb(255, 204, 204);
}

/* ロガー温度4 */
.datawidth16{
	width: 120px;
	text-align:right;
}

/* ロガー温度4異常時 */
.datawidth16-red{
	width: 120px;
	text-align:right;
	background-color: rgb(255, 204, 204);
}

/* ロガー温度5 */
.datawidth17{
	width: 120px;
	text-align:right;
}

/* ロガー温度5異常時 */
.datawidth17-red{
	width: 120px;
	text-align:right;
	background-color: rgb(255, 204, 204);
}

/* ロガー温度1～5ヘッダー */
.datawidth13header{
	width: 120px;
	text-align:center;
}

#h1id2 {
top:60px;
left:715px;
position:absolute;
}

#autoreload_btm
{
top:50px;
left:460px;
font-size:50px;
position:absolute;
}

footer small {
display:block;
position:absolute;
top:910px;
padding:10px 0 20px 0;
font-size:18px;
text-align:center;
line-height:1;
/* background:red; */
background: linear-gradient(to right, #cde4ff, #057ae7);
height: 10px;
width:100%;
color:white;
font-family:Arial,sans-serif;
}