/* 共通 */
body {
  font-family: Meiryo,sans-serif;
}

.contents {
  margin: 0 20px;
}

#header {
  margin: 10px 0 0 0;
  padding: 0 0 10px 0;
/* 	border-bottom: 1px solid #000000; */
}

#liner {
  border-bottom: 1px solid #000000;
  margin: 0 0 10px 0;
}

.liner {
  border-bottom: 1px solid #000000;
  margin: 0 0 10px 0;
}

div.headerLogo {
}

/* ナビゲーションバー */
ul.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}

ul.menu li {
  display: inline;
  margin: 0;
  padding: 0;
}

ul.menu li:first-child a, ul.menu li:first-child span {
  border-left: 0px;
  border-radius: 5px 0 0 5px;
}

ul.menu li:last-child a {
  border-right: 0px;
  border-radius: 0 5px 5px 0;
}

/* メニュー領域 */
#headerMenu {
/* 	border-bottom: 1px solid #000000; */
/* 	padding: 10px 0; */
  margin: 10px 0;
  padding: 10px 0;
/* 	background-color:#98bf21; */
}

.headerMenuLink a {
/* 	min-width:120px; */
  width:100px;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
  padding:10px;
  text-decoration:none;
  text-transform:uppercase;
  border-left:1px solid #1185a1;
  border-right:1px solid #4dceed;
}

.headerMenuLink a:link, .headerMenuLink a:visited {
/* 	background-color:#98bf21; */
  background-color:#17b8df;
  background-image: -webkit-linear-gradient(#2ec5e9, #149fc0);
  background-image: -moz-linear-gradient(#2ec5e9, #149fc0);
  background-image: -o-linear-gradient(#2ec5e9, #149fc0);
  background-image: -ms-linear-gradient(#2ec5e9, #149fc0);
  background-image: linear-gradient(#2ec5e9, #149fc0);
}

.headerMenuLink a.noLink {
/* 	background-color:#7A991A; */
  background-color:#3ec9eb;
  background-image: -webkit-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: -moz-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: -o-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: -ms-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: linear-gradient(#5dd2ee, #1fc1e8);
}

.headerMenuLink a:hover, .headerMenuLink a:active{
/* 	background-color:#7A991A; */
  background-color:#3ec9eb;
  background-image: -webkit-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: -moz-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: -o-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: -ms-linear-gradient(#5dd2ee, #1fc1e8);
  background-image: linear-gradient(#5dd2ee, #1fc1e8);
}


div.headerMenuLink {

}

div.headerMenuLink span {
  margin: 0 10px 0 0;
}


div.headerMenuLink span {
  margin: 0 10px 0 0;
}

div.menu {
  padding: 8px 0;
  background-color: #FF6600;
}

div.submenu {
  margin: 5px auto auto auto;
  padding: 8px 0;
  background-color: #99ccff;
}

span.menu {
  padding: 3px 8px;
}

span.menu a.nolink {
  font-weight: bold;
  color: #ffffff;
}

span.menu a:hover {
  font-weight: bold;
  color: #ffffff;
}

span.separator {
  margin: 0px 8px;
  background-color: yellow;
  border-left: 2px solid #666666;
}

/* 設定メニュー領域 */
#settingMenu {
/* 	border-bottom: 1px solid #000000; */
  margin: 10px 0 10px 0;
  padding: 10px 0;
/* 	background-color:#59A8C9; */
}
.settingMenuLink a, .settingMenuLink span {
  min-width:120px;
  font-weight:bold;
  color:#FFFFFF;
  text-align:center;
  padding:10px;
  text-decoration:none;
  text-transform:uppercase;
  border-left:1px solid #af6104;
  border-right:1px solid #fbae51;

}

.settingMenuLink a:link, .settingMenuLink a:visited, .settingMenuLink span {
/* 	background-color:#59A8C9; */
  background-color:#f18606;
  background-image: -webkit-linear-gradient(#f99620, #d07405);
  background-image: -moz-linear-gradient(#f99620, #d07405);
  background-image: -o-linear-gradient(#f99620, #d07405);
  background-image: -ms-linear-gradient(#f99620, #d07405);
  background-image: linear-gradient(#f99620, #d07405);
}

.settingMenuLink a.noLink {
/* 	background-color:#3399CC; */
  background-color:#fa9e30;
  background-image: -webkit-linear-gradient(#fbae51, #f98e0f);
  background-image: -moz-linear-gradient(#fbae51, #f98e0f);
  background-image: -o-linear-gradient(#fbae51, #f98e0f);
  background-image: -ms-linear-gradient(#fbae51, #f98e0f);
  background-image: linear-gradient(#fbae51, #f98e0f);
}

.settingMenuLink a:hover, .settingMenuLink a:active{
/* 	background-color:#3399CC; */
  background-color:#fa9e30;
  background-image: -webkit-linear-gradient(#fbae51, #f98e0f);
  background-image: -moz-linear-gradient(#fbae51, #f98e0f);
  background-image: -o-linear-gradient(#fbae51, #f98e0f);
  background-image: -ms-linear-gradient(#fbae51, #f98e0f);
  background-image: linear-gradient(#fbae51, #f98e0f);
}

div.settingMenuLink span {
  margin: 0 10px 0 0;
}

/* フッター領域 */
#footer {
  border-top: 1px solid #000000;
  margin: 10px 0;
  text-align: center;
}

div.footer {
  margin: 5px;
}

div.footer div.copyright {
  font-size: 0.8em;
}

/* 必須項目 */
span.required {
  color: #FF0000;
  font-size: 0.8em;
}

/* 一般的な表 */
table.list {
  border: 1px solid #000000;
  border-collapse: collapse;

}

table.list th {
  background-color: #FFCC00;
  font-weight: normal;
  background-image: -webkit-linear-gradient(#ffd633, #eebe00);
  background-image: -moz-linear-gradient(#ffd633, #eebe00);
  background-image: -o-linear-gradient(#ffd633, #eebe00);
  background-image: -ms-linear-gradient(#ffd633, #eebe00);
  background-image: linear-gradient(#ffd633, #eebe00);
}

table.list th,table.list td {
  border: 1px solid #000000;
  padding: 3px;
}

table.list th.ymd,table.list td.ymd {
  color: #0033FF;
}

table.list th.val,table.list td.val {
  color: #006600;
}

table.list th.bat,table.list td.bat {
  color: #CC0099;
}

table.list tr.odd {
  background-color: #F5FFFA;
}

table.list tr.even {
  background-color: #FFFFF0;
}

table.list .notFound {
  text-align: center;
  background-color:#E7E7E7;
}

/* 現在値表示 */
table.tempList {
  border: none;
  border-collapse: collapse;

}

table.tempList th,table.tempList td {
  border: none;
  padding: 3px;
  vertical-align:middle;
}

div.temp {
  width:200px;
  height:90px;
  background-color:#000;
  color:#fff;
  text-align:center;
  border:10px solid #666;
/* 	font-family:monospace;
 */
   font-weight:bold;
  padding:10px 20px;
  margin:10px 20px 0px 0px;
}

div.tempNormal {
  font-size:65px;
}

div.tempPause {
  font-size:60px;
  color:#CFCFCF;
}

div.alarmUpperLimit {
  background-color:#FF0000;
  color:#FFFF00;
}

div.alarmLowerLimit {
  background-color:#0000FF;
  color:#FFFF00;
}

div.warningUpperLimit {
/* 	background-color:#FF66FF;
 */
   background-color: rgba(255,0,0,0.3);
   color:#FFFF00;
}

div.warningLowerLimit {
/* 	background-color:#6699FF;
 */
   background-color: rgba(0,0,255,0.3);
  color:#FFFF00;
}

.alarmMax {
  color:#FF0000;
}

.alarmMin {
  color:#0000FF;
}

.warningMax {
  color:#FF66FF;
}

.warningMin {
  color:#6699FF;
}

div.sensor {
  position:relative;
  margin:0 20px 0 0;
}

div.sensorTitle {
  font-size:12px;
}

div.batImg {
  width:50px;
  height:20px;
  position:absolute;
  top:0px;
  right:0px;
}

div.batVal {
  width:50px;
  height:20px;
  position:absolute;
  top:0px;
  right:0px;
  text-align:center;
  font-weight:bold;
/*
  font-family:fantasy;
*/
}

td#val_temp, td#val_rh {
  font-size:25px;
  text-align:center;
  font-weight: bold;
}

div.stop {
  position:relative;
  margin:0 20px 10px 0;
  text-align:right;
}

div.errorText {
  margin:20px 0 0 0;
  padding:10px;
  color:#FF0000;
  border:1px solid #FF0000;
  max-width:580px;
}

/* トレンド表示用 表 */
div.chart {
  margin: 20px 0;
}
div.trend {
  margin: 30px 0;

}

table.trendTable {
  margin: 5px 0;
  width: 100%;
}

table.trendTable caption {
  text-align: left;
}

table.trendTable .alarmUpperLimit {
  background-color:#FF0000;
  color:#FFFF00;
}

table.trendTable .alarmLowerLimit {
  background-color:#0000FF;
  color:#FFFF00;
}

table.trendTable .warningUpperLimit {
  background-color:#FF66FF;
  color:#FFFF00;
}

table.trendTable .warningLowerLimit {
  background-color:#6699FF;
  color:#FFFF00;
}

table.trendTable .noData {
  background-color:#CFCFCF;
}

table.trendTable .notFound {
  text-align: center;
  background-color:#E7E7E7;
}

div.trendDl {
  margin: 15px 10px;
  text-align: right;
}

/* データダウンロード */
div.termFromTo {
  margin: 15px 0px;
  padding:10px;
  border:1px solid #FF0000;
  max-width:400px;
}

div.fromTo {
  margin: 15px 0px;
  padding:10px;
  border:1px solid #FF0000;
  max-width:400px;
}

div.dataDl {
  margin: 15px 0px;
}

/* アカウント */
table.accountList {
  margin: 15px 0;

}

table.accountList caption {
  text-align: left;
  margin: 5px 0;

}

/* アカウント登録・変更兼用 */
div.account {
  width:370px;

}

div.doButton {
  margin: 10px;
  text-align: right;
/* 	width:350px; */
}

table.accountData {
  width: 100%;
/* 	width: 350px; */
}

table.accountData th {
  text-align: left;
}

input.alert {
  background-color:#FFCCCC;
}

div.attencion {
  margin: 10px 0;
  text-align: right;
/* 	width:350px; */
}

/* アカウント登録 */

/* アカウント変更 */

/* 警報設定 */
div.setting {
  width : 500px;
}

table.alarmList {
  margin: 15px 0 5px 0;
  width: 400px;
}

table.alarmList caption {
  text-align: left;
  margin: 5px 0;
}

table.alarmList tr.pause {
  background-color:#CFCFCF;
}

table.alarmList tr.pause input {
  background-color:#CFCFCF;
}

div.attention {
  margin:5px 0 0 0;
  color:#FF0000;
  font-size: 0.8em;
}

div.registButton {
  margin:20px 0;
}

/* センサー設定 */
div.sensorSetting {
  width : 500px;
}

table.sensorList {
  margin: 15px 0 5px 0;
/* 	width: 400px; */
}

table.sensorList caption {
  text-align: left;
  margin: 5px 0;
}

table.sensorList td.useCheck {
  text-align: center;
}

/* データ保存設定 */
div.saveSetting {
  width : 300px;
}

table.saveList {
  margin: 15px 0 5px 0;
/* 	width: 300px; */
}

table.saveList caption {
  text-align: left;
  margin: 5px 0;
}

table.saveList tr.deactivate {
  background-color:#CFCFCF;
}

table.saveList tr.deactivate input {
  background-color:#CFCFCF;
}

/* データリセット */
div.dataReset {
  width : 400px;
}

table.resetList {
  margin: 15px 0 5px 0;
}

table.resetList th {
  text-align: left;
}

/* ログアウト */
table.logoutTable {
  margin: 15px 0 5px 0;
}

/* コンパネ */
table.cpTable {
  margin: 15px 0 5px 0;
  min-width: 280px;

}

table.cpTable caption {
  text-align: left;
  margin: 5px 0;
}

tr.addRow {
  background-color:#FFCCFF;
}

div.schemaMsg {
  margin: 15px 0 5px 0;
  padding: 10px 0 0 0;
  border-top: 1px dotted #000000;
  color: #FF0000;
}

/* 使用中一覧 */
table.usingTable {

}

table.usingTable caption {
  text-align: left;
  margin: 5px 0;
}
span.usingList {
  padding: 0 10px;
  font-size: 0.8em;
}

/******************************************************************************/
/* ログイン用                                                                 */
/******************************************************************************/
table.login {
  border: 1px solid #000000;
  border-collapse: collapse;
/*	border-collapse: separate; */

}

table.login th {
  background-color: #FFCC00;
  font-weight: normal;
  border: 1px solid #000000;
  padding: 3px;
}

table.login td {
  border: 1px solid #000000;
  padding: 3px;
}

.btnlogin {
  font-weight: normal;
  width:80px;
  height:30px;
  text-align: center;
}

.bold {
  font-weight: bold;
}

.right {
  text-align: right;
}

/* DB閲覧用 */
table.dbTable th, table.dbTable td {
  white-space: nowrap;
}

table.dbTable thead {
  font-size: 0.5em;
}

table.dbTable thead, table.dbTable tbody {
  font-size: 0.5em;
}

table.dbTable td.reboot, table.dbTable td.instant {
  background-color: #FFFF00;
  color: #FF0000;
}