@charset "UTF-8";
/* CSS Document */

/* 調整 */


/* テーブル */
#table_wrapper1 {
  left: 9px;
  top: 65px;
  width:286px;
  height:285px;
}
#table_wrapper2 {
  left: 352px;
  top: 65px;
  width:390px;
  height:285px;
}

.table_object td {
  line-height:1;
  padding-left: 4px;
}

/* スクロール */
#scroller1.scroller {
  position: absolute;
  left: 295px;
  top: 92px;
  width: 54px;
  height: 258px;
}
#scroller1 .scroll_bottom {
  top: 215px;
}
#scroller1 .scroll_bar_wrap {
  height: 162px;
}
#scroller1 .scroll_bar {
  height: 42px;
}

#scroller2.scroller {
  position: absolute;
  left: 742px;
  top: 92px;
  width: 54px;
  height: 258px;
}
#scroller2 .scroll_bottom {
  top: 215px;
}
#scroller2 .scroll_bar_wrap {
  height: 162px;
}
#scroller2 .scroll_bar {
  height: 42px;
}


/* タイトル */
#table_title1, 
#table_title2 {
  position: absolute;
  top: 43px;
  font-size:20px;
  line-height:1;
}
#table_title1 {
  left: 9px;
}
#table_title2 {
  left: 352px;
}
/* 状態テキスト */
#table_status1, 
#table_status2 {
  position: absolute;
  top: 47px;
  font-size:16px;
  line-height:1;
  text-align:right;
}
#table_status1 {
  width:286px;
  left: 9px;
}
#table_status2 {
  width:390px;
  left: 352px;
}
.fc_red {
  color:#bf4840;
}

/* テーブル内アイテム */
.offline_message {
  width:100%;
  text-align:center;
  color:#d9510e;
}
.offline_message:before {
  content:"オフライン\A";
  white-space: pre;
/*  line-height:18px;*/
}

.offline_message:after {
  content:"機器の状態をご確認ください";
  display:inline-block;
  font-size:14px;
}

.houti_kiki {
  padding:12px 0 12px 42px;
  margin:-12px 0;
}
.houti_kiki.off {
  background: url(../img/s_8_icn_houti_s_off.png) left center no-repeat;
}
.houti_kiki.on {
  background: url(../img/s_8_icn_houti_s_on.png) left center no-repeat;
}

.lock_val {
  width: 70px;
  height: 26px;
  background: url(../img/s_8_wsensor_val.png) center 0 no-repeat;
  text-align:center;
}
.lock_val.open {
  background-position:center -26px;
}
#table_wrapper1 .lock_val {
  width: 106px;
  margin:3px 0;
}
#table_wrapper2 .lock_val {
  margin:8px 0;
}
.lock_val:before {
  content:"施錠中";
  line-height:26px;
}
.lock_val.open:before {
  content:"解錠中";
  color:#fff;
}
.lock_val.offline:before {
  content:"オフライン";
  color:#d9510e;
}
#table_wrapper1 .button {
  margin-left:3px;
}

.wsensor_val {
  width: 70px;
  height: 26px;
  background:url(../img/s_8_wsensor_val.png) no-repeat;
  text-align:center;
}
.wsensor_val.open {
  background-position:0 -26px;
}
#table_wrapper2 .wsensor_val {
  margin:8px 0;
  margin-left:7px;
  margin-right:8px;
}
.wsensor_val:before {
  content:"閉";
  line-height:26px;
}
.offline_message:before {
  content:"オフライン\A";
  white-space: pre;
  /* :line-height:18px; */
}
.wsensor_val.open:before {
  content:"開";
  color:#fff;
}

.battery_val {
  position:relative;

  width:49px;
  height: 39px;
  background: url(../img/s_32_battery.png) no-repeat;

  float:right;
  margin-top:2px;
  margin-left:-7px;
  visibility:hidden;
}
.battery_val.lv-0, .battery_val.lv-1 {visibility:visible;}
.battery_val.lv-0 {background-position:0 0;}
.battery_val.lv-1 {background-position:0 -39px;}


/* 報知モード */
#houti_mode_on {
  position: absolute;
  left: 187px;
  top: -20px;
  width: 426px;
  height: 59px;
  background: url(../img/g_valbg_426x59.png) no-repeat;
  font-size:20px;
}
/* 報知モード */
#houti_mode_on_wait {
  position: absolute;
  left: 187px;
  top: -20px;
  width: 426px;
  height: 59px;
  background: url(../img/g_valbg_426x59.png) no-repeat;
  font-size:20px;
}
/* 報知モード */
#houti_mode_off {
  position: absolute;
  left: 187px;
  top: -20px;
  width: 426px;
  height: 59px;
  background: url(../img/g_valbg_426x59.png) no-repeat;
  font-size:20px;
}
#houti_mode_on > #houti_text {
  position: absolute;
  left: 0;
  top: 0;
  width:120px;
  height:59px;
  padding-left:63px;
  line-height:59px;
  text-align:right;
  background: url(../img/s_8_icn_houti_on.png) left center no-repeat;
}
#houti_mode_on_wait > #houti_text {
  position: absolute;
  left: 0;
  top: 0;
  width:120px;
  height:59px;
  padding-left:63px;
  line-height:59px;
  text-align:right;
  background: url(../img/s_8_icn_houti_off.png) left center no-repeat;
}
#houti_mode_off > #houti_text {
  position: absolute;
  left: 0;
  top: 0;
  width:120px;
  height:59px;
  padding-left:63px;
  line-height:59px;
  text-align:right;
  background: url(../img/s_8_icn_houti_off.png) left center no-repeat;
}
#houti_mode_on.on > #houti_text {
  background: url(../img/s_8_icn_houti_on.png) left center no-repeat;
}
#houti_mode_on_wait.on > #houti_text {
  background: url(../img/s_8_icn_houti_off.png) left center no-repeat;
}
#houti_mode_off.on > #houti_text {
  background: url(../img/s_8_icn_houti_off.png) left center no-repeat;
}

#houti_val {
  position: absolute;
  left: 183px;
  top: 0;
  width:108px;
  height:59px;
  line-height:59px;
  text-align:center;
  color:#32373a;
}
#houti_val.txt_on {
  color:#47856D;
}

#houti_mode_on .button_text::after {
  content:"切";
  color:#32373a;
  font-size:20px;
}
#houti_mode_on_wait .button_text::after {
  content:"切";
  color:#32373a;
  font-size:20px;
}
#houti_mode_off .button_text::after {
  content:"入";
  color:#47856D;
  font-size:20px;
}

#button_onoff {
  position: absolute;
  right: 29px;
  top: 9px;
}


/* ボタン */
#button_setting {
  position: absolute;
  left: 689px;
  top: -11px;
  background: url(../img/b_setting2.png) no-repeat;
}
#button_setting > .button_text {
  left: 42px;
  width:54px;
  text-align:left;
  font-size:20px !important;
}


/* テキスト */
#message_text {
  position: absolute;
  top: 351px;
  left: 9px;
  font-size: 14px;
  line-height: 1;
}



.action_class {
	display: inline-block;
	line-height: 33px;
	margin-top: 25px;
	position: absolute;
	left: 283px;
	top: 265px;
}


/* NetFront、スマホ用修正 */
body.nf .table_object td, 
body.sp .table_object td, 
body.aiseg .table_object td {
    font-size: 16px !important;
}