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

.icon {
	position: absolute;
	top: 1px;
	left: 25px;
	width: 66px;
	height: 66px;
}

.icon .icon_img {
	width: 100%;
	height: 100%;
	background: url(../img/ic_kb_se_aircon.png) center no-repeat;
}

.m_status {
	position: absolute;
	left: 103px;
	top: 22px;
	line-height:20px;
	font-size: 20px;
	font-weight: bold;
}
#m_status_on {
	color: #47856D;
}

#m_setting {
	top: 58px;
	left: 104px;
	height: 300px;
	width: 400px;
}
#m_setting li {
	position: relative;
	background-color: #ffffff;
	margin-bottom:2px;
	width: 100%;
	height: 56px;
	border-radius:8px;
}
#m_setting li:after {
display: block;
clear: both;
height: 0px;
visibility: hidden;
content: ".";
}
#m_setting li .button {
	position: absolute;
	right: 7px;
	top: 6px;
}

#m_setting li .s_text {
	display:block;
	float:left;
	height: 56px;
	line-height:56px;
	font-size: 18px;
	font-weight: bold;
}
#m_setting li .s_label {
	width: 53px;
	padding-left: 20px;
	font-size: 16px;
}
#m_setting li .s_label.line2 {
	margin-top:10px;
	margin-bottom:-10px;
	line-height:18px;
	white-space: normal;
}
#m_setting li .s_delim {
	width: 33px;
}
#m_setting li .s_value_from {
	width: 78px;
}
#m_setting li .s_value_from.line2 {
	margin-top:10px;
	margin-bottom:-10px;
	line-height:18px;
}

#m_setting .s_img_allow {
	width: 16px;
	background: url(../img/s_3211_1.png) center no-repeat;
}
#m_setting li .s_value_to {
	margin-left: 35px;
}
#m_setting li .s_value_to.long {
	margin-left: 10px;
}

#m_setting li .s_img_ac_img {
	position: absolute;
	left: 100px;
	top: 18px;
	width: 57px;
	height: 20px;
	background-repeat:no-repeat;
}
.s_img_ac_img.lv_1 {background-position: 0px -60px !important;}
.s_img_ac_img.lv_2 {background-position: 0px -40px !important;}
.s_img_ac_img.lv_3 {background-position: 0px -20px !important;}
.s_img_ac_img.lv_4 {background-position: 0px 0px !important;}

#m_setting li #s_img_ac_to {
	position: absolute;
	left: 220px;
	top: 18px;
	width: 57px;
	height: 20px;
	background-repeat:no-repeat;
	background-image: url(../img/pic_fuuryou.png);
}
#s_img_ac_to.lv_1 {background-position: 0px -60px !important;}
#s_img_ac_to.lv_2 {background-position: 0px -40px !important;}
#s_img_ac_to.lv_3 {background-position: 0px -20px !important;}
#s_img_ac_to.lv_4 {background-position: 0px 0px !important;}

#m_setting li .s_img_ad_img {
	position: absolute;
	left: 103px;
	top: 14px;
	width: 52px;
	height: 27px;
	background-repeat:no-repeat;
}
.s_img_ad_img.lv_1 {background-position: 0px 0px !important;}
.s_img_ad_img.lv_2 {background-position: 0px -27px !important;}
.s_img_ad_img.lv_3 {background-position: 0px -54px !important;}
.s_img_ad_img.lv_4 {background-position: 0px -81px !important;}
.s_img_ad_img.lv_5 {background-position: 0px -108px !important;}
.s_img_ad_img.lv_ {background-image: none !important;}

#m_setting li #s_img_ad_to {
	position: absolute;
	left: 223px;
	top: 14px;
	width: 52px;
	height: 27px;
	background-repeat:no-repeat;
	background-image: url(../img/pic_fuukou.png);
}
#s_img_ad_to.lv_1 {background-position: 0px 0px !important;}
#s_img_ad_to.lv_2 {background-position: 0px -27px !important;}
#s_img_ad_to.lv_3 {background-position: 0px -54px !important;}
#s_img_ad_to.lv_4 {background-position: 0px -81px !important;}
#s_img_ad_to.lv_5 {background-position: 0px -108px !important;}
#s_img_ad_to.lv_ {background-image: none !important;}


#m_house {
	background: transparent url(../img/s_3211_3.png) no-repeat;
	background-position: bottom;
	position: absolute;
	top: 58px;
	right: 20px;
	width: 248px;
	height: 192px;
}
#m_house #h_title,
#m_house .h_item {
	position: absolute;
	line-height:16px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
#m_house .h_temp_val {
	width: 45px;
	display: inline-block;
	text-align: right;
}
#m_house #h_title { top: 22px; left: 39px; }
#m_house #h_temp_out { top: 79px; left: -3px; }
#m_house #h_temp_in { top: 126px; left: 111px; }
#m_house #h_humi_in { top: 151px; left: 111px; }

#button_send {
	position: absolute;
	top: 368px;
	left: 208px;
}
#button_send .button_rc {
	background: transparent url(../img/s_3211_2.png) no-repeat;
	display: inline-block;
	width: 24px;
	height: 29px;
	vertical-align: middle;
	margin-right: 13px;
	top: -2px;
}

#button_send.disable .button_rc {
	background-position: 0 -29px;
}

/* 停止中 #main に
	 class="offline" */
#main.offline > .icon {
	background: url(../img/s_32_1.png) no-repeat;
}
#main.offline > #m_status_offline {
	display: block;
}
#main.offline > #m_status_on {
	display: none;
}
#main.offline > #m_status_off {
	display: none;
}
#main.offline .s_value_from {
	color: #8b959c;
}
#main.offline .s_img_ac_img {
	background-image: url(../img/pic_fuuryou_disable.png);
}
#main.offline .s_img_ad_img {
	background-image: url(../img/pic_fuukou_disable.png);
}

#main.offline #m_setting li .s_item_temp .s_value_from,
#main.offline #m_setting li .s_img_ac_img,
#main.offline #m_setting li .s_img_ad_img,
#main.offline #m_setting li .s_item_eco .s_value_from {
	visibility: hidden;
}

/* 停止中 #main に
	 class="" */
#main > .icon {
	background: url(../img/s_32_1.png) no-repeat;
}
#main > #m_status_offline {
	display: none;
}
#main > #m_status_on {
	display: none;
}
#main > #m_status_off {
	display: block;
}
#main .s_value_from {
	color: #8b959c;
}
#main .s_img_ac_img {
	background-image: url(../img/pic_fuuryou_disable.png);
}
#main .s_img_ad_img {
	background-image: url(../img/pic_fuukou_disable.png);
}

#main #m_setting li .s_item_temp .s_value_from,
#main #m_setting li .s_img_ac_img,
#main #m_setting li .s_img_ad_img,
#main #m_setting li .s_item_eco .s_value_from {
	visibility: hidden;
}

/* 運転中 #main に
	 class="on" */
#main.on > .icon {
	background: url(../img/s_32_2.png) no-repeat;
}
#main.on > #m_status_offline {
	display: none;
}
#main.on > #m_status_on {
	display: block;
}
#main.on > #m_status_off {
	display: none;
}
#main.on .s_value_from {
	color: #32373a;
}
#main.on .s_img_ac_img {
	background-image: url(../img/pic_fuuryou.png);
}
#main.on .s_img_ad_img {
	background-image: url(../img/pic_fuukou.png);
}

#main.on #m_setting li .s_item_temp .s_value_from,
#main.on #m_setting li .s_img_ac_img,
#main.on #m_setting li .s_img_ad_img,
#main.on #m_setting li .s_item_eco .s_value_from {
	visibility: visible;
}

/* 変更征E*/
#m_setting li .s_value_from.modify  {
	color: rgba(0,0,0,0.6);
}
#m_setting li .s_img_ac_img.modify {
	background-image: url(../img/pic_fuuryou_disable.png);
}
#m_setting li .s_img_ad_img.modify {
	background-image: url(../img/pic_fuukou_disable.png);
}


.d_img_allow {
	left:80px;
}

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