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

/* グラフ5x2 */
#m_capacity {
  position: absolute;
  top: 3px;
  left: 74px;
  width: 700px;
  height: 170px;
}
#m_capacity .row {
  position: absolute;
  width: 700px;
  height: 170px;
}
#m_capacity .r-1 {
  top: 0px;
  left: 0px;
}
#m_capacity .r-2 {
  top: 173px;
  left: 0px;
}
#m_capacity .column {
  width: 120px;
  height: 170px;
  position: absolute;

}
canvas {
  position: absolute;
  top: 0px;
  left: 25px;
}
img {
  position: absolute;
  top: 0px;
  left: 25px;
}
#m_capacity .column .c_bar {
  background-color: #999999;
  width: 120px;
  height: 1px;
  position: absolute;
  top: 86px;
  left: 0px;
}
#m_capacity .column .c_value {
  position: absolute;
  left: -5px;
  top: 88px;
  width: 130px;
  height: 24px;
  line-height:24px;
  text-align: center;
  font-size: 24px;
}
#m_capacity .column .c_device {
  position: absolute;
  left: 0px;
  top: 115px;
  width: 120px;
  height: 20px;
  line-height:18px;
  text-align: center;
  font-size: 18px;
}
#m_capacity .column .c_value .lo-unit {
  font-size: 14px;
}
#m_capacity .column .c_button {
  position: absolute;
  top: 112px;
  left: -1px;
}

#m_capacity .column .c_bar_connect {
  background-color: #999999;
  width: 25px;
  height: 1px;
  position: absolute;
  top: 86px;
  left: 120px;
}
#m_capacity .c-1 {
  position: absolute;
  top: 0px;
  left: 0px;
}
#m_capacity .c-2 {
  position: absolute;
  top: 0px;
  left: 145px;
}
#m_capacity .c-3 {
  position: absolute;
  top: 0px;
  left: 290px;
}
#m_capacity .c-4 {
  position: absolute;
  top: 0px;
  left: 435px;
}
#m_capacity .c-5 {
  position: absolute;
  top: 0px;
  left: 580px;
}
#lo-caption {
  position: absolute;
  width: 140px;
  top: 347px;
  left: 55px;
}
#lo-caption.lo-caption {
  font-size: 14px;
}



/******************************************************
 * 多デバイス用調整
 ******************************************************/
body.nf #m_capacity .column .c_value, 
body.aiseg #m_capacity .column .c_value {
    font-size: 21px;
}