@charset "UTF-8";
/* for input tag  */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance:textfield;
}
input::-ms-clear {
    visibility: hidden
}

*[class^="RGP"] {
    margin: 0;
    padding: 0;

    /* ドラッグを許可しない（ランプ/スイッチのmouseleaveを検知するため） */
    user-select:none;
    -webkit-user-select:none;
    -ms-user-select: none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-drag:none;
    -khtml-user-drag:none;
}
div[class^="RGP"] {
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
#tmpframe{
    visiblity: hidden;
}
                
div[class^="RGP"]::before { /*枠線を表示*/
    position: absolute;
    box-sizing: border-box;
    width: 100%; height: 100%;
    content: "";
}
div[class^="RGP"][NaN="1"]::before { /*枠線とXを表示*/
    position: absolute;
    box-sizing: border-box;
    width: 100%; height: 100%;
    content: "";
    background-image:url("../common/NaN.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}
div[class^="RGP"]::after { /*文字列を表示*/
    position: absolute;
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word; /* for IE, Edge */
    content: "";
}
body{
    background-color: rgba(0, 103, 108, 1);
}
.RGPScreen {
    left: 0px; top: 0px; width: 1420px; height: 1080px;
    //background-color: rgba(0, 103, 108, 1);
    background-image: url("");
    background-size: 1420px 1080px;
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPScreen#screen-overlay {
     background-color: rgba(0, 103, 108, 1);
}

/* ポップアップ */
.RGPFrame#idpopup {
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
}
.RGPFrame#idpopup > iframe {
    position:relative;
    width: 100%; height: 100%;
	border: none;
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

/* エラーダイアログ */
#error-dialog-container {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    display: flex;
    pointer-events: none;
}
@media screen and (max-width: 639px) {
    /* ～639px：縦方向 */
#error-dialog-container {
        flex-direction: column;
    }
}
@media screen and (min-width: 640px) {
    /* 640px～：横方向 */
#error-dialog-container {
        flex-direction: row;
    }
}
#error-dialog-read {
                width: 100%;
    padding: 5px;
    background-color: rgba(255, 165, 0, 0.2);
    border: 1px solid rgba(255, 69, 0, 1);
    display: none;
    pointer-events: none;
}
#error-dialog-read::after {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word; /* for IE, Edge */
    width: 100%;
    color: rgba(255, 0, 0, 1);
    content: attr(data-text)"";
}
#error-dialog-write {
    width: 100%;
    padding: 5px;
    background-color: rgba(255, 165, 0, 0.2);
    border: 1px solid rgba(255, 69, 0, 1);
    display: none;
    pointer-events: auto;
}
#error-dialog-write::after {
    word-break: break-word;
    overflow-wrap: break-word;
    word-wrap: break-word; /* for IE, Edge */
    width: 100%;
    color: rgba(255, 0, 0, 1);
    content: attr(data-text)"";
}
.RGPShapeText#idb4ac62eb-6935-4059-a6a5-1bac1aad288d {
    left: 430px; top: 970px; width: 40px; height: 80px;
    background-size: 40px 80px;
}
.RGPShapeText#idb4ac62eb-6935-4059-a6a5-1bac1aad288d {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#idb4ac62eb-6935-4059-a6a5-1bac1aad288d::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#idb4ac62eb-6935-4059-a6a5-1bac1aad288d::after {
    width: 40px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "";
}
.RGPShapeText#ida058b466-6324-4d5d-a19b-20034e040114 {
    left: 430px; top: 870px; width: 40px; height: 80px;
    background-size: 40px 80px;
}
.RGPShapeText#ida058b466-6324-4d5d-a19b-20034e040114 {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#ida058b466-6324-4d5d-a19b-20034e040114::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#ida058b466-6324-4d5d-a19b-20034e040114::after {
    width: 40px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "";
}
.RGPShapeText#id2100b0e3-7216-4f1c-b7c5-f9d8b2c1d3ae {
    left: 430px; top: 760px; width: 40px; height: 80px;
    background-size: 40px 80px;
}
.RGPShapeText#id2100b0e3-7216-4f1c-b7c5-f9d8b2c1d3ae {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#id2100b0e3-7216-4f1c-b7c5-f9d8b2c1d3ae::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#id2100b0e3-7216-4f1c-b7c5-f9d8b2c1d3ae::after {
    width: 40px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "";
}
.RGPShapeText#id39d42098-1178-4d4e-8255-ed7cd8bf38ca {
    left: 430px; top: 650px; width: 40px; height: 80px;
    background-size: 40px 80px;
}
.RGPShapeText#id39d42098-1178-4d4e-8255-ed7cd8bf38ca {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#id39d42098-1178-4d4e-8255-ed7cd8bf38ca::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#id39d42098-1178-4d4e-8255-ed7cd8bf38ca::after {
    width: 40px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "";
}
.RGPShapeText#id5a726bd7-0e6c-48eb-a96a-275af962eae7 {
    left: 430px; top: 540px; width: 40px; height: 80px;
    background-size: 40px 80px;
}
.RGPShapeText#id5a726bd7-0e6c-48eb-a96a-275af962eae7 {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#id5a726bd7-0e6c-48eb-a96a-275af962eae7::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#id5a726bd7-0e6c-48eb-a96a-275af962eae7::after {
    width: 40px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "";
}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167 {
    left: 70px; top: 540px; width: 340px; height: 80px;
    background-size: 340px 80px;
}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167[data-disp-state="norm"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_G_3.png");

}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167[data-disp-state="norm"]::before {
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167[data-disp-state="norm"]::after {
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "電力量（バーグラフ）画面";
}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167[data-disp-state="toutched"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_H_3.png");

}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167[data-disp-state="toutched"]::before{
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#idf4b5f5dd-1097-4c87-9579-a8e36ae00167[data-disp-state="toutched"]::after{
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "電力量（バーグラフ）画面";
}
.RGPShapeText#idd7a9ba97-d185-4799-ae23-9dae6e9a7259 {
    left: 460px; top: 540px; width: 880px; height: 80px;
    background-size: 880px 80px;
}
.RGPShapeText#idd7a9ba97-d185-4799-ae23-9dae6e9a7259 {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#idd7a9ba97-d185-4799-ae23-9dae6e9a7259::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#idd7a9ba97-d185-4799-ae23-9dae6e9a7259::after {
    width: 880px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "セクション毎の電力量をバーグラフで日・月・年単位で表示ができます。";
}
.RGPShapePicture#idb2187e69-6018-4fb4-85c8-c74f28ff1311 {
    left: 70px; top: 0px; width: 1273px; height: 486px;
    background-size: 1273px 486px;
}
.RGPShapePicture#idb2187e69-6018-4fb4-85c8-c74f28ff1311 {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/img909884b349411d5fd1a36c182f4deb58.jpg");
    border: 1px solid rgba(255, 255, 255, 0);
    overflow: hidden;
}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5 {
    left: 70px; top: 650px; width: 340px; height: 80px;
    background-size: 340px 80px;
}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5[data-disp-state="norm"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_G_3.png");

}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5[data-disp-state="norm"]::before {
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5[data-disp-state="norm"]::after {
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "比較画面";
}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5[data-disp-state="toutched"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_H_3.png");

}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5[data-disp-state="toutched"]::before{
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#id0ee111ee-7441-4baf-b85c-1cce0dc1d1c5[data-disp-state="toutched"]::after{
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "比較画面";
}
.RGPShapeText#id3e304291-51a6-483e-acc3-d63bf79fce07 {
    left: 460px; top: 650px; width: 880px; height: 80px;
    background-size: 880px 80px;
}
.RGPShapeText#id3e304291-51a6-483e-acc3-d63bf79fce07 {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#id3e304291-51a6-483e-acc3-d63bf79fce07::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#id3e304291-51a6-483e-acc3-d63bf79fce07::after {
    width: 880px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "セクション毎の電力量を日・月・年単位で上下に2分割して比較表示ができます。";
}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c {
    left: 70px; top: 760px; width: 340px; height: 80px;
    background-size: 340px 80px;
}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c[data-disp-state="norm"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_G_3.png");

}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c[data-disp-state="norm"]::before {
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c[data-disp-state="norm"]::after {
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "帳票画面";
}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c[data-disp-state="toutched"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_H_3.png");

}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c[data-disp-state="toutched"]::before{
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#idc6ad9cd9-cee8-44ef-931c-1459ead08d2c[data-disp-state="toutched"]::after{
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "帳票画面";
}
.RGPShapeText#idcedeb0bb-baca-4b31-a9ce-110de205716d {
    left: 460px; top: 760px; width: 880px; height: 80px;
    background-size: 880px 80px;
}
.RGPShapeText#idcedeb0bb-baca-4b31-a9ce-110de205716d {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#idcedeb0bb-baca-4b31-a9ce-110de205716d::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#idcedeb0bb-baca-4b31-a9ce-110de205716d::after {
    width: 880px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "電力量を帳票形式（日報・月報・年報）で表示ができます。";
}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8 {
    left: 70px; top: 870px; width: 340px; height: 80px;
    background-size: 340px 80px;
}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8[data-disp-state="norm"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_G_3.png");

}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8[data-disp-state="norm"]::before {
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8[data-disp-state="norm"]::after {
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "セクション&回路画面";
}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8[data-disp-state="toutched"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_H_3.png");

}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8[data-disp-state="toutched"]::before{
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#idadfaa5a1-c2e4-4219-81b0-1d29e73a16b8[data-disp-state="toutched"]::after{
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "セクション&回路画面";
}
.RGPShapeText#id804a3dcd-65e0-448f-911b-2ab6cd9257a8 {
    left: 460px; top: 870px; width: 880px; height: 80px;
    background-size: 880px 80px;
}
.RGPShapeText#id804a3dcd-65e0-448f-911b-2ab6cd9257a8 {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#id804a3dcd-65e0-448f-911b-2ab6cd9257a8::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#id804a3dcd-65e0-448f-911b-2ab6cd9257a8::after {
    width: 880px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "セクションに所属する回路の有効電力、無効電力、皮相電力などをリアルタイムに表示します。";
}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63 {
    left: 70px; top: 970px; width: 340px; height: 80px;
    background-size: 340px 80px;
}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63[data-disp-state="norm"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_G_3.png");

}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63[data-disp-state="norm"]::before {
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63[data-disp-state="norm"]::after {
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "ユーザグラフィック";
}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63[data-disp-state="toutched"] {
    background-color: rgba(255, 255, 255, 0);
    background-image: url("../images/icon_H_3.png");

}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63[data-disp-state="toutched"]::before{
    border: 0px solid rgba(255, 255, 255, 1);
}
.RGPLampSwitch#ida6cff871-8066-496a-a789-369a9bbb3c63[data-disp-state="toutched"]::after{
    width: 340px;
    text-align: center; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(255, 255, 255, 1);
    content: "ユーザグラフィック";
}
.RGPShapeText#idb3c3f535-f1ec-40d1-8954-b2e6ff9b4252 {
    left: 460px; top: 970px; width: 880px; height: 80px;
    background-size: 880px 80px;
}
.RGPShapeText#idb3c3f535-f1ec-40d1-8954-b2e6ff9b4252 {
    background-color: rgba(255, 255, 255, 1);
    overflow: hidden;
    pointer-events: none;
}
.RGPShapeText#idb3c3f535-f1ec-40d1-8954-b2e6ff9b4252::before {
    border: 1px solid rgba(255, 255, 255, 0);
}
.RGPShapeText#idb3c3f535-f1ec-40d1-8954-b2e6ff9b4252::after {
    width: 880px;
    text-align: left; /* hirizonal align */
    top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); /* vertical align */
    font: 18pt/24px "MS UI Gothic";
    color: rgba(0, 0, 0, 1);
    content: "作画ソフト RGP-Designer によるグラフィック画面を作画できます。";
}