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

.contents #header #h_icon {
  background: url(../img/icon_elec.svg) no-repeat !important;
  left: 33px;
  top: 10px;
}

#foot_shadow {
  visibility: hidden;
}
/*天気*/
#weather {
	position:absolute;
	right:13px;
	top:39px;
	width:117.7px;
	line-height:30px;
}

.temprature_wrapper {
	float:left;
	position:relative;
	top:1px;
}

.hour_wrapper {
 	float:right;
	position:relative;
	top:1px;
}

.val_temprature {
	font-size:18px;
	font-weight:400;
}

.val_hour {
	font-size:18px;
	font-weight:400;
}

.temprature_unit {
	margin-left:2px;
	font-size:14px;
	font-weight:400;
}

.hour_unit {
	margin-left:2px;
	font-size:14px;
	font-weight:400;
}
/* 晴れ */
#weather.w100 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w123 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w124 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w130 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w131 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w500 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w600 {background:url(../img/100.svg) center no-repeat;background-size: 30px 30px;}
#weather.w101 {background:url(../img/101.svg) center no-repeat;background-size: 30px 30px;}
#weather.w102 {background:url(../img/102.svg) center no-repeat;background-size: 30px 30px;}
#weather.w104 {background:url(../img/104.svg) center no-repeat;background-size: 30px 30px;}
#weather.w110 {background:url(../img/110.svg) center no-repeat;background-size: 30px 30px;}
#weather.w112 {background:url(../img/112.svg) center no-repeat;background-size: 30px 30px;}
#weather.w115 {background:url(../img/115.svg) center no-repeat;background-size: 30px 30px;}
/* 曇り */
#weather.w200 {background:url(../img/200.svg) center no-repeat;background-size: 30px 30px;}
#weather.w209 {background:url(../img/200.svg) center no-repeat;background-size: 30px 30px;}
#weather.w231 {background:url(../img/200.svg) center no-repeat;background-size: 30px 30px;}
#weather.w201 {background:url(../img/201.svg) center no-repeat;background-size: 30px 30px;}
#weather.w202 {background:url(../img/202.svg) center no-repeat;background-size: 30px 30px;}
#weather.w204 {background:url(../img/204.svg) center no-repeat;background-size: 30px 30px;}
#weather.w210 {background:url(../img/210.svg) center no-repeat;background-size: 30px 30px;}
#weather.w212 {background:url(../img/212.svg) center no-repeat;background-size: 30px 30px;}
#weather.w215 {background:url(../img/215.svg) center no-repeat;background-size: 30px 30px;}
/* 雨 */
#weather.w300 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w304 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w306 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w328 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w329 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w350 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w308 {background:url(../img/300.svg) center no-repeat;background-size: 30px 30px;}
#weather.w301 {background:url(../img/301.svg) center no-repeat;background-size: 30px 30px;}
#weather.w302 {background:url(../img/302.svg) center no-repeat;background-size: 30px 30px;}
#weather.w303 {background:url(../img/303.svg) center no-repeat;background-size: 30px 30px;}
#weather.w311 {background:url(../img/311.svg) center no-repeat;background-size: 30px 30px;}
#weather.w313 {background:url(../img/313.svg) center no-repeat;background-size: 30px 30px;}
#weather.w314 {background:url(../img/314.svg) center no-repeat;background-size: 30px 30px;}
/* 雪 */
#weather.w400 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w405 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w425 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w426 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w427 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w450 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w340 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w406 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w407 {background:url(../img/400.svg) center no-repeat;background-size: 30px 30px;}
#weather.w401 {background:url(../img/401.svg) center no-repeat;background-size: 30px 30px;}
#weather.w402 {background:url(../img/402.svg) center no-repeat;background-size: 30px 30px;}
#weather.w403 {background:url(../img/403.svg) center no-repeat;background-size: 30px 30px;}
#weather.w411 {background:url(../img/411.svg) center no-repeat;background-size: 30px 30px;}
#weather.w413 {background:url(../img/413.svg) center no-repeat;background-size: 30px 30px;}
#weather.w414 {background:url(../img/414.svg) center no-repeat;background-size: 30px 30px;}
/* みぞれ */
#weather.w430 {background:url(../img/430.svg) center no-repeat;background-size: 30px 30px;}
/* 猛暑 */
#weather.w550 {background:url(../img/550.svg) center no-repeat;background-size: 30px 30px;}
#weather.w552 {background:url(../img/552.svg) center no-repeat;background-size: 30px 30px;}
#weather.w553 {background:url(../img/553.svg) center no-repeat;background-size: 30px 30px;}
#weather.w558 {background:url(../img/558.svg) center no-repeat;background-size: 30px 30px;}
#weather.w562 {background:url(../img/562.svg) center no-repeat;background-size: 30px 30px;}
#weather.w563 {background:url(../img/563.svg) center no-repeat;background-size: 30px 30px;}
#weather.w568 {background:url(../img/568.svg) center no-repeat;background-size: 30px 30px;}
#weather.w572 {background:url(../img/572.svg) center no-repeat;background-size: 30px 30px;}
#weather.w573 {background:url(../img/573.svg) center no-repeat;background-size: 30px 30px;}
#weather.w582 {background:url(../img/582.svg) center no-repeat;background-size: 30px 30px;}
#weather.w583 {background:url(../img/583.svg) center no-repeat;background-size: 30px 30px;}
/* 雷 */
#weather.w800 {background:url(../img/800.svg) center no-repeat;background-size: 30px 30px;}
/* 大雨 */
#weather.w850 {background:url(../img/850.svg) center no-repeat;background-size: 30px 30px;}
#weather.w851 {background:url(../img/851.svg) center no-repeat;background-size: 30px 30px;}
#weather.w852 {background:url(../img/852.svg) center no-repeat;background-size: 30px 30px;}
#weather.w853 {background:url(../img/853.svg) center no-repeat;background-size: 30px 30px;}
#weather.w854 {background:url(../img/854.svg) center no-repeat;background-size: 30px 30px;}
#weather.w855 {background:url(../img/855.svg) center no-repeat;background-size: 30px 30px;}
#weather.w859 {background:url(../img/859.svg) center no-repeat;background-size: 30px 30px;}
#weather.w861 {background:url(../img/861.svg) center no-repeat;background-size: 30px 30px;}
#weather.w862 {background:url(../img/862.svg) center no-repeat;background-size: 30px 30px;}
#weather.w863 {background:url(../img/863.svg) center no-repeat;background-size: 30px 30px;}
#weather.w864 {background:url(../img/864.svg) center no-repeat;background-size: 30px 30px;}
#weather.w865 {background:url(../img/865.svg) center no-repeat;background-size: 30px 30px;}
#weather.w869 {background:url(../img/869.svg) center no-repeat;background-size: 30px 30px;}
#weather.w871 {background:url(../img/871.svg) center no-repeat;background-size: 30px 30px;}
#weather.w872 {background:url(../img/872.svg) center no-repeat;background-size: 30px 30px;}
#weather.w873 {background:url(../img/873.svg) center no-repeat;background-size: 30px 30px;}
#weather.w874 {background:url(../img/874.svg) center no-repeat;background-size: 30px 30px;}
#weather.w881 {background:url(../img/881.svg) center no-repeat;background-size: 30px 30px;}
#weather.w882 {background:url(../img/882.svg) center no-repeat;background-size: 30px 30px;}
#weather.w883 {background:url(../img/883.svg) center no-repeat;background-size: 30px 30px;}
#weather.w884 {background:url(../img/884.svg) center no-repeat;background-size: 30px 30px;}
#weather.w950 {background:url(../img/950.svg) center no-repeat;background-size: 30px 30px;}
#weather.w951 {background:url(../img/951.svg) center no-repeat;background-size: 30px 30px;}
#weather.w952 {background:url(../img/952.svg) center no-repeat;background-size: 30px 30px;}
#weather.w953 {background:url(../img/953.svg) center no-repeat;background-size: 30px 30px;}
#weather.w954 {background:url(../img/954.svg) center no-repeat;background-size: 30px 30px;}
#weather.w958 {background:url(../img/958.svg) center no-repeat;background-size: 30px 30px;}
#weather.w961 {background:url(../img/961.svg) center no-repeat;background-size: 30px 30px;}
#weather.w962 {background:url(../img/962.svg) center no-repeat;background-size: 30px 30px;}
#weather.w963 {background:url(../img/963.svg) center no-repeat;background-size: 30px 30px;}
#weather.w964 {background:url(../img/964.svg) center no-repeat;background-size: 30px 30px;}
#weather.w968 {background:url(../img/968.svg) center no-repeat;background-size: 30px 30px;}
#weather.w971 {background:url(../img/971.svg) center no-repeat;background-size: 30px 30px;}
#weather.w972 {background:url(../img/972.svg) center no-repeat;background-size: 30px 30px;}
#weather.w973 {background:url(../img/973.svg) center no-repeat;background-size: 30px 30px;}
#weather.w974 {background:url(../img/974.svg) center no-repeat;background-size: 30px 30px;}
#weather.w981 {background:url(../img/981.svg) center no-repeat;background-size: 30px 30px;}
#weather.w982 {background:url(../img/982.svg) center no-repeat;background-size: 30px 30px;}
#weather.w983 {background:url(../img/983.svg) center no-repeat;background-size: 30px 30px;}
#weather.w984 {background:url(../img/984.svg) center no-repeat;background-size: 30px 30px;}


/*売買電*/
#sell_buy{
  position: absolute;
  left: 30px;
  top: 23px;
  width: 130px;
  height: 313px;
}

#s_b_title{
  position: absolute;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  text-align: center;
  width: 100%;
}

#s_b_haikei{
  position: absolute;
  top: 33px;
  left: 0px;
  width: 130px;
  height: 280px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
#s_b_icon{
  position: absolute;
  top: 25px;
  left: 48px;
  width: 33px;
  height: 34px;
  background: url(../img/electric_line.svg) no-repeat !important;
}
#s_b_val{
  position: absolute;
  top: 71px;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  width: 100%;
  text-align: center;
}
#s_b_unit{
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin-left: 10px;
}

/*使用している電気*/
#usage{
  position: absolute;
  top: 23px;
  left: 224px;
  width: 350px;
  height: 175px;
}
#u_title{
  position: absolute;
  left: 0px;
  width: 100%;
  font-size: 18px;
  line-height: 33px;
  font-weight: 400;
  text-align: center;
}
#u_haikei{
  position: absolute;
  left: 0px;
  top: 33px;
  width: 350px;
  height: 142px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
#u_icon{
  position: absolute;
  top: 20px;
  left: 151px;
  width: 48px;
  height: 48px;
  background: url(../img/icon_home.svg) no-repeat !important;
}
#u_ai_setting_icon{
  position: absolute;
  top: 19px;
  left: 198px;
  width: 25px;
  height: 39px;
  background: url(../img/ec_setting.svg) no-repeat !important;
}
#u_ai_reservation_icon{
  position: absolute;
  top: 19px;
  left: 198px;
  width: 36px;
  height: 39px;
  background: url(../img/ec_reservation.svg) no-repeat !important;
}
#u_ai_control_icon{
  position: absolute;
  top: 19px;
  left: 198px;
  width: 36px;
  height: 39px;
  background: url(../img/ec_control.svg) no-repeat !important;
}
#u_capacity{
  position: absolute;
  top: 67px;
  width: 100%;
  text-align: center;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
}
#u_capacity_unit{
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  margin-left: 10px;
}
/* 自給率ボタン */
#self_sufficiency {
  position: absolute;
  left: 273px;
  top: 14px;
  width: 54px;
  height: 52px;
  background-image: url(../img/b_el_self_54x52.png);
}

/*回路ボタン*/
#circuit{
  position: absolute;
  left: 273px;
  top: 76px;
  width: 54px;
  height: 52px;
  background-image: url(../img/b_el_circuit_54x52.png);
}

/*発電*/
#generation{
  position: absolute;
  top: 23px;
  left: 640px;
  width: 130px;
  height: 313px;
}
#g_title{
  position: absolute;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  text-align: center;
  width: 100%;
}

#g_haikei{
  top: 33px;
  left: 0px;
  width: 130px;
  height: 280px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
/*太陽光発電*/
#solar{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 130px;
  height: 140px;
}
#solar_icon{
  position: absolute;
  top: 32px;
  left: 43px;
  width: 46px;
  height: 29px;
  background-image: url(../img/icon_solar.svg);
}
#solar_capacity{
  position: absolute;
  top: 77px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 32px;
  line-height: 48px;
}
#solar_capacity_unit{
  font-weight: 400;
  font-size: 18px;
  line-height: 48px;
  margin-left: 10px;
}
/*外部発電*/
#external{
  position: relative;
  top: 130px;
  left: 0px;
  width: 130px;
  height: 140px;
}
#external_icon{
  position: absolute;
  top: 32px;
  left: 43px;
  width: 36px;
  height: 36px;
  background-image: url(../img/icon_external.svg);
}
#external_capacity{
  position: absolute;
  top: 77px;
  width: 100%;
  text-align: center;
  font-weight: 400;
  font-size: 32px;
  line-height: 48px;
}
#external_capacity_unit{
  font-weight: 400;
  font-size: 18px;
  line-height: 48px;
  margin-left: 10px;
}
/*FC*/
#fc_wrapper{
  position: absolute;
  top: 265px;
  left: 31px;
  width: 70px;
  height: 5px;
  background-color: #E8E8E8;
  border-radius: 2.5px;
}
#fc_paint{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 5px;
  background-color: #BF4840;
  border-radius: 2.5px 0px  0px 2.5px;
}

/*充放電*/
#discharge{
  position: absolute;
  top: 238px;
  left: 224px;
  width: 350px;
  height: 98px;
}
#d_haikei{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 350px;
  height: 98px;
  background-color: #FFFFFF;
  border-radius: 8px;
}
/*バッテリー*/
#battery_wrapper{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 175px;
  height: 98px;
}
#battery_icon{
  position: absolute;
  top: 22px;
  left: 25px;
  width: 27px;
  height: 37px;
  background-image: url(../img/icon_battery.svg);
}
#batter_ai_icon{
  position: absolute;
  top: 0px;
  left: 29px;
  width: 18px;
  height: 14px;
  background-image: url(../img/icon_ai.svg);
}
#battery_capacity{
  position: absolute;
  top: 27px;
  right: 41px;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  width: 50px;
  text-align: right;
}
#battery_capacity_unit{
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  right: 12.5px;
  bottom:40px;
}
#battery_bar{
  position: absolute;
  top: 70px;
  left: 12.5px;
  border-radius: 3px;
  width: 150px;
  height: 6px;
  background-color: #E8E8E8;
}
#battery_paint{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 6px;
  border-radius:   3px 0px 0px 3px;
  background-color: #83B34D;
}

/*EV*/
#ev_wrapper{
  position: absolute;
  top: 0px;
  left: 175px;
  width: 175px;
  height: 98px;
}
#ev_icon{
  position: absolute;
  top: 24px;
  left: 25px;
  width: 44px;
  height: 36px;
  background-image: url(../img/icon_ev.svg);
}
#ev_ai_icon{
  position: absolute;
  top: 0px;
  left: 35px;
  width: 18px;
  height: 14px;
  background-image: url(../img/icon_ai.svg);
}

#ev_capacity{
  position: absolute;
  top: 27px;
  right: 41px;
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
  width:50px;
  text-align: right;
}
#ev_capacity_unit{
  position: absolute;
  font-weight: 400;
  font-size: 12px;
  line-height: 18px;
  right: 12.5px;
  bottom:40px
}
#ev_bar{
  position: absolute;
  top: 70px;
  left: 12.5px;
  border-radius: 3px;
  width: 150px;
  height: 6px;
  background-color: #E8E8E8;
}
#ev_paint{
  position: absolute;
  top: 0px;
  left: 0px;
  height: 6px;
  border-radius:   3px 0px 0px 3px;
  background-color: #83B34D;
}

/* 矢印 全般*/
/*売電矢印*/
#sell_arrow {
  position: absolute;
  left: 175px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_left_arrow_1.png) no-repeat;
  background-position: 0px 0px;
}

/* 矢印アニメ */
#sell_arrow, 
#sell_arrow.f_0 {background-position: 0     0;}
#sell_arrow.f_1 {  
  position: absolute;
  left: 175px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_left_arrow_2.png) no-repeat;
  background-position: 0px 0px;
}
#sell_arrow.f_2 {  
  position: absolute;
  left: 175px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_left_arrow_3.png) no-repeat;
  background-position: 0px 0px;
}
/*買電矢印*/
#buy_arrow {
  position: absolute;
  left: 175px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_right_arrow_1.png) no-repeat;
  background-position: 0px 0px;
}

/* 矢印アニメ */
#buy_arrow, 
#buy_arrow.f_0 {background-position: 0     0;}
#buy_arrow.f_1 {  
  position: absolute;
  left: 175px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_right_arrow_2.png) no-repeat;
  background-position: 0px 0px;
}
#buy_arrow.f_2 {  
  position: absolute;
  left: 175px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_right_arrow_3.png) no-repeat;
  background-position: 0px 0px;
}
/*発電矢印*/
#g_arrow {
  position: absolute;
  left: 588px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_left_arrow_1.png) no-repeat;
  background-position: 0px 0px;
}

/* 矢印アニメ */
#g_arrow, 
#g_arrow.f_0 {background-position: 0     0;}
#g_arrow.f_1 {  
  position: absolute;
  left: 588px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_left_arrow_2.png) no-repeat;
  background-position: 0px 0px;
}
#g_arrow.f_2 {  
  position: absolute;
  left: 588px;
  top: 116px;
  width: 40px;
  height: 26px;
  background: url(../img/to_left_arrow_3.png) no-repeat;
  background-position: 0px 0px;
}
/*蓄電から使用矢印*/
#b_to_u_arrow {
  position: absolute;
  left: 320px;
  top: 205px;
  width: 17px;
  height: 30px;
  background: url(../img/to_top_arrow.png) no-repeat;
  background-position: 0px -64px;
}

/* 矢印アニメ */
#b_to_u_arrow, 
#b_to_u_arrow.f_0 {background-position: 0     0;}
#b_to_u_arrow.f_1 {background-position: 0 -40px;}
#b_to_u_arrow.f_2 {background-position: 0 -80px;}
/*EVから使用矢印*/
#e_to_u_arrow {
  position: absolute;
  left: 478px;
  top: 205px;
  width: 17px;
  height: 30px;
  background: url(../img/to_top_arrow.png) no-repeat;
  background-position: 0px -64px;
}

/* 矢印アニメ */
#e_to_u_arrow, 
#e_to_u_arrow.f_0 {background-position: 0     0;}
#e_to_u_arrow.f_1 {background-position: 0 -40px;}
#e_to_u_arrow.f_2 {background-position: 0 -80px;}
/*使用から蓄電矢印*/
#u_to_b_arrow {
  position: absolute;
  left: 320px;
  top: 205px;
  width: 17px;
  height: 30px;
  background: url(../img/to_bottom_arrow.png) no-repeat;
  background-position: 0px -64px;
}

/* 矢印アニメ */
#u_to_b_arrow, 
#u_to_b_arrow.f_0 {background-position: 0 0px;}
#u_to_b_arrow.f_1 {background-position: 0 -80px;}
#u_to_b_arrow.f_2 {background-position: 0 -40px;}
/*使用からEV矢印*/
#u_to_e_arrow {
  position: absolute;
  left: 478px;
  top: 205px;
  width: 17px;
  height: 30px;
  background: url(../img/to_bottom_arrow.png) no-repeat;
  background-position: 0px -64px;
}

/* 矢印アニメ */
#u_to_e_arrow, 
#u_to_e_arrow.f_0 {background-position: 0 0px;}
#u_to_e_arrow.f_1 {background-position: 0 -80px;}
#u_to_e_arrow.f_2 {background-position: 0 -40px;}


/* 未登録時表示 */
#regist_no_wrapper {
  position: absolute;
  left: 0;
  top: 58px;
  width: 800px;
  height: 150px;
}
.alert_txt {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	font-weight: bold;
}
#sm_btn_toregist {
  position: absolute;
  left: 325px;
  top: 95px;
}



/******************************************************
 * 多デバイス用調整
 ******************************************************/
body.tv #battery_wrapper .percent,
body.nf #battery_wrapper .percent,
body.aiseg #battery_wrapper .percent {
    top: 11px;
}


/* MSPゴチック用調整 */
body.pc #g_d_1_capacity, 
body.pc #u_d_1_capacity {
  top: 109px;
}
body.pc #g_d_2_capacity, 
body.pc #u_d_2_capacity {
  top: 131px;
}
body.pc #u_d_3_capacity {
  top: 153px;
}

#page #ev_wrapper {
  display:block;
}
#page #battery_wrapper {
  display:block;
}
#page #fc_wrapper {
  display:block;
}
#page #regist_no_wrapper {
  display:none;
}
#page #ev_wrapper .complete {
  display:none;
}


/* オフライン時 
   class="offline" */
#page.offline #info_wrapper {
  display:none;
}
#page.offline #ev_wrapper {
  display:none;
}
#page.offline #battery_wrapper {
  display:none;
}
#page.offline #fc_wrapper {
  display:none;
}
#page.offline #generation {
  display:none;
}
#page.offline #usage {
  display:none;
}
#page.offline #regist_no_wrapper {
  display:none;
}
#page.offline #usage_usage_only {
  display:none;
}

/* 未登録時 
   class="regist_no" */
#page.regist_no #info_wrapper {
  display:none;
}
#page.regist_no #ev_wrapper {
  display:none;
}
#page.regist_no #battery_wrapper {
  display:none;
}
#page.regist_no #fc_wrapper {
  display:none;
}
#page.regist_no #generation {
  display:none;
}
#page.regist_no #usage {
  display:none;
}
#page.regist_no #regist_no_wrapper {
  display:block;
}
#page.regist_no #lo-lb-combo2-button {
  display:none;
}

#lo-blackout-button {
  display: block;
  position: absolute;
  left: 390px;
  top: 14px;
  width: 98px;
  height: 20px;
}