/* ====================================================================== */
/* 信号灯日報画面                                                         */
/* ====================================================================== */
/* ---------------------------------------------------------------------- */
/* データ表示エリア                                                       */
/* ---------------------------------------------------------------------- */

.divViewArea
{
	position:relative;
    min-height: 930px;
    margin-bottom: 20px;
}
.divContentsArea
{
	position: relative; 
    min-height: 718px;
    min-width: 1100px;
	width: 100%;
	border-top: #808080 solid 0px; 
	padding: 0 0px 5px 0; 
	margin: 0 0 0px 0; 
	top:15px;
} 
/* ---------------------------------------------------------------------- */
/* 統計情報                                                               */
/* ---------------------------------------------------------------------- */
.divContentsArea #divOperationDataArea
{
    float:left;
	width: 281px;
	height: 490px;
	margin: 3px 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px #696969;
	background-color: #222222;
}
/* 共通 */
.divContentsArea #divOperationDataArea *
{
}

/* タイトル */
.divContentsArea #divOperationDataArea .title
{
	width: 281px;
	height: 25px;
	line-height: 25px;
	color: #f8f8f8;
	text-indent: 5px;
	background-color: #696969;
}

/* 各統計情報表示エリア */
.divContentsArea #divOperationDataArea .divSummaryDataArea
{
	position: relative;
	margin-top: 5px; 
	float: left;
}
/* 各統計情報項目タイトル表示エリア */
.divContentsArea #divOperationDataArea .divSummaryDataArea .divSummaryDataItemTitleArea
{
	position: relative;
	width: 132px; 
	margin: 0px 0 0 0px; 
	float: left; 
}
/* 各統計情報項目タイトル */
.divContentsArea #divOperationDataArea .divSummaryDataArea .divSummaryDataItemTitleArea .summaryDataItemTitle
{ 
	margin: 1px 0 1px 9px; 
	width: 190px;  
	height: 18px;
	text-align: left;
}
/* 各統計情報項目値表示エリア */
.divContentsArea #divOperationDataArea .divSummaryDataArea .divSummaryDataItemValueArea
{
	position: relative;
	width: 145px;
	margin: 1px 0 0 0; 
	float: left; 
}
/* 各統計情報項目値 */
.divContentsArea #divOperationDataArea .divSummaryDataArea .divSummaryDataItemValueArea .summaryDataItemValue
{ 
	margin: 1px 0 1px 0; 
	width: 145px;
	height: 18px;
	text-align: right;
}

/* 評価表示(星) */
.starBlink
{
	color: #ff8c00;
}
/* 2018/04/20 ADD Start T.Murakami v5.0.0 */
.cameraArea
{
    display: inline-block;
    position: absolute;
    left: 287px;
	width: 809px;
	height: 490px;
	margin: 5px 0 0 0;
	padding: 0 0 0 0;
	border: solid 1px #696969;
	background-color: #222222;
}
/* 2018/04/20 ADD End T.Murakami v5.0.0 */

/* ---------------------------------------------------------------------- */
/* 信号情報                                                               */
/* ---------------------------------------------------------------------- */
.divContentsArea #divSignalDataArea
{

    float:left;
	width: 809px;
	height: 490px;
	margin: 3px 0 0 5px;
	padding: 0 0 0 0;
	border: solid 1px #696969;
	background-color: #222222;
	
}
/* 共通 */
.divContentsArea #divSignalDataArea *
{
}
/* タイトル */
.divContentsArea #divSignalDataArea .title
{

	left: 0px; 
	top: 0px;
	width: 809px;
	height: 25px;
	line-height: 25px;
	
	color: #f8f8f8;
	
	text-indent: 5px;
	
	background-color: #696969;
}
/* コメント */
.divContentsArea #divSignalDataArea .comment
{

	width: 600px;
	height: 25px;
	line-height: 25px;
	color: #f8f8f8;
	text-indent: 0px;
    padding-left:10px;
}
/* 信号情報テーブル */
.divContentsArea #divSignalDataArea .divSignalDataTable,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal
{
	background-color: #696969;
   
}
/* 信号情報テーブル 信号色セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .th,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .th
{
    text-align: center;
	width: 20px;
	background-color: #505050;
	border: solid 0px #ffffff;
}
.divContentsArea #divSignalDataArea .divSignalDataTable .td.signalColorCell1,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.signalColorCell1
{
    text-align: center;
	width: 20px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #eeeeee;
	border: solid 0px #ffffff;
}
.divContentsArea #divSignalDataArea .divSignalDataTable .td.signalColorCell2,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.signalColorCell2
{
    text-align: center;
	width: 26px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
}
.divContentsArea #divSignalDataArea .divSignalDataTable .td.signalColorCell3,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.signalColorCell3
{
    text-align: center;
	width: 63px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #eeeeee;
	border: solid 0px #ffffff;
}
/* 信号情報テーブル 構成色タグカラー */
.compRed
{
	background-image: url('./images/icon_signal_setting_comp_red.png');
	background-repeat: no-repeat;
	width:50px;
	height:22px;
	background-position: center;
	background-size: 90%;
}
.compYellow
{
	background-image: url('./images/icon_signal_setting_comp_yellow.png');
	background-repeat: no-repeat;
	width:50px;
	height:22px;
	background-position: center;
	background-size: 90%;
}
.compGreen
{
	background-image: url('./images/icon_signal_setting_comp_green.png');
	background-repeat: no-repeat;
	width:50px;
	height:22px;
	background-position: center;
	background-size: 90%;
}
.compBlue
{
	background-image: url('./images/icon_signal_setting_comp_blue.png');
	background-repeat: no-repeat;
	width:50px;
	height:22px;
	background-position: center;
	background-size: 90%;
}
.compWhite
{
	background-image: url('./images/icon_signal_setting_comp_white.png');
	background-repeat: no-repeat;
	width:50px;
	height:22px;
	background-position: center;
	background-size: 90%;
}
.compBuzzer
{
	background-image: url('./images/icon_signal_setting_comp_buzzer.png');
	background-repeat: no-repeat;
	width:50px;
	height:22px;
	background-position: center;
	background-size: 90%;
}
/* 信号情報テーブル 信号灯セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.signalColorstatus,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.signalColorstatus
{
    text-align: center;
	width: 20px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #eeeeee;
	border: solid 0px #ffffff;
}
/* 信号情報テーブル 表示色 */
.signalDataItem
{
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	line-height: 15px;
    display: inline-block;
}

/*----- 2019/02/22 Ver6.0.0 MOD End M.nakashima -----*/
.signalDataItem.DispColor1
{
	background:#ff1b1b;
    border-radius:50%;
}
.signalDataItem.DispColor2
{
	background:#ff7f50;
    border-radius:50%;
}
.signalDataItem.DispColor3
{
	background:#ffa500;
    border-radius:50%;
}
.signalDataItem.DispColor4
{
	background:#ffff00;
    border-radius:50%;
}
.signalDataItem.DispColor5
{
	background:#f0e68c;
    border-radius:50%;
}
.signalDataItem.DispColor6
{
	background:#d1de4c;
    border-radius:50%;
}
.signalDataItem.DispColor7
{
	background:#abff2f;
    border-radius:50%;
}
.signalDataItem.DispColor8
{
	background:#9cbb1c;
    border-radius:50%;
}
.signalDataItem.DispColor9
{
	background:#009600;
    border-radius:50%;
}
.signalDataItem.DispColor10
{
	background:#0000fd;
    border-radius:50%;
}
.signalDataItem.DispColor11
{
	background:#3d9eff;
    border-radius:50%;
}
.signalDataItem.DispColor12
{
	background:#bbdbf3;
    border-radius:50%;
}
.signalDataItem.DispColor13
{
	background:#aaaaff;
    border-radius:50%;
}
.signalDataItem.DispColor14
{
	background:#990099;
    border-radius:50%;
}
.signalDataItem.DispColor15
{
	background:#ff33cc;
    border-radius:50%;
}
.signalDataItem.DispColor16
{
	background:#ffbdd3;
    border-radius:50%;
}
/*----- 2019/02/22 Ver6.0.0 ADD Start M.nakashima ----*/

/* 信号情報テーブル 信号状態名称セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.nameCell,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.nameCell
{
    text-align: center;
	width: 150px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
}
/* 信号情報テーブル 信号時間セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.timeCell,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.timeCell
{
    text-align: center;    
	width: 105px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
	padding-right: 5px;
}
/* 信号情報テーブル 信号回数セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.countCell,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.countCell
{
    text-align: center;
	width: 55px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
	padding-right: 5px;
}
/* 信号情報テーブル 信号平均時間セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.avetimeCell,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.avetimeCell
{
    text-align: center;
	width: 105px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
	padding-right: 5px;
}
/* 信号情報テーブル 信号割合セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.proCell,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.proCell
{
    text-align: center;
	width: 55px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
	padding-right: 5px;
}
/* 信号情報テーブル 信号表示色セル */
.divContentsArea #divSignalDataArea .divSignalDataTable .td.showSignalColorCell,
.divContentsArea #divSignalDataArea .divSignalDataTable_signal .td.showSignalColorCell
{
    text-align: center;
	width: 70px;
	height:22px;
	padding: 1px 0 1px 0;
	background-color: #222222;
	border: solid 0px #ffffff;
}

/* 信号情報 アイコン */
.divContentsArea #divSignalDataArea .signalIcon
{
	width: 20px; 
	height: 30px; 
	background-repeat: no-repeat; 
    margin-top:1px;
    margin-bottom:1px;
    margin-left:40px;
}
/* 信号情報 アイコン 赤 */
.divContentsArea #divSignalDataArea .signalIcon.red
{   
     background:linear-gradient(-60deg, rgba(255, 0, 0, 1), rgba(255, 60, 60, 1));
     border-radius:3px;
}
/* 信号情報 アイコン 黄 */
.divContentsArea #divSignalDataArea .signalIcon.yellow
{
    background:linear-gradient(-60deg, rgba(255, 166, 0, 1), rgba(255, 190, 0, 1));
     border-radius:3px;
}
/* 信号情報 アイコン緑 */
.divContentsArea #divSignalDataArea .signalIcon.green
{
    background:linear-gradient(-60deg, rgba(0, 99, 0, 1), rgba(0, 170, 0, 1));
     border-radius:3px;
}
/* 信号情報 アイコン青 */
.divContentsArea #divSignalDataArea .signalIcon.blue
{
    background:linear-gradient(-60deg, rgba(0, 0, 110, 1), rgba(0, 0, 254, 1));
     border-radius:3px;
}
/* 信号情報 アイコン白 */
.divContentsArea #divSignalDataArea .signalIcon.white
{
    background:linear-gradient(-60deg, rgba(195, 195, 195,  1), rgba(211, 211, 211,  1));
     border-radius:3px;
}
/* 信号情報 アイコン　ブザー */
.divContentsArea #divSignalDataArea .signalIcon.buzzer
{
	width : 20px; 
	background-image: url('./images/icon_signal_buzzer.png'); 
}
/* 信号情報 アイコン　ブザー */
.divContentsArea #divSignalDataArea .signalIcon.buzzer.ON
{
	width : 20px; 
	background-image: url('./images/icon_signal_buzzer_on.png'); 
}
/* 信号情報 アイコン青 */
.divContentsArea #divSignalDataArea .none
{
    display:none;
}
.Flash {
  animation: flash 5.0s linear infinite;
}

@keyframes flash {
  0%,100% {
    opacity: 1;
  }

  50% {
    opacity: 0.2;
  }
}
/* 信号情報 設定なし・全消灯 */
.divContentsArea #divSignalDataArea .off
{
	font-size:18px;
}
/* 信号情報 赤点灯 */
.divContentsArea #divSignalDataArea .onRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_red.png');
	background-position: -15px 0;
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅 */
.divContentsArea #divSignalDataArea .blinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_red.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+設定なし */
.divContentsArea #divSignalDataArea .onRednoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+設定なし */
.divContentsArea #divSignalDataArea .blinkRednoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+緑点灯 */
.divContentsArea #divSignalDataArea .onRedonGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_onGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+黄点灯 */
.divContentsArea #divSignalDataArea .onRedonYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+青点灯 */
.divContentsArea #divSignalDataArea .onRedonBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+緑点滅 */
.divContentsArea #divSignalDataArea .onRedblinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_blinkGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+黄点滅 */
.divContentsArea #divSignalDataArea .onRedblinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点灯+青点滅 */
.divContentsArea #divSignalDataArea .onRedblinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+緑点灯 */
.divContentsArea #divSignalDataArea .blinkRedonGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_onGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+黄点灯 */
.divContentsArea #divSignalDataArea .blinkRedonYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+青点灯 */
.divContentsArea #divSignalDataArea .blinkRedonBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+緑点滅 */
.divContentsArea #divSignalDataArea .blinkRedblinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_blinkGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+黄点滅 */
.divContentsArea #divSignalDataArea .blinkRedblinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 赤点滅+青点滅 */
.divContentsArea #divSignalDataArea .blinkRedblinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_blinkBlue.png');
	background-repeat: no-repeat;
}

/* 信号情報 黄点灯 */
.divContentsArea #divSignalDataArea .onYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_yellow.png');
	background-position: -15px 0;
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅 */
.divContentsArea #divSignalDataArea .blinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_yellow.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+設定なし */
.divContentsArea #divSignalDataArea .onYellownoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onYellow_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+設定なし */
.divContentsArea #divSignalDataArea .blinkYellownoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkYellow_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+赤点灯 */
.divContentsArea #divSignalDataArea .onYellowonRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+緑点灯 */
.divContentsArea #divSignalDataArea .onYellowonGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+青点灯 */
.divContentsArea #divSignalDataArea .onYellowonBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onYellow_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+赤点滅 */
.divContentsArea #divSignalDataArea .onYellowblinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+緑点滅 */
.divContentsArea #divSignalDataArea .onYellowblinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点灯+青点滅 */
.divContentsArea #divSignalDataArea .onYellowblinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onYellow_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+赤点灯 */
.divContentsArea #divSignalDataArea .blinkYellowonRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+緑点灯 */
.divContentsArea #divSignalDataArea .blinkYellowonGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+青点灯 */
.divContentsArea #divSignalDataArea .blinkYellowonBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkYellow_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+赤点滅 */
.divContentsArea #divSignalDataArea .blinkYellowblinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+緑点滅 */
.divContentsArea #divSignalDataArea .blinkYellowblinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 黄点滅+青点滅 */
.divContentsArea #divSignalDataArea .blinkYellowblinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkYellow_blinkBlue.png');
	background-repeat: no-repeat;
}

/* 信号情報 緑点灯 */
.divContentsArea #divSignalDataArea .onGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_green.png');
	background-position: -15px 0;
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅 */
.divContentsArea #divSignalDataArea .blinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_green.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+設定なし */
.divContentsArea #divSignalDataArea .onGreennoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+設定なし */
.divContentsArea #divSignalDataArea .blinkGreennoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+赤点灯 */
.divContentsArea #divSignalDataArea .onGreenonRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_onGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+黄点灯 */
.divContentsArea #divSignalDataArea .onGreenonYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+青点灯 */
.divContentsArea #divSignalDataArea .onGreenonBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+赤点滅 */
.divContentsArea #divSignalDataArea .onGreenblinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_onGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+黄点滅 */
.divContentsArea #divSignalDataArea .onGreenblinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点灯+青点滅 */
.divContentsArea #divSignalDataArea .onGreenblinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+赤点灯 */
.divContentsArea #divSignalDataArea .blinkGreenonRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_blinkGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+黄点灯 */
.divContentsArea #divSignalDataArea .blinkGreenonYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_onYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+青点灯 */
.divContentsArea #divSignalDataArea .blinkGreenonBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+赤点滅 */
.divContentsArea #divSignalDataArea .blinkGreenblinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_blinkGreen.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+黄点滅 */
.divContentsArea #divSignalDataArea .blinkGreenblinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_blinkYellow.png');
	background-repeat: no-repeat;
}
/* 信号情報 緑点滅+青点滅 */
.divContentsArea #divSignalDataArea .blinkGreenblinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_blinkBlue.png');
	background-repeat: no-repeat;
}

/* 信号情報 青点灯 */
.divContentsArea #divSignalDataArea .onBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_blue.png');
	background-position: -15px 0;
	background-repeat: no-repeat;
}
/* 信号情報 青点滅 */
.divContentsArea #divSignalDataArea .blinkBlue
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/icon_signal_setting_small_blue.png');
	background-position: 0 0;
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+設定なし */
.divContentsArea #divSignalDataArea .onBluenoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onBlue_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+設定なし */
.divContentsArea #divSignalDataArea .blinkBluenoneOther
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkBlue_none.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+赤点灯 */
.divContentsArea #divSignalDataArea .onBlueonRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+緑点灯 */
.divContentsArea #divSignalDataArea .onBlueonGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+黄点灯 */
.divContentsArea #divSignalDataArea .onBlueonYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onYellow_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+赤点滅 */
.divContentsArea #divSignalDataArea .onBlueblinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+緑点滅 */
.divContentsArea #divSignalDataArea .onBlueblinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点灯+黄点滅 */
.divContentsArea #divSignalDataArea .onBlueblinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkYellow_onBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+赤点灯 */
.divContentsArea #divSignalDataArea .blinkBlueonRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onRed_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+緑点灯 */
.divContentsArea #divSignalDataArea .blinkBlueonGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onGreen_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+黄点灯 */
.divContentsArea #divSignalDataArea .blinkBlueonYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_onYellow_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+赤点滅 */
.divContentsArea #divSignalDataArea .blinkBlueblinkRed
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkRed_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+緑点滅 */
.divContentsArea #divSignalDataArea .blinkBlueblinkGreen
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkGreen_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 青点滅+黄点滅 */
.divContentsArea #divSignalDataArea .blinkBlueblinkYellow
{
	position:relative;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 0;
    text-align: center;
    line-height: 15px;
	background-image: url('./images/signal_display_color_blinkYellow_blinkBlue.png');
	background-repeat: no-repeat;
}
/* 信号情報 名称 */
.divContentsArea #divSignalDataArea .signalStatusName
{
	width: 100%; 
	overflow: hidden; 
	text-align: center;
}
/* 信号情報 時間 */
.divContentsArea #divSignalDataArea .signalTime
{
	width: 100%; 
	overflow: hidden; 
	text-align: right;
}
/* 信号情報 回数 */
.divContentsArea #divSignalDataArea .signalCount
{
	width: 100%; 
	overflow: hidden; 
	text-align: right;
}
/* 信号情報 平均時間 */
.divContentsArea #divSignalDataArea .signalAveTime
{
	width: 100%; 
	overflow: hidden; 
	text-align: right;
}
/* 信号情報 割合 */
.divContentsArea #divSignalDataArea .signalProportion
{
	width: 100%; 
	overflow: hidden; 
	text-align: right;
}

/* 2022/10/15 Ver14.0.0 ADD Start S.Asano */
/* 稼働チャート ロード */
.divLoadArea {
	width: 100%;
	height: 200px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

	to {
		transform: rotate(360deg);
	}
}
/* 2022/10/15 Ver14.0.0 ADD End S.Asano */

/* ---------------------------------------------------------------------- */
/* 稼働チャート                                                           */
/* ---------------------------------------------------------------------- */
/* 稼働チャート表示エリア */
.divContentsArea .divOperationChartArea
{
    clear:both;
    display: inline-block;
	min-width:1089px;
    /*min-height: 155px;*/
	margin: 5px 0 0px 0;
	padding: 0px 0 10px 0;
	border: solid 1px #696969;	
	background-color: #222222;
}
/* 稼働チャートタイトル */
.divContentsArea .divOperationChartArea .title
{
	width: 100%; 
	height: 25px;
	line-height: 25px;	
	color: #f8f8f8;	
	text-indent: 5px;	
	background-color: #696969;
}

/* 稼働チャート */
.divContentsArea .divOperationChartArea .divOperationChart
{
	position: relative;
}

/* 2022/10/15 Ver14.0.0 ADD Start S.Asano */
/* 稼働チャート ロード */
.divLoadArea {
	min-height: 155px;
	width: 100%;
	height: 300px;
}
/* 2022/10/15 Ver14.0.0 ADD End S.Asano */

/*------------------------------------*/
/*------------ チャート表示エリア高さ */
/*------------------------------------*/
/* 稼働チャート 1段*/
.divContentsArea .divOperationChartArea .divOperationChart.one
{
	height: 155px;
}
/* 稼働チャート 2段*/
.divContentsArea .divOperationChartArea .divOperationChart.two
{
	height: 155px;
}
/* 稼働チャート 3段*/
.divContentsArea .divOperationChartArea .divOperationChart.three
{
	height: 155px;
}
/* 稼働チャート 4段*/
.divContentsArea .divOperationChartArea .divOperationChart.four
{
	height: 180px;
}
/* 稼働チャート 5段*/
.divContentsArea .divOperationChartArea .divOperationChart.five
{
	height: 205px;
}
/* 稼働チャート 6段*/
.divContentsArea .divOperationChartArea .divOperationChart.six
{
	height: 230px;
}

/*------------------------------------*/
/*------------------ チャートアイコン */
/*------------------------------------*/

/*----- 2019/02/21 Ver6.0.0 MOD Start M.nakashima ----*/
/* 稼働チャート */
.signalOperationChart
{
	position: absolute; 
    height: 34px;
	left: 0px; 	
    height:25px;
}
/* 稼働チャート アイコン */
.signalOperationChart .signalIcon
{
	position: absolute; 
	left: 18px; 
	top: 2px;
	width: 14px; 
	height: 21px;
    border-radius:3px;
}
/* 稼働チャート アイコン 赤 */
.signalOperationChart .signalIcon.red
{
    background:linear-gradient(-60deg, rgba(255, 0, 0, 1), rgba(255, 60, 60, 1));
}
/* 稼働チャート アイコン 黄 */
.signalOperationChart .signalIcon.yellow
{
    background:linear-gradient(-60deg, rgba(255, 166, 0, 1), rgba(255, 190, 0, 1));
}
/* 稼働チャート アイコン 緑 */
.signalOperationChart .signalIcon.green
{
    background:linear-gradient(-60deg, rgba(0, 99, 0, 1), rgba(0, 170, 0, 1));
}
/* 稼働チャート アイコン 青 */
.signalOperationChart .signalIcon.blue
{
    background:linear-gradient(-60deg, rgba(0, 0, 110, 1), rgba(0, 0, 254, 1));
}
/* 稼働チャート アイコン 白 */
.signalOperationChart .signalIcon.white
{
    background:linear-gradient(-60deg, rgba(195, 195, 195,  1), rgba(211, 211, 211,  1));
}
/* 稼働チャート アイコン ブザー */
.signalOperationChart .signalIcon.buzzer
{
    left  : 15px;
	top   : 0px;
	width : 20px; 
	height: 24px;
	background-image: url('./images/icon_signal_buzzer.png'); 
}
/*----- 2019/02/21 Ver6.0.0 MOD End M.nakashima -----*/

/*------------------------------------*/
/*----------- 6本チャートチャート位置 */
/*------------------------------------*/
/* 稼働チャート 1段目 */
.signalOperationChart.one
{
    top: 37px;
}
/* 稼働チャート 2段目 */
.signalOperationChart.two
{
	top: 62px; 
}
/* 稼働チャート 3段目 */
.signalOperationChart.three
{
	top: 87px; 
}
/* 稼働チャート 4段目 */
.signalOperationChart.four
{
	top: 112px; 
}
/* 稼働チャート 5段目 */
.signalOperationChart.five
{
	top: 137px; 
}
/* 稼働チャート 6段目 */
.signalOperationChart.six
{
	top: 162px; 
}

/*------------------------------------*/
/*--------1本チャートチャート表示位置 */
/*------------------------------------*/
/* 1本目 */
 .signalOperationChart.oneChart.one
 {
     top:40px;
 }
/* 2本目 */
 .signalOperationChart.oneChart.two
 {
     top:40px;
 }
/* 3本目 */
 .signalOperationChart.oneChart.three
 {
     top:40px;
 }
/* 4本目 */
 .signalOperationChart.oneChart.four
 {
     top:55px;
 }
/* 5本目 */
 .signalOperationChart.oneChart.five
 {
     top:64px;
 }
/* 6本目 */
 .signalOperationChart.oneChart.six
 {
     top:72px;
 }

/* 稼働チャート 表示バー */
.signalOperationChartBar
{
	position: absolute;
	top: 2px; 
	left: 45px;
}
/* 稼働チャート 背景バー */
.signalOperationChartBar .background
{
	position: absolute;
	top: 0px; 
	left: 0px; 
	width: 960px; 
	height: 20px;
	background-color: #dcdcdc;
	z-index: 50;
}
/* 稼働チャート システム停止バー */
.signalOperationChartBar .sysStop
{
	position: absolute;
	height: 30px; 
	background-color: #dcdcdc;
	z-index: 250;
}
/* 稼働チャート システム停止バー 選択時 */
.signalOperationChartBar .sysStop:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 消灯バー */
.signalOperationChartBar .off
{
	position: absolute;
	height: 20px;
	background-color: #a9a9a9;
	z-index: 100;
}
/* 稼働チャート 消灯バー 選択時 */
.signalOperationChartBar .off:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤 */
.signalOperationChartBar .onRed
{
	position: absolute;
	background-color: #ff0000;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤 選択時 */
.signalOperationChartBar .onRed:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤 */
.signalOperationChartBar .blinkRed
{
	position: absolute;
	/*height: 30px; */
	background-color: #ff7f50;
	z-index: 150;
}
/* 稼働チャート 点滅バー赤 選択時 */
.signalOperationChartBar .blinkRed:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄 */
.signalOperationChartBar .onYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ff8c00;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄 選択時 */
.signalOperationChartBar .onYellow:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄 */
.signalOperationChartBar .blinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #f0e68c;
	z-index: 150;
}
/* 稼働チャート 点滅バー黄 選択時 */
.signalOperationChartBar .blinkYellow:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑 */
.signalOperationChartBar .onGreen
{
	position: absolute;
	height: 30px; 
	background-color: #006400;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑 選択時 */
.signalOperationChartBar .onGreen:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑 */
.signalOperationChartBar .blinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #adff2f;
	z-index: 150;
}
/* 稼働チャート 点滅バー緑 選択時 */
.signalOperationChartBar .blinkGreen:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青 */
.signalOperationChartBar .onBlue
{
	position: absolute;
	height: 30px; 
	background-color: #000088;
	z-index: 200;
}
/* 稼働チャート 点灯バー青 選択時 */
.signalOperationChartBar .onBlue:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青 */
.signalOperationChartBar .blinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #aaaaff;
	z-index: 150;
}
/* 稼働チャート 点滅バー青 選択時 */
.signalOperationChartBar .blinkBlue:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー白 */
.signalOperationChartBar .onWhite
{
	position: absolute;
	height: 20px; 
	background-color: #ff33cc;
	z-index: 200;
}
/* 稼働チャート 点灯バー白 選択時 */
.signalOperationChartBar .onWhite:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー白 */
.signalOperationChartBar .blinkWhite
{
	position: absolute;
	height: 30px; 
	background-color: #ffbdd3;
	z-index: 150;
}
/* 稼働チャート 点滅バー白 選択時 */
.signalOperationChartBar .blinkWhite:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート ONバーブザー */
.signalOperationChartBar .onBuzzer
{
	position: absolute;
	height: 30px; 
	background-color: #f0ff00;
	z-index: 200;
}
/* 稼働チャート 点灯バーブザー 選択時 */
.signalOperationChartBar .onBuzzer:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 稼働チャート OFFバーブザー */
.signalOperationChartBar .offBuzzer
{
	position: absolute;
	height: 30px; 
	background-color: #a9a9a9;
	z-index: 150;
}
/* 稼働チャート OFFバーブザー 選択時 */
.signalOperationChartBar .offBuzzer:hover
{
	outline: #ffffff dashed 1px;
	z-index: 300;
}
/* 1本多色チャート用表示色クラス */

/* 稼働チャート 点灯バー赤+設定なし */
.signalOperationChartBar .onRednoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #ff0000;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+設定なし 選択時 */
.signalOperationChartBar .onRednoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤+点灯緑色 */
.signalOperationChartBar .onRedonGreen
{
	position: absolute;
	height: 30px; 
	background-color: #da2a00;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+点灯黄色 */
.signalOperationChartBar .onRedonYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ff7c80;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+点灯青色 */
.signalOperationChartBar .onRedonBlue
{
	position: absolute;
	height: 30px; 
	background-color: #990099;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+点灯緑色 選択時 */
.signalOperationChartBar .onRedonGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤+点灯黄色 選択時 */
.signalOperationChartBar .onRedonYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤+点灯青色 選択時 */
.signalOperationChartBar .onRedonBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤+点滅緑色 */
.signalOperationChartBar .onRedblinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #ff6600;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+点滅黄色 */
.signalOperationChartBar .onRedblinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ff9999;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+点滅青色 */
.signalOperationChartBar .onRedblinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #d60093;
	z-index: 200;
}
/* 稼働チャート 点灯バー赤+点滅緑色 選択時 */
.signalOperationChartBar .onRedblinkGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤+点滅黄色 選択時 */
.signalOperationChartBar .onRedblinkYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー赤+点滅青色 選択時 */
.signalOperationChartBar .onRedblinkBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}

/* 稼働チャート 点滅バー赤+設定なし */
.signalOperationChartBar .blinkRednoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #ff7f50;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+設定なし 選択時 */
.signalOperationChartBar .blinkRednoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤+点灯緑色 */
.signalOperationChartBar .blinkRedonGreen
{
	position: absolute;
	height: 30px; 
	background-color: #ea3a06;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+点灯黄色 */
.signalOperationChartBar .blinkRedonYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ff99cc;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+点灯青色 */
.signalOperationChartBar .blinkRedonBlue
{
	position: absolute;
	height: 30px; 
	background-color: #9900ff;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+点灯緑色 選択時 */
.signalOperationChartBar .blinkRedonGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤+点灯黄色 選択時 */
.signalOperationChartBar .blinkRedonYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤+点灯青色 選択時 */
.signalOperationChartBar .blinkRedonBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤+点滅緑色 */
.signalOperationChartBar .blinkRedblinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #ff5d37;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+点滅黄色 */
.signalOperationChartBar .blinkRedblinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ffbdd3;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+点滅青色 */
.signalOperationChartBar .blinkRedblinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #ff33cc;
	z-index: 200;
}
/* 稼働チャート 点滅バー赤+点滅緑色 選択時 */
.signalOperationChartBar .blinkRedblinkGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤+点滅黄色 選択時 */
.signalOperationChartBar .blinkRedblinkYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー赤+点滅青色 選択時 */
.signalOperationChartBar .blinkRedblinkBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}


/* 稼働チャート 点灯バー黄+設定なし */
.signalOperationChartBar .onYellownoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #ff8c00;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+設定なし 選択時 */
.signalOperationChartBar .onYellownoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄+点灯赤色 */
.signalOperationChartBar .onYellowonRed
{
	position: absolute;
	height: 30px; 
	background-color: #ff7c80;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+点灯緑色 */
.signalOperationChartBar .onYellowonGreen
{
	position: absolute;
	height: 30px; 
	background-color: #669900;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+点灯青色 */
.signalOperationChartBar .onYellowonBlue
{
	position: absolute;
	height: 30px; 
	background-color: #ffcc00;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+点灯赤色 選択時 */
.signalOperationChartBar .onYellowonRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄+点灯緑色 選択時 */
.signalOperationChartBar .onYellowonGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄+点灯青色 選択時 */
.signalOperationChartBar .onYellowonBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄+点滅赤色 */
.signalOperationChartBar .onYellowblinkRed
{
	position: absolute;
	height: 30px; 
	background-color: #ff99cc;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+点滅緑色 */
.signalOperationChartBar .onYellowblinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #cccc00;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+点滅青色 */
.signalOperationChartBar .onYellowblinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #ffff00;
	z-index: 200;
}
/* 稼働チャート 点灯バー黄+点滅赤色 選択時 */
.signalOperationChartBar .onYellowblinkRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄+点滅緑色 選択時 */
.signalOperationChartBar .onYellowblinkGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー黄+点滅青色 選択時 */
.signalOperationChartBar .onYellowblinkBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}

/* 稼働チャート 点滅バー黄+設定なし */
.signalOperationChartBar .blinkYellownoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #f0e68c;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+設定なし 選択時 */
.signalOperationChartBar .blinkYellownoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄+点灯赤色 */
.signalOperationChartBar .blinkYellowonRed
{
	position: absolute;
	height: 30px; 
	background-color: #ff9999;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+点灯緑色 */
.signalOperationChartBar .blinkYellowonGreen
{
	position: absolute;
	height: 30px; 
	background-color: #99cc00;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+点灯青色 */
.signalOperationChartBar .blinkYellowonBlue
{
	position: absolute;
	height: 30px; 
	background-color: #ffd775;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+点灯赤色 選択時 */
.signalOperationChartBar .blinkYellowonRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄+点灯緑色 選択時 */
.signalOperationChartBar .blinkYellowonGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄+点灯青色 選択時 */
.signalOperationChartBar .blinkYellowonBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄+点滅赤色 */
.signalOperationChartBar .blinkYellowblinkRed
{
	position: absolute;
	height: 30px; 
	background-color: #ffbdd3;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+点滅緑色 */
.signalOperationChartBar .blinkYellowblinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #ccff66;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+点滅青色 */
.signalOperationChartBar .blinkYellowblinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #ffff66;
	z-index: 200;
}
/* 稼働チャート 点滅バー黄+点滅赤色 選択時 */
.signalOperationChartBar .blinkYellowblinkRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄+点滅緑色 選択時 */
.signalOperationChartBar .blinkYellowblinkGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー黄+点滅青色 選択時 */
.signalOperationChartBar .blinkYellowblinkBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}


/* 稼働チャート 点灯バー緑+設定なし */
.signalOperationChartBar .onGreennoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #006400;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+設定なし 選択時 */
.signalOperationChartBar .onGreennoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑+点灯赤色 */
.signalOperationChartBar .onGreenonRed
{
	position: absolute;
	height: 30px; 
	background-color: #da2a00;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+点灯黄色 */
.signalOperationChartBar .onGreenonYellow
{
	position: absolute;
	height: 30px; 
	background-color: #669900;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+点灯青色 */
.signalOperationChartBar .onGreenonBlue
{
	position: absolute;
	height: 30px; 
	background-color: #006e54;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+点灯赤色 選択時 */
.signalOperationChartBar .onGreenonRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑+点灯黄色 選択時 */
.signalOperationChartBar .onGreenonYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑+点灯青色 選択時 */
.signalOperationChartBar .onGreenonBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑+点滅赤色 */
.signalOperationChartBar .onGreenblinkRed
{
	position: absolute;
	height: 30px; 
	background-color: #ea3a06;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+点滅黄色 */
.signalOperationChartBar .onGreenblinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #99cc00;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+点滅青色 */
.signalOperationChartBar .onGreenblinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #38b48b;
	z-index: 200;
}
/* 稼働チャート 点灯バー緑+点滅赤色 選択時 */
.signalOperationChartBar .onGreenblinkRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑+点滅黄色 選択時 */
.signalOperationChartBar .onGreenblinkYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー緑+点滅青色 選択時 */
.signalOperationChartBar .onGreenblinkBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}

/* 稼働チャート 点滅バー緑+設定なし */
.signalOperationChartBar .blinkGreennoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #adff2f;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+設定なし 選択時 */
.signalOperationChartBar .blinkGreennoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑+点灯赤色 */
.signalOperationChartBar .blinkGreenonRed
{
	position: absolute;
	height: 30px; 
	background-color: #ff6600;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+点灯黄色 */
.signalOperationChartBar .blinkGreenonYellow
{
	position: absolute;
	height: 30px; 
	background-color: #cccc00;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+点灯青色 */
.signalOperationChartBar .blinkGreenonBlue
{
	position: absolute;
	height: 30px; 
	background-color: #478384;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+点灯赤色 選択時 */
.signalOperationChartBar .blinkGreenonRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑+点灯黄色 選択時 */
.signalOperationChartBar .blinkGreenonYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑+点灯緑色 選択時 */
.signalOperationChartBar .blinkGreenonBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑+点滅赤色 */
.signalOperationChartBar .blinkGreenblinkRed
{
	position: absolute;
	height: 30px; 
	background-color: #ff5d37;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+点滅黄色 */
.signalOperationChartBar .blinkGreenblinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ccff66;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+点滅青色 */
.signalOperationChartBar .blinkGreenblinkBlue
{
	position: absolute;
	height: 30px; 
	background-color: #7ebeab;
	z-index: 200;
}
/* 稼働チャート 点滅バー緑+点滅赤色 選択時 */
.signalOperationChartBar .blinkGreenblinkRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑+点滅黄色 選択時 */
.signalOperationChartBar .blinkGreenblinkYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー緑+点滅青色 選択時 */
.signalOperationChartBar .blinkGreenblinkBlue:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}


/* 稼働チャート 点灯バー青+設定なし */
.signalOperationChartBar .onBluenoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #000088;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+設定なし 選択時 */
.signalOperationChartBar .onBluenoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青+点灯赤色 */
.signalOperationChartBar .onBlueonRed
{
	position: absolute;
	height: 30px; 
	background-color: #990099;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+点灯緑色 */
.signalOperationChartBar .onBlueonGreen
{
	position: absolute;
	height: 30px; 
	background-color: #006e54;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+点灯黄色 */
.signalOperationChartBar .onBlueonYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ffcc00;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+点灯赤色 選択時 */
.signalOperationChartBar .onBlueonRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青+点灯緑色 選択時 */
.signalOperationChartBar .onBlueonGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青+点灯黄色 選択時 */
.signalOperationChartBar .onBlueonYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青+点滅赤色 */
.signalOperationChartBar .onBlueblinkRed
{
	position: absolute;
	height: 30px; 
	background-color: #9900ff;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+点滅緑色 */
.signalOperationChartBar .onBlueblinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #478384;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+点滅黄色 */
.signalOperationChartBar .onBlueblinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ffd775;
	z-index: 200;
}
/* 稼働チャート 点灯バー青+点滅赤色 選択時 */
.signalOperationChartBar .onBlueblinkRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青+点滅緑色 選択時 */
.signalOperationChartBar .onBlueblinkGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点灯バー青+点滅黄色 選択時 */
.signalOperationChartBar .onBlueblinkYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}

/* 稼働チャート 点滅バー青+設定なし */
.signalOperationChartBar .blinkBluenoneOther
{
	position: absolute;
	height: 30px; 
	background-color: #aaaaff;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+設定なし 選択時 */
.signalOperationChartBar .blinkBluenoneOther:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青+点灯赤色 */
.signalOperationChartBar .blinkBlueonRed
{
	position: absolute;
	height: 30px; 
	background-color: #d60093;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+点灯緑色 */
.signalOperationChartBar .blinkBlueonGreen
{
	position: absolute;
	height: 30px; 
	background-color: #38b48b;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+点灯黄色 */
.signalOperationChartBar .blinkBlueonYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ffff00;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+点灯赤色 選択時 */
.signalOperationChartBar .blinkBlueonRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青+点灯緑色 選択時 */
.signalOperationChartBar .blinkBlueonGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青+点灯黄色 選択時 */
.signalOperationChartBar .blinkBlueonYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青+点滅赤色 */
.signalOperationChartBar .blinkBlueblinkRed
{
	position: absolute;
	height: 30px; 
	background-color: #ff33cc;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+点滅緑色 */
.signalOperationChartBar .blinkBlueblinkGreen
{
	position: absolute;
	height: 30px; 
	background-color: #7ebeab;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+点滅黄色 */
.signalOperationChartBar .blinkBlueblinkYellow
{
	position: absolute;
	height: 30px; 
	background-color: #ffff66;
	z-index: 200;
}
/* 稼働チャート 点滅バー青+点滅赤色 選択時 */
.signalOperationChartBar .blinkBlueblinkRed:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青+点滅緑色 選択時 */
.signalOperationChartBar .blinkBlueblinkGreen:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 点滅バー青+点滅黄色 選択時 */
.signalOperationChartBar .blinkBlueblinkYellow:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
/* 稼働チャート 表示色1 */
.signalOperationChartBar .signalDispColor1
{
	position: absolute;
	height: 30px; 
	background-color: #ff1b1b;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor2
{
	position: absolute;
	height: 30px; 
	background-color: #ff7f50;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor3
{
	position: absolute;
	height: 30px; 
	background-color: #ffa500;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor4
{
	position: absolute;
	height: 30px; 
	background-color: #ffff00;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor5
{
	position: absolute;
	height: 30px; 
	background-color: #f0e68c;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor6
{
	position: absolute;
	height: 30px; 
	background-color: #d1de4c;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor7
{
	position: absolute;
	height: 30px; 
	background-color: #abff2f;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor8
{
	position: absolute;
	height: 30px; 
	background-color: #9cbb1c;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor9
{
	position: absolute;
	height: 30px; 
	background-color: #009600;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor10
{
	position: absolute;
	height: 30px; 
	background-color: #0000fd;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor11
{
	position: absolute;
	height: 30px; 
	background-color: #3d9eff;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor12
{
	position: absolute;
	height: 30px; 
	background-color: #bbdbf3;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor13
{
	position: absolute;
	height: 30px; 
	background-color: #aaaaff;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor14
{
	position: absolute;
	height: 30px; 
	background-color: #990099;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor15
{
	position: absolute;
	height: 30px; 
	background-color: #ff33cc;
	z-index: 200;
}
.signalOperationChartBar .signalDispColor16
{
	position: absolute;
	height: 30px; 
	background-color: #ffbdd3;
	z-index: 200;
}
/* 選択時 */
.signalOperationChartBar .signalDispColor1:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor2:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor3:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor4:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor5:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor6:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor7:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor8:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor9:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor10:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor11:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor12:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor13:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor14:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor15:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}
.signalOperationChartBar .signalDispColor16:hover
{
	outline: #000000 dashed 1px;
	z-index: 300;
}

/*------------------------------------*/
/*------------------- 生産数表示位置 */
/*------------------------------------*/
/* 稼働チャート 生産数 */
.productCount
{
	position: absolute; 
	top: 2px; 
	width: 80px; 
	height: 30px; 
	border-top: solid 1px #afafb0;
	border-bottom: solid 1px #afafb0;
	background-color: transparent; 
	line-height: 30px; 
	text-align: right; 
}
/* 稼働チャート 生産 */
.signalOperationChartCount
{
    position: absolute; 
    height: 34px;
	left: 0px; 	
    height:25px;
	top: 190px;
}
/* 稼働チャート 生産 1段*/
.signalOperationChartCount.one
{
	top: 115px;
}
/* 稼働チャート 生産 2段*/
.signalOperationChartCount.two
{
    top: 115px;	
}
/* 稼働チャート 生産 3段*/
.signalOperationChartCount.three
{
	top: 115px;
}
/* 稼働チャート 生産 4段*/
.signalOperationChartCount.four
{
	top: 140px;
}
/* 稼働チャート 生産 5段*/
.signalOperationChartCount.five
{
    top: 165px;
}
/* 稼働チャート 生産 5段*/
.signalOperationChartCount.six
{
	top: 190px;
}

/*-------------------------------------*/
/* 目盛り                              */
/*-------------------------------------*/

/* 稼働チャート 目盛横線 */
.majorGridHorizon
{
	height: 1px;
	background-color: #808080;
}
/* 稼働チャート 目盛横線 時間軸 */
.majorGridHorizon.majorGridTime
{
	position: absolute; 
	left: 45px; 
	top: 70px; 
	width: 960px; 
}
/* 稼働チャート 目盛縦線 */
.majorGridVertical
{
    position: absolute; 
	width: 1px;
	background-color: #afafb0; 
	height: 5px;
}

/*-------------------*/
/* 目盛り高さ　　    */
/*-------------------*/
/*---- 2021/04/30 Ver10.0.0 DELETE Start S.Hirata ----*/
/* 1本 */
/*.majorGridVertical.one
{
	height: 119px;
}*/
/* 2本 */
/*.majorGridVertical.two
{
	height: 119px;
}*/
/* 3本 */
/*.majorGridVertical.three
{
	height: 119px;
}*/
/* 4本 */
/*.majorGridVertical.four
{
	height: 144px;
}*/
/* 5本 */
/*.majorGridVertical.five
{
	height: 169px;
}*/
/* 6本 */
/*.majorGridVertical.six
{
	height: 194px;
}*/
/*---- 2021/04/30 Ver10.0.0 DELETE End S.Hirata ----*/

/*---- 2021/04/30 Ver10.0.0 ADD Start S.Hirata ----*/
/* 生産数あり */
/* 1本 */
.majorGridVertical.one.long 
{
    height: 119px;
}
/* 2本 */
.majorGridVertical.two.long 
{
    height: 119px;
}
/* 3本 */
.majorGridVertical.three.long 
{
    height: 119px;
}
/* 4本 */
.majorGridVertical.four.long 
{
    height: 144px;
}
/* 5本 */
.majorGridVertical.five.long 
{
    height: 169px;
}
/* 6本 */
.majorGridVertical.six.long 
{
    height: 194px;
}

/* 生産数なし */
/* 1本 */
.majorGridVertical.one.short 
{
    height: 87px;
}
/* 2本 */
.majorGridVertical.two.short 
{
    height: 87px;
}
/* 3本 */
.majorGridVertical.three.short 
{
    height: 87px;
}
/* 4本 */
.majorGridVertical.four.short 
{
    height: 112px;
}
/* 5本 */
.majorGridVertical.five.short 
{
    height: 137px;
}
/* 6本 */
.majorGridVertical.six.short 
{
    height: 162px;
}
/*---- 2021/04/30 Ver10.0.0 ADD End S.Hirata ----*/


/* 稼働チャート 目盛値 */
.majorGridValue
{
    position: absolute; 
	 width: 40px; 
	 height: 20px; 
	 text-align: left; 
	 text-indent: -18px; 
	 background-color: transparent; 
}




/*---- 2018/10/10 Ver5.0.12 ADD Start M.nakashima ----*/
.box1
{
    height:513px;
}

/*---- 2021/01/15 ADD Start T.Ishida v9.0.0 ----*/
.divCameraListArea
{
    position:absolute; 
    left:-138px; 
    /*margin-top: 5px;*/ 
    top:525px;
    width:133px;
    background-color:#222222;
    border: 1px solid #696969;
}
/*---- 2021/01/15 ADD End T.Ishida v9.0.0 ----*/
.cameraList
{
    overflow:auto;
    min-height:155px;
    padding: 5px 0;
}
.listTitle
{
    width:100%;
    height: 26px;
    background-color:#696969;
    color:#f8f8f8;
}
.list
{
    height:25px;
    margin:2px 0 1px 13px;
}
.eventTime
{
    font-size:14px;
    float:left;
    line-height:27px;
}
.eventTime:hover
{
    cursor:pointer;
    color: #ff0000;
    transition: 0.3s ;
}
.downloadImg
{
    float:left;
    margin-left:10px;
    background-image:url("./images/movie_download.png");
    background-repeat:no-repeat;
    width:26px;
    height:26px;
    background-size:contain;
}
.downloadImg:hover
{
    background-image:url("./images/movie_download_hover.png");
    transition: 0.3s ;
}
/*----- 2018/10/10 Ver5.0.12 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 ----*/
.switch_ParentInfoClose{
    height: 25px !important;
    padding: 0px !important;
}
.switch_ChildInfoClose {
    display: none !important;
}
.divContentsArea {
    min-height:initial !important;
}

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

/*---- 2021/05/24 Ver10.0.0 ADD Start S.Hirata ----*/
.chart_line_time 
{
    display: inline-block;
    margin-left: 40px;
}

.chart_line_time.hidden 
{
    display: none;
}

.ddl_chart_line_time 
{
    width: 70px;
    height: 22px;
    margin-left: 10px;
}
/*---- 2021/05/24 Ver10.0.0 ADD End S.Hirata ----*/

/*---- 2022/09/12 Ver14.0.0 ADD Start S.Asano ----*/
.chart_Time_Unit {
	display: inline-block;
	margin-left: 60px;
}

.chart_Time_Unit.hidden {
		display: none;
}
/*---- 2022/09/12 Ver14.0.0 ADD End S.Asano ----*/