@charset "UTF-8";
@@font-face {
    font-family: memsfont;
    src: url("mplus-2p-medium.ttf"); 
}

.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button {
    font-family:memsfont;
}
.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea, .ui-body-c button{
    font-family:memsfont;
}
.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b{
    font-family:memsfont;
}
.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c{
    font-family:memsfont;
}
.ui-btn-d,.ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d {
    font-family:memsfont;
}

div#wrapper{
    width:90%; margin:auto;
}

/* 多回路詳細設定 用*/
div#wrapper2{
    width:90%; margin:auto;
}

.wrapper{
    width:90%; margin:auto;
}

p.pageTitle{
    padding:0 0 12px 0;
    font-weight:bold;
    text-align:center;
    font-size: 20px;
    border-bottom:1px solid #666;
}

.imgWrap img{
    width: 100%;
}


.left{
    float:left;
}
.right{
    float:right;
}
.clear{
    clear:both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.m1{
    margin-bottom:1em;
}
.m1_5{
    margin-bottom:1.5em;
}
.m2{
    margin-bottom:2em;
}
.m3{
    margin-bottom:3em;
}


.alignCenter{
text-align: center;
}
.alignRight{
text-align: right;
}
.alignLeft{
text-align: left;
}
p.attention01{
    font-size: 0.8175em;
    color: red;
}

/* 横並びボタンのサイズ*/
.btnLeft{
    width:48%;
    float:left;
}
.btnRight{
    width:48%;
    float:right;
}


/* 最下部ボタンの表示位置マージン */
.btnMargin{
    margin-bottom:32px;
}

/* jQuery Mobile
*************************/
/* ヘッダ ボタン位置調整 */
.ui-header .ui-btn-left, .ui-header .ui-btn-right, .ui-footer .ui-btn-left, .ui-footer .ui-btn-right, .ui-header-fixed.ui-fixed-hidden .ui-btn-left, .ui-header-fixed.ui-fixed-hidden .ui-btn-right {
    /*position: absolute;*/
    top: 10px;
}
.ui-header-fixed {
    padding-top: 0;
    top: 0px;
}
/* ヘッダタイトル部 位置調整 */
.ui-header .ui-title, .ui-footer .ui-title {
    display: block;
    font-size: 19px;
    /*margin: 0.9em 25% 0.8em;*/
    margin: 0.7em 25% 0.8em;
    min-height: 1.1em;
    outline: 0 none !important;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight:normal;
}

.ui-body-c, .ui-overlay-c{
    linear-gradient(#eaeaea, #eaeaea) repeat scroll 0 0 #eaeaea;
    color:#535353;
    text-shadow:none;
}
.ui-btn-corner-all {
    border-radius: 0.3em 0.3em 0.3em 0.3em;
}
.ui-body-c,.ui-overlay-c{
    background:linear-gradient(#EEEEEE, #EEEEEE) repeat scroll 0 0 #F9F9F9;
}

.ui-bar-m {
/* グローバルヘッダー指定 */
background:#41909D;
border-bottom: 2px solid #20484E;
color: #FFFFFF;
font-weight: 700;
/* text-shadow: 0 0 0 #000000; */
height:53px;

}
.ui-bar-m img.icon{
    box-shadow:none;
    width:35px;
}
.ui-bar-m img.logout{
    box-shadow:none;
    width:120px;
}

.ui-bar-f {
    /*background: none;*/
    /*background: linear-gradient(#6E6E6E, #242424) repeat scroll 0 0 #111111;*/
    /*background-color: rgba(200,200,200,1);*/
    background-color:#EEEEEE;
    border: none;
    color: #FFFFFF;
    font-weight: 700;
    text-shadow: 0 -1px 0 #000000;
    height:72px;
}
.ui-bar-f ul{
    padding:0;
    margin:0;
    width:100%;
}
.ui-bar-f ul li{
    float:left;
    margin:10px 0 0;
    list-style-type: none;
    width:25%;
    text-align:center;
}
.ui-bar-f ul li img{
    /*width:85px;*/
    width:80px;
}




/* 標準ボタン（色彩青）（タイプB）*/
.ui-btn-up-b {
    background: linear-gradient(#6DA9D3, #4272A4) repeat scroll 0 0 #4272A4;
    border: 1px solid #00415E;
}
.ui-btn-up-b {
    color: #FFFFFF;
    font-weight: normal;
    text-shadow:-1px -1px 1px #333333;
}
.ui-btn-hover-b {
    /*color: #FFFFFF;*/
    font-weight: normal;
    text-shadow:-1px -1px 1px #333333;
}


/* 標準ボタン（色彩白）（タイプC）*/
.ui-btn-up-c {
    background: linear-gradient(#FFFFFF, #E7E7E7) repeat scroll 0 0 #E7E7E7;
    border: 1px solid #ccc;
}
.ui-btn-up-c {
    color: #333;
    font-weight: normal;
    /*text-shadow:-1px -1px 1px #333333;*/
}
.ui-btn-hover-c:hover{
    color: #333;
    font-weight:normal;
}
/* 押下時 */
.ui-btn-down-c {
    background: linear-gradient(#D1EFD1, #D1EFD1) repeat scroll 0 0 #E7E7E7;
}



/* リスビュー色彩(タイプD) */
.ui-btn-up {
    text-shadow: 1px 1px 0 #fff;
    font-weight:normal;
}
.ui-btn-up-d {
    text-shadow: 1px 1px 0 #fff;
    background: linear-gradient(#FFFFFF, #E7E7E7) repeat scroll 0 0 #E7E7E7;
    border: 1px solid #CCCCCC;
    font-weight:normal;
}
.ui-btn-hover-d{
    background: linear-gradient(#f6f6f6, #E0E0E0) repeat scroll 0 0 #E0E0E0;
}
.ui-btn-hover-d ,
.ui-btn-down-d ,
.ui-body-d .ui-btn-active {
    /*background:#9FDFDF;*/
    font-weight:normal;
}
.ui-btn-down-d {
    background: #9FDFDF;
}


.btnCust .ui-btn-active{
    background: none repeat scroll 0 0 #3db6b6;
    text-shadow: -1px -1px 1px #287979;
    color:#fff;
}

/* ボタンアクティブ時 */
.ui-btn-active{
    background:#7193be;
    text-shadow:none;
}

.ui-listview .ui-btn-active{
    /*background:#7193be;*/
    /*background:#53CE9A;*/
    /*text-shadow:none;*/
    /*text-shadow: -1px -1px 1px #1C6244;*/
    background: none repeat scroll 0 0 #3db6b6;
    text-shadow: -1px -1px 1px #287979;
    color:#fff;
}
/* ボタンアクティブ時 */
.ui-btn-active{
    background:#7193be;
    /*background:#53CE9A;*/
    /*text-shadow:none;*/
}


/* 以下、追加分 */

.ui-dialog-background {
    opacity: 0.5;
    display: block !important;
    /*-webkit-transition: opacity 0.5s ease-in;*/
}

.ui-dialog-background.pop.in {
    opacity: 1;
    /*-webkit-transition: opacity 0.5s ease-in;*/
}

.ui-dialog {
    min-height: 100% !important;
    background: transparent !important;
}

#i_btn_logout {
	background:#41909D;
}


.ui-btn-left a:hover  {
    display: block;
    width : auto;
    /*
    height: auto;
    */

    margin: 0;
    padding: 0;
    
    background-image: url(../images/pvt/common/button_home_p.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
}

.ui-btn-left a:hover img  {
	margin: 0;
	padding: 0;
	
	opacity: 0.0;
	filter: alpha(opacity=0);
}

/* 追加 ここから */
.ui-btn-left > a  {
	display: block;
	width : auto;

	margin: 0;
	padding: 0;
}

.ui-btn-left > a:hover  {
	display: block;
width : auto;
	/*
	height: auto;
	*/
	margin: 0;
	padding: 0;
	
	background-image: url(../images/pvt/common/button_home_p.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: 0 0;
}

.ui-btn-left > a:hover > img  {
	display: block; 
	margin: 0;
	padding: 0;
	
	opacity: 0.0;
	filter: alpha(opacity=0);
}
/* 追加 ここまで */
	

.home_icon a  {
    display: block;
    width : auto;
    
    margin: 0;
    padding: 0;
}

.home_icon a:hover  {
    display: block;
    width : auto;
    
    margin: 0;
    padding: 0;
    
    background-image: url(../images/pvt/common/button_listmenu_p.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    
}

.home_icon a:hover img  {
    display: block;

    margin: 0;
    padding: 0;

    opacity: 0.0;
    filter: alpha(opacity=0);
}


.menu a  {
    display: block;
    width : auto;
    
    margin: 0;
    padding: 0;
}

.menu a:hover  {
    display: block;
    width : auto;
    
    margin: 0;
    padding: 0;
    
    background-image: url(../images/pvt/common/button_listmenu_p.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 0 0;
    
}

.menu a:hover img  {
    display: block;

    margin: 0;
    padding: 0;

    opacity: 0.0;
    filter: alpha(opacity=0);
}


.ui-btn-right ul  {
    margin: 0;
    padding: 0;
    
    list-style-type: none;
}

.ui-btn-right ul li  {
    margin: 0;
    padding: 0;
    height: auto;
    text-align: center;
    
    float: left;
}


/* フッター */


#footer ul  {
    list-style-type: none;
}

#footer ul li  {
    width: 25%;

    margin: 0;
    padding: 0;

    display: block;
    font-size: 8pt;
    font-color: #525252;
}


.fMenu {
    width: 100%;
    height: 100%;
}
.fMenu a {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/icon_menu_global.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
    text-shadow: none;
}

.fMenu a:hover {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/icon_menu_global_s2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
}


.fKokoro {
    width: 100%;
    height: 100%;
}
.fKokoro a {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/icon_kokoroboard_global.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
    text-shadow: none;
}
.fKokoro a:hover {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/icon_kokoroboard_global_s2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
}


.fOperation {
    width: 100%;
    height: 100%;
}
.fOperation a {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/licon_aircon_global.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
    text-shadow: none;
}
.fOperation a:hover {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/licon_aircon_global_s2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
}

.fOperation a.withDcBadge{
	background-image:  url("../images/pvt/common/licon_aircon_global_dc.png");
}
.fOperation a.withDcBadge:hover{
	background-image: url("../images/pvt/common/licon_aircon_global_dc_s2.png");
}

.fGraph {
    width: 100%;
    height: 100%;
}
.fGraph a {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/icon_rireki_global.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
    text-shadow: none;
}
.fGraph a:hover {
    width: 100%;
    height: 100%;
    
    background-image: url(../images/pvt/common/icon_rireki_global_s2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 50px 50px;
    padding: 53px 0 0 0;
    color: #525252;
}

.iconTextSpan {
	transform: scale( 0.93, 1 );
	-webkit-transform: scale( 0.93, 1 );
	display: inline-block;
}






/*
#footer ul li  {
    width: 25%;

    background-color: #ff0000;

    margin: 0;
    padding: 0;

    display: block;
}

#footer ul li a {
    width: 100%;
    height: 100%;
    
    display: block;

    text-align: center;
    font-size: 14pt;
    color: #525252;

    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 black,

    margin: 0;
    padding: 0;
    font-family: memsfont;
}

.fKokoro a:hover {
    
    width: 100%;
    height: 100%;
    
    display: block;

    text-align: center;
    font-size: 14pt;
    color: #525252;

    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 0 0 black,

    margin: 0;
    padding: 0;
    font-family: memsfont;
    
    background-image: url(../images/pvt/common/icon_kokoroboard_global_s2.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 60px 60px;
}

.fKokoro a:hover span {
    
}

.fKokoro a:hover img  {
    display: block;

    margin: 0;
    padding: 0;

    opacity: 0.0;
    filter: alpha(opacity=0);
}

#footer ul li a img {
    width: 60px;
    height: 60px;
}

*/



.marginFooter {
        margin: 40px 0 0 0;
        padding: 0;
    }

/* 追記 */
div#wrapper {
    width: 85%;
}

.ui-btn-inner {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

.ui-fullsize .ui-btn-inner {
    font-size: 1rem;
    padding: 0.5rem 1rem;
}

.ui-corner-all {
    border-radius: 0.4rem;
}

/*.ui-btn-up-c.delete {
    background: linear-gradient(#eea8a8, #ff8484) repeat scroll 0 0 #ff8484;
     color: #FFFFFF;
    font-weight: normal;
    text-shadow: -1px -1px 1px #555555;
}*/

.ui-btn-up-c.delete, .ui-btn-hover-c.delete {
    background: #eea8a8; /* Old browsers */
background: -moz-linear-gradient(top,  #eea8a8 0%, #ff8484 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eea8a8), color-stop(100%,#ff8484)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eea8a8 0%,#ff8484 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eea8a8 0%,#ff8484 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eea8a8 0%,#ff8484 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eea8a8 0%,#ff8484 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eea8a8', endColorstr='#ff8484',GradientType=0 ); /* IE6-9 */

     color: #FFFFFF;
    font-weight: normal;
    text-shadow: -1px -1px 1px #555555;
}
.ui-btn-hover-c.delete:hover {
    color: #FFFFFF;
}


.ui-popup-screen.in {
	background-image: url("../images/pvt/common/popup_background_alpha.png");
}
 .ui-popup-screen {
	background-image: url("../images/pvt/common/popup_background_alpha.png");
}