@charset "utf-8";
/*
# ********************************************************************************
# タイトル：ベーススタイル
#
# Copyright (C) 2014 YASKAWA INFORMATION SYSTEMS Corporation All Rights Reserved.
#
# 変更日付     変更者     Rev.     変更内容
# --------------------------------------------------------------------------------
# 2014/03/05   YSK)植山   1.00.00   新規作成
# 2014/06/21   YSK)植山   1.01.00  <10000-003> 不具合対応(PTNo.10-23)
# 2014/06/22   YSK)植山   1.01.00  <10000-010> 不具合対応(No.012)
# 2014/06/21   YSK)中田   1.01.00  <10000-008> 説明画面用処理追加
# 2014/06/26   YSK)中田   1.01.00  <10000-063> アイコン変更
# 2014/06/30   YSK)森山   1.01.00  <10000-069> システム設定ファイルアイコン追加
# 2014/07/08   YSK)中田   1.01.00  <10000-095> キャプションのみボタンのアイコン化
# 2014/07/09   YSK)中田   1.01.00  <10000-107> IT不具合対応(No.171)
# 2014/07/09   YSK)森山   1.01.00  <10000-100> 詳細検索の設定ボタンの削除
# 2014/07/15   YSK)中田   1.01.00  <10000-141> リリース後障害対応(No.012)
# 2014/07/15   YSK)森山   1.01.00  <10000-146> リリース後障害対応(No.011)
# 2014/07/15   YSK)中田   1.01.00  <10000-148> リリース後障害対応(No.014)
# 2014/08/19   YSK)中田   1.02.00  <10101-002> STEP1残件-002
# 2014/09/02   YSK)中田   1.02.00  <10101-009> 機器詳細ボタン追加、トレンドボタン位置変更
# 2014/09/03   YSK)植山   1.02.00  <10101-012> トレンドモニタ改造
# 2014/09/13   YSK)植山   1.02.00  <10101-013> レイアウト調整
# 2014/09/22   YSK)中田   1.02.00  <10101-015> 機器詳細、点検保守、報告書画面追加
# 2014/10/06   YSK)岡村   1.02.00  <10101-032> ログイン画面デザイン変更
# 2014/10/16   YSK)中田   2.00.00  <15000-002> メールアドレス追加時にアドレス名称も登録可能にする
# 2014/10/20   YSK)植山   2.00.00  <15000-004> 故障苦情No15000-001対応
# 2014/10/20   YSK)森山   2.00.00  <15000-005> ボタンキャプション調整
# 2014/12/02   YSK)森山   2.00.00  <20000-007> 子画面のタブをボタンへ変更
# 2014/12/03   US)馬      3.00.00  <20000-005> 仕様変更No.11
# 2014/12/08   US)馬      3.00.00  <20000-002> 変更仕様No.21
# 2014/12/11   US)萩尾    3.00.00  <20000-002> 変更仕様No.21対応
# 2014/12/15   YSK)中田   3.00.00  <20000-019> 変更仕様No.13
# 2014/12/15   YSK)中田   3.00.00  <20000-023> 変更仕様No.12
# 2014/12/18   US)馬      3.00.00  <20000-027> 変更仕様No.31
# 2014/12/24   US)楢崎    3.00.00  <20000-031> 変更仕様No.31
# 2015/01/13   US)馬      3.00.00  <20000-001> 変更仕様No.27
# 2015/01/15   US)苗      3.00.00  <20000-010> 変更仕様NO.10
# 2015/01/20   US)苗      3.00.00  <20000-039> 変更仕様NO.37
# 2015/04/24   US)楢崎    3.01.00  <30003-011> 変更仕様No.2
# 2015/05/11   US)楢崎    3.01.00  <30003-017> 変更仕様No.10 - 故障苦情No.30002-004
# 2015/05/13   US)楢崎    3.01.00  <30003-019> 変更仕様No.7
# 2015/06/29   US)萩尾    3.01.00  <30003-033> 変更仕様No.12
# 2015/11/27   US)楢崎    4.00.00  <40000-024> Ver.4.00.00 変更仕様No.24
# 2015/12/15   US)楢崎    4.00.00  <40000-027> Ver.4.00.00 変更仕様No.27
# 2016/01/04   US)楢崎    4.00.00  <40000-018> Ver.4.00.00 変更仕様No.18
# 2016/01/11   US)甲斐    4.00.00  <40000-016> Ver.4.00.00 変更仕様No.16
# 2016/01/18   US)甲斐    4.00.00  <40000-018> Ver.4.00.00 変更仕様No.18
# 2016/02/12   US)甲斐    4.00.00  <40000-021> Ver.4.00.00 変更仕様No.21
# 2016/05/31   YSK)三村   4.01.00  <40000-042> 機能改造 コマンド実行
# 2016/07/02   US)甲斐    4.01.00  <40000-050> 故障苦情No.40000-020
# 2017/01/17   US)吉開    4.01.00  <40100-028> メール設定画面のボタンずれ(Edge)対応
# 2019/12/16   YDC)元満   4.05.00  <40500-003> タブレット対応
# ********************************************************************************
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');

/************/
/* タグ基本 */
/************/
/* 初期化 */
H1,H2,H3,H4,H5,H6,P,DIV,FORM,OL,UL,DL,INPUT,FIELDSET{
    padding:0 0 0 0;
    margin:0 0 0 0;
}
/* HTML5 */
HTML,BODY,H1,H2,H3,H4,H5,H6,UL,OL,LI,DL,DT,DD,P,FORM{ margin:0; padding:0; }
ARTICLE,ASIDE,DETAILS,FIGCAPTION,FIGURE,
FOOTER,HEADER,HGROUP,MENU,NAV,SECTION { display:block; margin:0; padding:0; }
* {
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit android 2.x対策  */
       -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
}


/******************************/
/* 基本画面用                 */
/******************************/
HTML{ font-size:62.5%; }
BODY{
    font-size: 12px;
    font-size: 1.2rem; /* 12px */
    padding:0 0 0 0;
    margin:0 0 0 0;
    font-family: 'Noto Sans JP', sans-serif;
}
HTML,BODY{
    height:100%;
    min-height:100%;
}
A,
A:link,
A:visited{
    /* color:#333; */
    text-decoration:none;
}
A:hover,
A:focus{
    /* color:#f60; */
    text-decoration:none;
}
/* Firefoxでクリック or タブフォーカスした時に左に長い点線の枠が出現する問題に対処
   http://www.fsiki.com/jet/css-xhtml/text-indent.html
   http://www.acky.info/tips/css/00007.html */
A:focus {
    outline:none;
}
IMG { border:0; }
H1{
    font-size: 15px;
    font-size: 1.5rem;
} /* =15px */

TABLE{
    border-collapse: collapse;
    /* border-color:#D8D8D8; */
    border-width:1px;
    border-style:solid;
}
TH,TD{
    border-collapse: collapse;
    padding:3px;
    font-size:12px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
}
TH{ font-weight:normal; }
FIELDSET{ border:none; }
LABEL,
INPUT,
SELECT,
TEXTAREA{
    font-size:12px;
    font-size:1.2rem;
    font-family: 'Noto Sans JP', sans-serif;
}
LABEL{ padding:4px 3px 3px 3px; }
LABEL.radio{ padding:4px 3px 3px 0px; }
LABEL.message{ padding:4px 3px 3px 0px; }
INPUT{ padding:4px 3px 4px 3px; }
SELECT{ padding:4px 3px 3px 3px; } /* padding:4px 3px 4px 3px; */
TEXTAREA{ padding:3px; }

INPUT.alert,
SELECT.alert,
TEXTAREA.alert{
    /* background-color:#FCDCDD; */
}

INPUT[type="text"],
INPUT[type="number"],
INPUT[type="password"],
INPUT[type="search"],
INPUT[type="tel"],
INPUT[type="email"],
INPUT[type="datetime"],
INPUT[type="date"],
INPUT[type="month"],
INPUT[type="day"],
INPUT[type="url"],
INPUT.border,
TEXTAREA,
SELECT{
    /* border-color:#CCCCCC; */
    border-width:1px;
    border-style:solid;
}
INPUT[type="checkbox"],
INPUT[type="radio"] {
    margin:0 3px 0 0;
    padding:0 0 0 0;
     border:none;
    vertical-align:middle;
}
INPUT[type="file"]{}
/* file upload 差しかえ */
DIV.inputFileArea{ position:relative; }
DIV.inputFileArea INPUT[type="file"]{
    -ms-filter: "alpha(opacity=0)"; /* IE 8 */
    -moz-opacity: 0;
         opacity: 0;
}
.inputFileArea{ position:relative; }
.replaceInputFile{
    position:absolute;
    left:0;
    top:0;
}

/* スピンボタン */
INPUT[type=number]::-webkit-inner-spin-button,
INPUT[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
SELECT{
    width:138px;
    vertical-align:middle;
}

INPUT:hover[type="text"],
INPUT:focus[type="text"],
INPUT:hover[type="password"],
INPUT:focus[type="password"],
SELECT:hover,
SELECT:focus{
    /* background-color:#D7EFFF; */
}
INPUT:hover[type="checkbox"],
INPUT:hover[type="radio"],
SELECT:hover{
    cursor:pointer;
}
INPUT:hover[type="file"],
INPUT:focus[type="file"]{}

INPUT[type="radio"]:focus,
INPUT[type="checkbox"]:focus {
    /* outline: thin dotted #f60; */
    /* outline: 5px auto -webkit-focus-ring-color; */
    outline-offset: -2px;
}
INPUT:hover[type="checkbox"] + LABEL,
INPUT:hover[type="radio"] + LABEL,
INPUT:focus[type="checkbox"] + LABEL,
INPUT:focus[type="radio"] + LABEL{
    /* color:#f60; */
}

/* 必須 */
.mef{
    background:url(../img/icon/icon_mef.png) right top no-repeat;
}
.explain{ margin-bottom:7px; }
.note{ /* color:#666; */ }
.inputAlert{ /* color:#ff0000; */ }

/* 位置調整基本 */
.objL{ text-align:left; }
.objR{ text-align:right; }
.objC{ text-align:center; }
.mbSS { margin-bottom:3px  !important; }
.mbS  { margin-bottom:6px  !important; }
.mbM  { margin-bottom:7px  !important; }
.mbML  { margin-bottom:12px  !important; }
.mbL  { margin-bottom:24px !important; }
.mbLL { margin-bottom:36px !important; }
.mb3L { margin-bottom:72px !important; }
.clear{ clear:both; }

/* 12px基準 */
.w0{ width:0 !important; }
.w2{ width:24px !important; }
.w3{ width:36px !important; }
.w4{ width:48px !important; }
.w5{ width:60px !important; }
.w6{ width:72px !important; }
.w7{ width:84px !important; }
.w8{ width:96px !important; }
.w9{ width:108px !important; }
.w10{ width:120px !important; }
.w11{ width:132px !important; }
.w12{ width:144px !important; }
.w13{ width:156px !important; }
.w14{ width:168px !important; }
.w15{ width:180px !important; }
.w16{ width:192px !important; }
.w17{ width:204px !important; }
.w18{ width:216px !important; }
.w19{ width:228px !important; }
.w20{ width:240px !important; }
.w21{ width:252px !important; }
.w22{ width:264px !important; }
.w24{ width:288px !important; }
.w25{ width:300px !important; }
.w26{ width:312px !important; }
.w28{ width:350px !important; }
.w30{ width:360px !important; }
.w35{ width:396px !important; }
.w40{ width:480px !important; }
.w45{ width:540px !important; }
.w50{ width:600px !important; }
.w60{ width:720px !important; }


/* 文字調整 */
DT DT,
DT DD,
DT DT P,
DT DD P,
DD DT,
DD DD,
DD DT P,
DD DD P,
LI LI,
LI P {
    font-size: 12px;
    font-size: 1.2rem;
}
/* 汎用折り返し制御 */
.nowrap{ white-space:nowrap; }
SPAN.nowrap{
    display:block;
    float:left;
}

/** display:none */
.displayNone{
    display:none;
}
/**************/
/* レイアウト */
/**************/
/*
DIV#wrapAll
    HEADER
        DIV.wrapHeader
            DIV.wrapUpper
        DIV.crumbMenu
    DIV#wrapContents
    FOOTER

*/

DIV#wrapAll{
    height:100%;
    min-height:616px;
    width:100%;
    min-width:1006px; /* 1051*/
}
/* 段組 */
DIV.column2Box{
    clear:both;
    width:100%;
    overflow:hidden;
}
DIV.column2a{ width:50%; float:left; }
DIV.column2b{ width:50%; float:right;  }
DIV.column2Box DIV.column2a45{ width:45%; float:left; }
DIV.column2Box DIV.column2b55{ width:55%; float:right;  }
DIV.column2Box DIV.column2a40{ width:40%; float:left; }
DIV.column2Box DIV.column2b60{ width:60%; float:right;  }
DIV.column2Box DIV.column2a36{ width:36%; float:left; }
DIV.column2Box DIV.column2b64{ width:64%; float:right; }

DIV.column2a .innerBox{ margin-right:6px; }
DIV.column2b .innerBox{ margin-left:6px; }

/* 詳細検索、詳細設定ボタンエリア */
DIV.bottomBtnArea{
    clear:both;
    position:relative;
    overflow:hidden;
    padding-top:7px;
    padding-bottom: 0px;
}

DIV.bottomBtnAreaLimit {
    bottom: -36px;
}

DIV.bottomHight{
    height:20px;
}

DIV.bottomBtnArea DIV.btn1Set,
DIV.bottomBtnArea DIV.btn2Set,
DIV.bottomBtnArea DIV.btn3Set,
DIV.bottomBtnArea DIV.btn1SetS,
DIV.bottomBtnArea DIV.btn2SetS,
DIV.bottomBtnArea DIV.btn3SetS{
    clear:both;
}
DIV.bottomBtnArea DIV.btn1Set,
DIV.bottomBtnArea DIV.btn1SetS{ text-align:center; }
DIV.bottomArea DIV.btn2Set,
DIV.bottomBtnArea DIV.btn3Set,
DIV.bottomBtnArea DIV.btn2SetS,
DIV.bottomBtnArea DIV.btn3SetS{
    overflow:hidden;
    margin:auto;
}
/* ボタンセット標準サイズ */
DIV.bottomBtnArea DIV.btn2Set,
DIV.bottomBtnArea DIV.btn3Set{ width:504px; }
DIV.bottomBtnArea DIV.btn2Set UL{ }
DIV.bottomBtnArea DIV.btn2Set UL LI,
DIV.bottomBtnArea DIV.btn3Set UL LI{
    list-style-type:none;
    float:left;
}
DIV.bottomBtnArea DIV.btn2Set UL LI{ margin-left:24px; }
DIV.bottomBtnArea DIV.btn3Set UL LI{ margin-left:18px; }

DIV.bottomBtnArea DIV.btn2Set UL LI,
DIV.bottomBtnArea DIV.btn2Set UL LI A{ width:240px; }
DIV.bottomBtnArea DIV.btn3Set UL LI,
DIV.bottomBtnArea DIV.btn3Set UL LI A{ width:156px; }
DIV.bottomBtnArea DIV.btn2Set UL LI A > SPAN,
DIV.bottomBtnArea DIV.btn3Set UL LI A > SPAN{
    text-align:center;
}
DIV.bottomBtnArea DIV.btn2Set UL LI A > SPAN{ width:236px;}
DIV.bottomBtnArea DIV.btn3Set UL LI A > SPAN{ width:152px;}

DIV.bottomBtnArea DIV.btn2Set UL LI:first-child,
DIV.bottomBtnArea DIV.btn3Set UL LI:first-child{
    margin-left:0;
}
DIV.bottomBtnArea DIV.btn1Set .btnLL A > SPAN{
    width:224px;
    border-radius: 20px;
}

DIV.bottomBtnArea DIV.btn1Set .btnLL2 A > SPAN{
    width:224px;
}

DIV.bottomBtnArea DIV.btn1Set .btnM2 A > SPAN{
    width:100px;
}

/* ボタンセットスモールサイズ */
DIV.bottomBtnArea DIV.btn2SetS,
DIV.bottomBtnArea DIV.btn3SetS{ width:372px; }
DIV.bottomBtnArea DIV.btn2SetS UL{ }
DIV.bottomBtnArea DIV.btn2SetS UL LI,
DIV.bottomBtnArea DIV.btn3SetS UL LI{
    list-style-type:none;
    float:left;
}
DIV.bottomBtnArea DIV.btn2SetS UL LI{ margin-left:18px; }
DIV.bottomBtnArea DIV.btn3SetS UL LI{ margin-left:18px; }

DIV.bottomBtnArea DIV.btn2SetS UL LI,
DIV.bottomBtnArea DIV.btn2SetS UL LI A{ width:177px; }
DIV.bottomBtnArea DIV.btn3SetS UL LI,
DIV.bottomBtnArea DIV.btn3SetS UL LI A{ width:112px; }
DIV.bottomBtnArea DIV.btn2SetS UL LI A > SPAN,
DIV.bottomBtnArea DIV.btn3SetS UL LI A > SPAN{
    text-align:center;
}
DIV.bottomBtnArea DIV.btn2SetS UL LI A > SPAN{ width:173px;}
DIV.bottomBtnArea DIV.btn3SetS UL LI A > SPAN{ width:108px;}
DIV.bottomBtnArea DIV.btn2SetS UL LI:first-child,
DIV.bottomBtnArea DIV.btn3SetS UL LI:first-child{
    margin-left:0;
}
DIV.bottomBtnArea DIV.btn1SetS .btnLL A > SPAN{
    width:172px;
}

/* 調整用 */
#dummyBox{ height:51px; }
#dummyBox2{ height:43px; }
#dummyBox3{ height:90px; }
#dummyBox4{ height:10px; }
#dummyBox5{ height:80px; }
#dummyBox6{ height:120px; }
#dummyBox7{ height:160px; }

.leftArea{ float:left; }
.rightArea{ float:right; }

SPAN.dataMenuBtns {
    margin-right:3px;
}


/******************/
/* ボタン類       */
/******************/
.btnSS,
.btnS,
.btnM,
.btnM2,
.btnL,
.btnLL,
.btnLL2,
.btnM_execution{
    display:inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    white-space:nowrap;
    overflow:visible;
}

.btnSS{
    font-size:10px;
    line-height:10px;
}
.btnS {
    height:22px;
    font-size:12px;
    font-size:1.2rem;
    line-height:12px;
    line-height:1.2rem;
}
.btnM,
.btnM_execution {
    height:26px;
    font-size:13px;
    font-size:1.3rem;
    line-height:13px;
    line-height:1.3rem;
}
.btnM2 {
    height:28px;
    font-size:13px;
    font-size:1.3rem;
    line-height:13px;
    line-height:1.3rem;
    margin-left:50px;
}
.btnL {
    font-size:16px;
    font-size:1.6rem;
    line-height:16px;
    line-height:1.6rem;
}
.btnLL {
    height:32px;
    font-size:16px;
    font-size:1.6rem;
    line-height:16px;
    line-height:1.6rem;
}
.btnLL2 {
    height:28px;
    font-size:16px;
    font-size:1.6rem;
    line-height:16px;
    line-height:1.6rem;
    margin-left:50px;
}
.btnSS A,
.btnS  A,
.btnM  A,
.btnM_execution A,
.btnM2  A,
.btnL  A,
.btnLL A,
.btnLL2 A{
    text-decoration:none !important;
    display:inline-block;
}
.btnS   A{ height:22px; }
.btnM   A,
.btnM_execution  A{ height:26px; }
.btnM2  A{ height:28px; }
.btnLL  A{ height:32px; }
.btnLL2  A{ height:28px; }
.btnSS SPAN,
.btnS SPAN,
.btnM SPAN,
.btnM_execution SPAN,
.btnM2 SPAN,
.btnL SPAN,
.btnLL SPAN,
.btnLL2 SPAN{
    display:inline-block;
    background-repeat:no-repeat;
}
.btnSS A SPAN{ padding:5px 5px 5px 4px; }
.btnS  A SPAN{
    height:18px;
    padding:2px 4px 1px 5px;
}
.btnM  A SPAN,
.g_Body .g_C .btnM  A SPAN{
    height:22px;
    padding:4px 5px 3px 7px;
}
.btnM2  A SPAN,
{
    height:24px;
    text-indent:-9999px;
}
.btnL  A SPAN{ padding:9px 10px 8px 10px; }
.btnLL A SPAN{
    height:28px;
    padding:6px 12px 5px 12px; }
.btnLL2 A SPAN{
    height:24px;
}

.btnSS A:hover SPAN,
.btnSS A:focus SPAN,
.btnS  A:hover SPAN,
.btnS  A:focus SPAN,
.btnM  A:hover SPAN,
.btnM  A:focus SPAN,
.btnM2 A:hover SPAN,
.btnM2 A:focus SPAN,
.btnL  A:hover SPAN,
.btnL  A:focus SPAN,
.btnLL A:hover SPAN,
.btnLL A:focus SPAN,
.btnLL2 A:hover SPAN,
.btnLL2 A:focus SPAN{ /* background-color:#089DFF; */ }

/* 角ボタン（文字無し） */
.btn_sqr,
.btnM_sqr,
.btnM2_sqr{
    display:block;
    float:left;
}
.btn_sqr{
    width:22px;
    height:22px;
}
.btnM_sqr{
    width:26px;
    height:26px;
}
.btnM2_sqr{
    width:52px;
    height:26px;
}
.btn_sqr A,
.btnM_sqr A,
.btnM2_sqr A{
    display:block;
    /* border-color:#ccc; */
    border-width:1px;
    border-style:solid;
    /* background-color:#fff; */
}
.btn_sqr A{
    width:22px;
    height:22px;

}
.btnM_sqr A{
    width:26px;
    height:26px;
}
.btnM2_sqr A{
    width:52px;
    height:26px;
}
.btn_sqr A SPAN,
.btnM_sqr A SPAN,
.btnM2_sqr A SPAN{
    display:block;
    margin:1px;
    background-repeat:no-repeat;
    text-indent:-9999px;
    /* background-color:#0075C2; */
    background-repeat:no-repeat;
}
.btn_sqr A SPAN{
    width:18px!important;
    height:18px;
}
.btnM_sqr A SPAN{
    width:22px;
    height:22px;
}
.btnM2_sqr A SPAN{
    width:48px;
    height:22px;
}
.btn_sqr A:hover SPAN,
.btn_sqr A:focus SPAN,
.btnM_sqr A:hover SPAN,
.btnM_sqr A:focus SPAN,
.btnM2_sqr A:hover SPAN,
.btnM2_sqr A:focus SPAN{ /* background-color:#089DFF; */ }

#btn_openHeader{ display:none; }
#closed_cond{ display:none; }
.closed_cond { display: none; }
.open_cond_y2 { display: none; }
.closed_cond_y2 { display: none; }

.btn_regular A,
.btn_irregular A,
.btn_sub A{
    /* background-color:#0075C2; */
}
.btn_regular A,
.btn_irregular A{
    /* color:#fff; */
    /* border-color:#ddd; */
    border-width:1px;
    border-style:solid;
    padding:1px;
    border-radius: 10px 10px 10px 10px;
}
.btn_regular A SPAN,
.btn_irregular A SPAN{
    /*
    background-color:#0075C2;
    border-color:#fff;
    */
    border-width:1px;
    border-style:solid;
    border-radius: 10px 10px 10px 10px;
}
/* .btn_tool A{
    color:#0075C2;
    background-color:#fff;
    border:#fff 1px solid;
    outline:#ddd 1px solid;
}
.btn_tool A SPAN{}
.btn_tool A:hover,
.btn_tool A:focus{ background-color:#DDF1FF; }
*/
.btn_sub A{
    font-size:12px;
    padding:2px 7px 2px 7px;
    /* color:#fff; */
    /* outline:#ddd 1px solid; */
    /* background-color:#0075C2; */
}
.btnSS_monitor,
.btnSS_analyzer,
.btnSS_trend,
.btnSS_detail,
.btnSS_alarm,
.btnSS_operation,
.btnSS_open,
.btnSS_close,
.btnSS_openG,
.btnSS_closeG,
.btnSS_ref,
.btnSS_book,
.btnSS_wrench,
.btnSS_plus,
.btnSS_acknowledge,
.btnSS_forcerecover,
.btnSS_trashbox,
.btnSS_finished,
.btnSS_info,
.btnSS_download{
    display:block;
    height:16px;
    width:24px;
    margin:auto;
}

.btnSS_monitor A,
.btnSS_analyzer A,
.btnSS_trend A,
.btnSS_detail A,
.btnSS_alarm A,
.btnSS_operation A,
.btnSS_open A,
.btnSS_close A,
.btnSS_openG A,
.btnSS_closeG A,
.btnSS_ref A,
.btnSS_book A,
.btnSS_wrench A,
.btnSS_plus A,
.btnSS_acknowledge A,
.btnSS_forcerecover A,
.btnSS_trashbox A,
.btnSS_finished A,
.btnSS_info A,
.btnSS_download A{
    display:block;
    height:16px;
    width:24px;
    /* background-color:#0075C2; */
    background-position:left top;
    background-repeat:no-repeat;
    text-indent:-9999px;
}
.btnSS_monitor A{ background-image:url(../img/btnSS_monitor.png); }
.btnSS_analyzer A{ background-image:url(../img/btnSS_analyzer.png); }
.btnSS_trend  A{ background-image:url(../img/btnSS_trend.png); }
.btnSS_detail  A{ background-image:url(../img/btnSS_detail.png); }
.btnSS_alarm  A{ background-image:url(../img/btnSS_alarm.png); }
.btnSS_operation  A{ background-image:url(../img/btnSS_state.png); }
.btnSS_open  A{ background-image:url(../img/btnSS_open.png); }
.btnSS_close  A{ background-image:url(../img/btnSS_close.png); }
.btnSS_book  A{ background-image:url(../img/btnSS_book.png); }
.btnSS_openG  A{ background-image:url(../img/btnSS_open_gray.png); }
.btnSS_closeG  A{ background-image:url(../img/btnSS_close_gray.png); }
.btnSS_ref  A{ background-image:url(../img/btnSS_ref.png); }
.btnSS_wrench  A{ background-image:url(../img/btnSS_wrench.png); }
.btnSS_plus  A{ background-image:url(../img/btnSS_plus.png); }
.btnSS_acknowledge A{ background-image:url(../img/btnSS_acknowledge.png); }
.btnSS_forcerecover A{ background-image:url(../img/btnSS_forcerecover.png); }
.btnSS_finished A{ background-image:url(../img/btnSS_finished.png); }
.btnSS_trashbox A{ background-image:url(../img/btnSS_trashbox.png); }
.btnSS_info A{ background-image:url(../img/btnSS_info.png); }
.btnSS_download A{background-image:url(../img/btnSS_download.png);}

.btnSS_monitor A:hover,
.btnSS_monitor A:focus,
.btnSS_analyzer A:hover,
.btnSS_analyzer A:focus,
.btnSS_trend A:hover,
.btnSS_trend A:focus,
.btnSS_detail A:hover,
.btnSS_detail A:focus,
.btnSS_alarm A:hover,
.btnSS_alarm A:focus,
.btnSS_operation A:hover,
.btnSS_operation A:focus,
.btnSS_open A:hover,
.btnSS_open A:focus,
.btnSS_close A:hover,
.btnSS_close A:focus,
.btnSS_openG A:hover,
.btnSS_openG A:focus,
.btnSS_closeG A:hover,
.btnSS_closeG A:focus,
.btnSS_ref A:hover,
.btnSS_ref A:focus,
.btnSS_book  A:hover,
.btnSS_book  A:focus,
.btnSS_wrench  A:hover,
.btnSS_wrench  A:focus,
.btnSS_plus  A:hover,
.btnSS_plus  A:focus,
.btnSS_acknowledge A:hover,
.btnSS_acknowledge A:focus,
.btnSS_forcerecover A:hover,
.btnSS_forcerecover A:focus,
.btnSS_trashbox A:hover,
.btnSS_trashbox A:focus,
.btnSS_finished A:hover,
.btnSS_finished A:focus,
.btnSS_info A:hover,
.btnSS_info A:focus,
.btnSS_download A:hover,
.btnSS_download A:focus{
    /* background-color:#089DFF; */
}

.btn_execution A{
    border-width:1px;
    border-style:solid;
    padding:1px;
}

.btn_execution A SPAN{
    border-width:1px;
    border-style:solid;
}

/* IE8のチェックが必要 */
/*FIELDSET .btnS,
FIELDSET .btnM,
.inline .btnS,
.inline .btnM{ padding-top:9px; vertical-align:top; } */

/* 通常アイコン */
.icon{
    background-position: center center;
    background-repeat:no-repeat;
}
.icon_group{
    display:inline-block;
    margin-left:-24px;
    background:url(../img/icon/icon_group.png) center center no-repeat;
    width:24px;
    height:16px;
    text-indent:-9999px;
}
.icon_attention{ background-image:url(../img/icon/icon_attention.png); }
.icon_attention_grey{
    background-image:url(../img/icon/icon_attention_grey.png);
    background-size:20px;
}
.icon_alert{ background-image:url(../img/icon/icon_alert.png); }

.icon_opeStatus_blue{ background-image:url(../img/icon/icon_opeStatus_blue.png); }
.icon_opeStatus_brown{ background-image:url(../img/icon/icon_opeStatus_brown.png); }
.icon_opeStatus_green{ background-image:url(../img/icon/icon_opeStatus_green.png); }
.icon_opeStatus_grey{ background-image:url(../img/icon/icon_opeStatus_grey.png); }
.icon_opeStatus_orange{ background-image:url(../img/icon/icon_opeStatus_orange.png); }
.icon_opeStatus_pink{ background-image:url(../img/icon/icon_opeStatus_pink.png); }
.icon_opeStatus_purple{ background-image:url(../img/icon/icon_opeStatus_purple.png); }
.icon_opeStatus_red{ background-image:url(../img/icon/icon_opeStatus_red.png); }
.icon_opeStatus_skyblue{ background-image:url(../img/icon/icon_opeStatus_skyblue.png); }
.icon_opeStatus_yellow{ background-image:url(../img/icon/icon_opeStatus_yellow.png); }

/* カレンダー */
.icon_calendar{
    background-position:right center;
    background-repeat:no-repeat;
}
INPUT.icon_calendar{ padding-right:20px; }

/* ボタン用アイコン */
/* SSサイズ */
/*.iconSS A{
    padding-left:17px!important;
    background-image:url(../img/icon/iconSetSS.png);
    background-repeat:no-repeat;
}
*/
/* Sサイズ */
.iconS A SPAN,
.iconS_sqr A SPAN{
    background-image:url(../img/icon/iconSetM.png);
    background-repeat:no-repeat;
}
.iconS A SPAN{ /* 16px用 */
    padding-left:20px!important;
}
/* 個別 */
.iconS_plus A SPAN{ background-position:-5px -5px ; }
.iconS_minus A SPAN{ background-position:-5px -145px ; }
.iconS_chevronUp A SPAN{ background-position:-5px -285px ; }
.iconS_chevronDown A SPAN{ background-position:-5px -257px ; }
.iconS_chevronLeft A SPAN{ background-position:-5px -369px ; }
.iconS_chevronRight A SPAN{ background-position:-5px -341px ; }
.iconS_chevronLeftLeft A SPAN{ background-position:-5px -620px ; }
.iconS_chevronRightRight A SPAN{ background-position:-5px -592px ; }
.iconS_chevronLeftEnd A SPAN{ background-position:-5px -424px ; }
.iconS_chevronRightEnd A SPAN{ background-position:-5px -396px ; }
.iconS_presentLocation A SPAN{ background-position:-5px -317px ; }

/* Mサイズ */
.iconM A SPAN,
.iconM_sqr A,
.iconM_sqr A SPAN{
    background-image:url(../img/icon/iconSetM.png);
    background-repeat:no-repeat;
}
.iconM A SPAN{
    padding-left:24px!important;
}
/* 個別 */
.iconM_spreadH A SPAN{ background-position:-3px -226px ; }
.iconM_reload A SPAN{ background-position:-3px -88px ; }
.iconM_downloadN A SPAN{ background-position:-3px -115px ; }
.iconM_search A SPAN{ background-position:-3px -32px ; }
.iconM2_search A SPAN{ background-position:10px -32px ; }
.iconM3_search A SPAN{ background-position:37px -32px ; }
.iconM_plus A SPAN{ background-position:-3px -4px ; }
.iconM_minus A SPAN{ background-position:-3px -143px ; }
.iconM_star A SPAN{ background-position:-3px -171px ; }
.iconM_starPlus A SPAN{ background-position:-3px -199px ; }
.iconM_chevronUp A SPAN{ background-position:-3px -283px ; }
.iconM_chevronDown A SPAN{ background-position:-3px -254px ; }
.iconM_chevronUpEnd A SPAN{ background-position:-3px -534px ; }
.iconM_chevronDownEnd A SPAN{ background-position:-3px -506px ; }
.iconM_chevronLeft A SPAN{ background-position:-3px -367px ; }
.iconM_chevronRight A SPAN{ background-position:-3px -339px ; }
.iconM_chevronLeftEnd A SPAN{ background-position:-3px -422px ; }
.iconM_chevronRightEnd A SPAN{ background-position:-3px -394px ; }
.iconM_presentLocation A SPAN{ background-position:-3px -312px ; }
.iconM_eyeOpen A SPAN{ background-position:-3px -451px ; }
.iconM_eyeOpenDisable A SPAN{ background-position:-3px -480px ; }
.iconM_pencil A SPAN{ background-position:-3px -562px ; }
.iconM3_pencil A SPAN{ background-position:37px -562px ; }
.iconM_upload A SPAN{ background-position:-3px -646px ; }
.iconM_next A SPAN{ background-position:-3px -674px ; }
.iconM_prev A SPAN{ background-position:-3px -702px ; }
.iconM_create A SPAN{ background-position:-3px -731px ; }
.iconM3_create A SPAN{ background-position:37px -730px ; }
.iconM_copy A SPAN{ background-position:-3px -758px ; }
.iconM3_copy A SPAN{ background-position:37px -758px ; }
.iconM_selectObj A SPAN{ background-position:-3px -786px ; }
.iconM_trashBox A SPAN{ background-position:-3px -814px ; }
.iconM3_trashBox A SPAN{ background-position:37px -814px ; }
.iconM_info A SPAN{ background-position:-3px -842px ; }
.iconM_acknowkedge A SPAN{ background-position:-3px -870px ; }
.iconM_forceRestart A SPAN{ background-position:-3px -898px ; }
.iconM_forceRestart45 A SPAN{ background-position:-3px -954px ; }
.iconM_forceRestart90 A SPAN{ background-position:-3px -982px ; }
.iconM_finish A SPAN{ background-position:-3px -926px ; }

.iconM_download A SPAN{
    background-image:url(../img/btnM_CSV.png);
    background-repeat:no-repeat;
}

.iconM_downloadRAW A SPAN{
    background-image:url(../img/btnM_RAW.png);
    background-repeat:no-repeat;
}

.iconM_cancel A,
.iconM_cancel A SPAN{
    background-image:url(../img/btnM_cancel.png);
    background-repeat:no-repeat;
    background-position:4px 1px ;
}

.iconM_save A,
.iconM_save A SPAN{
    background-image:url(../img/btnM_save.png);
    background-repeat:no-repeat;
    background-position:4px 1px ;
}

.btnM_clear A SPAN,
.btnM_clear_sqr A,
.btnM_clear_sqr A SPAN{
    background-image:url(../img/btnM_clear.png);
    background-repeat:no-repeat;
}
.btnM_clear A SPAN{
    padding-left:24px!important;
}

.btnM_cancel_sqr A,
.btnM_cancel_sqr A SPAN{
    background-image:url(../img/btnM_cancel.png);
    background-position:40px 2px ;
    background-repeat:no-repeat;
}

.btnM_save_sqr A,
.btnM_save_sqr A SPAN{
    background-image:url(../img/btnM_save.png);
    background-position:40px 2px ;
    background-repeat:no-repeat;
}

.btnM_browse A SPAN,
.btnM_browse_sqr A,
.btnM_browse_sqr A SPAN{
    background-image:url(../img/btnM_browse.png);
    background-repeat:no-repeat;
}

.btnM_browse A SPAN{
    padding-left:24px!important;
}

.btnM_pass A SPAN,
.btnM_pass_sqr A,
.btnM_pass_sqr A SPAN{
    background-image:url(../img/btnM_password.png);
    background-position:4px 1px;
    background-repeat:no-repeat;
}

.btnM_pass A SPAN{
    padding-left:48px!important;
}

.btnM_mailconfing_sqr A,
.btnM_mailconfing_sqr A SPAN{
    background-image:url(../img/btnM_mailconfig.png);
    background-repeat:no-repeat;
}

.btnM_mailconfing_sqr A SPAN{
    padding-left:35px!important;
}

.btnM_setting A,
.btnM_setting A SPAN{
    background-image:url(../img/btnM_setting.png);
    background-position:4px 1px;
    background-repeat:no-repeat;
}

.btnM_setting_left A,
.btnM_setting_left A SPAN{
    background-image:url(../img/btnM_setting-left.png);
    background-position:4px 1px;
    background-repeat:no-repeat;
}

.btnM_disconnect A SPAN{
    background-image:url(../img/btnM_disconnect.png);
    background-repeat:no-repeat;
    background-position:4px 1px ;
}
.btnM_disconnect A SPAN{
    padding-left:34px!important;
}

.btnM_connect A SPAN{
    background-image:url(../img/btnM_connect.png);
    background-repeat:no-repeat;
    background-position:4px 1px ;
}
.btnM_connect A SPAN{
    padding-left:34px!important;
}

.btnM_send A SPAN{
    background-image:url(../img/btnM_send.png);
    background-repeat:no-repeat;
    background-position:4px 1px ;
}
.btnM_send A SPAN{
    padding-left:34px!important;
}

DIV.btnM_mailconfing_sqr A > SPAN{
    width:132px;
}

/* Lサイズ */
.iconL A{
    padding-left:32px!important;
    background-image:url(../img/icon/iconSetM.png);
    background-repeat:no-repeat;
}
/* LLサイズ */
.iconLL A{
    padding-left:38px!important;
    background-image:url(../img/icon/iconSetM.png);
    background-repeat:no-repeat;
}

/* 表用アイコン */
.icon_noAlarm,
.icon_alarm{
    text-indent: -9999px;
    background-position: center center;
    background-repeat:no-repeat;
}
.icon_noAlarm{ background-image:url(../img/icon/icon_noAlarm.png); }
.icon_alarm  { background-image:url(../img/icon/icon_alarm.gif); }

/* 無効 jqueryと組み合わせが必要 */
.disable{
    pointer-events:none;
    cursor: default;
}
.disable A,
.disable A SPAN,
.disable A:hover,
.disable A:hover SPAN,
.btnS A.disable SPAN,
.btnM A.disable SPAN,
/* .btnM_execution A.disable SPAN, */
.btn_sqr A.disable SPAN,
.btnM_sqr A.disable SPAN,
.btnM2_sqr A.disable SPAN,
.btn_sqr A.disable:hover SPAN,
.btn_sqr A.disable:focus SPAN,
.btnM_sqr A.disable:hover SPAN,
.btnM_sqr A.disable:focus SPAN,
.btnM2_sqr A.disable:hover SPAN,
.btnM2_sqr A.disable:focus SPAN{
    /* color:#fff!important; */
    text-decoration:none!important;
    /* background-color:#ccc!important; */
}

/******************/
/* 各種ステータス */
/******************/

/* 機器稼働状況一覧 No.25,27 Add Start 2014/04/01 MSE */
.iconSSInlineBlock{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}
.iconInlineBlock{
    display:inline-block;
    vertical-align:middle;
    text-align:center;
}
/* 機器稼働状況一覧 No.25,27 Add End   2014/04/01 MSE */

.bg_warning_level1,
.bg_warning_level2,
.bg_warning_level3,
.bg_warning_level4,
.bg_warning_level5{
    /* color:#fff; */
    padding: 0px 0px 0px 4px;
    background-position:left top;
    background-repeat:repeat;
}
.bg_warning_level1{ background-image:url(../img/icon/bg_warning_level1.png); }
.bg_warning_level2{ background-image:url(../img/icon/bg_warning_level2.png); }
.bg_warning_level3{ background-image:url(../img/icon/bg_warning_level3.png); }
.bg_warning_level4{ background-image:url(../img/icon/bg_warning_level4.png); }
.bg_warning_level5{ background-image:url(../img/icon/bg_warning_level5.png); }

DIV.country {
    height:20px;
    width:30px;
    margin-left:auto;
    margin-right:auto;
}

/******************/
/* 稼働ステータス */
/******************/
.icon_statusSuspension,
.icon_statusUnder,
.icon_statusMaintenance,
.icon_statusTesting,
.icon_statusCommissioning,
.icon_statusOperating,
.icon_statusAwaiting,
.icon_aliveLife,
.icon_aliveDeath{ text-indent:-9999px; }

/* 異常停止中（仕様にはないが念のため） */
.icon_statusSuspension{ background-image:url(../img/icon/icon_statusSuspension.png); }
/* テスト中 */
.icon_statusTesting{ background-image:url(../img/icon/icon_statusTesting.png); }
/* 試験運用中（仕様にはないが念のため） */
.icon_statusCommissioning{ background-image:url(../img/icon/icon_statusCommissioning.png); }

/* 稼働中 */
.icon_statusOperating{ background-image:url(../img/icon/icon_statusOperating.png); }
/* 出荷待ち */
.icon_statusAwaiting{ background-image:url(../img/icon/icon_statusStandby.png); }
/* メンテ中 */
.icon_statusMaintenance{ background-image:url(../img/icon/icon_statusMaintenance.png); }
/* 停止中 */
.icon_statusUnder{ background-image:url(../img/icon/icon_statusUnder.png); }

/************/
/* 死活状況 */
/************/
.icon_aliveLife{ background-image:url(../img/icon/icon_aliveLife.png); }
.icon_aliveDeath{ background-image:url(../img/icon/icon_aliveDeath.png); }
.warnMsg{ /* color:#EC0000; */ }

/************/
/* パンくず */
/************/
DIV.crumbMenu{
    clear:both;
    /* color:#464646; */
    font-size:13px;
    line-height:16px;
    padding:5px 25px 5px 6px;
    /* background:#EEEEEE url(../img/bg_barShadowH.png) left top repeat-x; */
}
DIV.crumbMenu A,
DIV.crumbMenu A:link,
DIV.crumbMenu A:visited{
    /* color:#2672B8; */
    text-decoration:none; }
DIV.crumbMenu A:hover,
DIV.crumbMenu A:focus{
    /* color:#FD720B; */
    text-decoration:none; }
DIV.crumbMenu STRONG{
    /* color:#444646; */
    font-weight:normal; }
DIV.crumbMenu A,
DIV.crumbMenu STRONG{
    padding-left:6px;
    padding-right:6px;
}
DIV.crumbMenu SPAN{ }
#home DIV.crumbMenu STRONG.home,
DIV.crumbMenu A.home{
    padding-left:20px;
    /* background:url(../img/icon/icon_home.gif) left center no-repeat; */
}

/****************/
/* タブメニュー */
/****************/
NAV.tabMenu UL{
    height:27px;
    width:100%;
    /* border-bottom-color:#E4E4E4; */
    border-bottom-width:1px ;
    border-bottom-style:solid;
}

NAV.tabMenu  LI {
    display:block;
    float:left;
    height:26px;
    min-width:96px;
    list-style-type:none;
    text-align:center;
    /* border-color:#E4E4E4; */
    border-width:1px ;
    border-style:solid;
    margin-right:12px;
    font-size:12px;
    /* font-size:1.2rem; */
}
NAV.tabMenu  LI:last-child{
    margin-right:0;
}
/* 現在選択中のもの */
NAV.tabMenu  LI.current {}
NAV.tabMenu  LI A {
    text-decoration:none;
    display:block;
    height:26px;
    padding-top:5px;
    padding-left:6px;
    padding-right:6px;
    /* background: #dddddd;
    background: -moz-linear-gradient(top,  #dddddd 0%, #f1f1f1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#f1f1f1));
    background: -webkit-linear-gradient(top,  #dddddd 0%,#f1f1f1 100%);
    background: -o-linear-gradient(top,  #dddddd 0%,#f1f1f1 100%);
    background: -ms-linear-gradient(top,  #dddddd 0%,#f1f1f1 100%);
    background: linear-gradient(to bottom,  #dddddd 0%,#f1f1f1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#f1f1f1',GradientType=0 );
    border-bottom:#E4E4E4 1px solid;
    */
}
NAV.tabMenu  LI A:link,
NAV.tabMenu  LI A:visited{}
NAV.tabMenu  LI A:hover,
NAV.tabMenu  LI A:focus{
    /* color:#089DFF; */
    /* background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 2%, #D7EFFF 2%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(2%,#ffffff), color-stop(2%,#D7EFFF), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 2%,#D7EFFF 2%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 2%,#D7EFFF 2%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 2%,#D7EFFF 2%,#f7f7f7 100%);
    background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 2%,#D7EFFF 2%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#f7f7f7',GradientType=0 );
    */
}
NAV.tabMenu  LI.current A{
    /* color:#0E2B8C; */
    /* background-color:#fff;
    background: #f0f0f0;
    background: -moz-linear-gradient(top,  #f0f0f0 0%, #f7f7f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#f7f7f7));
    background: -webkit-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 100%);
    background: -o-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 100%);
    background: -ms-linear-gradient(top,  #f0f0f0 0%,#f7f7f7 100%);
    background: linear-gradient(to bottom,  #f0f0f0 0%,#f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f7f7f7',GradientType=0 );
    */
    border-bottom:none;
    pointer-events:none;
    cursor:default;
}
NAV.tabMenu  LI.current A:hover,
NAV.tabMenu  LI.current A:focus{
    /* background-color:#fff; */
    /* color:#0E2B8C; */
    pointer-events: none;
    cursor: default;
    border-bottom:none;
}
NAV.tabMenu  LI.disableTab {
    pointer-events: none;
    cursor: default;
}
.tabMenuSubArea{
    clear:both;
    /* border-left-color:#ddd; */
    border-left-width: 1px;
    border-left-style: solid;
    /* border-right-color:#ddd; */
    border-right-width: 1px;
    border-right-style:solid;
    padding:3px 6px 3px 3px;
    /* background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
    background: -o-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
    background: -ms-linear-gradient(top,  #f7f7f7 0%,#ffffff 100%);
    background: linear-gradient(to bottom,  #f7f7f7 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
    */
}

.tab_list,
.tab_map,
.tab_graph {
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style:solid;
    padding:1px 1px 1px 1px;
}

/**********************/
/* タブメニューボタン */
/**********************/
NAV.tabMenuButton UL{
    height:27px;
    width:100%;
    border-bottom-width:0px ;
    border-bottom-style:solid;
}

NAV.tabMenuButton  LI {
    display:block;
    float:left;
    height:26px;
    min-width:96px;
    list-style-type:none;
    text-align:center;
    /* border-color:#E4E4E4; */
    border-width:1px ;
    border-style:solid;
    margin-right:12px;
    font-size:12px;
    /* font-size:1.2rem; */
}
NAV.tabMenuButton  LI:last-child{
    margin-right:0;
}
/* 現在選択中のもの */
NAV.tabMenuButton  LI.current {}
NAV.tabMenuButton  LI A {
    text-decoration:none;
    display:block;
    height:26px;
    padding-top:5px;
    padding-left:6px;
    padding-right:6px;
}
NAV.tabMenuButton  LI A:link,
NAV.tabMenuButton  LI A:visited{}
NAV.tabMenuButton  LI A:hover,
NAV.tabMenuButton  LI A:focus{
}
NAV.tabMenuButton  LI.current A{
    border-bottom:none;
    pointer-events:none;
    cursor:default;
}
NAV.tabMenuButton  LI.current A:hover,
NAV.tabMenuButton  LI.current A:focus{
    pointer-events: none;
    cursor: default;
    border-bottom:none;
}
.tabMenuSubArea{
    clear:both;
    /* border-left-color:#ddd; */
    border-left-width: 1px;
    border-left-style: solid;
    /* border-right-color:#ddd; */
    border-right-width: 1px;
    border-right-style:solid;
    padding:3px 6px 3px 3px;
}

.menuSubArea {
    border: 0px currentColor;
    border-image: none;
    height: 27px;
}

.tab_list,
.tab_map,
.tab_graph {
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style:solid;
    padding:1px 1px 1px 1px;
}


/******************************/
/* ヘッダー                   */
/******************************/
HEADER{
    width: 100%;
    margin-bottom:7px;
}
HEADER LI{ list-style-type:none; }
HEADER A,
HEADER A:link,
HEADER A:visited{
    text-decoration:none;
}

HEADER DIV.wrapUpper{
    position:relative;
    overflow:hidden;
    height:48px; /* 仮 */
    padding:0 0 0 12px;
    /* 1280の時 padding:6px 12px 10px 12px; */
    padding-bottom:4px;
    border-bottom-width:1px;
    border-bottom-style:solid;
}
HEADER DIV.wrapLower{
    clear:both;
    position:relative;
    /*overflow:hidden;*/
}
HEADER DIV.wrapLower TABLE{
    width: 100%;
    padding:0px 0px 0 0px;
    border-width: 0px;
}

HEADER DIV.wrapLower TABLE TD{
    padding:0px 0px 0 0px;
}

HEADER .leftArea{ float:left; }
HEADER .rightArea{
    float:right;
    position:relative;
}
/* 企業ロゴ w200px h40px */
HEADER H1{
    width:229px;
    height:40px;
    margin-top:3px;
    float:left;
    margin-right:6px;
    border-right-width: 1px;
    border-right-style: dotted;
    background-position:left top;
    background-repeat:no-repeat;

} /* css読み替え */
HEADER H1 A{
    display:block;
    width:210px;
    height:40px;
    font-size:12px;
    /* color:#fff; */
    text-indent:-9999px;
}

HEADER H1 A:hover{
    cursor:default;
}
/********/
/* 時計 */
/********/
#clockArea{
    position:relative;
    float:left;
    width:378px;
    margin-top:4px;
    height:39px;
}

DIV.clock,
DIV.clockD{
    position:relative;
    float:left;
    width:120px;
    height:39px;
    font-family: 'Noto Sans JP', sans-serif;
    margin-right:6px;
    /* border-right-color:#CCC; */
    border-right-style:dotted;
    border-right-width:1px;

}
/* digital */
DIV.clockD{ }
DIV.clockD DIV.timeBox{
    position:relative;
    overflow:hidden;
    /* background-color:#fff;
    border-color:#CCCCCC; */
    border-width: 2px;
    border-style: solid;
    height:19px;
    width:114px;
    position:absolute;
    left:0;
    top:20px;
    padding:1px 1px 1px 4px;
    margin-bottom:1px;
}

.clockD DIV.timeBox .time{
    float:left;
    width:68px;
    font-size:16px;
    line-height:15px;
    font-weight:bold;
    /* color:#000000; */
}
.clockD DIV.timeBox .timeDiff{
    float:right;
    width:36px;
    height:13px;
    padding-top:3px;
    padding-left:3px;
    padding-right:3px;
    text-align:center;
    font-size:10px;
    line-height:10px;
    /*color:#fff;
    background-color:#049DD3;   */
}
.clockD DIV.subPanel{
    clear:both;
    position:absolute;
    top:0;
    left: 0;
    width:116px;
    height:20px;
    /* color:#fff; */
    overflow:auto;

}
.clockD DIV.subPanel DIV.flag{
    padding-left:26px;
    height:20px;
    background-repeat:no-repeat;
    background-position:left 0px;

}
.clockD DIV.subPanel .city{
    float:left;
    min-width:40px;
    max-width:62px;
    font-size:10px;
    line-height:10px;
    white-space:nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.clockD DIV.subPanel .cc{
    float:left;
    min-width:20px;
    width:24px;
    text-align:right;
    font-size:10px;
    line-height:8px;
    font-weight:bold;
}
.clockD DIV.subPanel .date{
    font-size:10px;
    line-height:8px;
}

/* analog */
DIV.clock{}
.set1{
    width: 39px;
    height: 39px;
    position: relative;
    margin-right:4px;
    float:left;
}
.set1 DIV{
    position: absolute; top: 0; left: 0;
}
.am{ /* パターン切り替え */
    background:url(../img/clock/set1/clock_face_am.png) left top no-repeat;
}
.pm{ /* パターン切り替え */
    background:url(../img/clock/set1/clock_face_pm.png) left top no-repeat;
}
.clock .subPanel{
    position:absolute;
    width:68px;
    top:0;
    left:44px;
    /* color:#fff; */
}
.clock .subPanel .flag{
    padding-left:26px;
    background-repeat:no-repeat;
    background-position:left center;
    height:16px;
    padding-top:1px;
    margin-bottom:1px;
}
.clock .subPanel .cc{
    font-size:14px;
    line-height:14px;
    font-weight:bold;
    /* color:#ddd; */ /*#666666*/
}
.clock .subPanel .city{
    font-size:10px;
    line-height:10px;
    padding-top:1px;
    margin-bottom:1px;
    white-space:nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}
.clock .subPanel .date{
    font-size:12px;
    line-height:12px;
}
.clock .subPanel .timeDiff{
    margin-top:0; /* -1=>0 */
    height:12px; /* 追加 */
    font-size:10px; /* 追加 */
    line-height:10px; /* 追加 */
}
.clock .subPanel .timeDiff SPAN{
    padding-left:3px;
    padding-right:3px;
    vertical-align:text-bottom;
    font-size:10px;
    line-height:10px; /* 追加 */
    /*color:#fff;
    background-color:#049DD3;*/
}


/***************************************/
/*  ヘッダ トラブル情報                */
/***************************************/
#troubleCountArea {
    position:absolute;
    top:15px;
    right:300px;
    width:20px;
    height:20px;
    min-width:40px;
    font-size:13px;
    border-top-left-radius: 20px 30px;
    border-top-right-radius: 20px 30px;
    border-bottom-left-radius: 20px 30px;
    border-bottom-right-radius: 20px 30px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

#troubleInfoListArea {
    position:absolute;
    max-height: 80%;
    width: 350px;
    min-width: 250px;
    overflow: auto;
    top: 28px;
    right: 200px;
    z-index: 9999;
}

#newTroubleInfoListArea {
    position: fixed;
    top: 28px;
    right: 10px;
    z-index: 10000;
}

#troubleInfoListArea TABLE,
#newTroubleInfoListArea TABLE {
    position: relative;
    width: 100%;
    text-align:center;
    vertical-align:middle;
    border:1px solid;
    cursor: default;
}

#troubleInfoListArea TABLE THEAD TH,
#newTroubleInfoListArea TABLE THEAD TH {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1;
}

#troubleInfoListArea TABLE TBODY,
#newTroubleInfoListArea TABLE TBODY {
    text-align: left;
}

#troubleInfoListArea TABLE TBODY TR,
#newTroubleInfoListArea TABLE TBODY TR {
    border-bottom: 1px solid;
    cursor: pointer;
}
#troubleInfoListArea TABLE TBODY TD,
#newTroubleInfoListArea TABLE TBODY TD {
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ユーザー情報 */
#userInfoArea{
    position:absolute;
    top:5px;
    right:110px;
    width:164px;
    height:40px;
    min-width:164px;
    font-size:10px;

}
#userInfoArea TABLE{
    border:none;
}
#userInfoArea TR#clientId TH,
#userInfoArea TR#userId TH{ display:none; }
#userInfoArea TR#clientId{ }
#userInfoArea TR#userId{}

#clientId TD,
#userId TD{
    background-position:left center;
    background-repeat:no-repeat;
}

#userInfoArea TD{
    padding:4px 3px 1px 14px;
    font-size:10px;
    line-height:10px;
    /* color:#fff; */
    width:138px;
}
#userInfoArea TD DIV{
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* Opera 9,10 */
       text-overflow: ellipsis;
    width:138px;
}
I.usrSetting{}
I.help{}


/* サブナビ*/
NAV#subMenu{
    height:43px;
    position:absolute;
    width:140px;
    right:1px;
    /* top:-61px; */
}
NAV#subMenu UL {
    position:absolute;
    width:140px;
}
NAV#subMenu UL LI{
    position:absolute;
    height:16px;
    font-size:10px;
}
NAV#subMenu UL LI A{
    display:block;
    /* color:#fff;   color */
}
NAV#subMenu UL LI A:hover,
NAV#subMenu UL LI A:focus{
    /* color:#fff;   color */
    text-decoration:underline;
}
NAV#subMenu UL LI.btn_userSetting,
NAV#subMenu UL LI.btn_help{
    padding-left:17px;
    /* background-image:url(../img/icon/iconS.png); */
    background-repeat:no-repeat;
}
NAV#subMenu UL LI.btn_userSetting{
    left:-10px;
    top:3px;
    width:78px;
    height:16px;
    /* background:url(../img/icon/btnS_setting.png) left top no-repeat; */
}
NAV#subMenu UL LI.btn_help{
    left:70px;
    top:3px;
    width:62px;
    height:16px;
    /* background:url(../img/icon/btnS_help.png) left top no-repeat; */
}
NAV#subMenu UL LI.btn_calendar{
    left:125px;
    top:5px;
    width:78px;
    height:16px;
    /* background:url(../img/icon/btnS_setting.png) left top no-repeat; */
}
NAV#subMenu UL LI.btn_logout{
    left:0;
    top:26px;
    width:140px;
    height:20px;
    font-size:12px;
    line-height:12px;
    /* border-color:#EAEAEA; */
    border-width: 1px;
    border-style: solid;
    /* background-color:#fff; */
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
}
NAV#subMenu UL LI.btn_logout A{
    /* color:#0E2B8C; */
    text-align:center;
    padding:4px;
}

/* グローバルメニュー */
NAV#gMenu LI{
    position: relative;
/*    width:13.5%;*/
    width:200px;
    min-width:120px;
    /* border-right-color:#fff; */
    border-right-style:dotted;
    border-right-width:1px;
    font-size:13px;
    line-height:13px;
    font-weight:bold;
    float:left;
    /*display:inline-block; */
}
NAV#gMenu LI#home{
    width:49px;
    min-width:49px;
}
NAV#gMenu LI#home A{
    text-indent:-9999px;
    /* background-image:url(../img/icon/btnS_home.png); */
    background-position: center 2px ;
    background-repeat:no-repeat;
}
NAV#gMenu LI A{
    display:block;
    text-align:center;
    padding:7px 8px 6px 8px;
    /* padding:5px 8px 6px 8px; */
}
NAV#gMenu LI A,
NAV#gMenu LI A:link,
NAV#gMenu LI A:visited{
    /* color:#fff; */
}
NAV#gMenu LI A:hover,
NAV#gMenu LI A:focus{ /* background-color:#089DFF; */ }

NAV#gMenu LI UL{
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    border-radius: 0 0 3px 3px;
}

NAV#gMenu LI UL LI{
    overflow: hidden;
/*    width: 100%;*/
    height: 0;
    -moz-transition: .2s;
    -webkit-transition: .2s;
    -o-transition: .2s;
    -ms-transition: .2s;
    transition: .2s;
}

NAV#gMenu LI UL LI A{
    padding: 13px 15px;
    text-align: left;
    font-size: 12px;
    font-weight: normal;
    text-align:center;
}

NAV#gMenu LI:hover UL{
    display: block;
    position: absolute;
    z-index: 310;
}

NAV#gMenu LI:hover UL LI{
    overflow: visible;
    height: 38px;
    border-top: 1px solid;
    border-bottom: 1px solid;
    z-index: 310;
}

/* ボタンエリア */
.btnHeaderSpreadBtnArea{
    position:absolute;
    top:3px; right:5px;
}

/******************************/
/* コンテンツ                 */
/******************************/
DIV#wrapContents{
    clear:both;
    position:absolute;
    padding-left:12px;
    padding-right:12px;
    /* color:#333333; */
    padding-bottom:24px;
    left:210px;
    /* 確認用
    border:#0F0 1px solid; */
    min-width: 1040px;
    /*width: 1039px;*/
    width: 85%;
}
/* ページタイトル周り */
DIV#wrapContents H1{
    height:26px;
    /* border-left-color:#666; */
    border-left-width:3px;
    border-left-style:solid;
    padding-top:3px;
    padding-left:4px;
    font-size:15px;
    font-size: 1.5rem;
    line-height:21px;
    line-height:2.1rem;
    margin-bottom:7px;
}
DIV#wrapContents H2{
    font-weight:normal;
    padding:4px 4px 3px 7px;
    font-size: 13px;
    font-size: 1.3rem;
    line-height:20px;
    line-height:2.0rem;
    margin-bottom:7px;
}
DIV#wrapContents H3{
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom:7px;
}
DIV#wrapContents H4{}
DIV#wrapContents H5{}
DIV#wrapContents H6{}
.ttlArea{
    position:relative;
    margin-bottom:7px;
}
DIV#wrapContents .ttlArea H1{
    width:100%;
    margin-bottom:0;
}
.ttlArea DIV.sub{
    position:absolute;
    top:0;
    right:0;
}
.ttlArea DIV.sub DIV { text-align:left; }
.ttlArea DIV.sub DIV TABLE{
    float:left;
    height:26px;
    margin-right:6px;
}
.ttlArea DIV.sub DIV TABLE TH{
    /* background-color:#B3B3B3; */
    /* color:#fff; */
    font-weight:normal;
}
.ttlArea DIV.sub DIV TABLE TD{
    /* background-color:#fff; */
    padding:0;
}
.ttlArea DIV.sub DIV TABLE SELECT,
.searchPrimaryBox TABLE SELECT{
    border:none;
    height:24px;
}

DIV.inline { margin-bottom:7px;}
DIV.inline TABLE{
    border:none;
    margin-right:6px;
    float:left;
}
DIV.inline TABLE TH,
DIV.inline TABLE TD{
    padding:1px;
    /* border-color:#B3B3B3; */
}
DIV.inline TABLE TH{
    font-weight:normal;
    /* color:#fff; */
    /* background-color:#B3B3B3; */
    border-width:1px 0 1px 1px;
    border-style:solid;
}
DIV.inline TD{
    border-width:1px 1px 1px 0;
    border-style:solid;
}
DIV.inline TABLE TH LABEL{
    /* background-color:#B3B3B3; */
    /* color:#fff; */
    padding-right:8px;
}

/**************/
/* 検索エリア */
/**************/
DIV.searchAreaBox{
    clear:both;
    position:relative;
    margin-bottom:7px;
    min-width: 1015px;
}
DIV.searchArea{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    padding:4px;
    /* background-color:#E0E0E0;
    background-image:url(../img/bg_slashLG.gif);
    */
    background-position:left top;
    background-repeat:repeat;
    z-index:300;
}
DIV.searchArea FIELDSET.inline TABLE{
    float:left;
    margin-right:6px;
    background-color: #fffbf8;
}
DIV.searchPrimaryBox {
    position:relative;
    /* background-color:#FFF; */
    padding:3px;
    /* for chorome */
    height:33px;
    background-color: #fffbf8;
}
DIV.searchPrimaryBox2Line {
    position:relative;
    height:70px;
    background-color: #fffbf8;
}

DIV.searchPrimaryBox3Line {
    position:relative;
    height:103px;
    background-color: #fffbf8;
}

DIV.searchPrimaryBox4Line {
    position:relative;
    height:143px;
    background-color: #fffbf8;
}

DIV.searchPrimaryBox FIELDSET.inline{
    padding-right:8px;
    margin-right:7px;
    float:left;
    background-color: #fffbf8;
}
/* <40500-003> add start */
@media screen and (max-width: 960px) {
    DIV.searchPrimaryBox FIELDSET.inline{
        padding-right:3px;
    }
}
/* <40500-003> add end */
DIV.searchPrimaryBox2Line FIELDSET.inline,
DIV.searchPrimaryBox3Line FIELDSET.inline{
    padding-right:8px;
}
DIV.searchPrimaryBox FIELDSET.inlineEnd,
DIV.searchPrimaryBox2Line FIELDSET.inlineEnd{
    /* display:inline-block; */
}
DIV.searchPrimaryBox TABLE{
    height:26px;
    margin-right:6px;
    float:left;
}

/* 検索エリア内の位置調整 */
/* グループ */
DIV.groupArea{
    overflow:hidden;
    width:218px;
    height:21px;
    font-size:12px;
    font-size:1.2rem;
    line-height:14px;
    line-height:1.4rem;
    padding-top:4px;
    padding-left:4px;
    padding-right:18px;
    background:url(../img/icon/icon_group.png) right center no-repeat;
    margin-right:4px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* Opera 9,10 */
       text-overflow: ellipsis;
}
DIV.groupArea:hover{
    /* background-color:#D7EFFF; */
}
DIV.groupArea DIV.group{
    float:left;
    max-width:98px;
}
DIV.groupArea DIV.group SPAN{
    min-width:0;
}
SPAN.groupTopLevelGroups,
DIV.groupTarget{
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis; /* Opera 9,10 */
       text-overflow: ellipsis;
}
SPAN.groupTopLevelGroups{
    display:inline-block;
    max-width:88px;
    min-width:0;
    padding:0;
    height:18px;
}
DIV.groupArea DIV.groupTarget{
    min-width:86px;
    height:18px;
    vertical-align:bottom;
    font-weight:bold;
}
DIV.groupArea DIV.group SPAN#group_str_2{ vertical-align: top; }
/*
DIV.groupA DIV.groupTopLevelGroups:before,
DIV.groupA DIV.groupTarget:before{
    content:attr(data-dummy);
}
*/

/* 拡張エリア */
DIV.searchAreaBox  DIV.closed_cond{
    clear:both;
    position:relative;
    /* background:#fff; */
}
.closed_cond{ display:none; }
.open_cond_y2 { display: none; }
.closed_cond_y2 { display: none; }

/* 詳細条件検索 */
DIV.searchAreaBox DIV.extendedArea{
    /* background-color:#fff;   */
}
DIV.searchAreaBox DIV.extendedArea DIV.extendedAreaInner{
    padding:6px;
    /* background-color:#F5F5F5; */
    /* background-image:url(../img/bg_slashLG.gif); */
    background-position:left top;
    background-repeat:repeat;
    height:360px;
    overflow-y: scroll;
}
DIV.searchAreaBox DIV.extendedArea H3{
    font-size:13px;
    font-size:1.3rem;
}
DIV.searchAreaBox .extendedArea FIELDSET.upperArea{
    /* border-bottom-color:#ccc; */
    border-bottom-width:1px;
    border-bottom-style:dotted;
    margin-bottom:7px;
}

DIV.searchAreaBox .extendedArea LABEL {
    /* background-color:transparent; */
    padding-right:8px;
}
DIV.searchAreaBox .extendedArea TABLE{
    border:none;
    margin-bottom:12px;
    height:26px;
}
DIV.searchAreaBox .extendedArea TH,
DIV.searchAreaBox .extendedArea TD{
    padding:0;
    vertical-align:middle;
}
DIV.searchAreaBox .extendedArea TH{
    text-align:left;
    width:200px;
    min-width:84px;
    padding:4px 0 3px 9px;
    /* background-color:#FFF; */
    /* color:#484848; */
    border-top:none;
    /* border-left-color:#0F2B8D; */
    border-left-width:3px;
    border-left-style:solid;
    border-bottom:none;
}
DIV.searchAreaBox .extendedArea TD{
    padding-left:9px;
    border:none;
}

DIV.searchAreaBox .extendedArea TD
SELECT,
DIV.searchAreaBox .extendedArea TD INPUT[type="text"],
DIV.searchAreaBox .extendedArea TD INPUT[type="number"]{
    height:26px;
    /* border-color:#CCCCCC; */
    border-width:1px;
    border-style:solid;
}

DIV.searchAreaBox .extendedArea TABLE TABLE{
    border:none;
    margin-top:7px;
    padding-bottom:0;
    margin-bottom:0;
}
DIV.searchAreaBox .extendedArea TABLE TABLE TH{
    border-left:none;
    /* background-color:transparent; */
    padding-left:0;
    width:90px;
}
DIV.searchAreaBox .extendedArea TABLE TABLE TH,
DIV.searchAreaBox .extendedArea TABLE TABLE TD{
    vertical-align:top;
    padding-top:4px;
    padding-bottom:7px;
}
DIV.searchAreaBox .extendedArea TABLE TABLE TH{
    width:60px;
    min-width:48px;
}

DIV.searchAreaBox .extendedArea INPUT[type="checkbox"],
DIV.searchAreaBox .extendedArea INPUT[type="radio"]{ }
/* グラフサムネール */
.graphThumbAreaBase{
    width:100%;
    margin-bottom:7px;
}
.graphThumbArea{
    position:relative;
    margin: auto;
    width:157px;
    height:113px;
    /* background-color:#FFF; */
}
.graphThumbArea DIV{
    position: absolute;
    top: 0; left: 0;
}

/* お気に入りに登録 */
.favoriteBoxArea{
    position:absolute;
    top:6px;
    right:6px;
}
.favoriteBoxArea INPUT[type="text"],
.favoriteBoxArea INPUT[type="number"] { margin-right:6px; }


DIV.graphArea,
DIV.mapArea{ position:relative; }

DIV.displayBtnArea,
DIV.displayBtnArea2{
    position:absolute;
    width:22px;
    height:22px;
    z-index:3;
}

DIV.displayBtnArea{
    right:0;
    top:0;
}
DIV.displayBtnArea2{
    right:3px;
    top:3px;
}
/* 検索条件 */
#searchCriteriaBox {
    /* background-color:#f1f1f1; */
/* 機器稼働状況一覧 No.3 Del Start 2014/04/06 MSE */
    /* min-height:32px; */
/* 機器稼働状況一覧 No.3 Del End   2014/04/06 MSE */
    padding:3px 5px;
    position:relative;
    overflow:hidden;
    margin-bottom:7px;
}
#searchCriteriaBox H4{
    float:left;
    height:26px;
    padding:4px 6px 2px 6px;
    margin-right:8px;
    /* color:#fff; */
    /* background-color:#02A3BF; */
}
#searchCriteriaBox P{
    float:left;
    padding-top:4px; /* 2行以上を使う場合は外す必要有り */
    height:16px;
    font-size:10px;
    line-height:16px;
    /* color:#666; */
}
#searchCriteriaBox P SPAN{
    display:inline-block;
    font-size:12px;
    line-height:16px;
}
#searchCriteriaBox P SPAN{}
#searchCriteriaBox UL{ float:left; }
#searchCriteriaBox LI{
    display:inline-block;
    list-style-type:none;
    line-height:12px;
}
#searchCriteriaBox LI A{ padding-left:20px; }
.icon_deleteCriterion{
    padding-left:21px;
    background-image:url(../img/icon/icon_deleteCriterion.png);
    background-repeat:no-repeat;
    background-position:right top;
}
A:hover .icon_deleteCriterion,
A:focus .icon_deleteCriterion{ background-position:right bottom; }

/* 検索条件（起点日） */
.dateinput2btns{
    float:left;
    vertical-align:middle;
}


/** 逐次検索条件 */
#incrimentalSearchCriteriaBox {
    display: inline-block;
    line-height: 1.3rem;

    padding:0px 0px;
    margin-bottom:0px;
    position:relative;
}
#incrimentalSearchCriteriaBox H4{
    display: inline-block;
    height:24.5px;
    padding-top:6.5px;
    padding-bottom:7.0px;
    padding-left:7px;
    margin-right:0px;
    width:65px;
}
#incrimentalSearchCriteriaBox P{
    display: inline-block;
    padding-top:4px;
    height:17px;
    font-size:10px;
    line-height:16px;
    width:175px;
    margin:auto;
    overflow:hidden;
    text-overflow: ellipsis;
}
#incrimentalSearchCriteriaBox P a,
#incrimentalSearchCriteriaBox P SPAN{
    display:inline-block;
    font-size:12px;
    line-height:16px;
}
#incrimentalSearchCriteriaBox P SPAN{}
#incrimentalSearchCriteriaBox UL{ float:left; }
#incrimentalSearchCriteriaBox LI{
    display:inline-block;
    list-style-type:none;
    line-height:12px;
}
#incrimentalSearchCriteriaBox LI A{ padding-left:20px; }
.icon_deleteCriterion{
    padding-left:21px;
    background-image:url(../img/icon/icon_deleteCriterion.png);
    background-repeat:no-repeat;
    background-position:right top;
}
A:hover .icon_deleteCriterion,
A:focus .icon_deleteCriterion{ background-position:right bottom; }


DIV#resizeArea H4{
    font-weight:normal;
    padding:4px 4px 3px 7px;
    font-size:1.3rem;
    line-height:2.0rem;
    margin-bottom:7px;
}
/********************************************/
/* トレンドマップ　　　　　　　　　　　     */
/********************************************/
DIV.trendUpperArea{
    margin-bottom:7px;
    /* overflow:hidden; */
}
DIV.trendUpperArea H3{
    /* background-color:#0F2B8D; */
    /* color:#fff; */
    height:22px;
    line-height:12px;
    padding:5px 20px 0 6px;
    font-weight:normal;
}
DIV.trendUpperArea H3 A{ /* color:#fff; */ }

TABLE.tableDrowCond{
    width:100%;
}

TD.baseGridDrowCond{
    width:915px;
}


DIV.divDrowCondGrid{
    height:530px;
}

DIV.divDrowCondGrid2{
    height:135px;
}

DIV.divDrawCondHeader{
    padding-right:17px;
    width:906px;
}

DIV.tableDrowCondBodyScrollArea{
    overflow-y: scroll;
    height:130px;
    width:906px;
}

DIV.tableDrowCondBodyScrollArea2{
    overflow-y: scroll;
    height:110px;
    width:906px;
}

DIV.tableDrowCondBodyScrollArea3{
    overflow-y: scroll;
    height:490px;
    width:906px;
}

/********************/
/* グラフ・地図     */
/********************/
/* 共通 */
DIV.graphArea,
DIV.mapArea {
    /* border-color:#E0E0E0; */
    border-width:1px;
    border-style:solid;
}
#graph_open,
#map_open{ display:none; }
#graph_wrap,
#map_wrap{ height:100%; }

#wrapContents DIV.graphArea H3,
#wrapContents DIV.mapArea H3{
    margin-bottom:0;
}

/* グラフ */
#graph_wrap{
    padding-top:20px;
    padding-left:20px;
    padding-right:20px;
}

/* 地図 */
.presentBtnArea{
    position:absolute;
    left:36px;
    top:12px;
    z-index:3;
}

/* 機器稼働状況一覧 No.25,27 Add Start 2014/04/01 MSE */
/* 地図内InfoWindow */
.mapInfoWindowContent{
    overflow:auto;
    width:310px;
    max-height:80px;
}
/* <40500-003> add start */
.mapInfoWindowContentTablet{
    width:310px;
}
/* <40500-003> add end */
/* 機器稼働状況一覧 No.25,27 Add End   2014/04/01 MSE */

/**/
#trend DIV.listTblArea {
    clear:both;
    width:100%;
}
/************/
/* 一覧表   */
/************/
.tableUpperArea0{
    clear:both;
    overflow:hidden;
    position:relative;
    height:26px;
    margin-bottom:7px;
}


.tableUpperArea1  DIV,
.tableUpperArea2  DIV {
    text-align:left;
}
.tableUpperArea1 TABLE,
.tableUpperArea2 TABLE{
    float:left;
    height:26px;
    margin-right:6px;
}
.tableUpperArea1 TABLE TH,
.tableUpperArea2 TABLE TH{
    /* background-color:#B3B3B3; */
    font-weight:normal;
}
.tableUpperArea1 TABLE TD,
.tableUpperArea2 TABLE TD{
    padding:0;
    padding:0;
}
.tableUpperArea1 TABLE SELECT,
.tableUpperArea2 TABLE SELECT{
    border:none;
    height:24px;
}

/* Grid.jsテーブル */
#divGrid{
    width:100%;
    height:100%;
}

.g_FR {
    /* Grid footer cell */
    /*border-width : 1px 1px 0px 0px;
    border-color : #ccc !important;
    background-color : #eee;
    */
    border-width : 0px 1px 1px 0px;
}
/* ヘッダ行 */
.g_Head .g_C,
.g_Head .g_HR {}
/* ボディー行 */
.g_Body .g_HR{}
/* 確認用 */
/* #tableGrid thead TH */
/* #tableGrid tbody TD */


.tbl thead TH,
#tableGrid thead TH,
#tableSubGrid thead TH,/* 確認用 */
.g_Head .g_HR{
    /* background-color:#0F2B8D; */
}
.g_HR:hover{
    /* background-color:#089DFF; */
}
.tbl thead TH,
#tableGrid thead TH,/* 確認用 */
.g_HR{
    /* padding-right : 12px; */
}
.tbl thead TH SPAN,
#tableGrid thead TH SPAN,
#tableSubGrid thead TH SPAN,/* 確認用 */
#tableSubGridHead thead TH SPAN,/* 確認用 */
.g_HR SPAN,
.g_FR SPAN{
    /* color:#fff; */
    font-weight:normal;
    padding-top:2px;
    padding-top:0.2rem;
    font-size:12px;
    font-size:1.2rem;
    line-height:14px;
    line-height:1.4rem;
    display:inline-block;
    /* min-width:100px; */
    width:100%;
    white-space:nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

.deleteItem {
    text-decoration:line-through;
}

.searchResultCount {
    border: none;
}

/*
.searchResultCountOverMax {
    color: #ff0000;
}
*/

/* 機器稼働状況一覧 No.16 Add Start 2014/04/06 MSE */
TABLE.compatibleGrid TD{
    padding:0;
    padding-left : 3px;
    padding-right : 3px;
    height: 21px;
    height: 2.1rem;
}
#tableSubBodyGrid.compatibleGrid TD,
#tableSubGrid.compatibleGrid TD{
    padding-top:0!important;
    padding-bottom:0;
}
#tableSubBodyGrid.compatibleGrid TD>SPAN,
#tableSubGrid.compatibleGrid TD>SPAN{
    padding-top:3px;
    padding-bottom:2px;
    vertical-align:middle;
}
/* 機器稼働状況一覧 No.16 Add End   2014/04/06 MSE */

TABLE.sortable thead TH DIV.asc,
TABLE.sortable thead TH DIV.desc,
TABLE.sortable thead TH DIV.sort,
.g_HR DIV.asc,
.g_HR DIV.desc,
.g_HR DIV.sort{
    background-position:right center;
    background-repeat:no-repeat;
    padding-right:10px;
}
TABLE.sortable  thead TH DIV.asc,
.g_HR DIV.asc{ background-image:url(../img/icon/icon_ascend.png);}
TABLE.sortable  thead TH DIV.desc,
.g_HR DIV.desc{ background-image:url(../img/icon/icon_descend.png);}
TABLE.sortable  thead TH DIV.sort,
.g_HR DIV.sort{ background-image:url(../img/icon/icon_sort.png);}

TABLE.sortable thead TH,
.g_Head .g_C,
.g_Foot .g_C{
    padding:0;
    padding-left : 3px;
    padding-right : 3px;
    /* border-color:#E8E8E8; */
    height: 23px;
}

.g_Body .g_C{
    padding:0;
    padding-left : 3px;
    padding-right : 3px;
    height: 46px;
}

.g_Base table.rowmulti,
.g_Base table.columnMulti  {
    width:100%;
    border:0px;
    table-layout: fixed;
}
.g_Base table.columnMulti_work  {
    border:0px;
}

.g_Base .g_C_multiRow,
.g_Base .g_C_columMulti {
    padding:0px 0px 0px 0px;
}

.g_Body .g_C_multiRow tr:not(:last-child) {
    border-bottom: 1px solid;
}

.g_Body table.rowmulti TD {
    vertical-align: top;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.g_Base table.columnMulti TR,
.g_Base table.rowmulti TR {
    height: 47px;
    vertical-align: top;
}

.g_Base table.equidistant {
    table-layout: fixed;
}

.g_Base table.equidistant td {
    overflow: hidden;
    text-overflow: ellipsis;
    border-right: 1px solid;
}

.g_Head table.equidistant td {
    padding-top: 4px;
    padding-bottom: 3px;
}


.g_Base table.equidistant td:nth-last-child(1) {
    border-right: 0px;
}

TABLE.sortable TD,
.g_Head .g_C SPAN,
.g_Foot .g_C SPAN{
    padding-top:4px;
    padding-bottom:3px;
}
.g_Head .g_C SPAN.icon{}

.g_Body .g_C SPAN{
    padding-top:3px;
    padding-bottom:2px;
    height:18px;
    height:4.8rem;
}
.g_Body .g_C SPAN.icon{
    padding-top:2px;
    padding-bottom:1px;
    min-width:16px;
    height:18px;
    height:3.6rem;
}

.g_Head .joinUnderColumn,
.g_Foot .joinUnderColumn {
    border-bottom: 0px;
}

.g_Head .joinRightColumn,
.g_Foot .joinRightColumn {
    border-right:0px;
}

TABLE.sortable TD,
.g_BR {
    border-width : 0 1px 1px 0;
}
.g_Cl0 .g_C{ border-left-width :1px; }
TABLE.sortable tbody TD SPAN,/* 確認用 */
TABLE.sortable tbody TD SPAN,/* 確認用 */
.g_Body .g_BR SPAN{
    font-weight:normal;
/*  padding-top:3px;
    padding-top:0.3rem;
    */
    font-size:12px;
    font-size:1.2rem;
    line-height:14px;
    line-height:1.4rem;
    display:inline-block;
    width:100%;
    white-space:nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;

}
TABLE.tbl
TABLE.tbl TH,
TABLE.tbl TD{ border-collapse:collapse; }
TABLE.tbl TH,
TABLE.tbl TD{
    /* border-bottom-color:#ccc; */
    border-bottom-width:1px;
    border-bottom-style:solid;
    padding-top:2px!important;
}

/* 偶数行の背景色 */
TABLE.sortable TBODY TR:nth-child(2n) TH,
TABLE.sortable TBODY TR:nth-child(2n) TD,
.g_Body DIV.g_C:nth-child(2n){
    /* background-color:#F2F2F2; */
}

/*  */
DIV.inline TABLE{
    border:none;
    margin-right:6px;
    float:left;
}
DIV.inline TABLE TH,
DIV.inline TABLE TD{
    padding:1px;
    /* border-color:#B3B3B3; */
    border-style:solid;
}
DIV.inline TABLE TH{
    font-weight:normal;
    /* color:#fff; */
    /* background-color:#B3B3B3; */
    border-width:1px 0 1px 1px;
}
DIV.inline TD{
    border-width:1px 1px 1px 0;
}
DIV.inline TABLE TH LABEL{
    /* background-color:#B3B3B3; */
    /* color:#fff; */
    padding-right:8px;
}

/* 編集可能テーブル */
.editableTable .edit,
.editableTable .editSort{
    display: none;
}

/* グループ選択 */
#lean_overlay {
    position: fixed;
    z-index: 500;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
    background: #000;
    display: none;
}
.modalClose {
    position: absolute;
    top: 12px;
    right: 12px;
    display: block;
    z-index: 2;
}

/********************************************/
/* 機器一覧　　　　　　　　　　　　　　     */
/********************************************/

NAV.tabMenu{
/*  margin-top:51px; */
    /* overflow:hidden; */
}
DIV.tableUpperArea1{
    clear:both;
    overflow:hidden;
    position:relative;
    height:26px;
    margin-bottom:7px;
}

DIV.tableUpperArea2{
    clear:both;
    overflow:hidden;
    position:relative;
    height:32px;
    padding: 3px 6px 3px 3px;
}

.tabMenu DIV.sub{}
.tabMenuSubArea  DIV { text-align:left; }
.tabMenuSubArea TABLE{
    float:left;
    height:26px;
    margin-right:6px;
}
.tabMenuSubArea TABLE TH{
    /* background-color:#B3B3B3; */
    /* color:#fff; */
    font-weight:normal;
}
.tabMenuSubArea TABLE TD{
    /* background-color:#fff; */
    padding:0;
    padding:0;
}
.tabMenuSubArea TABLE SELECT{
    border:none;
    height:24px;
}

.checkLocalTimeBox{
    display:inline-block;
    padding-top:4px;
}
DIV.tableUpperArea1 DIV.rightArea TABLE,
DIV.tableUpperArea2 DIV.rightArea TABLE{
    float:left;
}

.tabMenuSubArea TABLE.pager {
    border-style:none;
}

.tabMenuSubArea TABLE.pager .btn_sqr{
    margin-left:3px;
}

.tabMenuSubArea TABLE.pager SELECT{
    margin-left:3px;
}

/* .tabMenuSubArea TABLE.pager TD{
    background-color:transparent;
} */

TABLE.pager {
    border-style:none;
}

TABLE.pager .btn_sqr{
    margin-left:3px;
}

TABLE.pager SELECT{
    margin-left:3px;
}

/* TABLE.pager TD{
    background-color:transparent;
} */


/* 一覧表（地図） */
DIV.mapArea2{
    position:relative;
    overflow:hidden;
}
DIV.mapArea2 .menuArea{
    float:left;
    width:252px;
    height:100%;
    z-index:200;
    /* background-color:#FAFAFA; */
    position:absolute;
}
DIV.mapArea2 .map{
    padding-left:252px;
    height:100%;
}
/* バルーン表示崩れ対策 */
DIV.mapArea2 .map TABLE{
    border-collapse: collapse;
    border:none;
}
DIV.mapArea2 .map TH,
DIV.mapArea2 .map TD{
    border-collapse: collapse;
    padding:0;
    font-size:12px;
    line-height:16px;
}
/* トレンドモニタ地図改善 start */
DIV.mapArea2 .map *{
    box-sizing: content-box;
}
/* トレンドモニタ地図改善 end */
DIV.menuArea H3{
    height:28px;
    /* background-color:#0F2B8D; */
    padding:5px 6px 0 6px;
    font-size:13px;
    /* color:#fff; */
    margin-bottom:0!important;
}
DIV.mapArea2 DIV.listArea{
    width:100%;
    height:100%;
    overflow:scroll;
}
DIV.menuArea TABLE TH{
    /* color:#fff; */
    /* background-color:#4156A0; */
    font-weight:normal;
}
/* 検索結果件数 */
#numSearchResult{
    /* color:#C30; */
    margin-right:6px;
}
#numSearchResult .target{}/* 対象件数 */
#numSearchResult .all{}
.numSearchResultArea{
    position:absolute;
    top:6px;
    left:6px;
}

/********************************************/
/* 機器情報　　　　　　　　　　　　　　     */
/********************************************/
.deviceInfoDataPointName{
    white-space: nowrap;
}

/********************************************/
/* 警報履歴　　　　　　　　　　　　　　     */
/********************************************/
.icon_grid{
    display:inline-block;
    background-position:center center;
    background-repeat:no-repeat;
    width:100%;
    height:100%;
}
/*
.icon_ack{ background-image:url(../img/icon/icon_ack.png); }
.icon_ack_dis{ background-image:url(../img/icon/icon_ack_dis.png); }
.icon_complete{ background-image:url(../img/icon/icon_complete.png); }
.icon_complete_dis{ background-image:url(../img/icon/icon_complete_dis.png); }
.icon_force_recover{ background-image:url(../img/icon/icon_force_recover.png); }
.icon_force_recover_dis{ background-image:url(../img/icon/icon_force_recover_dis.png); }
*/
.icon_ack{ background-image:url(../img/btnSS_acknowledge.png); }
.icon_ack_dis{ background-image:url(../img/btnSS_acknowledge.png); }
.icon_ack{ background-image:url(../img/btnSS_acknowledge.png); }
.icon_force_recover{ background-image:url(../img/btnSS_forcerecover.png); }
.icon_force_recover_dis{ background-image:url(../img/btnSS_forcerecover.png); }
.icon_complete{ background-image:url(../img/btnSS_finished.png); }
.icon_complete_dis{ background-image:url(../img/btnSS_finished.png); }


.icon_demo_report{ background-image:url(../img/icon/icon_demo_report.png); }

/********************************************/
/* 通信プロファイル　　　　　　　　　　     */
/********************************************/

DIV.sortBtnArea{
    position:relative;
    left:0px;
    top:27px;
    width:0px;
}

TD#commandNumArea {
    padding-left: 9px;
}

/********************************************/
/* 検索条件　　　　　　　　　　　　　　     */
/********************************************/
.cond_right_part DIV{
    float:right;
    margin-left:12px;
}

.cond_right_part .searchBtn,
.cond_right_part .searchDetailBtn {
    float:left;
    margin-left:12px;
}

.cond_left_part {
    width: 80%;
}
.cond_left_part_w {
    width: 90%;
}
.check_icon_cond INPUT{
    float:left;
    margin-top:2px;
}

.check_icon_cond SPAN{
    float:left;
    background-position:center center;
    background-repeat:no-repeat;
    width:31px;
    height:17px;
    margin-left:1px;
    margin-right:5px;
}

.icon_alarm_complete{ background-image:url(../img/icon/icon_alarm_complete.png); }
.icon_alarm_occurs{ background-image:url(../img/icon/icon_alarm_occurs.png); }
.icon_alarm_confirm{ background-image:url(../img/icon/icon_alarm_confirm.png); }
.icon_recover{ background-image:url(../img/icon/icon_recover.png); }
.icon_recover_confirm{ background-image:url(../img/icon/icon_recover_confirm.png); }
.icon_auto_recover{ background-image:url(../img/icon/icon_auto_recover.png); }
.icon_auto_recover_confirm{ background-image:url(../img/icon/icon_auto_recover_confirm.png); }

LABEL.alarm_level_cond {
    padding-top:0px;
    padding-bottom:0px;
}

/********************************************/
/* 情報画面系 表示エリア             　     */
/********************************************/
DIV.displayInfoArea{
    overflow:auto;
    height:460px;
}

/********************************************/
/* システム設定　　　　　　　　　　　　     */
/********************************************/
DIV.tabpanel{
    min-height:440px;
    overflow-y: auto;
}
DIV.settingAreaBox FIELDSET.upperArea{
    /* border-bottom-color:#ccc; */
    border-bottom-width:1px;
    border-bottom-style:dotted;
    margin-bottom:7px;
}
DIV.settingAreaBox LABEL {
    /* background-color:transparent; */
    /* color:#484848; */
    padding-right:8px;
}

/********************************************/
/* 警報条件設定　　　　　　　　　　　　     */
/********************************************/
.settingAreaBox TABLE.tbl3 TH{
    text-align:left;
    width:156px;
    padding-left:6px;
}
.settingAreaBox TABLE.tbl2 TH{
    text-align:left;
    width:156px;
    min-width:84px;
    padding:4px 4px 3px 9px;
    border-top:none;
    border-left-width:3px;
    border-left-style:solid;
    border-bottom:none;
}
.settingAreaBox TABLE.tbl2Lines TH{
    width:156px;
    min-width:84px;
    border-bottom:none;
}

/********************/
/* エラー画面       */
/********************/
#errorPage #wrapAll{
    background-image:url(../img/bg_error.png);
    background-position: right bottom;
    background-repeat: no-repeat;
}
DIV.errorMsgBox{
    clear:both;
    position:relative;
    width:544px;
    padding:48px 48px 48px 0;
    margin:auto;
    padding-bottom:48px;
}
DIV.errorMsgBox DIV.innerBox{}
DIV.errorMsgBox H1{
    font-size: 36px;
    line-height:48px;
    font-weight:normal;
}
#error H1,
#maintenance H1,
#sessionShutoff H1{
    background-position:left top;
    background-repeat:no-repeat;
    padding-left:56px;
}
#error H1{ background-image:url(../img/icon/iconL_error.png); }
#maintenance H1{ background-image:url(../img/icon/iconL_maintenance.png); }
#sessionShutoff H1{ background-image:url(../img/icon/iconL_session.png); }

DIV.errorMsgBox H2,
DIV.errorMsgBox P,
DIV.errorMsgBox DIV.bottomBtnArea{ margin-left: 56px; }
DIV.errorMsgBox H2{
    font-size:14px;
    line-height:21px;
}
DIV.errorMsgBox P{
    font-size:14px;
    line-height:21px;
}

/********************/
/* ログイン画面     */
/********************/
/* ログイン */
#loginPage #wrapAll{
    /*position:relative;*/
    /* background-color:#0F2B8D; */
}

DIV.loginBox{
    border-width:0px;
    border-style:none
    clear:both;
    position:absolute;
    margin:auto;
    left:50%; top:50%;
    margin-top:-202px; margin-left:-277px;
    width:560px;
    height:250px;
}

DIV.loginBox_Head{
    border-width:0px;
    border-style:none;
    clear:both;
    width:560px;
    height:50px;
    background-position:center top;
    background-repeat:no-repeat;
    background-image:url(../img/logo-globalM2M.png);
}

DIV.loginBox DIV.innerBox{
    padding:36px 84px 36px 84px;
}


DIV.loginBox TABLE{
    width:100%;
    border:none;
    margin-bottom:12px;
}
DIV.loginBox TABLE{ border-collapse:collapse; }
DIV.loginBox TABLE TH,
DIV.loginBox TABLE TD{
    border-collapse:collapse;
    padding:0;
    /* border-top-color: transparent; */
    border-top-width: 12px;
    border-top-style: solid;
}
DIV.loginBox TABLE TR:first-child TH,
DIV.loginBox TABLE TR:first-child TD{ border-top-width:0; }
DIV.loginBox TABLE TH{
    width:20%;
}
DIV.loginBox TABLE TH LABEL{
    display:block;
    height:26px;
    padding-top:6px;
    /* background:#FFFFFF; */
    font-size:10px;
    border-radius: 10px;
}
DIV.loginBox TABLE TD INPUT{
    border:none;
    width:100%;
    height:26px;
    border-radius: 10px;
}
DIV.loginBox A,
DIV.loginBox A:link,
DIV.loginBox A:visited{ /* color:#fff; */ }
DIV.loginBox A:hover,
DIV.loginBox A:focus{ text-decoration:underline; }

.btn_login A{
    border-width:1px;
    border-style:solid;
    padding:1px;
}
.btn_login A SPAN{
    border-width:1px;
    border-style:solid;
}


/* 新着 */
#loginPage .newsArea{
    /* background-color:#f9f9f9; */
    clear:both;
    position:absolute;
    width:700px;
    margin:auto;
    left:50%; top:50%;
    margin-top:116px; margin-left:-350px;

}
#HomePage .newsArea{
    width:100%;

}
.newsArea H2{
    font-size:14px;
    padding:6px 6px 3px 6px;
    /* border-bottom-color:#dedede; */
    border-bottom-width:3px;
    border-bottom-style:double;
    margin-bottom:4px;
    font-weight:normal;
}
.newsArea DIV.newsBox{
    height:180px;
    overflow:auto;
}
.newsBox DL{
    position:relative;
    padding:0 6px 0 6px;
    /* border-bottom-color:#dedede; */
    border-bottom-width:1px;
    border-bottom-style:dotted;
    margin-bottom:7px;
}
.newsBox DL DT,
.newsBox DL DD{
    float:left;
    padding-top:3px;
    padding-bottom:3px;
    /* border-top-color:#dedede; */
    border-top-width:1px;
    border-top-style:dotted;
}
.newsBox DL DT:first-child,
.newsBox DL DT:first-child + DD{
    /* border-top:none; */
}
.newsBox DL DT{
    clear:left;
    width:5%;
    padding-left:21px;
    word-wrap:break-word;

}
.newsBox DL DT.noRecord{
    width:100%;

}
.newsBox DT{
    background-position: left 3px;
    background-repeat:no-repeat;
}
.newsBox DL DD.small{ width:20%; }
.newsBox DL DD.middle{ width:75%; }


#HomePage .alarmArea{
    width:100%;

}
.alarmArea H2{
    font-size:14px;
    padding:6px 6px 3px 6px;
    /* border-bottom-color:#dedede; */
    border-bottom-width:3px;
    border-bottom-style:double;
    margin-bottom:4px;
    font-weight:normal;
}
.alarmArea DIV.alarmBox{
    height:205px;
    overflow-y: scroll;
}
.alarmBox DL{
    position:relative;
    overflow:auto;
    padding:0 6px 0 6px;
    /* border-bottom-color:#dedede; */
    border-bottom-width:1px;
    border-bottom-style:dotted;
    margin-bottom:7px;
}
.alarmBox DL DT,
.alarmBox DL DD{
    float:left;
    padding-top:3px;
    padding-bottom:3px;
    /* border-top-color:#dedede; */
    border-top-width:1px;
    border-top-style:dotted;
}
/*.alarmBox DL DT:first-child,
.alarmBox DL DT:first-child + DD{
    border-top:none;
}*/
.alarmBox DL DT{
    clear:left;
    width:10%;
/*    padding-left:21px;*/
    word-wrap:break-word;

}
.alarmBox DL DT.noRecord{
    width:100%;

}
.alarmBox DT{
    background-position: center 3px;
    background-repeat:no-repeat;
    width:10%;
}
.alarmBox DL DD.middle{ width:15%; }

.alarmBox DL DD.large{ width:30%; }

.alarmBox DL DT.header{ text-align:center; }

/**********************/
/* モーダルウィンドウ */
/**********************/
.wrapModal{
    min-width:1006px;
    width:95%;
    height:0;
    display:none;
}

.modalSelectBoxLL,
.modalSelectBoxL,
.modalSelectBoxM,
.modalSelectBoxS,
.modalDeleteConfirmL{
    margin:auto;
    position:absolute;
    top:0;
    left:50%;
    border-width:2px;
    border-style:solid;
    padding:12px;
}

.modalSelectBoxLL > DIV,
.modalSelectBoxL > DIV,
.modalSelectBoxM > DIV,
.modalSelectBoxS > DIV{
    position: relative;
    height: 100%;
}

.modalSelectBoxLL {
    width:800px;
    height:750px;
    margin-left:-400px;
}

.modalSelectBoxL{
    width:800px;
    height:480px;
    margin-left:-400px;
}
.modalDeleteConfirmL{
    width:1000px;
    height:240px;
    margin-left:-490px;
}

.modalSelectBoxM{
    width:800px;
    height:400px;
    margin-left:-400px;
}

.modalSelectBoxS{
    width:480px;
    height:320px;
    margin-left:-240px;
}

.modalSelectBoxLL > DIV,
.modalSelectBoxM > DIV{
    height: 100%;
}


.modalSelectBoxL H1,
.modalDeleteConfirmL H1{ margin-bottom:7px; }

.modalSelectBoxL H2,
.modalDeleteConfirmL H2{
    height:24px;
    /* color:#fff; */
    /* background-color:#8F8F8F; */
    padding:4px;
    text-align:center;
    font-size:12px;
    font-size:1.2rem;
    font-weight:normal;
}

.modalSelectBoxLL H1,
.modalSelectBoxM H1,
.modalSelectBoxS H1{
    /* background-color:#EEEEEE; */
    text-align:center;
    padding:7px 6px 5px 6px;
    margin-bottom:12px;
}

.modalSelectBoxLL H2,
.modalSelectBoxM H2,
.modalSelectBoxS H2{
    font-weight:normal;
    padding:4px 4px 3px 7px;
    font-size:1.3rem;
    line-height:2.0rem;
    margin-bottom:7px;
}

.modalSelectBoxS .innerBox{
    clear:both;
    overflow:auto;
    height:156px;
}

.modalSelectBoxLL DIV.listBox,
.modalSelectBoxL DIV.listBox,
.modalSelectBoxM DIV.listBox,
.modalDeleteConfirmL DIV.listBox{
    width:252px;
    height:324px;
    overflow:scroll;
    /* border-color:#E0E0E0; */
    border-width:1px;
    border-style:solid;
}
.modalSelectBoxS DIV.listBox{
    height:255px;
    overflow:auto;
}
.modalSelectBoxL TABLE,
.modalDeleteConfirmL TABLE{
    border:none;
}
.modalSelectBoxL TABLE TD,
.modalDeleteConfirmL TABLE TD{ padding:0; }
.modalSelectBoxL .data_div{}
.modalSelectBoxL DIV.listBox DIV.data_div{

}
/* 構造変更にともなう追加 */
.modalSelectBoxL DIV.listBox DIV.data_div A,
.modalDeleteConfirmL DIV.listBox DIV.data_div A,
#modalSelectModel .modalSelectBoxL DIV.listBox DIV.data_div > SPAN,
#modalSelectModel .modalDeleteConfirmL DIV.listBox DIV.data_div > SPAN {
    /* border-bottom-color:#E0E0E0; */
    border-bottom-width:1px;
    border-bottom-style:solid;
    display:block;
    width:100%;
    height:100%;
    padding:3px;
}

.modalSelectBoxL DIV.listBox DIV:last-child.data_div{
/*  border-bottom-width:0; */
}
.modalSelectBoxL DIV.listBox DIV:hover.data_div{
    /* background-color:#D7EFFF; */
}
/* .modalSelectBoxL DIV.listBox DIV.data_div A:hover{
    background-color:#D7EFFF;
    //cursor:pointer;
}*/

.modalSelectBoxL DIV.listBox DIV.selected{
    /* background-color:#FCC!important; */
}

.modalSelectBoxL .column2a36 DIV.innerBox,
.modalDeleteConfirmL .column2a36 DIV.innerBox{
    margin-right:12px;
    /* border-right-color:#ccc; */
    border-right-width:1px;
    border-right-style:dotted;
}
.modalSelectBoxL .column2a36 H2,
.modalSelectBoxL .column2a36 DIV.listBox,
.modalDeleteConfirmL .column2a36 H2,
.modalDeleteConfirmL .column2a36 DIV.listBox{ width:282px; }
.modalSelectBoxL #afterSelectionBox H2{}

.modalSelectBoxL .column2b64,
.modalDeleteConfirmL .column2b64{ padding-left:3px; }
.modalSelectBoxL .column2b64 H2,
.modalSelectBoxL .column2b64 DIV.listBox,
.modalDeleteConfirmL .column2b64 H2,
.modalDeleteConfirmL .column2b64 DIV.listBox{
    margin-left: 10px;
    width: 483px;
}

.modalSelectBoxL .btnArea{}
.modalSelectBoxL .btnArea DIV,
.modalDeleteConfirmL .btnArea DIV{
    clear:both;
    margin:12px 10px;

}

.modalSelectBoxLL DIV.bottomBtnArea,
.modalSelectBoxL DIV.bottomBtnArea,
.modalSelectBoxM DIV.bottomBtnArea,
.modalSelectBoxS DIV.bottomBtnArea{
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.scrollArea {
    overflow: auto;
}

/* modal mask */
DIV#maskLayer{
    display:none;
    position:absolute;
    top:0;
    left:0;
    z-index:100; /* 5-> 50 */
    /* background-color:#000000; */
    width:100%;
    height:100%;
    -ms-filter: "alpha(opacity=80)"; /* IE 8 */
    -moz-opacity: 0.8;
    opacity: 0.8;
}


/* テーブルセット1 */
TABLE.tbl,
TABLE.tbl TH,
TABLE.tbl TD{
    border-collapse:collapse;
    /* border-color:#CCC; */
    border-width:1px;
    border-style:solid;
}
TABLE.tbl TH{
    /* color:#fff; */
    font-weight:normal;
}
TABLE.tbl TBODY TR:nth-child(2n) TD{
    /* background-color:#F2F2F2; */
}
TABLE.tbl TBODY TR:hover TD,
TABLE.tbl TBODY TR:focus TD,
TABLE.tbl TBODY TR:hover:nth-child(2n) TD,
TABLE.tbl TBODY TR:hover:nth-child(2n) TD{
    /* background-color:#D7EFFF; */
/*  cursor:pointer; */
}
TABLE.tbl TH SPAN,
TABLE.tbl TD SPAN{
    display:block;
    white-space:nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

TABLE.tbl INPUT[type="checkbox"],
TABLE.tbl INPUT[type="radio"]{
    padding:0;
    margin:0;
}

/* テーブルセット2 */
TABLE.tbl2{
    border:none;
    margin-bottom:12px;
    height:26px;
}
TABLE.tbl2 TH,
TABLE.tbl2 TD{
    padding:0;
    vertical-align:middle;
}
TABLE.tbl2 TH{
    text-align:left;
    width:144px;
    min-width:84px;
    padding:4px 4px 3px 9px;
    /* background-color:#FFF; */
    /* color:#484848; */
    border-top:none;
    /* border-left-color:#0F2B8D; */
    border-left-width:3px;
    border-left-style:solid;
    border-bottom:none;
}
TABLE.tbl2 TD{
    padding-left:9px;
    border:none;
}
TABLE.tbl2 TD
SELECT,
TABLE.tbl2 TD
INPUT[type="text"],
TABLE.tbl2 TD
INPUT[type="number"]{
    height:26px;
    /* border-color:#CCC; */
    border-width:1px;
    border-style:solid;
    border-radius: 10px;
}
TABLE.tbl2 TD
INPUT[type="file"]{}
TABLE.tbl2 INPUT[type="checkbox"],
TABLE.tbl2 INPUT[type="radio"]{}
TABLE.tbl2 TD DIV.tdRectLine,
TABLE.tblMailAdd TD DIV.tdRectLine {
    border-width:1px;
    border-style:solid;
    /* border-color:#D8D8D8; */
    height: 28px;
    display:inline-block;
}

/* テーブルセット2複数行 */
TABLE.tbl2Lines{
    border:none;
    margin-bottom:12px;
}
TABLE.tbl2Lines TH,
TABLE.tbl2Lines TD{
    padding-top:0;
    padding:0;
    text-align:left;
    vertical-align:top;
    /* border-top-color: transparent; */
    border-top-width: 12px;
    border-top-style: solid;
    min-height:26px;
}
TABLE.tbl2Lines TR:first-child TH,
TABLE.tbl2Lines TR:first-child TD{ border-top-width:0; }
TABLE.tbl2Lines TH{
    width:144px;
    min-width:84px;
    /* color:#484848; */
    border-bottom:none;
}
TABLE.tbl2Lines TH SPAN{
    display:block;
    /* background-color:#FFF; */
    padding:4px 4px 3px 9px;
    width:100%;
    height:26px;
    /* border-left-color:#0F2B8D; */
    border-left-width:3px;
    border-left-style:solid;
}
TABLE.tbl2Lines TD{ padding-left:9px; }
TABLE.tbl2Lines TR.txt > TH,
TABLE.tbl2Lines TR.txt > TD,
TABLE.tbl2Lines TH.txt,
TABLE.tbl2Lines TD.txt{ padding-top:4px; }
TABLE.tbl2Lines TD SELECT,
TABLE.tbl2Lines TD INPUT[type="text"],
TABLE.tbl2Lines TD INPUT[type="number"]
{
    height:26px;
    /* border-color:#CCC; */
    border-width:1px;
    border-style:solid;
}
TABLE.tbl2Lines TD INPUT[type="file"]{}
TABLE.tbl2Lines INPUT[type="checkbox"],
TABLE.tbl2Lines INPUT[type="radio"]{}

TABLE.tbl2Lines TD DIV.tdRectLine{
    border-width:1px;
    border-style:solid;
    /* border-color:#D8D8D8; */
    Height: 28px;
}

/* テーブルセット2複数行(縦短版) */
TABLE.tbl2LinesS{
    border:none;
    margin-bottom:6px;
}
TABLE.tbl2LinesS TH,
TABLE.tbl2LinesS TD{
    padding-top:0;
    padding:0;
    text-align:left;
    vertical-align:top;
    /* border-top-color: transparent; */
    border-top-width: 6px;
    border-top-style: solid;
    min-height:26px;
}
TABLE.tbl2LinesS TR:first-child TH,
TABLE.tbl2LinesS TR:first-child TD{ border-top-width:0; }
TABLE.tbl2LinesS TH{
    width:156px;
    min-width:84px;
    border-bottom:none;
}
TABLE.tbl2LinesS TH SPAN{
    display:block;
    padding:4px 4px 3px 9px;
    height:28px;
    width:100%;
    border-left-width:3px;
    border-left-style:solid;
}
TABLE.tbl2LinesS TD{ padding-left:9px; }
TABLE.tbl2LinesS TR.txt > TH,
TABLE.tbl2LinesS TR.txt > TD,
TABLE.tblS TR.txt > TD,
TABLE.tbl2LinesS TH.txt,
TABLE.tbl2LinesS TD.txt{ padding-top:0px; }
TABLE.tbl2LinesS TD
SELECT,
TABLE.tbl2LinesS TD
INPUT[type="text"],
TABLE.tbl2LinesS TD
INPUT[type="number"]{
    height:28px;
    border-width:1px;
    border-style:solid;
    border-radius: 10px;
}
TABLE.tbl2LinesS TD
INPUT[type="file"]{}
TABLE.tbl2LinesS INPUT[type="checkbox"],
TABLE.tbl2LinesS INPUT[type="radio"]{
    height:26px;
}

TABLE.tbl2LinesS TD DIV.tdRectLine{
    border-width:1px;
    border-style:solid;
    /* border-color:#D8D8D8; */
    height: 28px;
    display:inline-block;
}

/* テーブルセット3 */

TABLE.tbl3 LABEL {
    /* background-color:#0F2B8D; */
    /* color:#fff; */
    padding-right:6px;
}
TABLE.tbl3 LABEL.icon_star{
    padding-left:9px;
    padding-right:9px;
    /* background-color:#0F2B8D; */
    background-image:url(../img/icon/icon_star.png);
    background-position:center center;
    background-repeat:no-repeat;
}
TABLE.tbl3{
    border:none;
    min-height:28px;
    margin-right:6px;
}
TABLE.tbl3 TH,
TABLE.tbl3 TD{
    padding:0;
    vertical-align:middle;
}
TABLE.tbl3 TH{
    font-weight:normal;
    /* color:#fff; */
    padding:1px;
    /* background-color:#0F2B8D; */
    /* border-color:#0F2B8D; */
    border-width:1px 0 1px 1px;
    border-style:solid;
}
TABLE.tbl3 TD{
    padding:0;
    border:none; */
    border-width:1px 1px 1px 0;
    border-style:none;
}
TABLE.tbl3 TD TABLE.innerTable,
TABLE.tbl2 TD TABLE.innerTable,
TABLE.tbl2Lines TD TABLE.innerTable{
    border:none;
    border-width:0 0 0 0;
}
TABLE.tbl3 TD TABLE.innerTable TD,
TABLE.tbl2 TD TABLE.innerTable TD,
TABLE.tbl2Lines TD TABLE.innerTable TD{
    border-width:0 0 0 0;
}

TABLE.tbl2 TD TABLE.innerTable TD {
    padding-left:0px;
}
TABLE.tbl3 TH LABEL{
    padding-top:3px;
    padding-bottom:2px;
}
TABLE.tbl3 TH LABEL{
    padding-right:3px;
}

TABLE.tbl3 TD SELECT,
TABLE.tbl3 TD INPUT[type="text"],
TABLE.tbl3 TD INPUT[type="number"]{
    border: solid;
    border-width: thin;
    border-color: #dcdfe0;
    padding-top:1px;
    padding-right:4px;
    padding-left:4px;
    height:24px;
    border-radius: 30px 30px 30px 30px;
}
TABLE.tbl3 TD INPUT[type="file"]{}
TABLE.tbl3 INPUT[type="checkbox"],
TABLE.tbl3 INPUT[type="radio"]{
    margin-left:3px;

}

TABLE.tbl3 THEAD {
    display: contents;
}

TABLE.tbl3 THEAD TH:last-child{
    border-left-width: 5px;
}

TABLE.tbl3 THEAD TD{
    border-style: none;
}

/* テーブルセット4 */
TABLE.tbl4 {
    width: 100%;
}
TABLE.tbl4 LABEL {
    padding-right:6px;
}

TABLE.tbl4 TH,
TABLE.tbl4 TD{
    vertical-align:middle;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
}

TABLE.tbl4 TH{
    padding: 3px;
    height: 21px;
}

TABLE.tbl4 TD {
    padding-top:4px;
    padding-bottom:3px;
    border-width : 0 1px 1px 0;
    border-style: solid;
}

TABLE.tbl4 .innerPld {
    border: 1px solid;
    display:inline-block;
    padding: 3px;
    background-color: white;
    border-color: #D8D8D8;
}

/* テーブルセット4 */
TABLE.tbl5 {
    width: 100%;
    table-layout: fixed;
}
TABLE.tbl5 LABEL {
    padding-right:6px
}

TABLE.tbl5 TH,
TABLE.tbl5 TD{
    vertical-align:middle;
    border-width: 0px 1px 1px 0px;
    border-style: solid;
}

TABLE.tbl5 TH{
    padding: 3px;
    height: 26px;
}

TABLE.tbl5 TD {
    padding-top:4px;
    padding-bottom:3px;
    border-width : 0 1px 1px 0;
    border-style: solid;
}

/* 編集時のカラー */
TR.editTargetRow > TH,
TR.editTargetRow > TD{ /* background-color:#E9F866!important; */ }
/* ソート完了後のカラー */
TR.currentRow > TH,
TR.currentRow > TD{ /* background-color:#E9F866!important; */ }

#previewArea{
    position:relative;
    margin-left:24px;
}
#previewArea DIV.btnArea{ text-align:center; }

/******************************/
/* フッター                   */
/******************************/
FOOTER{
    clear: both;
    position:fixed; /* fix */
    width:100%;
    bottom:0; /* fix */
    z-index:1000;
}
FOOTER #copyArea{
    height:16px;
    /* color:#fff; */
    font-size:10px;
    line-height:10px;
    font-family: 'Noto Sans JP', sans-serif;
    /* background-color: #B7B7B7; */
    text-align:center;
    padding-top: 3px;
}
/* chromeの初期設定では、10pxが最小文字サイズになっているため、それ以下は反映されない。
指定方法は下記があるが、他ブラウザとの兼ね合い上今回は見送り
-webkit-transform:scale(0.8);
-ms-transform:scale(0.8);
 */

FOOTER #copyArea H3 {
    font-size:10px;
    display:inline-block;
}
FOOTER #copyArea P {
    font-family: 'Noto Sans JP', sans-serif;
    font-size:8px;
    display:inline-block;
}

.infoTopDataTh{
    text-align: left;
    padding: 4px 4px 3px 9px;
}

/* for test */

/******************************/
/* 役割権限モーダル画面       */
/******************************/
.modalRoleAuthWindow {
    width:600px; height:570px;
    display:none;
    border-width:2px;
    border-style:solid;
    padding:12px;
}

/****************************************/
/* 機器情報メール設定モーダル画面       */
/****************************************/
.modalMailSetting {
    width:720px;
    /* height:630px; */ /* EDGE対応  */
    display:none;
    border-width:2px;
    border-style:solid;
    padding:10px;
    left:50%;
    margin-left:-360px;
    /*background-color: #FFFFFF;*/
}

.divMailSetting {
    width:100%;
    height:100%;
    /*background-color: #FFFFFF;*/
}

TABLE.tblMailNotify {
    border-style:none;
    margin-bottom:10px;
}

TABLE.tblMailNotify TD {
    margin-right:3px;
}

.divMailCopy {
    margin-bottom:10px;
}

TABLE.tblMailCopy {
    border-style:none;
    margin-left: auto;
}

TABLE.tblMailAdd {
    border-style:none;
}

.divMailList,
.divDownloadColumnList,
.divShopList,
.divAdminUserList {
    width: 100%;
    height: 300px;
    margin-bottom: 12px;
}

.divShopList,
.divAdminUserList {
    height: 280px;
}

DIV#divMailSetting DIV.divMailList {
    width: 100%;
    height: 270px;
    margin-bottom: 9px;
}

.divMailListLeft,
.divDownloadColumnListLeft,
.divDownloadColumnListLeftM,
.divShopListLeft,
.divAdminUserListLeft {
    width:45%;
    height:100%;
    float:left;
    padding:5px;
}

.divDownloadColumnListLeft {
    width: 20%;
}
.divDownloadColumnListLeftM {
    width: 30%;
}

.divMailListRight,
.divDownloadColumnListRight,
.divShopListRight,
.divAdminUserListRight {
    width:55%;
    height:100%;
    float:left;
}

.divDownloadColumnListRight {
    width:30%;
}

.divMailListInner,
.divDownloadColumnListInner {
    width:100%;
    height:100%;
    overflow-y: scroll;
    border-style:solid;
    border-width:1px;

}

.divMailListS {
    width:100%;
    height:90px;
    padding:5px;
}

.divDownloadColumnListM,
.divShopListM,
.divAdminUserListM {
    width:100%;
    height:100%;
    padding:5px;
}


.divMailSelector,
.divItemSelector {
    width:40px;
    height:100%;
    float:left;
}

.divMailLabel,
.divDownloadColumnLabel {
    width:40px;
    height:100%;
    float:left;
}

.divMailListSInner,
.divDownloadColumnListSInner,
.divShopListInner,
.divAdminUserListInner {
    width:auto;
    height:100%;
    overflow-y: scroll;
    border-style:solid;
    border-width:1px;
}

.divDownloadColumnListSInner {
    width: 70%;
}

TABLE.tblMailList,
TABLE.tblDownloadColumnList,
TABLE.tblShopList,
TABLE.tblAdminUserList  {
    border-style:none;
    width:100%;
}

TABLE.tblMailList TD,
TABLE.tblDownloadColumnList TD{
    white-space:nowrap;
}

TABLE.tblMailSelector,
TABLE.tblItemSelector {
    border-style:none;
    width:100%;
    height:100%;
}

.btn_MailSelector,
.btn_ItemSelector {
    margin-left:auto;
    margin-right:auto;
}

.divMailSettingBtns{
    width:100%;
    margin-top:10px;
}

.divMailAdd {
    margin-bottom:5px;
}

DIV.divMailSettingBtns DIV.btn1Set .btnM2 A > SPAN{
    width:100px;
}

/******************************/
/* 名称登録モーダル画面       */
/******************************/
.modalNameWindow {
    width:500px; height:300px;
    display:none;
    border-width:2px;
    border-style:solid;
    padding:12px;
    left:50%;
    margin-left:-250px;
}
.modalNameWindow DIV.inputArea{
    height:130px;
    overflow-y: scroll;
}

/******************************/
/* 実績分析画面               */
/******************************/
#dispAnalysisResultArea{
    display:table;
    table-layout:fixed;
    widows: 100%;
    height:100%;
}

#dispAnalysisResultArea .dispAnalysisResultDataArea {
    display:table-cell;
    padding:10px;
}

#dispAnalysisResultArea .dispAnalysisResultDataArea .analysisResultData {
    margin: auto;
    height: 100%;
}

#dispAnalysisResultArea .dispAnalysisResultDataArea .summaryPeriod .summaryConditions {
    padding: 3px;
    width: 100%;
    height: 30px;
}
#salesGraphFlotArea {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
}
#salesGraph {
    width: 100%;
    height: 100%;
}

#salesGraph div.xAxis div.tickLabel
{
    -ms-writing-mode: tb-lr;            /* IE用　*/
    -webkit-writing-mode: vertical-lr;  /* chrome用　*/
    -o-writing-mode: vertical-lr;       /* opera用　*/
    writing-mode: vertical-lr;
    /* text-orientation: upright; */
    text-align: left !important;
}

/******************************/
/* パンくず内infoボタン領域   */
/******************************/
.btnSS_info A{
    padding-left:0px;
    padding-right:0px;
}

.infoInCrumb{
    float:right;
}

/******************************/
/* 役割権限表領域             */
/******************************/

TABLE.roleAuthDetail{
    border-style:none;
}

TABLE.roleAuthDetail TD{
    width:130px;
    border-style:none;
}


/******************************/
/* 国旗                       */
/******************************/
.nationalFlag {
    height:95%;
    width:95%;
    border-style:solid;
    border-width:1px;
    /* border-color:#e8e8e8; */
}

/******************************/
/* 機器詳細                   */
/******************************/
#resizeAreaDevDesc{
}

#partDevPic_wrap {
    width:22px;
    vertical-align:top;
    float:left;
    margin-right:5px;
}

#partDevPic_open {
    width:220px;
    height:100%;
    vertical-align:top;
    float:left;
    margin-right:5px;
}

#partDevPic_open_header {
    width:100%;
    height:28px;
    border:none;
    /*background-color:#0F2B8D;*/
    /*color:#fff;*/
}

#partDevDesc {
    vertical-align:top;
    overflow-y:scroll;
    height:100%;
}

#listDevPic {
    height:100%;
    overflow-y:scroll;
}

#devPic{
    margin-top:5px;
}


#tabDevDesc {
    position:absolute;
    width:98%;
    /*background-color:#F9F9F9;*/
}

#tabMainteStatus {
    position:absolute;
    width:98%;
}

.gridDevDescL {
    width:50%;
    float:left;
}

.gridDevDescR {
    width:50%;
    float:left;
}

[class^="gridDevDesc_H"],
[class*=" gridDevDesc_H"] {
    padding:3px;
    margin-top:2px;
    margin-right:20px;
    /*background-color:#DCE6F2;*/
    /*border-left-color:#0f2b8d;*/
    border-left-style:solid;
    border-left-width:3px;
}

[class^="gridDevDesc_B"],
[class*=" gridDevDesc_B"] {
    padding:3px;
    margin-right:20px;
    /* background-color:#FFFFFF; */
}

TABLE.tableDevDesc {
    border-style:none;
    border-width:0px;
}

TABLE.tableDevDesc TH{
    text-align:left;
}

TABLE.tableDevDesc TD{
    text-align:left;
}

TABLE.updateTimingTable {
    margin-right: 5px;
}

TABLE.updateTimingTable TD {
    border-collapse: collapse;
    font-size:12px;
    padding: 0px;
    font-size:1.2rem;
    line-height:16px;
    line-height:1.6rem;
}

TABLE.updateTimingTable SELECT{
    border:none;
    height:24px;
}

.ellipsisText {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

.devDiscTableCellWrap {
    display: table;
    width: 100%;
}

.devDiscTableCellWrap > DIV {
    display: table-cell;
    padding: 3px;
}

.ellipsisTableCell {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
    max-width:1px;
}

.ellipsisTableCellFixedWidth {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis; /* Safari */
    -o-text-overflow: ellipsis; /* Opera */
}

.operationStatusBackground {
    display: table-cell;
    vertical-align: middle;
    padding: 6px 9px 3px 9px;
}

#trendviewPldArea {
    float:left;
    padding-left: 2px;
    /* border: currentColor; */
    border-image: none;
}

/******************/
/* 稼働状態 */
/******************/
.bg_statusRun,
.bg_statusStop,
.bg_statusUnknow
{ text-indent:-9999px; }

/* 稼動中 緑色*/
.bg_statusRun{
    /* background-color:#35A16B; */
    border-style:solid;
    border-width: 0px 0px 0px 1px;
    /* border-color:#CCC */
}
/* 停止中 グレー*/
.bg_statusStop{
    /* background-color:#C0C0C0; */
    border-style:solid;
    border-width: 0px 0px 0px 1px;
    /* border-color:#CCC */
}
/* 不明 */
.bg_statusUnknow{
    /* background-color:#FFFFFF; */
    border-style:solid;
    border-width: 0px 0px 0px 1px;
    /* border-color:#CCC */
}

.statusGraph{width:100%; }
.statusGraph tr{height:20px;}

/******************/
/* CSV入力結果 */
/******************/
.modalUploadCSVResult {
    width:720px;
    display:none;
    border-width:2px;
    border-style:solid;
    padding:10px;
    left:50%;
}

#divUploadCSVResult{
    width:100%;
    height:100%;
}

/********************/
/*   稼働状況分析   */
/* アラーム状況分析 */
/********************/
.analysisTitle_L {
    padding:3px;
    margin-bottom: 5px;
    margin-right: 30px;
    border-left-style:solid;
    border-left-width:3px;
}

.analysisTitle_R {
    padding:3px;
    margin-bottom: 5px;
    border-left-style:solid;
    border-left-width:3px;
}

/****************/
/* 稼働状況分析 */
/****************/
div#operationWrapUpper {
    height:306px;
    margin-bottom:10px;
    width: 100%;
}

div#operationWrapLower {
    clear:both;
    padding-top:30px;
    width: 99%;
}

div.operationLeftArea {
    width: 50%;
    float: left;
}

div.operationRightArea {
    width: 49%;
    float: left;
    padding-left:5px;
}

div.operationAnalysisList {
    height: 302px;
    margin-right: 30px;
    margin-top: 5px;
}

div#operationPieGraph{
    height:292px;
    width:100%;
    position: relative;
    top: 0px;
}

div#operationBandGraph {
    max-height: 400px;
    width: 100%;
}

div#operationBandGraph table{
    width: 1200px;
}

/********************/
/* アラーム状況分析 */
/********************/
.alarmWrapLower{
    margin-top: 10px;
}
.alarmLeftArea{
    width:55%;
    float: left;
}

.alarmRightArea{
    float: left;
    padding-left:5px;
}

.alarmOccurCountsList{
    margin-right: 30px;
    margin-top: 5px;
}

DIV#flotTip {
    display: none;
    /* border: 1px solid #006600; */
    padding: 2px;
    /* background-color: rgba(150,255,100,0.9);
    color: rgba(0,0,0,1); */
    opacity: 0.80;
}

/********************/
/* イベント変更情報 */
/********************/
TABLE.tbl2Lines TD.ADD SPAN{
    display: block;
    padding: 0px 4px 3px 0px;
    width: 100%;
}
TABLE.tbl2Lines TD.DEL SPAN{
    display: block;
    padding: 0px 4px 3px 9px;
    width: 100%;
}

TABLE.tbl2Lines TD.ADD SPAN A SPAN,
TABLE.tbl2Lines TD.DEL SPAN A SPAN{
    padding-top: 4px;
}

/********************/
/*    プルダウン    */
/********************/
/* .pldTd{
    border: 1px solid #D0D0D0;
} */

table.tbl3 td input[type='text'].custom-combobox-input {
    height: 22px;
}

table.tbl2 td input[type='text'].custom-combobox-input,
table.tblMailAdd td input[type='text'].custom-combobox-input {
    height: 22px;
    border-width: 0px;
    margin-top:2px;
}

table.tbl2Lines td input[type='text'].custom-combobox-input {
    height: 22px;
    border-width: 0px;
    margin-top:2px;
}

table.tbl2LinesS td input[type='text'].custom-combobox-input {
    height: 22px;
    border-width: 0px;
    margin-top:2px;
}

input[type='text'].custom-combobox-input {
    border-width: 0px;
}

#changeLineCdTd DIV.tdRectLine {
    width:147px;
}

#dataTypeTd DIV.tdRectLine {
    width:135px;
}

#datetimeClassTd DIV.tdRectLine {
    width:147px;
}

.searchArea2LineTable {
    width: 100%;
    border-width: 0px;
}

.search2LineListArea {
    height: 330px;
}


.searchArea3LineTable {
    width: 100%;
    border-width: 0px;
}


#subHeaderArea{
    overflow:hidden;
}
.mapSubBodyArea{
    position:relative;
}

/********************/
/* 電文データモーダル */
/********************/
#modalDisplayTelecomData .modalSelectBoxL{
    height: 575px;
}

#telegramDataArea .binaryDataArea{
    width: 100%;
    height: 145px;
    overflow: hidden;
    margin-top: 10px;
}

#telegramDataArea .textDataArea{
   width: 100%;
   height: 145px;
   overflow: scroll;
   margin-top: 10px;
}

#telegramDataArea .errMsgArea{
   width: 100%;
   height: 110px;
   overflow: scroll;
}

#telegramDataArea .listBox table td.item_w{
    width: 80px;
    text-align: center;
}

#telegramDataArea .listBox table td.item{
    width: 40px;
    text-align: center;
}

#telegramDataArea .listBox .binaryDataBody {
    height: 127px;
    overflow: scroll;
}

#telegramData .telegramDataPager {
    padding-top: 10px;
}

#telegramData .pager{
    margin-left:auto;
    margin-right:0;
}

/********************/
/* 型番情報         */
/********************/
TD#alarmIconSettingArea {
    padding-left: 0px;
}

TD#addSubinfoBtn,
TABLE#alarmIconMessageArea {
    border: 0px;
}

TR.deviceSubinfoAreaTr {
    height: 36px;
}

TD.deviceSubinfoBtnArea {
    border: 0px;
}

TABLE#deviceSubinfoTable TD.subinfoAreaDummyTd {
    border: none;
    width: 10px;
}

TD.blankTd {
    border: 0px 1px 0px 0px;
}

IMG.dispAlarmIcon {
    height: 32px;
    width: 48px;
}

DIV.customerAlarmIcon {
    height: 38px;
    width: 48px;
    background-repeat: no-repeat;
}

/******************************/
/* コマンド実行画面用         */
/******************************/
.statusTypeConnect,
.statusTypeDisconnect {
    font-weight: bold;
}
textarea.responseArea {
    width:100%;
    height: 12em;
    resize: none;
/*    margin-bottom: 10px;*/
}

/********************/
/* Timepicker　　　 */
/********************/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { background: none; color: inherit; border: none; outline: none; border-bottom: solid 1px #555; width: 95%; }
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus { border-bottom-color: #aaa; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }

/********************/
/* datetimepicker　 */
/********************/
input.datetimepicker::-ms-clear {
    visibility:hidden;
}

/*******************************************/
/* ganttChart    　                        */
/*******************************************/
.fn-gantt button.nav-zoomIn,
.fn-gantt button.nav-zoomOut{
    display: none;
}

.fn-gantt-hint{
    border: 1px solid;
}


/**********************************/
/* 店舗レイアウト                */
/**********************************/
DIV.shopLayoutArea {
    display: flex;
    margin-top: 10px;
    margin-bottom: 10px;
}

DIV.shopLayoutArea DIV.dispChoicesLayoutItemArea {
    margin-left: 10px;
    padding: 10px 10px 10px 13px;
    border: 1px solid;
    min-width: 150px;
}
DIV.shopLayoutArea DIV.dispChoicesLayoutItemArea DIV.dispChoicesLayoutArea {
    width: 100%;
    height: 100%;"
}

DIV.shopLayoutArea DIV.dispChoicesLayoutItemArea .layoutTypeArea {
    display:flex;
    flex-wrap:wrap;
    width: 150px;
}

DIV.shopLayoutArea TABLE.shopLayout{
    table-layout: fixed;
}

DIV.shopLayoutArea TABLE.shopLayout TD {
    border: 1px solid;
    width: 30px;
    min-width: 18px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    padding: 0px;
    cursor: default;
    z-index: 0;
}
DIV.shopLayoutArea .editLayoutItem,
DIV.shopLayoutArea .editLayoutItem,
DIV.shopLayoutArea .duplicateEditLayoutItem,
DIV.shopLayoutArea .cloneEditLayoutItem {
    width: 30px;
    min-width: 30px;
    text-align: center;
    vertical-align: middle;
    height: 20px;
    padding: 0px;
    z-index: 1;
    border: 1px solid;
}

DIV.shopLayoutArea .shopLayout .layoutItem,
DIV.shopLayoutArea .shopLayout .editLayoutItem,
DIV.shopLayoutArea .shopLayout .cloneEditLayoutItem {
    min-width: 18px;
    height: 20px;
    padding-top:1px;
}

DIV.shopLayoutArea .dispChoicesLayoutItemArea .layoutItem,
DIV.shopLayoutArea .dispChoicesLayoutItemArea .editLayoutItem,
DIV.shopLayoutArea .dispChoicesLayoutItemArea .duplicateEditLayoutItem,
DIV.shopLayoutArea .dispChoicesLayoutItemArea .cloneEditLayoutItem {

    border: 1px solid;
}

DIV.shopLayoutArea TABLE.shopLayout DIV.activeClickItem {
    cursor: pointer;
    cursor: grab;
}

DIV.shopLayoutArea .editLayoutItem,
DIV.shopLayoutArea .duplicateEditLayoutItem,
DIV.shopLayoutArea .cloneEditLayoutItem {
    cursor: pointer;
    cursor: grab;
}

/***************************/
/* アラーム ツールチップ　 */
/***************************/
.tooltipAlarmHistory {
    display: none;
    position: absolute;
    border: 1px solid;
    border-radius: 4px;
    padding: 10px;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.tooltipAlarmHistory .alarmHistoryOccurrence {
    display: none;
}
.tooltipAlarmHistory .alarmHistoryRecovery {
    display: none;
}
.tooltipAlarmHistory .alarmHistoryAlarmName {
    width: 300px;
    word-wrap: break-word;
}
.tooltipAlarmHistory .alarmHistoryOccurrencePhenomenon {
    width: 300px;
    word-wrap: break-word;
}
.tooltipAlarmHistory .alarmHistoryAlarmCondition {
    width: 300px;
    word-wrap: break-word;
}
.tooltipAlarmHistory .alarmHistoryRecoveryPhenomenon {
    width: 300px;
    word-wrap: break-word;
}
.tooltipAlarmHistory .alarmHistoryRecoveryCondition {
    width: 300px;
    word-wrap: break-word;
}

/* テーブルセット */
.tooltipAlarmHistory TABLE.alarmJudgeDataTbl {
    border-collapse: separate;
}
.tooltipAlarmHistory TABLE.alarmJudgeDataTbl th {
    text-align: left;
    white-space: nowrap;
}
.tooltipAlarmHistory TABLE.alarmJudgeDataTbl td {
    width: 300px;
    padding: 2px;
    border: 1px solid;
}

/*********************************/
/* レスポンス履歴 ツールチップ　 */
/*********************************/
.tooltipResponseHistory {
    display: none;
    position: absolute;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 10px;
    top: 0px;
    left: 0px;
    z-index: 9999;
}

.responseHistory {
    display: none;
}

.rspHistoryData {
    width: 300px;
    word-wrap: break-word;
}

/* テーブルセット */
TABLE.responseTbl {
    border-collapse: separate;
}
TABLE.responseTbl tr {
}
TABLE.responseTbl th {
    text-align: left;
    white-space: nowrap;
}
TABLE.responseTbl td {
    width: 300px;
    padding: 2px;
    border: 1px solid;
}

/***************************/
/* レイアウト画面共通   　 */
/***************************/
.layoutDispAreaWrapper {
    box-sizing:content-box;
    overflow:hidden;
    border:1px solid #ccc;
}
.layoutDispArea {
    transform-origin:top left;
    position:relative;
}

/***************************/
/* レイアウト表示領域   　 */
/***************************/
/* マウスオーバー時の挙動 */
#layoutDispArea *[onclick*="linkAlarmHistory"]:hover,
#layoutDispArea *[onclick*="linkTrendMonitor"]:hover,
#layoutDispArea *[onclick*="linkDeviceDesc"]:hover,
#layoutDispArea img[id^=img_][onclick*="move_layout"]:hover,
#layoutDispArea *[data-clickable-item] {
    cursor: pointer;
    transform: scale(1.1);
}
/* マウスオーバー時の挙動 */
#layoutInfo #layoutDispArea *[onclick*="linkAlarmHistory"]:hover,
#layoutInfo #layoutDispArea *[onclick*="linkTrendMonitor"]:hover,
#layoutInfo #layoutDispArea *[onclick*="linkDeviceDesc"]:hover,
#layoutInfo #layoutDispArea img[id^=img_][onclick*="move_layout"]:hover,
#layoutInfo #layoutDispArea *[data-clickable-item] {
    cursor: auto;
    transform: none;
}
/* 稼働状態アイコン詳細表示 */
#layoutDispArea [id^="tbl_"] tr {
    line-height: 24px;
    height: 24px;
    min-height: 24px;
}

/***************************/
/* レイアウト情報画面   　 */
/***************************/

#layoutInfo #layoutEditArea {
    float: left;
}
#layoutInfo #dispItemAreaTable {
    float: left;
}

/***************************/
/* レイアウト監視画面   　 */
/***************************/
.dispLayoutArea {
    overflow:auto;
}
.layoutArea {
    width:100%;
    height:100%;
}
.layoutTitleArea {
    position:relative;
    margin-left:192px;
    margin-bottom:7px;
}
.layoutName {
    height:35px;
    line-height:30px;
    font-size:2.5rem;
}
.layoutReloadBtn {
    text-align:center;
    position:absolute;
    right:0;
    bottom:0;
}
.layoutLinkArea {
    width:180px;
    height:100%;
    float:left;
    position:absolute;
    border:1px solid #ccc;
    overflow:auto;
}
.layoutUpdDate {
    right:80px;
    bottom:3px;
    position:absolute;
}
.last-displayed-layout {
    box-shadow: 0 0 10px 5px #999;
}

/*****************************************/
/* 条件一覧モーダル                   　 */
/*****************************************/
#conditionsListModal .dispConditionsListArea {
    height:300px;
    width:450px;
    overflow:scroll;
}

#conditionsListModal .conditionsListArea {
    word-break: break-all;
}

#conditionsListModal .conditionsListArea TR {
    height: 22px;
}

/****************************************/
/* 売上修正詳細画面       */
/****************************************/
DIV.salesRevisionInfo {
    overflow: hidden;
    height: 300px;
}
DIV#salesRevisionInfoArea {

}

DIV#operationTimeListArea {
    width: 100%;
    position: relative;
    min-height: 130px;
    overflow: hidden;
}

#fixedHeader,
#fixedDataArea {
    width: 200px;
    position: absolute;
    left: 0px;
}

#fixedHeader {
    table-layout: fixed;
}

#fixedHeader TH{
    height: 44px;
    top: 0x;
}

#fixedDataArea {
    top: 44px;
    overflow:hidden;
}

#fixedDataArea table {
    table-layout: fixed;
}

#fixedDataArea table.tbl{
    width: 200px;
}

#fixedDataArea table.tbl TD {
    height: 60px;
}

#movableHeaderArea,
#movableDataArea {
    position: absolute;
    left: 200px;
    overflow: hidden;
}

#movableHeaderArea table.tbl,
#movableDataArea table.tbl {
    table-layout: fixed;
    width: 1442px;
}

#movableHeaderArea table.tbl TH{
    height: 22px;
}


#movableDataArea {
    top: 44px;
}

#movableDataArea table.tbl TD {
    height: 30px;
    border: 0px;
    padding:0px;
}

#movableDataArea table.tbl TR:nth-child(20n) TD{
    border-bottom: 1px solid;
}

#movableDataArea table.tbl TD:nth-child(30n+1){
    border-left: 1px solid;
}

#movableDataArea table.tbl TD.deviceActive {
    cursor: pointer;
}

#movableDataArea table.tbl TD.deviceActive + .deviceActive {
    border-left: 0px;
}

#legendArea {
    width: 100%;
    padding: 10px 0px;
}

#legendArea DIV{
    width: 800px;
    margin: auto;
    padding: 5px 0px 5px 5px;
    border: 2px solid;
}

#legendArea TABLE {
    margin: auto;
    border: none;
}

#legendArea TABLE TH {
    width: 20px;
}

#legendArea TABLE TD {
    padding: 2px 10px 2px 5px;
}

DIV.salesTableArea {
    width: 100%;
}

DIV.salesTableArea TABLE {
    margin: auto;
}

DIV.salesTableArea TABLE TH,
DIV.salesTableArea TABLE TD {
    border: 1px solid;
}

/********************/
/* 売上修正モーダル */
/********************/
#modalDisplaySalesRevision {
    height: 550px;
    width: 600px;
    margin-left: -265px;
}

#modalDisplaySalesRevision #salesRevisionArea {
    height: 100%;
    position: relative;
}

#modalDisplaySalesRevision H2{
  text-align:left;
}

/*******************************/
/* 基本料金設定画面     　                 */
/*******************************/

/*******************************/
/* 変更内容モーダル画面                   */
/*******************************/
.modalContentWindow {
    width:500px; height:300px;
    display:none;
    border-width:2px;
    border-style:solid;
    padding:12px;
    left:50%;
    margin-left:-250px;
}

/*********************************/
/* 基本料金・運転時間設定モーダル画面  */
/*********************************/
.modalOperationWindow {
    width:750px;
    height:400px;
    display:none;
    border-width:2px;
    border-style:solid;
    padding:12px;
    left:50%;
    margin-left:-350px;
}

/*********************************/
/* ヘッダ画面  */
/*********************************/
.newPopTroubleInfo{
    position:absolute;
    z-index:100;
    height:80px;
    overflow-y:scroll;
    left:1000px;
    top:500px;
    display: none;
}

/*****************************************/
/* 稼働状況・遠隔運転画面   　 */
/*****************************************/
.running {
    background: url(../../gif/loading.gif) no-repeat;
    background-size: 41px;
    max-width: 41px;
    height: 41px;
}
#searchResultRight {
     float:left;
}

#searchResultLeft {
    padding-right:10px;
    float:left;
}

.communicationError {
    padding: 5px;
    font-size: 13px;
    width: 100%;
}

/*****************************************/
/* 稼働状況・遠隔運転画面モーダル   　 */
/*****************************************/
DIV.operatingChargeDataList {
    overflow: scroll;
    height: 180px;
}

TABLE.tblOperatingChargeDataList {
    table-layout: fixed;
}

/*****************************************/
/* 機器設定画面モーダル   　 */
/*****************************************/
#deviceInquiryResult #deviceInfoList {
    height: 300px;
}

#deviceInquiryResult #deviceInfoList TABLE {
    width: 100%;
}

#deviceInquiryResult #deviceInfoList TABLE TH,
#deviceInquiryResult #deviceInfoList TABLE TD {
    white-space: nowrap;
}

DIV.deviceSettingInquiry {
  margin:0px 0px 10px 0px;
}

table#tblDeviceDataList {
    width:100%;
}

td#tblDeviceDataList {
    padding-left: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 0px;
}

div#divDeviceSettingDetail {
    margin: 0px 0px 30px 0px;
  overflow-y: scroll;
  overflow-x: none;
  padding-left: 1px;
}

div#divDeviceData {
    padding-left: 1px;
}

#tblDeviceDataListBorderBottom_0{
    border-top-width: 0px;
}

table.tbl4.tblDeviceDataList {
  display: block;
  height: 340px;
}

.thDeviceSettingDetailList {
    position:sticky;
    top:0;
    width:380px;
}

.deviceSettingBtns {
    position:absolute;
    bottom:0;
    width: 100%;
    margin-bottom: 12px;
}

/****************************************/
/* 店舗レイアウト画面                   */
/****************************************/
.dispLayoutDataArea {
    display: flex;
}

.dispLayoutDataArea #deviceInfoArea {
    width: 300px;
    margin-top: 10px;
    margin-left: 10px;
    height: 200px;
}

.dispLayoutDataArea #deviceInfoArea .deviceInfo {
    width:100%;
    height:100%;
    padding: 10px;
    border: 1px solid;
}

/****************************************/
/* fullCalendar                         */
/****************************************/
DIV#calendar{
    max-width: 1100px;
    margin: 0 auto;
    margin-left:0px;
}

.fc .fc-col-header-cell-cushion {
    text-decoration: none;
    pointer-events: none;
}

.fc-h-event{
    border:1px solid;
}
.fc .fc-daygrid-event {
    text-decoration: none;
}
.fc .fc-daygrid-day-number {
    text-decoration: none;
    pointer-events: none;
    margin: 0px auto;
}

.fc-daygrid-event-harness{
    cursor: default;
}
.sr-top-info{
    margin: 2px 0px;
}

.fc .fc-toolbar.fc-header-toolbar {
    display: none;
}

/****************************************/
/* 稼働状況・遠隔運転画面               */
/****************************************/
.operationStatus {
  border: none;
  text-align: center;
}

.operationStatus TD {
  border-bottom: 1px solid black;
  border-collapse: collapse;
}

.operationStatusDevName {
  width:120px;
  font-size:11px;
  font-weight:bold;
  text-align:center;
  border-radius: 20px;
}

.operationStatusColHead {
  font-size:10px;
}

.operationStatusColBody1 {
  font-size:14px;
  font-weight:bold;
  height:40px;
  position:relative;
}

.operationStatusColBody2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
}

.operationStatusSetting {
  margin-left:-60px;
}

.operationStatusLayoutSelect {
  background-color:#e0ffff;
}

/****************************************/
/* キャンペーン情報画面       */
/****************************************/
div#pldChargeArea{
  display: flex;
}
div#pldChargeArea .lblUnit{
  padding-left: 0px;
}

/****************************************/
/* 全体スクロールバー定義               */
/****************************************/
::-webkit-scrollbar{
  width: 10px;
}
::-webkit-scrollbar-track{
  border: none;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}

/****************************************/
/* 新メニュー定義                       */
/****************************************/
#menuAccordion {
  float:left;
}

/****************************************/
/* プロセス一覧表示色                   */
/****************************************/
.process_color_normal {
  background-color:#90ee90;
}

.process_color_warn {
  background-color:#ffff00;
}

.process_color_error {
  background-color:#ff0000;
}