@charset "UTF-8";

/* CSS Document */

/* タブ */

#tab-area .tab-set-4 .tab-all {
  background: url(../img/tab_shiyo_47x78_day.png) no-repeat;
}
#tab-area .tab-set-4 .tab-desc-1 {
  background: url(../img/tab_shiyo_47x78_week.png) no-repeat;
}
#tab-area .tab-set-4 .tab-desc-2 {
  background: url(../img/tab_shiyo_47x78_month.png) no-repeat;
}
#tab-area .tab-set-4 .tab-desc-3 {
  background: url(../img/tab_shiyo_47x78_year.png) no-repeat;
}

/* 上部ボタン等 */

#page #txt_val_wrapper {
  position: absolute;
  left: 74px;
  top: -20px;
  width: 232px;
  height: 51px;
  background: url(../img/g_valbg_232x51.png) no-repeat;
}
#page.posfix #txt_val_wrapper {
  top: 16px;
}
#txt_val_inner {
  position: relative;
  margin: 0 50px;
  left: 0;
  top: 0;
  height: 51px;
}
#val_current {
  position: absolute;
  left: 0;
  top: 6px;
  width: 100%;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  text-align: center;
}
#txt_graph_kwh {
  position: absolute;
  left: 0;
  top: 27px;
  width: 100%;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
  text-align: center;
}

/* 丸ボタン- 戻る・進む */

#g_rbtn_back {
  position: absolute;
  top: 3px;
  left: 5px;
}
#g_rbtn_next {
  position: absolute;
  top: 3px;
  left: 183px;
}

/* セレクトボタン */

#g_sbtn_1 {
  position: absolute;
  left: 267px;
  top: 3px;
}
#g_sbtn_2 {
  position: absolute;
  left: 438px;
  top: 3px;
}

/* 出力制御ボタン */
#g_btn_pvlimit {
  position: absolute;
  left: 590px;
  top: 3px;
}

/* 数値入力ボタン */
#g_btn_num_list {
  position: absolute;
  left: 460px;
  top: 3px;
}

/* m3フォント拡大 */
#g_sbtn_2 .button_text .fs_fix {
  display:inline-block;
  font-size:27px;
  line-height:33px;
}

/* ボタン */

#g_btn_1 {
  position: absolute;
  top: 299px;
  left: 684px;
}

/* グラフ */

#page #stage {
  position: absolute;
  left: 119px;
  top: 60px;
  width: 680px;
  height: 240px;
}
#page.posfix #stage {
  top: 96px;
}

/* Canvas */

#graph_last,
#graph_current {
  position: absolute;
  left: 0;
  top: 0;
  width: 660px;
  height: 200px;
}

/* 左数値 */

#page #row_num_wrapper {
  position: absolute;
  left: 49px;
  top: 51px;
  width: 52px;
  height: 240px;
}
#page.posfix #row_num_wrapper {
  top: 87px;
}
.row_num {
  position: absolute;
  left: 0;
  width: 60px;
  height: 16px;
  line-height: 16px;
  font-size: 16px;
  text-align: right;
}
#row_unit {
  top: -17px;
}
#row_num0 {
  top: 0;
}
#row_num1 {
  top: 40px;
}
#row_num2 {
  top: 80px;
}
#row_num3 {
  top: 120px;
}
#row_num4 {
  top: 160px;
}
#row_num5 {
  top: 200px;
}

/* グラフ凡例 */

#page #info_wrapper {
  position: absolute;
  left: 124px;
  top: 39px;
  width: 100%;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#page.posfix #info_wrapper {
  top: 75px;
}
.info {
  top: 0;
}
#info_0,
#info_1,
#info_2,
#info_3 {
  float: left;
  margin-right: 15px;
}
#info_0_eneshift,
#info_1_eneshift,
#info_2_eneshift,
#info_3_eneshift,
#info_4_eneshift {
  float: left;
  margin-bottom: 2px;
  margin-right: 15px;
}

#page #info_wrapper:after {
  display: block;
  clear: both;
  height: 0px;
  visibility: hidden;
  content: ".";
}
#info_last {
  position: absolute;
  left: 246px;
}
#info_txt {
  position: absolute;
  width: 150px;
  left: 341px;
  text-align: right;
}

/* 下部テキスト */

#txt_notice {
  position: absolute;
  left: 54px;
  top: 347px;
  height: 14px;
  line-height: 14px;
  font-size: 14px;
}
#txt_notice2 {
  position: absolute;
  left: 590px;
  top: 347px;
  width:200px;
  height: 14px;
  line-height: normal;
  font-size: 14px;
  text-align:right;
}

/* グラフベース */

#stage #graph_base {
  position: absolute;
  left: 0px;
  top: 0;
  width: 660px;
  height: 241px;
  background: url(../img/g_base_660x200_day.png) no-repeat;
}
#stage #graph_dot {
  position: absolute;
  left: 0;
  top: 201px;
  width: 680px;
  height: 26px;
  background: url(../img/g_dot_660x200_day.png) no-repeat;
}
#stage.day #graph_base {
  background: url(../img/g_base_660x200_day.png) no-repeat;
}
#stage.day #graph_dot {
  background: url(../img/g_dot_660x200_day.png) no-repeat;
}
#stage.week #graph_base {
  background: url(../img/g_base_660x200_week.png) no-repeat;
}
#stage.week #graph_dot {
  background: url(../img/g_dot_660x200_week.png) no-repeat;
}
#stage.month #graph_base {
  background: url(../img/g_base_660x200_month.png) no-repeat;
}
#stage.month #graph_dot {
  background: url(../img/g_dot_660x200_month.png) no-repeat;
}
#stage.year #graph_base {
  background: url(../img/g_base_660x200_year.png) no-repeat;
}
#stage.year #graph_dot {
  background: url(../img/g_dot_660x200_year.png) no-repeat;
}

/* Comboボタン */
#display_switch {
  position: absolute;
  top: 299px;
  left: 50px;
  width: 750px;
  height: 43px;
  text-align: center;
}
#display_switch_circuit {
  position: absolute;
  top: 299px;
  left: 50px;
  width: 634px;
  height: 43px;
  text-align: center;
}
#g_cbtn_wrapper {
  display: inline-block;
}

#g_cbtn_wrapper2 {
  position: absolute;
  top: 299px;
  left: 314px;
}


/******************************************************
 * 多デバイス用調整
 ******************************************************/
body.nf #g_sbtn_2 .button_text .fs_fix, 
body.aiseg #g_sbtn_2 .button_text .fs_fix {
    font-size:22px;
}
body.nf #row_unit, 
body.aiseg #row_unit {
    top: -19px;
}
body.nf #g_sbtn_2 .button_text .fs_fix, 
body.aiseg #g_sbtn_2 .button_text .fs_fix {
    padding-top:2px;
}

body.nf #graph_base {
	z-index: 0;
}
body.nf #graph_last {
	z-index: 1;
}
body.nf #graph_current {
	z-index: 2;
}