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

#page {
  background: none;
}

#scene_wrapper_1, 
#scene_wrapper_2 {
  position:absolute;
  left:0;
  top:0;
  width: 800px;
  height: 368px;
}
#scene_wrapper_1 {
  background: url(../img/s_03_bg.jpg) no-repeat !important;
}
#scene_wrapper_2 {
  background: url(../img/s_03_2_bg.jpg) no-repeat !important;
}

/* ヘッダー */
.contents #header {
  width: 800px;
  height: 59px;
  color: #FFFFFF;
}
.contents #header #h_title {
  left:0;
  top:0;
  width: 800px;
  height:59px;
  line-height:59px;
  text-align: center;
  font-size: 36px;
  font-weight: bold;
  background-color: #F9412d;
}

/* パネル */

.panel {
  position:absolute;
}

.panel .p_title {
  margin-right:2px;
  font-weight:bold;
  text-align:center;
  font-size:20px;
  line-height:24px;
}
.panel .p_val {
  margin-right:2px;
  font-weight:bold;
  text-align:center;
  font-size:18px;
}

/* 天気画像 */
#weather_img {
  position: absolute;
  left: 67px;
  top: 15px;
  width: 99px;
  height: 99px;
  background: url(../img/s_03_sun.png) no-repeat;
}

/* 発電 */
#panel_generate {
  left: 176px;
  top: 10px;
  width: 148px;
  height: 123px;
  background: url(../img/s_03_1.png) no-repeat;
  color: #534a07;
}
#panel_generate > .p_wrapper {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width: 148px;
  height: 123px;
}
#panel_generate > .p_wrapper > div {
  margin:5px 0;
}
#panel_generate .p_title, 
#panel_generate .p_val {
  display:inline-block;
}
#panel_generate .p_val {
  margin-top:2px;
}

/* 使用電力 */
#panel_usage {
  left: 436px;
  top: 10px;
  width: 338px;
  height: 171px;
  background: url(../img/s_03_2.png) no-repeat;
  color: #242c5a;
}
#panel_usage > * {
  position: relative;
  width:336px;
}
#panel_usage > .p_title {
  margin-top: 21px;
}
#panel_usage > .p_val {
  margin-top: 3px;
  font-size:24px;
  line-height:24px;
}
#panel_usage > .p_txtbox_1 {
  margin-top: 3px;
  text-align:center;
}
#usage_alert {
  display:inline-block;
  min-height:28px;
  line-height: 20px;
  padding-top:4px;
  padding-left:29px;
  background: url(../img/s_03_8.png) no-repeat;
  font-size: 18px;
  font-weight:bold;
}
#panel_usage > .p_txtbox_2 {
  margin-top:3px;
  font-size: 14px;
  line-height: 17px;
  text-align:center;
}

/* エネファーム */
#panel_enefarm {
  left: 27px;
  top: 126px;
  width: 148px;
  height: 234px;
  background: url(../img/s_03_3.png) no-repeat;
  color: #534a07;
}
#panel_enefarm > .p_title {
  margin-top: 32px;
}
#panel_enefarm > .p_val {
  margin-top:10px;
}
#panel_enefarm > .p_image {
  position: absolute;
  left: 20px;
  top: 107px;
  width: 107px;
  height: 119px;
  background-repeat:no-repeat;
  background-position: 0 0;
}
#panel_enefarm > .p_image.lv_off {background-image: url(../img/t2_fc_6.png);}
#panel_enefarm > .p_image.lv_5 { background-image: url(../img/t2_fc_5_04.png);}
#panel_enefarm > .p_image.lv_4 { background-image: url(../img/t2_fc_4_04.png);}
#panel_enefarm > .p_image.lv_3 { background-image: url(../img/t2_fc_3_04.png);}
#panel_enefarm > .p_image.lv_2 { background-image: url(../img/t2_fc_2_04.png);}
#panel_enefarm > .p_image.lv_1 { background-image: url(../img/t2_fc_1_04.png);}
#panel_enefarm > .p_image.lv_0 {
  background-image: url(../img/t2_fc_0.png);
  background-position: 0 0 !important;
}

#panel_enefarm > .p_image.lv_u {
  background-image: url(../img/t2_fc_un.png);
  background-position: 0 0 !important;
}

/* エネファームアニメ */
#panel_enefarm > .p_image.lv_5.f_1 {background-image: url(../img/t2_fc_5_01.png);}
#panel_enefarm > .p_image.lv_5.f_2 {background-image: url(../img/t2_fc_5_02.png);}
#panel_enefarm > .p_image.lv_5.f_3 {background-image: url(../img/t2_fc_5_03.png);}
#panel_enefarm > .p_image.lv_4.f_1 {background-image: url(../img/t2_fc_4_01.png);}
#panel_enefarm > .p_image.lv_4.f_2 {background-image: url(../img/t2_fc_4_02.png);}
#panel_enefarm > .p_image.lv_4.f_3 {background-image: url(../img/t2_fc_4_03.png);}
#panel_enefarm > .p_image.lv_3.f_1 {background-image: url(../img/t2_fc_3_01.png);}
#panel_enefarm > .p_image.lv_3.f_2 {background-image: url(../img/t2_fc_3_02.png);}
#panel_enefarm > .p_image.lv_3.f_3 {background-image: url(../img/t2_fc_3_03.png);}
#panel_enefarm > .p_image.lv_2.f_1 {background-image: url(../img/t2_fc_2_01.png);}
#panel_enefarm > .p_image.lv_2.f_2 {background-image: url(../img/t2_fc_2_02.png);}
#panel_enefarm > .p_image.lv_2.f_3 {background-image: url(../img/t2_fc_2_03.png);}
#panel_enefarm > .p_image.lv_1.f_1 {background-image: url(../img/t2_fc_1_01.png);}
#panel_enefarm > .p_image.lv_1.f_2 {background-image: url(../img/t2_fc_1_02.png);}
#panel_enefarm > .p_image.lv_1.f_3 {background-image: url(../img/t2_fc_1_03.png);}

/* 蓄電 */
#panel_battery {
  position: absolute;
  left: 176px;
  top: 230px;
  width: 598px;
  height: 131px;
  background: url(../img/s_03_4.png) no-repeat;
  color: #27610c;
}
#panel_battery > .p_title {
  width:152px;
  margin-top: 9px;
}
#panel_battery > .p_val {
  width:152px;
  margin-top:4px;
}
#panel_battery > .p_status {
  position: absolute;
  left: 122px;
  top: 16px;
  width: 98px;
  height: 32px;
  line-height: 32px;
  background: url(../img/s_03_7.png) no-repeat;
  color:#2b2b2b;
  font-size:20px;
  font-weight: bold;
  text-align: center;
}
#panel_battery > .p_percent {
  position: absolute;
  left: 112px;
  top: 78px;
  width: 98px;
  line-height:30px;
  font-size: 30px;
  text-align: left;
  font-weight: bold;
}

#panel_battery > .p_image {
  position: absolute;
  left: 55px;
  top: 67px;
  width: 43px;
  height: 49px;
  background: url(../img/s_111_9.png) no-repeat;
}
#panel_battery > .p_image.lv_4 { background-position:  -215px 0;}
#panel_battery > .p_image.lv_3 { background-position:  -172px 0;}
#panel_battery > .p_image.lv_2 { background-position:  -129px 0;}
#panel_battery > .p_image.lv_1 { background-position:  -86px 0;}
#panel_battery > .p_image.lv_0 { background-position:  -43px 0;}

#panel_battery > .p_txtbox_1 {
  position: absolute;
  left: 268px;
  top: 21px;
  line-height:14px;
  font-size: 14px;
  font-weight: bold;
}
#panel_battery > .p_txtbox_2 {
  position: absolute;
  left: 268px;
  top: 44px;
  line-height:30px;
  font-size: 30px;
  font-weight: bold;
}
#panel_battery > .p_txtbox_3 {
  position: absolute;
  left: 268px;
  top: 84px;
  line-height:14px;
  font-size: 14px;
}

/* 矢印 */
#arrow_generate2usage {
  position: absolute;
  left: 322px;
  top: 55px;
  width: 115px;
  height: 32px;
  background: url(../img/s_03_ar3.png) no-repeat;
}
#arrow_generate2battery {
  position: absolute;
  left: 234px;
  top: 130px;
  width: 31px;
  height: 101px;
  background: url(../img/s_03_ar1_1.png) no-repeat;
/*  background-position: 0px -202px;*/
}
#arrow_enefarm2usage {
  position: absolute;
  left: 173px;
  top: 136px;
  width: 264px;
  height: 32px;
  background: url(../img/s_03_ar2.png) no-repeat;
  background-position: 0px -64px;
}
#arrow_battery2usage {
  position: absolute;
  left: 590px;
  top: 180px;
  width: 31px;
  height: 50px;
  background: url(../img/s_03_ar4.png) no-repeat;
  background-position: 0px -100px;
}

/* 矢印アニメ */
#arrow_generate2usage, 
#arrow_generate2usage.f_0 {background-position: 0     0;}
#arrow_generate2usage.f_1 {background-position: 0 -32px;}
#arrow_generate2usage.f_2 {background-position: 0 -64px;}

#arrow_generate2battery, 
#arrow_generate2battery.f_0 {background-position: 0      0;}
#arrow_generate2battery.f_1 {  
  position: absolute;
  left: 234px;
  top: 130px;
  width: 31px;
  height: 101px;
  background: url(../img/s_03_ar1_2.png) no-repeat;
}
#arrow_generate2battery.f_2 {  
  position: absolute;
  left: 234px;
  top: 130px;
  width: 31px;
  height: 101px;
  background: url(../img/s_03_ar1_3.png) no-repeat;
}

#arrow_enefarm2usage, 
#arrow_enefarm2usage.f_0 {background-position: 0     0;}
#arrow_enefarm2usage.f_1 {background-position: 0 -32px;}
#arrow_enefarm2usage.f_2 {background-position: 0 -64px;}

#arrow_battery2usage, 
#arrow_battery2usage.f_0 {background-position: 0      0;}
#arrow_battery2usage.f_1 {background-position: 0  -60px;}
#arrow_battery2usage.f_2 {background-position: 0 -120px;}





/********** scene2 **********/
/* 使用電力 */
#panel_usage_2 {
  position: absolute;
  left: 482px;
  top: 57px;
  width: 275px;
  height: 291px;
  background: url(../img/s_03_6.png) no-repeat;
  text-align: center;
  font-weight: bold;
  color: #242c5a;
}
#panel_usage_2 > .line1 {
  position: absolute;
  top: 21px;
  width: 100%;
  line-height:20px;
  font-size: 20px;
}
#panel_usage_2 > .line2 {
  position: absolute;
  top: 109px;
  width: 100%;
  line-height:40px;
  font-size: 40px;
  color: #ca160d;
}
#panel_usage_2 > .line2 > .unit {
  color: #242c5a;
  font-size: 30px;
}
#panel_usage_2 > .icon {
  position: absolute;
  top: 162px;
  width: 100%;
  height: 28px;
  background: url(../img/s_03_8.png) center no-repeat;
}
#panel_usage_2 > .line3_1 {
  position: absolute;
  top: 192px;
  width: 100%;
  font-size: 18px;
}
#panel_usage_2 > .line3_2 {
  position: absolute;
  top: 214px;
  width: 100%;
  font-size: 18px;
}
#panel_usage_2 > .line4_1 {
  position: absolute;
  top: 239px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
}
#panel_usage_2 > .line4_2 {
  position: absolute;
  top: 256px;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
}

/* Battery */
#panel_battery_2 {
  position: absolute;
  left: 44px;
  top: 57px;
  width: 335px;
  height: 291px;
  background: url(../img/s_03_5.png) no-repeat;
  text-align: center;
  font-weight: bold;
  color: #27610c;
}
#panel_battery_2 > .line1_1 {
  position: absolute;
  top: 21px;
  width: 100%;
  line-height:20px;
  font-size: 20px;
}
#panel_battery_2 > .line1_4 {
  position: absolute;
  left: 180px;
  top: 109px;
  width: 100%;
  line-height:40px;
  font-size: 40px;
  text-align: left;
}
#panel_battery_2 > .line1_4 > .unit {
  font-size: 30px;
}
#panel_battery_2 > .image {
  position: absolute;
  left: 69px;
  top: 70px;
  width: 94px;
  height: 107px;
  background: url(../img/t2_tiku2.png) no-repeat;
}
#panel_battery_2 > .image.lv_0 { background-position:      0 0;}
#panel_battery_2 > .image.lv_1 { background-position:  -94px 0;}
#panel_battery_2 > .image.lv_2 { background-position: -188px 0;}
#panel_battery_2 > .image.lv_3 { background-position: -282px 0;}
#panel_battery_2 > .image.lv_4 { background-position: -376px 0;}


#panel_battery_2 > .line2_1 {
  position: absolute;
  top: 199px;
  width: 100%;
  line-height:14px;
  font-size: 14px;
}
#panel_battery_2 > .line2_2 {
  position: absolute;
  top: 218px;
  width: 100%;
  line-height:40px;
}
body #panel_battery_2 > .line2_2 {
  font-size: 30px;
}
body #panel_battery_2 > .line2_2 > .valbox {
  font-size: 40px;
}
/* 多デバイス対応 */
body.sp #panel_battery_2 > .line2_2, 
body.nf #panel_battery_2 > .line2_2 {
  font-size: 27px;
}
body.sp #panel_battery_2 > .line2_2 > .valbox, 
body.nf #panel_battery_2 > .line2_2 > .valbox {
  font-size: 36px;
}

/* 矢印 */
#arrow_battery2usage_2 {
  position: absolute;
  left: 379px;
  top: 188px;
  width: 115px;
  height: 32px;
  background: url(../img/s_03_ar5.png) no-repeat;
  background-position: 0px -64px;
}

/* 矢印アニメ */
#arrow_battery2usage_2, 
#arrow_battery2usage_2.f_0 {background-position: 0     0;}
#arrow_battery2usage_2.f_1 {background-position: 0 -42px;}
#arrow_battery2usage_2.f_2 {background-position: 0 -84px;}

/* サポの場合、エネファームアニメにCSS Spriteを利用 */
body.nf #panel_enefarm > .p_image.lv_off {
  background-image: url(../img/t2_fc_6.png);
  background-position: 0 0 !important;
}
body.nf #panel_enefarm > .p_image.lv_5 { background-image: url(../img/t2_fc_5.png);}
body.nf #panel_enefarm > .p_image.lv_4 { background-image: url(../img/t2_fc_4.png);}
body.nf #panel_enefarm > .p_image.lv_3 { background-image: url(../img/t2_fc_3.png);}
body.nf #panel_enefarm > .p_image.lv_2 { background-image: url(../img/t2_fc_2.png);}
body.nf #panel_enefarm > .p_image.lv_1 { background-image: url(../img/t2_fc_1.png);}
body.nf #panel_enefarm > .p_image, 
body.nf #panel_enefarm > .p_image.f_0 {background-position: -321px 0;}
body.nf #panel_enefarm > .p_image.f_1 {background-position:    0px 0;}
body.nf #panel_enefarm > .p_image.f_2 {background-position: -107px 0;}
body.nf #panel_enefarm > .p_image.f_3 {background-position: -214px 0;}

/* ページ切り替え */
#page #scene_wrapper_1 {
  display:block;
}
#page #scene_wrapper_2 {
  display:none;
}

#page.scene2 #scene_wrapper_1 {
  display:none;
}
#page.scene2 #scene_wrapper_2 {
  display:block;
}





/********** scene3 **********/
/* 発電 03_3.ect */
#panel_generate_3 {
  left: 246px;
  top: 11px;
  width: 226px;
  height: 120px;
  background: url(../img/s_03_panel_2.png) no-repeat;
  color: #534a07;
}
#panel_generate_3 > .p_wrapper {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
  width: 226px;
  height: 120px;
}
#panel_generate_3 > .p_wrapper > div {
  margin:5px 0;
}
#panel_generate_3 .p_title, 
#panel_generate_3 .p_val {
  display: inline-block;
  vertical-align: baseline;
}
#panel_generate_3 .p_val {
  margin-left:10px;
}

/* 使用電力 03_3.ect */
#panel_usage_3 {
  left: 535px;
  top: 11px;
  width: 245px;
  height: 188px;
  background: url(../img/s_03_panel_3.png) no-repeat;
  color: #242c5a;
}
#panel_usage_3 > .p_titleval {
  position: absolute;
  left: 0;
  top: 16px;
  width:245px;
  text-align: center;
  line-height: 1;
}
#panel_usage_3 > .p_titleval > .p_title {
  font-size: 20px;
}
#panel_usage_3 > .p_titleval > .p_val {
  font-size:24px;
}
#usage_alert_3 {
  position: absolute;
  left: 0;
  top: 48px;
  width: 245px;
  padding-top:35px;
  background: url(../img/s_03_8_2.png) center top no-repeat;
  text-align: center;
  line-height: 1.27;
}
#usage_alert_3 > .p_txtbox_1 {
  margin-bottom: 2px;
  font-size: 18px;
  font-weight: bold;
}
#usage_alert_3 > .p_txtbox_2 {
  font-size: 14px;
}

/* エネファーム 03_3.ect */
#panel_enefarm_3 {
  left: 25px;
  top: 127px;
  width: 146px;
  height: 232px;
  background: url(../img/s_03_panel_1.png) no-repeat;
  color: #534a07;
}
#panel_enefarm_3 > .p_title {
  margin-top: 32px;
}
#panel_enefarm_3 > .p_val {
  margin-top:10px;
  line-height: 1;
}
#panel_enefarm_3 > .p_image {
  position: absolute;
  left: 20px;
  top: 107px;
  width: 107px;
  height: 119px;
  background-repeat:no-repeat;
  background-position: 0 0;
}
#panel_enefarm_3 > .p_image.lv_off {background-image: url(../img/t2_fc_6.png);}
#panel_enefarm_3 > .p_image.lv_5 { background-image: url(../img/t2_fc_5_04.png);}
#panel_enefarm_3 > .p_image.lv_4 { background-image: url(../img/t2_fc_4_04.png);}
#panel_enefarm_3 > .p_image.lv_3 { background-image: url(../img/t2_fc_3_04.png);}
#panel_enefarm_3 > .p_image.lv_2 { background-image: url(../img/t2_fc_2_04.png);}
#panel_enefarm_3 > .p_image.lv_1 { background-image: url(../img/t2_fc_1_04.png);}
#panel_enefarm_3 > .p_image.lv_0 {
  background-image: url(../img/t2_fc_0.png);
  background-position: 0 0 !important;
}

#panel_enefarm_3 > .p_image.lv_u {
  background-image: url(../img/t2_fc_un.png);
  background-position: 0 0 !important;
}

/* エネファームアニメ */
#panel_enefarm_3 > .p_image.lv_5.f_1 {background-image: url(../img/t2_fc_5_01.png);}
#panel_enefarm_3 > .p_image.lv_5.f_2 {background-image: url(../img/t2_fc_5_02.png);}
#panel_enefarm_3 > .p_image.lv_5.f_3 {background-image: url(../img/t2_fc_5_03.png);}
#panel_enefarm_3 > .p_image.lv_4.f_1 {background-image: url(../img/t2_fc_4_01.png);}
#panel_enefarm_3 > .p_image.lv_4.f_2 {background-image: url(../img/t2_fc_4_02.png);}
#panel_enefarm_3 > .p_image.lv_4.f_3 {background-image: url(../img/t2_fc_4_03.png);}
#panel_enefarm_3 > .p_image.lv_3.f_1 {background-image: url(../img/t2_fc_3_01.png);}
#panel_enefarm_3 > .p_image.lv_3.f_2 {background-image: url(../img/t2_fc_3_02.png);}
#panel_enefarm_3 > .p_image.lv_3.f_3 {background-image: url(../img/t2_fc_3_03.png);}
#panel_enefarm_3 > .p_image.lv_2.f_1 {background-image: url(../img/t2_fc_2_01.png);}
#panel_enefarm_3 > .p_image.lv_2.f_2 {background-image: url(../img/t2_fc_2_02.png);}
#panel_enefarm_3 > .p_image.lv_2.f_3 {background-image: url(../img/t2_fc_2_03.png);}
#panel_enefarm_3 > .p_image.lv_1.f_1 {background-image: url(../img/t2_fc_1_01.png);}
#panel_enefarm_3 > .p_image.lv_1.f_2 {background-image: url(../img/t2_fc_1_02.png);}
#panel_enefarm_3 > .p_image.lv_1.f_3 {background-image: url(../img/t2_fc_1_03.png);}

/* 蓄電 03_3.ect */
#panel_battery_3 {
  position: absolute;
  left: 176px;
  top: 208px;
  width: 256px;
  height: 152px;
  background: url(../img/s_03_panel_4.png) no-repeat;
  color: #27610c;
}
/* EV 03_3.ect */
#panel_ev {
  position: absolute;
  left: 436px;
  top: 208px;
  width: 256px;
  height: 152px;
  background: url(../img/s_03_panel_4.png) no-repeat;
  color: #27610c;
}
/* 蓄電・EV 共通 03_3.ect */
#panel_battery_3 > .p_title,
#panel_ev > .p_title {
  position: absolute;
  left: 0;
  top: 9px;
  width:110px;
  text-align: center;
  line-height: 1;
}
#panel_ev > .p_title {
  margin-left: 5px;
}
#panel_battery_3 > .p_val,
#panel_ev > .p_val {
  position: absolute;
  left: 0;
  top: 35px;
  width:100px;
  text-align: center;
  line-height: 1;
}
#panel_ev > .p_val {
  margin-left: 5px;
}
#panel_battery_3 > .p_status,
#panel_ev > .p_status {
  position: absolute;
  left: 122px;
  top: 17px;
  width: 98px;
  height: 32px;
  line-height: 32px;
  background: url(../img/s_03_7.png) no-repeat;
  color:#2b2b2b;
  font-size:20px;
  font-weight: bold;
  text-align: center;
}
#panel_ev > .p_status2 {
  position: absolute;
  left: 122px;
  top: 17px;
  width: 98px;
  height: 32px;
  line-height: 32px;
  background: url(../img/s_03_7_disable.png) no-repeat;
  color:#2b2b2b;
  font-size:20px;
  font-weight: bold;
  text-align: center;
}
#panel_battery_3 > .p_percent,
#panel_ev > .p_percent {
  position: absolute;
  left: 0;
  top: 113px;
  width: 75px;
  line-height:30px;
  font-size: 30px;
  text-align: right;
  font-weight: bold;
}
#panel_ev > .p_percent {
  margin-left: 5px;
}

#panel_battery_3 > .p_image {
  position: absolute;
  left: 32px;
  top: 60px;
  width: 43px;
  height: 49px;
  background: url(../img/s_111_9.png) no-repeat;
}
#panel_battery_3 > .p_image.lv_4 { background-position:  -215px 0;}
#panel_battery_3 > .p_image.lv_3 { background-position:  -172px 0;}
#panel_battery_3 > .p_image.lv_2 { background-position:  -129px 0;}
#panel_battery_3 > .p_image.lv_1 { background-position:  -86px 0;}
#panel_battery_3 > .p_image.lv_0 { background-position:  -43px 0;}

#panel_ev > .p_image {
  position: absolute;
  left: 20px;
  top: 62px;
  width: 78px;
  height: 44px;
  background: url(../img/s_111_14.png) no-repeat;
}

#panel_ev > .p_image.lv_4 { background-position:  0 -220px;}
#panel_ev > .p_image.lv_3 { background-position:  0 -176px;}
#panel_ev > .p_image.lv_2 { background-position:  0 -132px;}
#panel_ev > .p_image.lv_1 { background-position:  0 -88px;}
#panel_ev > .p_image.lv_0 { background-position:  0 -44px;}

#panel_ev > .p_image_null {
  position: absolute;
  left: 20px;
  top: 62px;
  width: 78px;
  height: 44px;
  background: url(../img/s_111_14_null.png) no-repeat;
}

#panel_battery_3 > .p_txtbox_1,
#panel_ev > .p_txtbox_1 {
  position: absolute;
  left: 95px;
  top: 62px;
  width: 144px;
  line-height:14px;
  font-size: 14px;
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  overflow: visible;
}
#panel_battery_3 > .p_txtbox_2,
#panel_ev > .p_txtbox_2 {
  position: absolute;
  left: 95px;
  top: 81px;
  width: 144px;
  line-height:24px;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
}
#panel_battery_3 > .p_txtbox_3 {
  position: absolute;
  left: 95px;
  top: 109px;
  width: 154px;
  font-size: 13px;
  line-height:1.3;
}

#panel_battery_3 > .p_txtbox_3 > p {
  margin-left: 10px;
}

/* 矢印 */
#arrow_generate2usage_3 {
  position: absolute;
  left: 471px;
  top: 54px;
  width: 62px;
  height: 32px;
  background: url(../img/s_03_ar6.png) no-repeat;
}
#arrow_generate2battery_3 {
  position: absolute;
  left: 282px;
  top: 129px;
  width: 33px;
  height: 78px;
  background: url(../img/s_03_ar8_1.png) no-repeat;
}
#arrow_enefarm2usage_3 {
  position: absolute;
  left: 171px;
  top: 134px;
  width: 362px;
  height: 32px;
  background: url(../img/s_03_ar7.png) no-repeat;
}
#arrow_battery2usage_3 {
  position: absolute;
  left: 383px;
  top: 166px;
  width: 151px;
  height: 42px;
  background: url(../img/s_03_ar9_1.png) no-repeat;
}
#arrow_generate2ev_3 {
  position: absolute;
  left: 440px;
  top: 129px;
  width: 33px;
  height: 78px;
  background: url(../img/s_03_ar8_1.png) no-repeat;
}
#arrow_ev2usage_3 {
  position: absolute;
  left: 691px;
  top: 200px;
  width: 55px;
  height: 90px;
  background: url(../img/s_03_ar10.png) no-repeat;
}

/* 矢印アニメ */
#arrow_generate2usage_3, 
#arrow_generate2usage_3.f_0 {background-position: 0     0;}
#arrow_generate2usage_3.f_1 {background-position: 0 -32px;}
#arrow_generate2usage_3.f_2 {background-position: 0 -64px;}

#arrow_generate2battery_3, 
#arrow_generate2battery_3.f_0 {background-position: 0      0;}
#arrow_generate2battery_3.f_1 {  
  position: absolute;
  left: 282px;
  top: 129px;
  width: 33px;
  height: 78px;
  background: url(../img/s_03_ar8_2.png) no-repeat;
}
#arrow_generate2battery_3.f_2 {
  position: absolute;
  left: 282px;
  top: 129px;
  width: 33px;
  height: 78px;
  background: url(../img/s_03_ar8_3.png) no-repeat;
}

#arrow_enefarm2usage_3, 
#arrow_enefarm2usage_3.f_0 {background-position: 0     0;}
#arrow_enefarm2usage_3.f_1 {background-position: 0 -32px;}
#arrow_enefarm2usage_3.f_2 {background-position: 0 -64px;}

#arrow_battery2usage_3, 
#arrow_battery2usage_3.f_0 {background-position: 0      0;}
#arrow_battery2usage_3.f_1 {  
  position: absolute;
  left: 383px;
  top: 166px;
  width: 151px;
  height: 42px;
  background: url(../img/s_03_ar9_2.png) no-repeat;
}
#arrow_battery2usage_3.f_2 {  
  position: absolute;
  left: 383px;
  top: 166px;
  width: 151px;
  height: 42px;
  background: url(../img/s_03_ar9_3.png) no-repeat;
}

#arrow_generate2ev_3, 
#arrow_generate2ev_3.f_0 {background-position: 0      0;}
#arrow_generate2ev_3.f_1 {  
  position: absolute;
  left: 440px;
  top: 129px;
  width: 33px;
  height: 78px;
  background: url(../img/s_03_ar8_2.png) no-repeat;
}
#arrow_generate2ev_3.f_2 {  
  position: absolute;
  left: 440px;
  top: 129px;
  width: 33px;
  height: 78px;
  background: url(../img/s_03_ar8_3.png) no-repeat;
}

#arrow_ev2usage_3, 
#arrow_ev2usage_3.f_0 {background-position: 0      0;}
#arrow_ev2usage_3.f_1 {background-position: 0  -100px;}
#arrow_ev2usage_3.f_2 {background-position: 0 -200px;}

/* サポの場合、エネファームアニメにCSS Spriteを利用 */
body.nf #panel_enefarm_3 > .p_image.lv_off {
  background-image: url(../img/t2_fc_6.png);
  background-position: 0 0 !important;
}
body.nf #panel_enefarm_3 > .p_image.lv_5 { background-image: url(../img/t2_fc_5.png);}
body.nf #panel_enefarm_3 > .p_image.lv_4 { background-image: url(../img/t2_fc_4.png);}
body.nf #panel_enefarm_3 > .p_image.lv_3 { background-image: url(../img/t2_fc_3.png);}
body.nf #panel_enefarm_3 > .p_image.lv_2 { background-image: url(../img/t2_fc_2.png);}
body.nf #panel_enefarm_3 > .p_image.lv_1 { background-image: url(../img/t2_fc_1.png);}
body.nf #panel_enefarm_3 > .p_image, 
body.nf #panel_enefarm_3 > .p_image.f_0 {background-position: -321px 0;}
body.nf #panel_enefarm_3 > .p_image.f_1 {background-position:    0px 0;}
body.nf #panel_enefarm_3 > .p_image.f_2 {background-position: -107px 0;}
body.nf #panel_enefarm_3 > .p_image.f_3 {background-position: -214px 0;}