/* ====================================================================== */
/* 全体モニター                                                           */
/* ====================================================================== */

/* ---------------------------------------------------------------------- */
/* 信号灯モニター情報                                                     */
/* ---------------------------------------------------------------------- */
/* 更新日時 */
#updateTime
{
    position: absolute;    
    left: 1020px;
    height: 30px;
    width: 200px;    
    margin-top: -30px;    
    text-align: left;
    line-height: 20px;
    outline: green solid 0px;
}

/* 信号灯表示領域 */
.signalMonitor
{
	min-width: 200px;	
}
/*----- 2019/02/21 Ver6.0.0 MOD M. Start M.nakashima ----*/
.divSignalItem {
    background:#222222;
    top:48px;
    left:4px;
    width:192px;
    height:120px;
    border-radius:0 0 9px 9px;
}
.signalEquipBox.disable .divSignalItem {
    border-top: 2px solid #ff1493;
    /* 2022/04/07 Ver12.0.5 MOD Start S.Hirata */
    /*height: 118px;*/
    margin-top: -2px;
    /* 2022/04/07 Ver12.0.5 MOD End S.Hirata */
}
/* 信号灯表示領域 */
.signalEquipBox
{
    position: relative;
    float: left;
    height: 170px; 
    width: 200px;
    border: solid 0px #7a99cf;
    margin: 2px 4px 2px 0;    
    cursor: auto;    
    background-color: transparent;
    border-radius:10px;
    background:linear-gradient(-180deg, #4d4e4d, #989998);
}
/* 信号灯表示領域  表示色1*/
.signalEquipBox.signalDispColor1
{
    background:linear-gradient(-180deg, #e91819 5%, #ff1b1b 20%);
}
/* 信号灯表示領域  表示色2*/
.signalEquipBox.signalDispColor2
{
    background:linear-gradient(-180deg, #f2794c 5%, #ff7f50) 20%;
}
/* 信号灯表示領域  表示色3*/
.signalEquipBox.signalDispColor3
{
    background:linear-gradient(-180deg, #ff9600 5%, #ffa500 20%);
}
/* 信号灯表示領域  表示色4*/
.signalEquipBox.signalDispColor4
{
    background:linear-gradient(-180deg, #dede00 5%, #ffff00 20%);
}
/* 信号灯表示領域  表示色5*/
.signalEquipBox.signalDispColor5
{
    background:linear-gradient(-180deg, #eadb5a 5%, #f0e68c 20%);
}
/* 信号灯表示領域  表示色6*/
.signalEquipBox.signalDispColor6
{
    background:linear-gradient(-180deg, #c1cd46 5%, #d1de4c 20%);
}
/* 信号灯表示領域  表示色7*/
.signalEquipBox.signalDispColor7
{
    background:linear-gradient(-180deg, #8fd427 5%, #abff2f 20%);
}
/* 信号灯表示領域  表示色8*/
.signalEquipBox.signalDispColor8
{
    background:linear-gradient(-180deg, #88a419 5%, #9cbb1c 20%);
}
/* 信号灯表示領域  表示色9*/
.signalEquipBox.signalDispColor9
{
    background:linear-gradient(-180deg, #006900 5%, #00aa00 20%);
}
/* 信号灯表示領域  表示色10*/
.signalEquipBox.signalDispColor10
{
    background:linear-gradient(-180deg, #000076 5%, #0000fd 20%);
}
/* 信号灯表示領域  表示色11*/
.signalEquipBox.signalDispColor11
{
    background:linear-gradient(-180deg, #3283d4 5%, #3d9eff 20%);
}
/* 信号灯表示領域  表示色12*/
.signalEquipBox.signalDispColor12
{
    background:linear-gradient(-180deg, #93acbe 5%, #bbdbf3 20%);
}
/* 信号灯表示領域  表示色13*/
.signalEquipBox.signalDispColor13
{
    background:linear-gradient(-180deg, #7c7cba 5%, #aaaaff 20%);
}
/* 信号灯表示領域  表示色14*/
.signalEquipBox.signalDispColor14
{
    background:linear-gradient(-180deg, #6a006a 5%, #990099 20%);
}
/* 信号灯表示領域  表示色15*/
.signalEquipBox.signalDispColor15
{
    background:linear-gradient(-180deg, #f831c6 5%, #ff33cc 20%);
}
/* 信号灯表示領域  表示色16*/
.signalEquipBox.signalDispColor16
{
    background:linear-gradient(-180deg, #d8a0b3 5%, #ffbdd3 20%);
}


/*----- 2019/02/21 Ver6.0.0 MOD End M.nakashima -----*/

/* 信号灯表示領域 赤 */
.signalEquipBox.redOn
{
    background-image: url('./images/signal_equip_box_onRed_none.png');
}
/* 信号灯表示領域 赤+赤 */
.signalEquipBox.redOnredOn
{
    background-image: url('./images/signal_equip_box_onRed_none.png');
}
/* 信号灯表示領域 赤+黄 */
.signalEquipBox.redOnyellowOn
{
    background-image: url('./images/signal_equip_box_onRed_onYellow.png');
}
/* 信号灯表示領域 赤+緑 */
.signalEquipBox.redOngreenOn
{
    background-image: url('./images/signal_equip_box_onRed_onGreen.png');
}
/* 信号灯表示領域 赤+青 */
.signalEquipBox.redOnblueOn
{
    background-image: url('./images/signal_equip_box_onRed_onBlue.png');
}
/* 信号灯表示領域 赤+赤点滅 */
.signalEquipBox.redOnredBlink
{
    background-image: url('./images/signal_equip_box_onRed_none.png');
}
/* 信号灯表示領域 赤+黄点滅 */
.signalEquipBox.redOnyellowBlink
{
    background-image: url('./images/signal_equip_box_onRed_blinkYellow.png');
}
/* 信号灯表示領域 赤+緑点滅 */
.signalEquipBox.redOngreenBlink
{
    background-image: url('./images/signal_equip_box_onRed_blinkGreen.png');
}
/* 信号灯表示領域 赤+青点滅 */
.signalEquipBox.redOnblueBlink
{
    background-image: url('./images/signal_equip_box_onRed_blinkBlue.png');
}

/* 信号灯表示領域 赤点滅 */
.signalEquipBox.redBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_none.png');
}
/* 信号灯表示領域 赤点滅+赤 */
.signalEquipBox.redBlinkredOn
{
    background-image: url('./images/signal_equip_box_blinkRed_none.png');
}
/* 信号灯表示領域 赤点滅+黄 */
.signalEquipBox.redBlinkyellowOn
{
    background-image: url('./images/signal_equip_box_blinkRed_onYellow.png');
}
/* 信号灯表示領域 赤点滅+緑 */
.signalEquipBox.redBlinkgreenOn
{
    background-image: url('./images/signal_equip_box_blinkRed_onGreen.png');
}
/* 信号灯表示領域 赤点滅+青 */
.signalEquipBox.redBlinkblueOn
{
    background-image: url('./images/signal_equip_box_blinkRed_onBlue.png');
}
/* 信号灯表示領域 赤点滅+赤点滅 */
.signalEquipBox.redBlinkredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_none.png');
}
/* 信号灯表示領域 赤点滅+黄点滅 */
.signalEquipBox.redBlinkyellowBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkYellow.png');
}
/* 信号灯表示領域 赤点滅+緑点滅 */
.signalEquipBox.redBlinkgreenBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkGreen.png');
}
/* 信号灯表示領域 赤点滅+青点滅 */
.signalEquipBox.redBlinkblueBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkBlue.png');
}


/* 信号灯表示領域 黄 */
.signalEquipBox.yellowOn
{
    background-image: url('./images/signal_equip_box_onYellow_none.png');
}
/* 信号灯表示領域 黄+赤 */
.signalEquipBox.yellowOnredOn
{
    background-image: url('./images/signal_equip_box_onRed_onYellow.png');
}
/* 信号灯表示領域 黄+黄 */
.signalEquipBox.yellowOnyellowOn
{
    background-image: url('./images/signal_equip_box_onYellow_none.png');
}
/* 信号灯表示領域 黄+緑 */
.signalEquipBox.yellowOngreenOn
{
    background-image: url('./images/signal_equip_box_onGreen_onYellow.png');
}
/* 信号灯表示領域 黄+青 */
.signalEquipBox.yellowOnblueOn
{
    background-image: url('./images/signal_equip_box_onYellow_onBlue.png');
}
/* 信号灯表示領域 黄+赤点滅 */
.signalEquipBox.yellowOnredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_onYellow.png');
}
/* 信号灯表示領域 黄+黄点滅 */
.signalEquipBox.yellowOnyellowBlink
{
    background-image: url('./images/signal_equip_box_onYellow_none.png');
}
/* 信号灯表示領域 黄+緑点滅 */
.signalEquipBox.yellowOngreenBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_onYellow.png');
}
/* 信号灯表示領域 黄+青点滅 */
.signalEquipBox.yellowOnblueBlink
{
    background-image: url('./images/signal_equip_box_onYellow_blinkBlue.png');
}

/* 信号灯表示領域 黄点滅 */
.signalEquipBox.yellowBlink
{
    background-image: url('./images/signal_equip_box_blinkYellow_none.png');
}
/* 信号灯表示領域 黄点滅+赤 */
.signalEquipBox.yellowBlinkredOn
{
    background-image: url('./images/signal_equip_box_onRed_blinkYellow.png');
}
/* 信号灯表示領域 黄点滅+黄 */
.signalEquipBox.yellowBlinkyellowOn
{
    background-image: url('./images/signal_equip_box_blinkYellow_none.png');
}
/* 信号灯表示領域 黄点滅+緑 */
.signalEquipBox.yellowBlinkgreenOn
{
    background-image: url('./images/signal_equip_box_onGreen_blinkYellow.png');
}
/* 信号灯表示領域 黄点滅+青 */
.signalEquipBox.yellowBlinkblueOn
{
    background-image: url('./images/signal_equip_box_blinkYellow_onBlue.png');
}
/* 信号灯表示領域 黄点滅+赤点滅 */
.signalEquipBox.yellowBlinkredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkYellow.png');
}
/* 信号灯表示領域 黄点滅+黄点滅 */
.signalEquipBox.yellowBlinkyellowBlink
{
    background-image: url('./images/signal_equip_box_blinkYellow_none.png');
}
/* 信号灯表示領域 黄点滅+緑点滅 */
.signalEquipBox.yellowBlinkgreenBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkYellow.png');
}
/* 信号灯表示領域 黄点滅+青点滅 */
.signalEquipBox.yellowBlinkblueBlink
{
    background-image: url('./images/signal_equip_box_blinkYellow_blinkBlue.png');
}


/* 信号灯表示領域 緑 */
.signalEquipBox.greenOn
{
    background-image: url('./images/signal_equip_box_onGreen_none.png');
}
/* 信号灯表示領域 緑+赤 */
.signalEquipBox.greenOnredOn
{
    background-image: url('./images/signal_equip_box_onRed_onGreen.png');
}
/* 信号灯表示領域 緑+黄 */
.signalEquipBox.greenOnyellowOn
{
    background-image: url('./images/signal_equip_box_onGreen_onYellow.png');
}
/* 信号灯表示領域 緑+緑 */
.signalEquipBox.greenOngreenOn
{
    background-image: url('./images/signal_equip_box_onGreen_none.png');
}
/* 信号灯表示領域 緑+青 */
.signalEquipBox.greenOnblueOn
{
    background-image: url('./images/signal_equip_box_onGreen_onBlue.png');
}
/* 信号灯表示領域 緑+赤点滅 */
.signalEquipBox.greenOnredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_onGreen.png');
}
/* 信号灯表示領域 緑+黄点滅 */
.signalEquipBox.greenOnyellowBlink
{
    background-image: url('./images/signal_equip_box_onGreen_blinkYellow.png');
}
/* 信号灯表示領域 緑+緑点滅 */
.signalEquipBox.greenOngreenBlink
{
    background-image: url('./images/signal_equip_box_onGreen_none.png');
}
/* 信号灯表示領域 緑+青点滅 */
.signalEquipBox.greenOnblueBlink
{
    background-image: url('./images/signal_equip_box_onGreen_blinkBlue.png');
}

/* 信号灯表示領域 緑点滅 */
.signalEquipBox.greenBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_none.png');
}
/* 信号灯表示領域 緑点滅+赤 */
.signalEquipBox.greenBlinkredOn
{
    background-image: url('./images/signal_equip_box_onRed_blinkGreen.png');
}
/* 信号灯表示領域 緑点滅+黄 */
.signalEquipBox.greenBlinkyellowOn
{
    background-image: url('./images/signal_equip_box_blinkGreen_onYellow.png');
}
/* 信号灯表示領域 緑点滅+緑 */
.signalEquipBox.greenBlinkgreenOn
{
    background-image: url('./images/signal_equip_box_blinkGreen_none.png');
}
/* 信号灯表示領域 緑点滅+青 */
.signalEquipBox.greenBlinkblueOn
{
    background-image: url('./images/signal_equip_box_blinkGreen_onBlue.png');
}
/* 信号灯表示領域 緑点滅+赤点滅 */
.signalEquipBox.greenBlinkredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkGreen.png');
}
/* 信号灯表示領域 緑点滅+黄点滅 */
.signalEquipBox.greenBlinkyellowBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkYellow.png');
}
/* 信号灯表示領域 緑点滅+緑点滅 */
.signalEquipBox.greenBlinkgreenBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_none.png');
}
/* 信号灯表示領域 緑点滅+青点滅 */
.signalEquipBox.greenBlinkblueBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkBlue.png');
}


/* 信号灯表示領域 青 */
.signalEquipBox.blueOn
{
    background-image: url('./images/signal_equip_box_onBlue_none.png');
}
/* 信号灯表示領域 青+赤 */
.signalEquipBox.blueOnredOn
{
    background-image: url('./images/signal_equip_box_onRed_onBlue.png');
}
/* 信号灯表示領域 青+黄 */
.signalEquipBox.blueOnyellowOn
{
    background-image: url('./images/signal_equip_box_onYellow_onBlue.png');
}
/* 信号灯表示領域 青+緑 */
.signalEquipBox.blueOngreenOn
{
    background-image: url('./images/signal_equip_box_onGreen_onBlue.png');
}
/* 信号灯表示領域 青+青 */
.signalEquipBox.blueOnblueOn
{
    background-image: url('./images/signal_equip_box_onBlue_none.png');
}
/* 信号灯表示領域 青+赤点滅 */
.signalEquipBox.blueOnredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_onBlue.png');
}
/* 信号灯表示領域 青+黄点滅 */
.signalEquipBox.blueOnyellowBlink
{
    background-image: url('./images/signal_equip_box_blinkYellow_onBlue.png');
}
/* 信号灯表示領域 青+緑点滅 */
.signalEquipBox.blueOngreenBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_onBlue.png');
}
/* 信号灯表示領域 青+青点滅 */
.signalEquipBox.blueOnblueBlink
{
    background-image: url('./images/signal_equip_box_onBlue_none.png');
}

/* 信号灯表示領域 青点滅 */
.signalEquipBox.blueBlink
{
    background-image: url('./images/signal_equip_box_blinkBlue_none.png');
}
/* 信号灯表示領域 青点滅+赤 */
.signalEquipBox.blueBlinkredOn
{
    background-image: url('./images/signal_equip_box_onRed_blinkBlue.png');
}
/* 信号灯表示領域 青点滅+黄 */
.signalEquipBox.blueBlinkyellowOn
{
    background-image: url('./images/signal_equip_box_onYellow_blinkBlue.png');
}
/* 信号灯表示領域 青点滅+緑 */
.signalEquipBox.blueBlinkgreenOn
{
    background-image: url('./images/signal_equip_box_onGreen_blinkBlue.png');
}
/* 信号灯表示領域 青点滅+青 */
.signalEquipBox.blueBlinkblueOn
{
    background-image: url('./images/signal_equip_box_blinkBlue_none.png');
}
/* 信号灯表示領域 青点滅+赤点滅 */
.signalEquipBox.blueBlinkredBlink
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkBlue.png');
}
/* 信号灯表示領域 青点滅+黄点滅 */
.signalEquipBox.blueBlinkyellowBlink
{
    background-image: url('./images/signal_equip_box_blinkYellow_blinkBlue.png');
}
/* 信号灯表示領域 青点滅+緑点滅 */
.signalEquipBox.blueBlinkgreenBlink
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkBlue.png');
}
/* 信号灯表示領域 青点滅+青点滅 */
.signalEquipBox.blueBlinkblueBlink
{
    background-image: url('./images/signal_equip_box_blinkBlue_none.png');
}
/* 信号灯表示領域 全消灯 */
.signalEquipBox.off.ex
{
    background-image: url('./images/signal_equip_box_off_bg_ex.png');
}
/* 信号灯表示領域 赤 */
.signalEquipBox.redOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_none_ex.png');
}
/* 信号灯表示領域 赤+赤 */
.signalEquipBox.redOnredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_none_ex.png');
}
/* 信号灯表示領域 赤+黄 */
.signalEquipBox.redOnyellowOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_onYellow_ex.png');
}
/* 信号灯表示領域 赤+緑 */
.signalEquipBox.redOngreenOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_onGreen_ex.png');
}
/* 信号灯表示領域 赤+青 */
.signalEquipBox.redOnblueOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_onBlue_ex.png');
}
/* 信号灯表示領域 赤+赤点滅 */
.signalEquipBox.redOnredBlink.ex
{
    background-image: url('./images/signal_equip_box_onRed_none_ex.png');
}
/* 信号灯表示領域 赤+黄点滅 */
.signalEquipBox.redOnyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_onRed_blinkYellow_ex.png');
}
/* 信号灯表示領域 赤+緑点滅 */
.signalEquipBox.redOngreenBlink.ex
{
    background-image: url('./images/signal_equip_box_onRed_blinkGreen_ex.png');
}
/* 信号灯表示領域 赤+青点滅 */
.signalEquipBox.redOnblueBlink.ex
{
    background-image: url('./images/signal_equip_box_onRed_blinkBlue_ex.png');
}

/* 信号灯表示領域 赤点滅 */
.signalEquipBox.redBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_none_ex.png');
}
/* 信号灯表示領域 赤点滅+赤 */
.signalEquipBox.redBlinkredOn.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_none_ex.png');
}
/* 信号灯表示領域 赤点滅+黄 */
.signalEquipBox.redBlinkyellowOn.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_onYellow_ex.png');
}
/* 信号灯表示領域 赤点滅+緑 */
.signalEquipBox.redBlinkgreenOn.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_onGreen_ex.png');
}
/* 信号灯表示領域 赤点滅+青 */
.signalEquipBox.redBlinkblueOn.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_onBlue_ex.png');
}
/* 信号灯表示領域 赤点滅+赤点滅 */
.signalEquipBox.redBlinkredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_none_ex.png');
}
/* 信号灯表示領域 赤点滅+黄点滅 */
.signalEquipBox.redBlinkyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkYellow_ex.png');
}
/* 信号灯表示領域 赤点滅+緑点滅 */
.signalEquipBox.redBlinkgreenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkGreen_ex.png');
}
/* 信号灯表示領域 赤点滅+青点滅 */
.signalEquipBox.redBlinkblueBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkBlue_ex.png');
}


/* 信号灯表示領域 黄 */
.signalEquipBox.yellowOn.ex
{
    background-image: url('./images/signal_equip_box_onYellow_none_ex.png');
}
/* 信号灯表示領域 黄+赤 */
.signalEquipBox.yellowOnredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_onYellow_ex.png');
}
/* 信号灯表示領域 黄+黄 */
.signalEquipBox.yellowOnyellowOn.ex
{
    background-image: url('./images/signal_equip_box_onYellow_none_ex.png');
}
/* 信号灯表示領域 黄+緑 */
.signalEquipBox.yellowOngreenOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_onYellow_ex.png');
}
/* 信号灯表示領域 黄+青 */
.signalEquipBox.yellowOnblueOn.ex
{
    background-image: url('./images/signal_equip_box_onYellow_onBlue_ex.png');
}
/* 信号灯表示領域 黄+赤点滅 */
.signalEquipBox.yellowOnredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_onYellow_ex.png');
}
/* 信号灯表示領域 黄+黄点滅 */
.signalEquipBox.yellowOnyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_onYellow_none_ex.png');
}
/* 信号灯表示領域 黄+緑点滅 */
.signalEquipBox.yellowOngreenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_onYellow_ex.png');
}
/* 信号灯表示領域 黄+青点滅 */
.signalEquipBox.yellowOnblueBlink.ex
{
    background-image: url('./images/signal_equip_box_onYellow_blinkBlue_ex.png');
}

/* 信号灯表示領域 黄点滅 */
.signalEquipBox.yellowBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_none_ex.png');
}
/* 信号灯表示領域 黄点滅+赤 */
.signalEquipBox.yellowBlinkredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_blinkYellow_ex.png');
}
/* 信号灯表示領域 黄点滅+黄 */
.signalEquipBox.yellowBlinkyellowOn.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_none_ex.png');
}
/* 信号灯表示領域 黄点滅+緑 */
.signalEquipBox.yellowBlinkgreenOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_blinkYellow_ex.png');
}
/* 信号灯表示領域 黄点滅+青 */
.signalEquipBox.yellowBlinkblueOn.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_onBlue_ex.png');
}
/* 信号灯表示領域 黄点滅+赤点滅 */
.signalEquipBox.yellowBlinkredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkYellow_ex.png');
}
/* 信号灯表示領域 黄点滅+黄点滅 */
.signalEquipBox.yellowBlinkyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_none_ex.png');
}
/* 信号灯表示領域 黄点滅+緑点滅 */
.signalEquipBox.yellowBlinkgreenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkYellow_ex.png');
}
/* 信号灯表示領域 黄点滅+青点滅 */
.signalEquipBox.yellowBlinkblueBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_blinkBlue_ex.png');
}


/* 信号灯表示領域 緑 */
.signalEquipBox.greenOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_none_ex.png');
}
/* 信号灯表示領域 緑+赤 */
.signalEquipBox.greenOnredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_onGreen_ex.png');
}
/* 信号灯表示領域 緑+黄 */
.signalEquipBox.greenOnyellowOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_onYellow_ex.png');
}
/* 信号灯表示領域 緑+緑 */
.signalEquipBox.greenOngreenOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_none_ex.png');
}
/* 信号灯表示領域 緑+青 */
.signalEquipBox.greenOnblueOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_onBlue_ex.png');
}
/* 信号灯表示領域 緑+赤点滅 */
.signalEquipBox.greenOnredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_onGreen_ex.png');
}
/* 信号灯表示領域 緑+黄点滅 */
.signalEquipBox.greenOnyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_onGreen_blinkYellow_ex.png');
}
/* 信号灯表示領域 緑+緑点滅 */
.signalEquipBox.greenOngreenBlink.ex
{
    background-image: url('./images/signal_equip_box_onGreen_none_ex.png');
}
/* 信号灯表示領域 緑+青点滅 */
.signalEquipBox.greenOnblueBlink.ex
{
    background-image: url('./images/signal_equip_box_onGreen_blinkBlue_ex.png');
}

/* 信号灯表示領域 緑点滅 */
.signalEquipBox.greenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_none_ex.png');
}
/* 信号灯表示領域 緑点滅+赤 */
.signalEquipBox.greenBlinkredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_blinkGreen_ex.png');
}
/* 信号灯表示領域 緑点滅+黄 */
.signalEquipBox.greenBlinkyellowOn.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_onYellow_ex.png');
}
/* 信号灯表示領域 緑点滅+緑 */
.signalEquipBox.greenBlinkgreenOn.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_none_ex.png');
}
/* 信号灯表示領域 緑点滅+青 */
.signalEquipBox.greenBlinkblueOn.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_onBlue_ex.png');
}
/* 信号灯表示領域 緑点滅+赤点滅 */
.signalEquipBox.greenBlinkredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkGreen_ex.png');
}
/* 信号灯表示領域 緑点滅+黄点滅 */
.signalEquipBox.greenBlinkyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkYellow_ex.png');
}
/* 信号灯表示領域 緑点滅+緑点滅 */
.signalEquipBox.greenBlinkgreenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_none_ex.png');
}
/* 信号灯表示領域 緑点滅+青点滅 */
.signalEquipBox.greenBlinkblueBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkBlue_ex.png');
}


/* 信号灯表示領域 青 */
.signalEquipBox.blueOn.ex
{
    background-image: url('./images/signal_equip_box_onBlue_none_ex.png');
}
/* 信号灯表示領域 青+赤 */
.signalEquipBox.blueOnredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_onBlue_ex.png');
}
/* 信号灯表示領域 青+黄 */
.signalEquipBox.blueOnyellowOn.ex
{
    background-image: url('./images/signal_equip_box_onYellow_onBlue_ex.png');
}
/* 信号灯表示領域 青+緑 */
.signalEquipBox.blueOngreenOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_onBlue_ex.png');
}
/* 信号灯表示領域 青+青 */
.signalEquipBox.blueOnblueOn.ex
{
    background-image: url('./images/signal_equip_box_onBlue_none_ex.png');
}
/* 信号灯表示領域 青+赤点滅 */
.signalEquipBox.blueOnredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_onBlue_ex.png');
}
/* 信号灯表示領域 青+黄点滅 */
.signalEquipBox.blueOnyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_onBlue_ex.png');
}
/* 信号灯表示領域 青+緑点滅 */
.signalEquipBox.blueOngreenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_onBlue_ex.png');
}
/* 信号灯表示領域 青+青点滅 */
.signalEquipBox.blueOnblueBlink.ex
{
    background-image: url('./images/signal_equip_box_onBlue_none_ex.png');
}

/* 信号灯表示領域 青点滅 */
.signalEquipBox.blueBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkBlue_none_ex.png');
}
/* 信号灯表示領域 青点滅+赤 */
.signalEquipBox.blueBlinkredOn.ex
{
    background-image: url('./images/signal_equip_box_onRed_blinkBlue_ex.png');
}
/* 信号灯表示領域 青点滅+黄 */
.signalEquipBox.blueBlinkyellowOn.ex
{
    background-image: url('./images/signal_equip_box_onYellow_blinkBlue_ex.png');
}
/* 信号灯表示領域 青点滅+緑 */
.signalEquipBox.blueBlinkgreenOn.ex
{
    background-image: url('./images/signal_equip_box_onGreen_blinkBlue_ex.png');
}
/* 信号灯表示領域 青点滅+青 */
.signalEquipBox.blueBlinkblueOn.ex
{
    background-image: url('./images/signal_equip_box_blinkBlue_none_ex.png');
}
/* 信号灯表示領域 青点滅+赤点滅 */
.signalEquipBox.blueBlinkredBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkRed_blinkBlue_ex.png');
}
/* 信号灯表示領域 青点滅+黄点滅 */
.signalEquipBox.blueBlinkyellowBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkYellow_blinkBlue_ex.png');
}
/* 信号灯表示領域 青点滅+緑点滅 */
.signalEquipBox.blueBlinkgreenBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkGreen_blinkBlue_ex.png');
}
/* 信号灯表示領域 青点滅+青点滅 */
.signalEquipBox.blueBlinkblueBlink.ex
{
    background-image: url('./images/signal_equip_box_blinkBlue_none_ex.png');
}

/* 2021/10/12 Ver12.0.0 ADD Start S.Hirata */
.signalEquipBox.monitorTypeGraph {
    background: #222;
    color: #fff;
    border: solid 2px #989998;
    box-sizing: border-box;
}

.signalEquipBox.monitorTypeGraph .signalEquipBoxTop {
    color: #f8f8f8 !important;
}

.signalEquipBox .divMonitorGraph {
    position: relative;
    left: 3px;
    top: 44px;
    display: table-cell;
    width: 190px;
    height: 120px;
    color: #f8f8f8;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}

.graphContainer {
    position: relative !important;
    /* 2021/12/03 Ver12.0.1 DELETE Start S.Hirata */
    /*width: 100%;
    height: 100%;*/
    /* 2021/12/03 Ver12.0.1 DELETE End S.Hirata */
}

.graphContainer * {
    font-size: 9px;
    color: #fff !important;
}

.graphContainer svg > rect {
    fill: #222;
}

.graphContainer path {
    stroke: #fff;
}

.graphContainer text {
    color: #fff !important;
    fill: #fff !important;
}

.graphContainer text tspan {
    font-size: 100%;
}

.graphLoading {
    position: relative !important;
    width: 100%;
    height: 100%;
}

.graphLoading .loading_image {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    animation: spin 1s steps(12, end) infinite;
    width: 50px;
    height: 50px;
    margin: auto;
}

.graphLoading .loading_image i {
    height: 12px;
    width: 3px;
    margin-left: -2px;
    display: block;
    transition: height 1s;
    position: absolute;
    left: 50%;
    transform-origin: center 25px;
    background: #f8f8f8;
    box-shadow: 0 0 3px rgba(255, 255, 255, .7);
    border-radius: 3px;
}

.graphLoading .loading_image i:nth-child(1) {
    opacity: .08
}

.graphLoading .loading_image i:nth-child(2) {
    transform: rotate(30deg);
    opacity: .167
}

.graphLoading .loading_image i:nth-child(3) {
    transform: rotate(60deg);
    opacity: .25
}

.graphLoading .loading_image i:nth-child(4) {
    transform: rotate(90deg);
    opacity: .33
}

.graphLoading .loading_image i:nth-child(5) {
    transform: rotate(120deg);
    opacity: .4167
}

.graphLoading .loading_image i:nth-child(6) {
    transform: rotate(150deg);
    opacity: .5
}

.graphLoading .loading_image i:nth-child(7) {
    transform: rotate(180deg);
    opacity: .583
}

.graphLoading .loading_image i:nth-child(8) {
    transform: rotate(210deg);
    opacity: .67
}

.graphLoading .loading_image i:nth-child(9) {
    transform: rotate(240deg);
    opacity: .75
}

.graphLoading .loading_image i:nth-child(10) {
    transform: rotate(270deg);
    opacity: .833
}

.graphLoading .loading_image i:nth-child(11) {
    transform: rotate(300deg);
    opacity: .9167
}

.graphLoading .loading_image i:nth-child(12) {
    transform: rotate(330deg);
    opacity: 1
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.divCameraArea.layoutThree .cameraIframe,
.divCameraArea.layoutFour .cameraIframe {
    margin: -59px 0 0 -63px;
}

.divCameraArea.layoutFive .cameraIframe {
    margin: -40px 0 0 -40px;
}

/* 2021/10/12 Ver12.0.0 ADD End S.Hirata */

/* 2025/04/01 Ver16.0.0 ADD Start S.Asano */
.monitorTypeClock {
    position: relative;
    float: left;
    height: 170px;
    width: 200px;
    border: solid 2px #989998;
    margin: 2px 4px 2px 0;
    cursor: auto;
    border-radius: 10px;
    background: #989998;
    color: #fff;
    box-sizing: border-box;
}

.monitorTypeClock .divMonitorClockInner {
    position: relative;
    left: 3px;
    top: 4px;
    width: 190px;
    height: 158px;
    color: #f8f8f8;
    background-color: #222;
    font-family: 'JetBrains Mono', monospace !important;
}
    .monitorTypeClock .divMonitorClockInner .clock_position {
        position: relative;
        top: 30px;
    }

        .monitorTypeClock .divMonitorClockInner .clock_position .clock_time_position {
            position: static;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .monitorTypeClock .divMonitorClockInner .clock_position .clock_time {
            position: static;
            font-size: 73px;
            line-height: 1;
            white-space: nowrap;
            display: flex;
            justify-content: center;
            align-items: center;
            font-weight: bold !important;
            font-family: 'JetBrains Mono', monospace !important;
        }

        .monitorTypeClock .divMonitorClockInner .clock_position .colon {
            position: static;
            line-height: 1;
            white-space: nowrap;
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 73px;
            font-weight: bold !important;
            font-family: 'JetBrains Mono', monospace !important;
            -webkit-animation: blink-time 0.5s ease-in-out infinite alternate;
            -moz-animation: blink-time 0.5s ease-in-out infinite alternate;
            animation: blink-time 0.5s ease-in-out infinite alternate;
        }

@keyframes blink-time {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.monitorTypeClock .divMonitorClockInner .clock_position .clock_date {
    position: static;
    font-size: 22px;
    margin-top: 5px;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold !important;
    font-family: 'JetBrains Mono', monospace !important;
}

.signalEquipBox.monitorTypeImage {
    background: #989998;
    color: #fff;
    border: solid 2px #989998;
    box-sizing: border-box;
}

.signalEquipBox .divMonitorImage {
    position: relative;
    left: 3px;
    top: 4px;
    width: 190px;
    height: 145px;
    color: #f8f8f8;
    background-color: #222;
}

.signalEquipBox .divMonitorImageTime {
    position: relative;
    left: 3px;
    top: 4.5px;
    width: 190px;
    height: 15px;
    color: #FFF;
    text-align: right;
}

.signalEquipBox .divMonitorImage .divMonitorImageInner {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.signalEquipBox .divMonitorImage .divMonitorImageNoImage {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:20px;
}

/*
    ポップアップエリア
*/

.popup_contentArea {
    width: 90%;
    height: 90%;
    max-width: 90%;
    max-height: 90%;
    padding: 0 0.5vw;
}

.divImagePopTopArea {
    height: 6%;
    display: flex;
    justify-content: end;
    align-items: center;
}

.divImagePopMainArea {
    padding: 0.5vw 0;
    height: 91%;
    border-top: #0080ce solid 0.3vw;
}

.linkButtonImageDownload {
    font-size: 0.7vw;
    width: 7vw;
    height: 1.5vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.divPopImageInner {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.existImage:hover {
    cursor: pointer;
}
/* 2025/04/01 Ver16.0.0 ADD End S.Asano */
.signalEquipBox .exSignalName {
    position: relative;
    left: 3px;
    top: 44px;
    display: table-cell;
    width: 190px;
    height: 120px;
    color: #f8f8f8;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    border: solid 2px #222;
    border-radius: 0 0 9px 9px;
}
/*----- 2019/02/21 Ver6.0.0 ADD Start M.nakashima ----*/
.signalEquipBox .exSignalName.ex
{    
    display: block;
    /* 2020/08/11 MOD Start T.Murakami v7.0.3 */
    /*padding-top:21px;
    height: 99px;*/
    height: 119px;
    /* 2020/08/11 MOD End T.Murakami v7.0.3 */
    top:45px;
}
/*----- 2019/02/21 Ver6.0.0 ADD End M.nakashima -----*/
.signalEquipBox .exElapsedTime
{
    /* 2020/08/11 ADD Start T.Murakami v7.0.3 */
    padding-top: 6px;
    /* 2020/08/11 ADD End T.Murakami v7.0.3 */
    display: table-cell;
    width: 190px;
    height: 40px;
	color: #f8f8f8;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    vertical-align: middle;
	
    overflow: hidden;
}
/* 信号灯表示領域 経過時間表示色1 */
.signalEquipBox.signalDispColor1 .exElapsedTime
{
}
/* 信号灯表示領域 経過時間表示色2 */
.signalEquipBox.signalDispColor2 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色3 */
.signalEquipBox.signalDispColor3 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色4 */
.signalEquipBox.signalDispColor4 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色5 */
.signalEquipBox.signalDispColor5 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色6 */
.signalEquipBox.signalDispColor6 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色7 */
.signalEquipBox.signalDispColor7 .exElapsedTime
{
	color: #303030;
}
/* 信号灯表示領域 経過時間表示色8 */
.signalEquipBox.signalDispColor8 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色9 */
.signalEquipBox.signalDispColor9 .exElapsedTime
{
}
/* 信号灯表示領域 経過時間表示色10 */
.signalEquipBox.signalDispColor10 .exElapsedTime
{
}
/* 信号灯表示領域 経過時間表示色11 */
.signalEquipBox.signalDispColor11 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色12*/
.signalEquipBox.signalDispColor12 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色13 */
.signalEquipBox.signalDispColor13 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 経過時間表示色14 */
.signalEquipBox.signalDispColor14 .exElapsedTime
{
}
/* 信号灯表示領域 経過時間表示色15 */
.signalEquipBox.signalDispColor15 .exElapsedTime
{
}
/* 信号灯表示領域 経過時間表示色16 */
.signalEquipBox.signalDispColor16 .exElapsedTime
{
	color:#303030;
}
/* 信号灯表示領域 表示色1 */
.signalEquipBox.signalDispColor1 .exSignalName
{
}
/* 信号灯表示領域 表示色2 */
.signalEquipBox.signalDispColor2 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色3 */
.signalEquipBox.signalDispColor3 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色4 */
.signalEquipBox.signalDispColor4 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色5 */
.signalEquipBox.signalDispColor5 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色6 */
.signalEquipBox.signalDispColor6 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色7 */
.signalEquipBox.signalDispColor7 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色8 */
.signalEquipBox.signalDispColor8 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色9 */
.signalEquipBox.signalDispColor9 .exSignalName
{
}
/* 信号灯表示領域 表示色10 */
.signalEquipBox.signalDispColor10 .exSignalName
{
}
/* 信号灯表示領域 表示色11 */
.signalEquipBox.signalDispColor11 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色12*/
.signalEquipBox.signalDispColor12 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色13 */
.signalEquipBox.signalDispColor13 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 表示色14 */
.signalEquipBox.signalDispColor14 .exSignalName
{
}
/* 信号灯表示領域 表示色15 */
.signalEquipBox.signalDispColor15 .exSignalName
{
}
/* 信号灯表示領域 表示色16 */
.signalEquipBox.signalDispColor16 .exSignalName
{
	color:#303030;
}
/* 信号灯表示領域 赤 */
.signalEquipBox.redOn .exSignalName
{
}
/* 信号灯表示領域 赤+赤 */
.signalEquipBox.redOnredOn .exSignalName
{
}
/* 信号灯表示領域 赤+黄 */
.signalEquipBox.redOnyellowOn .exSignalName
{
}
/* 信号灯表示領域 赤+緑 */
.signalEquipBox.redOngreenOn .exSignalName
{
}
/* 信号灯表示領域 赤+青 */
.signalEquipBox.redOnblueOn .exSignalName
{
}
/* 信号灯表示領域 赤+赤点滅 */
.signalEquipBox.redOnredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤+黄点滅 */
.signalEquipBox.redOnyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤+緑点滅 */
.signalEquipBox.redOngreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤+青点滅 */
.signalEquipBox.redOnblueBlink .exSignalName
{
	color: #303030;
}

/* 信号灯表示領域 赤点滅 */
.signalEquipBox.redBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+赤 */
.signalEquipBox.redBlinkredOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+黄 */
.signalEquipBox.redBlinkyellowOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+緑 */
.signalEquipBox.redBlinkgreenOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+青 */
.signalEquipBox.redBlinkblueOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+赤点滅 */
.signalEquipBox.redBlinkredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+黄点滅 */
.signalEquipBox.redBlinkyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+緑点滅 */
.signalEquipBox.redBlinkgreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+青点滅 */
.signalEquipBox.redBlinkblueBlink .exSignalName
{
	color: #303030;
}


/* 信号灯表示領域 黄 */
.signalEquipBox.yellowOn .exSignalName
{
}
/* 信号灯表示領域 黄+赤 */
.signalEquipBox.yellowOnredOn .exSignalName
{
}
/* 信号灯表示領域 黄+黄 */
.signalEquipBox.yellowOnyellowOn .exSignalName
{
}
/* 信号灯表示領域 黄+緑 */
.signalEquipBox.yellowOngreenOn .exSignalName
{
}
/* 信号灯表示領域 黄+青 */
.signalEquipBox.yellowOnblueOn .exSignalName
{
}
/* 信号灯表示領域 黄+赤点滅 */
.signalEquipBox.yellowOnredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄+黄点滅 */
.signalEquipBox.yellowOnyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄+緑点滅 */
.signalEquipBox.yellowOngreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄+青点滅 */
.signalEquipBox.yellowOnblueBlink .exSignalName
{
	color: #303030;
}

/* 信号灯表示領域 黄点滅 */
.signalEquipBox.yellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+赤 */
.signalEquipBox.yellowBlinkredOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+黄 */
.signalEquipBox.yellowBlinkyellowOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+緑 */
.signalEquipBox.yellowBlinkgreenOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+青 */
.signalEquipBox.yellowBlinkblueOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+赤点滅 */
.signalEquipBox.yellowBlinkredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+黄点滅 */
.signalEquipBox.yellowBlinkyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+緑点滅 */
.signalEquipBox.yellowBlinkgreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+青点滅 */
.signalEquipBox.yellowBlinkblueBlink .exSignalName
{
	color: #303030;
}


/* 信号灯表示領域 緑 */
.signalEquipBox.greenOn .exSignalName
{
}
/* 信号灯表示領域 緑+赤 */
.signalEquipBox.greenOnredOn .exSignalName
{
}
/* 信号灯表示領域 緑+黄 */
.signalEquipBox.greenOnyellowOn .exSignalName
{
}
/* 信号灯表示領域 緑+緑 */
.signalEquipBox.greenOngreenOn .exSignalName
{
}
/* 信号灯表示領域 緑+青 */
.signalEquipBox.greenOnblueOn .exSignalName
{
}
/* 信号灯表示領域 緑+赤点滅 */
.signalEquipBox.greenOnredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑+黄点滅 */
.signalEquipBox.greenOnyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑+緑点滅 */
.signalEquipBox.greenOngreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑+青点滅 */
.signalEquipBox.greenOnblueBlink .exSignalName
{
	color: #303030;
}

/* 信号灯表示領域 緑点滅 */
.signalEquipBox.greenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+赤 */
.signalEquipBox.greenBlinkredOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+黄 */
.signalEquipBox.greenBlinkyellowOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+緑 */
.signalEquipBox.greenBlinkgreenOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+青 */
.signalEquipBox.greenBlinkblueOn .exSignalName
{
}
/* 信号灯表示領域 緑点滅+赤点滅 */
.signalEquipBox.greenBlinkredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+黄点滅 */
.signalEquipBox.greenBlinkyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+緑点滅 */
.signalEquipBox.greenBlinkgreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+青点滅 */
.signalEquipBox.greenBlinkblueBlink .exSignalName
{
	color: #303030;
}


/* 信号灯表示領域 青 */
.signalEquipBox.blueOn .exSignalName
{
}
/* 信号灯表示領域 青+赤 */
.signalEquipBox.blueOnredOn .exSignalName
{
}
/* 信号灯表示領域 青+黄 */
.signalEquipBox.blueOnyellowOn .exSignalName
{
}
/* 信号灯表示領域 青+緑 */
.signalEquipBox.blueOngreenOn .exSignalName
{
}
/* 信号灯表示領域 青+青 */
.signalEquipBox.blueOnblueOn .exSignalName
{
}
/* 信号灯表示領域 青+赤点滅 */
.signalEquipBox.blueOnredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青+黄点滅 */
.signalEquipBox.blueOnyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青+緑点滅 */
.signalEquipBox.blueOngreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青+青点滅 */
.signalEquipBox.blueOnblueBlink .exSignalName
{
	color: #303030;
}

/* 信号灯表示領域 青点滅 */
.signalEquipBox.blueBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+赤 */
.signalEquipBox.blueBlinkredOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+黄 */
.signalEquipBox.blueBlinkyellowOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+緑 */
.signalEquipBox.blueBlinkgreenOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+青 */
.signalEquipBox.blueBlinkblueOn .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+赤点滅 */
.signalEquipBox.blueBlinkredBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+黄点滅 */
.signalEquipBox.blueBlinkyellowBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+緑点滅 */
.signalEquipBox.blueBlinkgreenBlink .exSignalName
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+青点滅 */
.signalEquipBox.blueBlinkblueBlink .exSignalName
{
	color: #303030;
}

/* 信号灯表示領域 離脱 */
.signalEquipBox.disable
{
    /*background-image: url('./images/signal_equip_box_no_data_bg.png');*/
}
/* 信号灯表示領域(無効) */
.signalEquipBoxDisable
{
    position: relative;
    float: left;
    height: 170px; 
    width: 200px;
    border: solid 0px #7a99cf;
    margin: 2px 4px 2px 0;
    
    cursor: default;
    
    background-color: transparent;
    background-image: url('./images/signal_equip_box_disable_bg.png');
    background-repeat: no-repeat;
}
.signalEquipBoxDisable.hide
{
    visibility:hidden;
}
.signalEquipBox *     
{
    position: absolute;
    outline: red solid 0px;
    
    /*color: #000000;*/
}
.signalEquipBox:hover
{
    cursor: pointer;
    /* --- Others --- */
    filter: alpha(opacity=85);
    -ms-filter: "alpha(opacity=85)";
    opacity: 0.85;
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;            
}
/* 2021/10/11 Ver12.0.0 MOD Start S.Hirata */
.signalEquipBoxTop {
    width: 98%;
    color: #f8f8f8;
}

.signalEquipBoxTop, * .signalEquipBoxTop *
{
    height: 45px; 
    /*width: 195px;*/
    
    font-size: 14px;
    font-weight: bold;
    
    text-indent: 0px;
    line-height: 20px;
    
    overflow: hidden;
    white-space: nowrap;
    background-color: transparent;
}

/* 信号灯名称 */
.signalEquipName {
    left: 2px;
    top: 5px;
}

/* グラフ表示時の信号灯名称 */
.signalEquipName.monitorTypeGraph {
    position: relative;
    display: inline-block;
    width: 40%;
}

/* グラフ表示項目（表示名称・値） */
.monitorGraphNameValue {
    position: relative;
    display: inline-block;
    width: 58%;
    top: 5px;
}

.monitorGraphName {
    position: relative;
    height: 16px;
}

.monitorGraphValue {
    position: relative;
    height: 24px;
    line-height: 24px;
    font-size: 24px;
    text-align: right;
}

.signalEquipBox.disable .signalEquipBoxTop
{   
	color: #f8f8f8;
}

/* ライン名、信号灯名 表示*/
/* 信号灯表示領域 赤+赤点滅 */
.signalEquipBox.redOnredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤+黄点滅 */
.signalEquipBox.redOnyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤+緑点滅 */
.signalEquipBox.redOngreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤+青点滅 */
.signalEquipBox.redOnblueBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅 */
.signalEquipBox.redBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+赤 */
.signalEquipBox.redBlinkredOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+黄 */
.signalEquipBox.redBlinkyellowOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+緑 */
.signalEquipBox.redBlinkgreenOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+青 */
.signalEquipBox.redBlinkblueOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+赤点滅 */
.signalEquipBox.redBlinkredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+黄点滅 */
.signalEquipBox.redBlinkyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+緑点滅 */
.signalEquipBox.redBlinkgreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 赤点滅+青点滅 */
.signalEquipBox.redBlinkblueBlink .signalEquipBoxTop
{
	color: #303030;
}

/* 信号灯表示領域 黄+赤点滅 */
.signalEquipBox.yellowOnredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄+黄点滅 */
.signalEquipBox.yellowOnyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄+緑点滅 */
.signalEquipBox.yellowOngreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄+青点滅 */
.signalEquipBox.yellowOnblueBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅 */
.signalEquipBox.yellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+赤 */
.signalEquipBox.yellowBlinkredOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+黄 */
.signalEquipBox.yellowBlinkyellowOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+緑 */
.signalEquipBox.yellowBlinkgreenOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+青 */
.signalEquipBox.yellowBlinkblueOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+赤点滅 */
.signalEquipBox.yellowBlinkredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+黄点滅 */
.signalEquipBox.yellowBlinkyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+緑点滅 */
.signalEquipBox.yellowBlinkgreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 黄点滅+青点滅 */
.signalEquipBox.yellowBlinkblueBlink .signalEquipBoxTop
{
	color: #303030;
}

/* 信号灯表示領域 緑+赤点滅 */
.signalEquipBox.greenOnredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑+黄点滅 */
.signalEquipBox.greenOnyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑+緑点滅 */
.signalEquipBox.greenOngreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑+青点滅 */
.signalEquipBox.greenOnblueBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅 */
.signalEquipBox.greenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+赤 */
.signalEquipBox.greenBlinkredOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+黄 */
.signalEquipBox.greenBlinkyellowOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+緑 */
.signalEquipBox.greenBlinkgreenOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+青 */
.signalEquipBox.greenBlinkblueOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+赤点滅 */
.signalEquipBox.greenBlinkredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+黄点滅 */
.signalEquipBox.greenBlinkyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+緑点滅 */
.signalEquipBox.greenBlinkgreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 緑点滅+青点滅 */
.signalEquipBox.greenBlinkblueBlink .signalEquipBoxTop
{
	color: #303030;
}

/* 信号灯表示領域 青+赤点滅 */
.signalEquipBox.blueOnredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青+黄点滅 */
.signalEquipBox.blueOnyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青+緑点滅 */
.signalEquipBox.blueOngreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青+青点滅 */
.signalEquipBox.blueOnblueBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅 */
.signalEquipBox.blueBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+赤 */
.signalEquipBox.blueBlinkredOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+黄 */
.signalEquipBox.blueBlinkyellowOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+緑 */
.signalEquipBox.blueBlinkgreenOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+青 */
.signalEquipBox.blueBlinkblueOn .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+赤点滅 */
.signalEquipBox.blueBlinkredBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+黄点滅 */
.signalEquipBox.blueBlinkyellowBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+緑点滅 */
.signalEquipBox.blueBlinkgreenBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 信号灯表示領域 青点滅+青点滅 */
.signalEquipBox.blueBlinkblueBlink .signalEquipBoxTop
{
	color: #303030;
}
/* 表示色1 */
.signalEquipBox.signalDispColor1 .signalEquipBoxTop
{
}
.signalEquipBox.signalDispColor2 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor3 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor4 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor5 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor6 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor7 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor8 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor9 .signalEquipBoxTop
{
}
.signalEquipBox.signalDispColor10 .signalEquipBoxTop
{
}
.signalEquipBox.signalDispColor11 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor12 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor13 .signalEquipBoxTop
{
	color: #303030;
}
.signalEquipBox.signalDispColor14 .signalEquipBoxTop
{
}
.signalEquipBox.signalDispColor15 .signalEquipBoxTop
{
}
.signalEquipBox.signalDispColor16 .signalEquipBoxTop
{
	color: #303030;
}
/* 2021/10/11 Ver12.0.0 MOD End S.Hirata */

/* 信号灯色領域 */
.signalMonitor .signalTowerDiv
{
    /* 2019/02/21 Ver6.0.0 MOD M.nakashima */
    left: 5px;
    top: 0px;
    height: 120px; 
    width: 30px;    
    background-color: transparent;
    background-repeat: no-repeat;
}

/* 信号灯色 */
.signalMonitor .signalTowerDiv .signalTower
{
    height: 17px;
    width: 30px;
    position: relative;
    background-color: transparent;
	background-repeat: no-repeat;
}

/* 信号灯非表示 */
.signalMonitor .signalTowerDiv .signalHidden
{
    visibility: hidden;
}

/* ブザー OFFON */
.signalMonitor .signalTowerDiv .signalBuzzer
{
    background-image: url('./images/signal_buzzer.png');
}


/* 2019/02/21 Ver6.0.0 MOD Start M.nakashima */
/* 信号灯赤 */
.signalMonitor .signalTowerDiv .signalRed,
.signalMonitor .signalTowerDiv .signalRed.signalOff
{
    background:linear-gradient(-60deg, rgba(255, 0, 0, 0.2), rgba(255, 60, 60, 0.2));
}
.signalMonitor .signalTowerDiv .signalRed.signalOn,
.signalMonitor .signalTowerDiv .signalRed.signalBlink
{
    background:linear-gradient(-60deg, rgba(255, 0, 0, 1), rgba(255, 60, 60, 1));
}

/* 信号灯黄 */
.signalMonitor .signalTowerDiv .signalYellow,
.signalMonitor .signalTowerDiv .signalYellow.signalOff
{
    background:linear-gradient(-60deg, rgba(255, 166, 0, 0.2), rgba(255, 190, 0, 0.2));
}
.signalMonitor .signalTowerDiv .signalYellow.signalOn,
.signalMonitor .signalTowerDiv .signalYellow.signalBlink
{
    background:linear-gradient(-60deg, rgba(255, 166, 0, 1), rgba(255, 190, 0, 1));
}

/* 信号灯緑 */
.signalMonitor .signalTowerDiv .signalGreen,
.signalMonitor .signalTowerDiv .signalGreen.signalOff
{
    background:linear-gradient(-60deg, rgba(0, 207, 0, 0.2), rgba(0, 255, 0, 0.2));
}
.signalMonitor .signalTowerDiv .signalGreen.signalOn,
.signalMonitor .signalTowerDiv .signalGreen.signalBlink
{
    background:linear-gradient(-60deg, rgba(0, 207, 0, 1), rgba(0, 255, 0, 1));
}

/* 信号灯青 */
.signalMonitor .signalTowerDiv .signalBlue,
.signalMonitor .signalTowerDiv .signalBluesignalOff
{
    background:linear-gradient(-60deg, rgba(0, 0, 110, 0.2), rgba(0, 0, 254, 0.2));
}
.signalMonitor .signalTowerDiv .signalBlue.signalOn,
.signalMonitor .signalTowerDiv .signalBlue.signalBlink
{
    background:linear-gradient(-60deg, rgba(0, 0, 110, 1), rgba(0, 0, 254, 1));
}

/* 信号灯白 */
.signalMonitor .signalTowerDiv .signalWhite,
.signalMonitor .signalTowerDiv .signalWhite.signalOff
{
    background:linear-gradient(-60deg, rgba(195, 195, 195, 0.2), rgba(211, 211, 211, 0.2));
}
.signalMonitor .signalTowerDiv .signalWhite.signalOn,
.signalMonitor .signalTowerDiv .signalWhite.signalBlink
{
    background:linear-gradient(-60deg, rgba(195, 195, 195,  1), rgba(211, 211, 211,  1));
}

/* ブザー */
.signalMonitor .signalTowerDiv .signalBuzzer,
.signalMonitor .signalTowerDiv .signalBuzzer.signalOff
{
    background-position: 0 0;
}
.signalMonitor .signalTowerDiv .signalBuzzer.signalOn,
.signalMonitor .signalTowerDiv .signalBuzzer.signalBlink
{
    background-position: -30px 0;
}
/* 2019/02/21 Ver6.0.0 MOD End  M.nakashima */

/* LQI値 */
.signalLQI
{  
    left: 7px; 
    top: 152px; 
    height: 15px;
    width: 80px;  
    font-size: 11px;
    overflow: hidden;
}

/* モニター表示項目領域 */
/* (生産、稼働、異常、計画、監視など) */
.monitorItemBox
{    
    /* 2019/02/21 Ver6.0.0 MOD M.nakashima */
    position: relative; 
    top: 3px; 
    left: 35px; 
    width: 150px;
    height: 115px;
}

/* 2024/04/01 Ver15.0.0 ADD Start S.Asano */
/* コメントスタイル */
.itemComment{
    font-size:15px;
}

.firstNone {
    display: none;
}

.small {
    font-size: 12px;
}

.medium {
    font-size: 15px;
}

.large {
    font-size: 20px;
}

.standard {
    font-weight: normal;
}

.bold {
    font-weight: bold;
}

/* 点滅 */
.commentBlinking {
    -webkit-animation: blink 1s ease-in-out infinite alternate;
    -moz-animation: blink 1s ease-in-out infinite alternate;
    animation: blink 1s ease-in-out infinite alternate;
}


@keyframes blink {
    0% {
        opacity: 0.2;
    }

    100% {
        opacity: 1;
    }
}

/* 自動スクロール */
.monitorItemScroll {
    animation: itemScroll 10s linear infinite;
}

@keyframes itemScroll {
    0% {
        transform: translate(0);
    }

    100% {
        transform: translate(calc(-100% - 1rem));
    }
}

/* モニター表示項目個別領域 */
.monitorCommentItem {
    position: relative;
    left: 5px;
    width: 145px;
    height: 36px;
    max-width: 145px;
    overflow: hidden;
    white-space: nowrap;
}
/* 2024/04/01 Ver15.0.0 ADD End S.Asano */

/* モニター表示項目個別領域 */
.monitorItem
{
    position: relative; 
    left: 3px; 
    width: 145px;
    height: 36px; 
}
/* モニター表示項目個別領域 設定無し */
.monitorItem.empty
{
}
/* モニター表示項目個別領域 生産数 */
.monitorItem.product
{
}
/* モニター表示項目個別領域 稼働時間 */
.monitorItem.operation
{
}
/* モニター表示項目個別領域 異常時間 */
.monitorItem.error
{
    height: 45px; 
}
/* モニター表示項目個別領域 計画数 */
.monitorItem.productPlan
{
}
/* モニター表示項目個別領域 監視時間 */
.monitorItem.watchTime
{
}
/* モニター表示項目個別領域 設定無し */
.monitorItem.empty *
{
    display: none;
}
/* モニター表示項目個別領域 生産（生産数） */
.monitorItem.productCount
{
}
/* モニター表示項目個別領域 生産（生産率） */
.monitorItem.productRate
{
}
/* モニター表示項目個別領域 稼働（稼働時間） */
.monitorItem.operationTime
{
}
/* モニター表示項目個別領域 稼働（稼働率） */
.monitorItem.operationRate
{
}
/* モニター表示項目個別領域 異常（異常時間） */
.monitorItem.errorTime
{
}
/* モニター表示項目個別領域 異常（異常回数） */
.monitorItem.errorCount
{
}
/* モニター表示項目個別領域 異常（異常率） */
.monitorItem.errorRate
{
}
/* モニター表示項目個別領域 構成色（時間）*/
.monitorItem.patternTime
{
}
/* モニター表示項目個別領域 構成色（回数）*/
.monitorItem.patternCount
{
}

/* モニター表示項目タイトル */
.monitorItem .itemTitle
{
    left: 0px; 
    top: 0px; 
    height: 20px; 
    width: 65px;  
    font-size: 15px; 
    text-indent: 2px;
    
    max-width:62px; 
	overflow:hidden; 
	white-space:nowrap;
}
/* モニター表示項目タイトル 生産数 */
.monitorItem.product .itemTitle
{
}
/* モニター表示項目タイトル 稼働時間 */
.monitorItem.operation .itemTitle
{
}
/* モニター表示項目タイトル 異常時間 */
.monitorItem.error .itemTitle
{
}
/* モニター表示項目タイトル 計画数 */
.monitorItem.productPlan .itemTitle
{
}
/* モニター表示項目タイトル 監視時間 */
.monitorItem.watchTime .itemTitle
{
}
/* モニター表示項目タイトル 生産（生産数） */
.monitorItem.productCount .itemTitle
{
}
/* モニター表示項目タイトル 生産（生産率） */
.monitorItem.productRate .itemTitle
{
}
/* モニター表示項目タイトル 稼働（稼働時間） */
.monitorItem.operationTime .itemTitle
{
}
/* モニター表示項目タイトル 稼働（稼働率） */
.monitorItem.operationRate .itemTitle
{
}
/* モニター表示項目タイトル 異常（異常時間） */
.monitorItem.errorTime .itemTitle
{
}
/* モニター表示項目タイトル 異常（異常回数） */
.monitorItem.errorCount .itemTitle
{
}
/* モニター表示項目タイトル 異常（異常率） */
.monitorItem.errorRate .itemTitle
{
}
/* モニター表示項目タイトル 構成色（時間） */
.monitorItem.patternTime .itemTitle
{
}
/* モニター表示項目タイトル 構成色（回数） */
.monitorItem.patternCount .itemTitle
{
}
/* モニター表示項目進捗値 性能 */
.monitorItem.eqpEffeciency .itemTitle
{
}

/* モニター表示項目メイン値 */
.monitorItem .itemMainValue
{
    left: 55px;
    top: -5px; 
    height: 30px; 
    width: 95px;
    font-size: 21px; 
    font-style: italic; 
    text-align: right; 
    background-color: transparent;
    overflow:hidden;
}
/* モニター表示項目メイン値 生産数 */
.monitorItem.product .itemMainValue
{
}
/* モニター表示項目メイン値 稼働時間 */
.monitorItem.operation .itemMainValue
{
}
/* モニター表示項目メイン値 異常時間 */
.monitorItem.error .itemMainValue
{
}
/* モニター表示項目メイン値 計画数 */
.monitorItem.productPlan .itemMainValue
{ 
    top: -3px; 
}
/* モニター表示項目メイン値 監視時間 */
.monitorItem.watchTime .itemMainValue
{
    top: -3px; 
}
/* モニター表示項目値 生産（生産数） */
.monitorItem.productCount .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 生産（生産率） */
.monitorItem.productRate .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 稼働（稼働時間） */
.monitorItem.operationTime .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 稼働（稼働率） */
.monitorItem.operationRate .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 異常（異常時間） */
.monitorItem.errorTime .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 異常（異常回数） */
.monitorItem.errorCount .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 異常（異常率） */
.monitorItem.errorRate .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 構成色（時間） */
.monitorItem.patternTime .itemMainValue
{
    top: -3px;
}
/* モニター表示項目値 構成色（回数） */
.monitorItem.patternCount .itemMainValue
{
    top: -3px;
}
/* モニター表示項目進捗値 稼働目標 */
.monitorItem.targetOpeTime .itemMainValue
{
    font-size: 20px;
    left:59px;
}

/* モニター表示項目サブ値 */
.monitorItem .itemSubValue
{
   left: 55px; 
   top: 30px; 
   height: 20px; 
   width: 85px; 
   font-style: italic; 
   font-size: 11px; 
   text-align: right; 
   background-color: transparent; 
}
/* モニター表示項目サブ値 生産数 */
.monitorItem.product .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 稼働時間 */
.monitorItem.operation .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 異常時間 */
.monitorItem.error .itemSubValue
{
}
/* モニター表示項目サブ値 計画数 */
.monitorItem.productPlan .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 監視時間 */
.monitorItem.watchTime .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 生産（生産数） */
.monitorItem.productCount .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 生産（生産率） */
.monitorItem.productRate .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 稼働（稼働時間） */
.monitorItem.operationTime .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 稼働（稼働率） */
.monitorItem.operationRate .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 異常（異常時間） */
.monitorItem.errorTime .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 異常（異常回数） */
.monitorItem.errorCount .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 異常（異常率） */
.monitorItem.errorRate .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 構成色（時間） */
.monitorItem.patternTime .itemSubValue
{
    display: none;
}
/* モニター表示項目サブ値 構成色（回数） */
.monitorItem.patternCount .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗値 性能 */
.monitorItem.eqpEffeciency .itemSubValue
{
    display: none;
}

/* モニター表示項目進捗 */
.monitorItem .itemProgress
{
    left: 6px; 
    top: 27px; 
    width: 140px; 
    height: 5px; 
    text-align: right; 
    background-color: transparent;
}
/* モニター表示項目進捗 生産数 */
.monitorItem.product .itemProgress
{
}
/* モニター表示項目進捗 稼働時間 */
.monitorItem.operation .itemProgress
{
}
/* モニター表示項目進捗 異常時間 */
.monitorItem.error .itemProgress
{
}
/* モニター表示項目進捗 計画数 */
.monitorItem.productPlan .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 監視時間 */
.monitorItem.watchTime .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 生産（生産数） */
.monitorItem.productCount .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 生産（生産率） */
.monitorItem.productRate .itemProgress
{
}
/* モニター表示項目進捗 稼働（稼働時間） */
.monitorItem.operationTime .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 稼働（稼働率） */
.monitorItem.operationRate .itemProgress
{
}
/* モニター表示項目進捗 異常（異常時間） */
.monitorItem.errorTime .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 異常（異常回数） */
.monitorItem.errorCount .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 異常（異常率） */
.monitorItem.errorRate .itemProgress
{
}
/* モニター表示項目進捗 構成色（時間） */
.monitorItem.patternTime .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 構成色（回数） */
.monitorItem.patternCount .itemProgress
{
    display: none;
}

/* モニター表示項目進捗背景バー */
.monitorItem .itemProgress .baseBar
{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 140px;
    height: 5px;
    background-color: #444444;
}
/* モニター表示項目進捗 生産数 */
.monitorItem.product .itemProgress .baseBar
{
}
/* モニター表示項目進捗 稼働時間 */
.monitorItem.operation .itemProgress .baseBar
{
}
/* モニター表示項目進捗 異常時間 */
.monitorItem.error .itemProgress .baseBar
{
}
/* モニター表示項目進捗 計画数 */
.monitorItem.productPlan .itemProgress .baseBar
{
}
/* モニター表示項目進捗 監視時間 */
.monitorItem.watchTime .itemProgress .baseBar
{
}
/* モニター表示項目進捗 生産（生産数） */
.monitorItem.productCount .itemProgress .baseBar
{
}
/* モニター表示項目進捗 生産（生産率） */
.monitorItem.productRate .itemProgress .baseBar
{
}
/* モニター表示項目進捗 稼働（稼働時間） */
.monitorItem.operationTime .itemProgress .baseBar
{
}
/* モニター表示項目進捗 稼働（稼働率） */
.monitorItem.operationRate .itemProgress .baseBar
{
}
/* モニター表示項目進捗 異常（異常時間） */
.monitorItem.errorTime .itemProgress .baseBar
{
}
/* モニター表示項目進捗 異常（異常回数） */
.monitorItem.errorCount .itemProgress .baseBar
{
}
/* モニター表示項目進捗 異常（異常率） */
.monitorItem.errorRate .itemProgress .baseBar
{
}
/* モニター表示項目進捗 構成色（時間） */
.monitorItem.patternTime .itemProgress .baseBar
{
}
/* モニター表示項目進捗 構成色（回数） */
.monitorItem.patternCount .itemProgress .baseBar
{
}
/* モニター表示項目進捗バー */
.monitorItem .itemProgress .progressBar
{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 5px;
}
/* モニター表示項目進捗バー 生産数 */
.monitorItem.product .itemProgress .progressBar
{
    background-color: #3399cc;
}
/* モニター表示項目進捗バー 稼働時間 */
.monitorItem.operation .itemProgress .progressBar
{
    background-color: #008800;
}
/* モニター表示項目進捗バー 異常時間 */
.monitorItem.error .itemProgress .progressBar
{
    background-color: #ff0000;
}
/* モニター表示項目進捗バー 計画数 */
.monitorItem.productPlan .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 監視時間 */
.monitorItem.watchTime .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 生産（生産数） */
.monitorItem.productCount .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 生産（生産率） */
.monitorItem.productRate .itemProgress .progressBar
{
    background-color: #3399cc;
}
/* モニター表示項目進捗バー 稼働（稼働時間） */
.monitorItem.operationTime .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 稼働（稼働率） */
.monitorItem.operationRate .itemProgress .progressBar
{
    background-color: #008800;
}
/* モニター表示項目進捗バー 異常（異常時間） */
.monitorItem.errorTime .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 異常（異常回数） */
.monitorItem.errorCount .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 異常（異常率） */
.monitorItem.errorRate .itemProgress .progressBar
{
    background-color: #ff0000;
}
/* モニター表示項目進捗バー 構成色（時間） */
.monitorItem.patternTime .itemProgress .progressBar
{
}
/* モニター表示項目進捗バー 構成色（回数） */
.monitorItem.patternCount .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 性能 */
.monitorItem.eqpEffeciency .itemProgress .progressBar
{
    background-color: #008800;
}
.monitorItem.eqpEffeciency.lv1 .itemProgress .progressBar
{
    background-color: #ff0000;
}
.monitorItem.eqpEffeciency.lv2 .itemProgress .progressBar
{
    background-color: #ff8c00;
}
.monitorItem.eqpEffeciency.lv3 .itemProgress .progressBar
{
    background-color: #0080e8;
}
.monitorItem.eqpEffeciency.lv4 .itemProgress .progressBar
{
    background-color: #008800;
}

/* モニター表示項目進捗値 */
.monitorItem .itemProgress .progressValue
{
    position: absolute;
    left: 56px;
    top: -12px;
    width: 80px;
    height: 2px; 
    font-size: 11px;
}
/* モニター表示項目進捗値 生産数 */
.monitorItem.product .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 稼働時間 */
.monitorItem.operation .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 異常時間 */
.monitorItem.error .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 計画数 */
.monitorItem.productPlan .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 監視時間 */
.monitorItem.watchTime .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 生産（生産数） */
.monitorItem.productCount .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 生産（生産率） */
.monitorItem.productRate .itemProgress .progressValue
{
    display: none;
}
/* モニター表示項目進捗値 稼働（稼働時間） */
.monitorItem.operationTime .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 稼働（稼働率） */
.monitorItem.operationRate .itemProgress .progressValue
{
    display: none;
}
/* モニター表示項目進捗値 異常（異常時間） */
.monitorItem.errorTime .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 異常（異常回数） */
.monitorItem.errorCount .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 異常（異常率） */
.monitorItem.errorRate .itemProgress .progressValue
{
    display: none;
}
/* モニター表示項目進捗値 構成色（時間） */
.monitorItem.patternTime .itemProgress .progressValue
{
}
/* モニター表示項目進捗値 構成色（回数） */
.monitorItem.patternCount .itemProgress .progressValue
{
}

/* 日付進捗率（領域）*/
.todayProgress
{
}
.todayBaseBar
{
	position: absolute;
	width: 200px;
	height: 6px;
	background-color: #444444;
}
.todayProgressBar
{
	position: absolute;
	width: 0px;
	height: 6px;
	background-color: #3399cc;
}
.todayProgressValue
{
	position: absolute;
	top: -6px;
	left: 165px;
	width: 45px;
	height: 6px;
	font-size: 12px;
}

/*---- 2018/01/15 Ver5.0.0 ADD Start M.nakashima ----*/
/*  モニターデータ */
/* モニター表示項目メイン値 タイトル */
.monitorItem.MonitorDataItem .itemTitle
{
	max-width:150px;
	width: 146px;
	font-size: 18px;
	
}
/* モニター表示項目メイン値 生産数 */
.monitorItem.MonitorDataItem .itemMainValue
{
	display:none;
	
}
/* モニター表示項目メイン値 生産数 */
.monitorItem.MonitorDataItem .itemSubValue
{
	display:none;
	
}
/* モニター表示項目メイン値 生産数 */
.monitorItem.MonitorDataItem .itemProgress
{
	display:none;
}
/* モニター表示項目メイン値 生産数 */
.monitorItem.MonitorDataItem .itemProgress.baseBar
{
	display:none;
}
.monitorItem.MonitorDataItem
{
	top: 5px;
}
/*----- 2018/01/15 Ver5.0.0 ADD End M.nakashima -----*/


/*---- 2018/04/05 Ver5.0.0 ADD Start M.nakashima ----*/
/*---------------------
性能 ------------------ 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.eqpEffeciency
{
}
/* モニター表示項目タイトル */
.monitorItem.eqpEffeciency .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.eqpEffeciency .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.eqpEffeciency .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.eqpEffeciency .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.eqpEffeciency .itemProgress .baseBar
{
}
/* モニター表示項目進捗バー  */
.monitorItem.eqpEffeciency .itemProgress .progressBar
{
    background-color: #0080e8;
}
/* モニター表示項目進捗値 */
.monitorItem.eqpEffeciency .itemProgress .progressValue
{

    display: none;
}

/*---------------------
設備総合効率 --------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.oee
{
}
/* モニター表示項目タイトル */
.monitorItem.oee .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.oee .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.oee .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.oee .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.oee .itemProgress .baseBar
{
}
/* モニター表示項目進捗バー  */
.monitorItem.oee .itemProgress .progressBar
{
    background-color: #0080e8;
}
/* モニター表示項目進捗値 */
.monitorItem.oee .itemProgress .progressValue
{
    display: none;
}

/*---------------------
品質 ----------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.quality
{
}
/* モニター表示項目タイトル */
.monitorItem.quality .itemTitle
{
}
/* モニター表示項目値*/
.monitorItem.quality .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.quality .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.quality .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.quality .itemProgress .baseBar
{
}
/* モニター表示項目進捗バー  */
.monitorItem.quality .itemProgress .progressBar
{
    background-color: #0080e8;
}
/* モニター表示項目進捗値 */
.monitorItem.quality .itemProgress .progressValue
{
    display: none;
}

/*---------------------
良品数 ----------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.goodProducts
{
}
/* モニター表示項目タイトル */
.monitorItem.goodProducts .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.goodProducts .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.goodProducts .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.goodProducts .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.goodProducts .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.goodProducts .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 */
.monitorItem.goodProducts .itemProgress .progressValue
{
    display: none;
}

/*---------------------
不良品数 ---------------　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.defectiveProducts
{
}
/* モニター表示項目タイトル */
.monitorItem.defectiveProducts .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.defectiveProducts .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.defectiveProducts .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.defectiveProducts .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.defectiveProducts .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.defectiveProducts .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 */
.monitorItem.defectiveProducts .itemProgress .progressValue
{
    display: none;
}

/*---------------------
生産可能数 ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.theoreticalOutput
{
}
/* モニター表示項目タイトル */
.monitorItem.theoreticalOutput .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.theoreticalOutput .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.theoreticalOutput .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.theoreticalOutput .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.theoreticalOutput .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.theoreticalOutput .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 */
.monitorItem.theoreticalOutput .itemProgress .progressValue
{
    display: none;
}


/*---------------------
生産タクト ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.proTaktTime
{
}
/* モニター表示項目タイトル */
.monitorItem.proTaktTime .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.proTaktTime .itemMainValue
{
    top: -3px;
}
/* モニター表示項目サブ値  */
.monitorItem.proTaktTime .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.proTaktTime .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.proTaktTime .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.proTaktTime .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 */
.monitorItem.proTaktTime .itemProgress .progressValue
{
    display: none;
}
/*----- 2018/04/05 Ver5.0.0 ADD End M.nakashima -----*/

/*---------------------
差異 ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.eqpDifference
{
}
/* モニター表示項目タイトル */
.monitorItem.eqpDifference .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.eqpDifference .itemMainValue
{
    top: -3px;
}
.monitorItem.eqpDifference.minus .itemMainValue
{
    color:#FF2222;
}
/* モニター表示項目サブ値  */
.monitorItem.eqpDifference .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.eqpDifference .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.eqpDifference .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.eqpDifference .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 */
.monitorItem.eqpDifference .itemProgress .progressValue
{
    display: none;
}

/*----- 2019/03/14 Ver6.0.0 ADD Start M.nakashima -----*/
/*---------------------
稼働目標時間 ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.targetOpeTime
{
}
/* モニター表示項目タイトル */
.monitorItem.targetOpeTime .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.targetOpeTime .itemMainValue
{
    top: -3px;
}
.monitorItem.targetOpeTime.minus .itemMainValue
{
    color:#FF2222;
}
/* モニター表示項目サブ値  */
.monitorItem.targetOpeTime .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.targetOpeTime .itemProgress
{
}
/* モニター表示項目進捗 */
.monitorItem.targetOpeTime .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.targetOpeTime .itemProgress .progressBar
{
}
/* モニター表示項目進捗値 */
.monitorItem.targetOpeTime .itemProgress .progressValue
{
    display: none;
}

/*---------------------
稼働達成率 ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.opeAcvRatio
{
}
/* モニター表示項目タイトル */
.monitorItem.targetOpeTime .opeAcvRatio
{
}
/* モニター表示項目値 */
.monitorItem.targetOpeTime .opeAcvRatio
{
    top: -3px;
}
.monitorItem.targetOpeTime.minus .opeAcvRatio
{
    color:#FF2222;
}
/* モニター表示項目サブ値  */
.monitorItem.targetOpeTime .opeAcvRatio
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.targetOpeTime .opeAcvRatio
{
}
/* モニター表示項目進捗 */
.monitorItem.opeAcvRatio .itemProgress .baseBar
{

}
/* モニター表示項目進捗バー  */
.monitorItem.opeAcvRatio .itemProgress .progressBar
{
    background-color: #008800;
}
/* モニター表示項目進捗値 */
.monitorItem.opeAcvRatio .itemProgress .progressValue
{    
    display: none;
}
/*----- 2019/03/14 Ver6.0.0 ADD End M.nakashima ----*/

/*-- 2019/04/02 Ver6.0.0 ADD Start H.yamanaka --*/
/*---------------------
管理単位 ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.manageUnit
{
}
/* モニター表示項目タイトル */
.monitorItem.manageUnit .itemTitle
{
    display: none;
}
/* モニター表示項目値 */
.monitorItem.manageUnit .itemMainValue
{
    font-size: 15px;
    top: 0px;
    left: 0px;
    white-space: nowrap;
    width: 145px;
    
}
/* モニター表示項目サブ値  */
.monitorItem.manageUnit .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.manageUnit .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.manageUnit .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.manageUnit .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.manageUnit .itemProgress .progressValue
{
    display: none;
}
/*---------------------
付加情報 ------------- 　
----------------------*/
/* モニター表示項目個別領域 */
.monitorItem.addInfo
{
}
/* モニター表示項目タイトル */
.monitorItem.addInfo .itemTitle
{
    display: none;
}
/* モニター表示項目値 */
.monitorItem.addInfo .itemMainValue
{
    font-size: 15px;
    top: 0px;
    left: 0px;
    white-space: nowrap;
    width: 145px;
}
/* モニター表示項目サブ値  */
.monitorItem.addInfo .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.addInfo .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.addInfo .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー */
.monitorItem.addInfo .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.addInfo .itemProgress .progressValue
{
    display: none;
}
/*-- 2019/04/02 Ver6.0.0 ADD End H.yamanaka --*/

/* 2020/06/01 ADD Start T.Murakami v7.0.0 */
/*---------------------
固定データ1 ----------- 　
----------------------*/
.monitorItem.fixecdContent1
{
}
/* モニター表示項目タイトル */
.monitorItem.fixecdContent1 .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.fixecdContent1 .itemMainValue
{
}
/* モニター表示項目サブ値  */
.monitorItem.fixecdContent1 .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.fixecdContent1 .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.fixecdContent1 .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.fixecdContent1 .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.fixecdContent1 .itemProgress .progressValue
{
    display: none;
}
/*---------------------
固定データ2 ----------- 　
----------------------*/
.monitorItem.fixecdContent2
{
}
/* モニター表示項目タイトル */
.monitorItem.fixecdContent2 .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.fixecdContent2 .itemMainValue
{
}
/* モニター表示項目サブ値  */
.monitorItem.fixecdContent2 .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.fixecdContent2 .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.fixecdContent2 .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.fixecdContent2 .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.fixecdContent2 .itemProgress .progressValue
{
    display: none;
}
/*---------------------
固定データ3 ----------- 　
----------------------*/
.monitorItem.fixecdContent3
{
}
/* モニター表示項目タイトル */
.monitorItem.fixecdContent3 .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.fixecdContent3 .itemMainValue
{
}
/* モニター表示項目サブ値  */
.monitorItem.fixecdContent3 .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.fixecdContent3 .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.fixecdContent3 .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.fixecdContent3 .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.fixecdContent3 .itemProgress .progressValue
{
    display: none;
}
/*---------------------
予定終了時刻 ---------- 　
----------------------*/
.monitorItem.planEndTime
{
}
/* モニター表示項目タイトル */
.monitorItem.planEndTime .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.planEndTime .itemMainValue
{
    font-size: 14px;
    top: 0px;
}
/* モニター表示項目サブ値  */
.monitorItem.planEndTime .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.planEndTime .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.planEndTime .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.planEndTime .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.planEndTime .itemProgress .progressValue
{
    display: none;
}
/*---------------------
残作業時間 ------------ 　
----------------------*/
.monitorItem.remainTime
{
}
/* モニター表示項目タイトル */
.monitorItem.remainTime .itemTitle
{
}
/* モニター表示項目値 */
.monitorItem.remainTime .itemMainValue
{
}
/* モニター表示項目サブ値  */
.monitorItem.remainTime .itemSubValue
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.remainTime .itemProgress
{
    display: none;
}
/* モニター表示項目進捗 */
.monitorItem.remainTime .itemProgress .baseBar
{
    display: none;
}
/* モニター表示項目進捗バー  */
.monitorItem.remainTime .itemProgress .progressBar
{
    display: none;
}
/* モニター表示項目進捗値 */
.monitorItem.remainTime .itemProgress .progressValue
{
    display: none;
}
/* 2020/06/01 ADD End T.Murakami v7.0.0 */

/* 2018/04/23 ADD Start T.Murakami v5.0.0 */
/* 動画 表示領域 */
.divCameraArea 
{
    position: relative;
    overflow: hidden;
    /* 2021/10/22 Ver12.0.0 MOD Start S.Hirata */
    left: 4px;
    top: 47px;
    /* 2021/10/22 Ver12.0.0 MOD End S.Hirata */
    height: 122px;
    width: 194px;
}
/* 動画 本体 */
.divVideoArea .divVideo .on
{
	position: absolute;
	height: 122px;
	width: 194px;
	background-color: Black;
    border-radius: 0 0 5px 5px/0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px/0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px/0 0 5px 5px;
}
/* ストリミング */
.divCameraArea .divCamera .cameraIframe
{
    border-radius: 0 0 5px 5px/0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px/0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px/0 0 5px 5px;
}
/* 2018/04/23 ADD End T.Murakami v5.0.0 */

.popup_alarm 
{
    position:absolute; 
	top: 30px;
	left: 100px;
    width: 1080px; 
    height: 630px; 
    background-color: #222222; 
    z-index:2100;
    padding: 5px 35px 30px 10px;
    margin: 0px auto auto auto;
    border-top: solid 5px #808080;
    border-right: solid 5px #808080;
    border-bottom: solid 5px #808080;
    border-left: solid 5px #808080;
    border-radius: 7px/7px;
    -webkit-border-radius: 7px/7px;
}
.popup_alarm.bg
{
    position: fixed; 
    top:0px; 
    left:0px; 
    width: 100%; 
    height: 100%; 
    opacity:0.8; 
    z-index: 2000;
    padding: 0;
    margin: 0;
    border:none;
    border-radius: 0;
    -webkit-border-radius: 0;
}
.popup_alarm .title
{
    padding-top:5px; 
    padding-left:2px;
}
.popup_alarm .close
{
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; 
    color:#f8f8f8;
}
.popup_alarm .close:hover, .popup_alarm .close:focus 
{
    opacity: 1; 
}
.popup_alarm .close:active 
{
    top: 1px; 
}
#iframeAlarmRegistorPopup
{
    background-color:#222222;
}

/* 2019/02/07 Ver.5.2.0 ADD Start M.nakashima */
.divRespondeArea 
{
    position: absolute;
    top: 8px;
    /* 2022/03/17 Ver13.0.0 ADD Start S.Hirata */
    /*left: 123px;*/
    right: 75px;
    /* 2022/03/17 Ver13.0.0 ADD End S.Hirata */
}
.divResponde 
{
    padding: 2px 7px;
    background-color: #222222;
    /* 2021/11/30 Ver12.0.0 ADD Start S.Hirata */
    border: 1px solid #ffffff;
    /* 2021/11/30 Ver12.0.0 ADD End S.Hirata */
    width: 54px;
    height: 25px;
    border-radius: 3px;
}
.respondeName 
{
    font-size:18px;
    font-weight:bold;
}
/* 2019/02/07 Ver.5.2.0 ADD End   M.nakashima */
/* 2020/10/01 Ver8.0.0 ADD Start T.Ishida */
.newLine {
    clear:both;
}

/* 2020/10/01 Ver8.0.0 ADD Enf T.Ishida */

/* 2021/01/15 ADD Start T.Ishida v9.0.0 */
.step3 {
    height: 170px;
}
.step4{
    height: 195px;
}
.step5{
    height: 230px;
}
.contentStep3 {
    height: 120px;
}
.contentStep4{
    height: 140px;
}
.contentStep5{
    height: 175px;
}

/* 2021/01/15 ADD End T.Ishida v9.0.0 */