@charset "utf-8";
/*
# ********************************************************************************
# タイトル：カラー1スタイル
#
# Copyright (C) 2014 YASKAWA INFORMATION SYSTEMS Corporation All Rights Reserved.
#
# 変更日付     変更者     Rev.      変更内容
# --------------------------------------------------------------------------------
# 2014/03/05   YSK)植山   1.00.00   新規作成
# 2014/06/21   YSK)中田   1.00.00   <10000-008> 説明画面用処理追加
# 2014/09/02   YSK)中田   1.01.00   <10101-009> 機器詳細ボタン追加、トレンドボタン位置変更
# 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/12/02   YSK)森山   3.00.00   <20000-007> 子画面のタブをボタンへ変更
# 2014/12/03   US)馬      3.00.00   <20000-005> 仕様変更No.11
# 2014/12/15   YSK)中田   3.00.00   <20000-019> 変更仕様No.13
# 2015/04/24   US)楢崎    3.01.00   <30003-011> 変更仕様No.2
# 2015/06/29   US)萩尾    3.01.00   <30003-033> 変更仕様No.12
# 2015/12/04   US)清水    4.00.00   <40000-017> 変更仕様No.17
# 2015/12/24   US)清水    4.00.00   <40000-013> 変更仕様No.13
# 2016/01/04   US)楢崎    4.00.00   <40000-018> Ver4.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-013> Ver.4.00.00 変更仕様No.13
# 2016/01/18   US)甲斐    4.00.00   <40000-028> Ver.4.00.00 変更仕様No.28
# 2016/07/02   US)甲斐    4.01.00   <40000-050> 故障苦情No.40000-020
# ********************************************************************************
*/

/**************/
/* レイアウト */
/**************/
/******************/
/* ボタン類       */
/******************/
.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 A SPAN,
.btnM_sqr A SPAN,
.btnM2_sqr A SPAN{ background-color:#1d9dcb; }
.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_regular A,
.btn_irregular A,
.btn_sub A{ background-color:#1d9dcb; }
.btn_regular A SPAN,
.btn_irregular A SPAN{
    background-color:#1d9dcb;
}
.btn_sub A{
    background-color:#1d9dcb;
}
.btnSS_monitor A,
.btnSS_analyzer A,
.btnSS_trend A,
.btnSS_detail A,
.btnSS_alarm A,
.btnSS_operation A,
.btnSS_book A,
.btnSS_wrench A,
.btnSS_plus A,
.btnSS_ref A,
.btnSS_acknowledge A,
.btnSS_forcerecover A,
.btnSS_trashbox A,
.btnSS_finished A,
.btnSS_info A,
.btnSS_download A
{ background-color:#1d9dcb; }

.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_book A:hover,
.btnSS_book A:focus,
.btnSS_wrench A:hover,
.btnSS_wrench A:focus,
.btnSS_plus A:hover,
.btnSS_plus A:focus,
.btnSS_ref A:hover,
.btnSS_ref 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:hover,
.btn_execution  A:focus,
.btn_execution  A:hover SPAN,
.btn_execution  A:focus SPAN{
    background-color: #FFD228;
}

.btn_execution A{
    color:#fff;
    border-color:#ddd;
    background-color: #FFA400;
}

.btn_execution A SPAN{
    border-color:#fff;
}

/* カレンダー */
.icon_calendar{ background-image:url(../../img/color1/icon/icon_calendar.png); }

/************/
/* パンくず */
/************/
DIV.crumbMenu{
    color:#464646;
    background:#EEEEEE url(../../img/bg_barShadowH.png) left top repeat-x;
}
DIV.crumbMenu A,
DIV.crumbMenu A:link,
DIV.crumbMenu A:visited{ color:#2672B8; }
DIV.crumbMenu A:hover,
DIV.crumbMenu A:focus{ color:#FD720B; }
DIV.crumbMenu STRONG{ color:#444646; }

#home DIV.crumbMenu STRONG.home,
DIV.crumbMenu A.home{
    background:url(../../img/icon/icon_home.gif) left center no-repeat;
}

/****************/
/* タブメニュー */
/****************/
NAV.tabMenu UL{ border-bottom-color:#E4E4E4; }
NAV.tabMenu  LI { border-color:#E4E4E4; }
/* 現在選択中のもの */
NAV.tabMenu  LI.current {}
NAV.tabMenu  LI A {
    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 );
}
NAV.tabMenu  LI.current A:hover,
NAV.tabMenu  LI.current A:focus{
    background-color:#fff;
    color:#0E2B8C;
}
NAV.tabMenu  LI.disableTab A,
NAV.tabMenu  LI.disableTab A:hover,
NAV.tabMenu  LI.disableTab A:focus{
    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.disableTab a span {
    color: #cccccc;
}
.tabMenuSubArea{
    border-left-color:#ddd;
    border-right-color:#ddd;
    background: #f7f7f7;
}
.tab_list,
.tab_map,
.tab_graph {
    border-left-color:#ddd;
    border-right-color:#ddd;
    background: #f7f7f7;
}

/****************/
/* タブメニューボタン */
/****************/
NAV.tabMenuButton UL{ border-bottom-color:#E4E4E4; }
NAV.tabMenuButton  LI { border-color:#E4E4E4; }
/* 現在選択中のもの */
NAV.tabMenuButton  LI.current {}
NAV.tabMenuButton  LI A{
    background: #dddddd;
    border-bottom:#E4E4E4 1px solid;
}
NAV.tabMenuButton  LI A:link,
NAV.tabMenuButton  LI A:visited{}
NAV.tabMenuButton  LI A:hover,
NAV.tabMenuButton  LI A:focus{
    color:#089DFF;
    background: #ffffff;
}

NAV.tabMenuButton  LI.current A{
    color:#ffffff;
}

.tabMenuSubArea{
    border-left-color:#ddd;
    border-right-color:#ddd;
    background: #f7f7f7;
}
.tab_list,
.tab_map,
.tab_graph {
    border-left-color:#ddd;
    border-right-color:#ddd;
    background: #f7f7f7;
}


/******************************/
/* ヘッダー                   */
/******************************/
HEADER{ background-color:#FFFBF8; }
HEADER H1{
    border-right-color:#ccc;
}

#troubleInfoListArea TABLE,
#newTroubleInfoListArea TABLE {
    border-color:#fff;
    color: #fff;
}

#troubleInfoListArea TABLE THEAD TH,
#newTroubleInfoListArea  TABLE THEAD TH {
    background-color:#0E2B8C;
}

#troubleInfoListArea TABLE TBODY,
#newTroubleInfoListArea TABLE TBODY {
    background-color: #089DFF;
}


/********/
/* 時計 */
/********/
DIV.clock,
DIV.clockD{
    border-right-color:#CCCCCC;
}
/* digital */
DIV.clockD{ }

.clockD DIV.timeBox .timeDiff{
    background-color:#049DD3;
}
.clockD DIV.subPanel{
    color:#fff;
}


/* analog */
DIV.clock{
    /* background-color:#333; */
}

.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{
     color:#fff;
}

.clock .subPanel .cc{
     color:#ddd; /*#666666*/
}

.clock .subPanel .timeDiff SPAN{
    color:#fff;
    background-color:#049DD3;
}

/* ユーザー情報 */
#userInfoArea TR#clientId TH,
#userInfoArea TR#userId TH{ display:none; }
#clientId TD{ background:url(../../img/icon/icon_cId.png) left center no-repeat; }
#userId TD{ background:url(../../img/icon/icon_uId.png) left center no-repeat; }

#userInfoArea TD{
    color:black;
}



/* サブナビ*/
NAV#subMenu UL LI A{
    color:black;
}
NAV#subMenu UL LI A:hover,
NAV#subMenu UL LI A:focus{
    color:black;
}
NAV#subMenu UL LI.btn_userSetting,
NAV#subMenu UL LI.btn_help{
    background-image:url(../../img/icon/iconS.png);
}
NAV#subMenu UL LI.btn_userSetting{
    background:url(../../img/icon/btnS_setting.png) left top no-repeat;
}
NAV#subMenu UL LI.btn_calendar{
    background:url(../../img/icon/icon_calendar.png) left top no-repeat;
}
NAV#subMenu UL LI.btn_help{
    background:url(../../img/icon/btnS_help.png) left top no-repeat;
}
NAV#subMenu UL LI.btn_logout{
    background-color:#fff;
}
NAV#subMenu UL LI.btn_logout A{
    color:#0E2B8C;
}

/* グローバルメニュー */
NAV#gMenu LI#home A{
    background-image:url(../../img/icon/btnS_home.png);
}

NAV#gMenu LI A:hover,
NAV#gMenu LI A:focus{ background-color:#089DFF; }

NAV#gMenu LI UL LI{
    background-color:#0F2B8D;
}
NAV#gMenu LI UL LI A:hover,
NAV#gMenu LI UL LI A:focus
{
    background-color:#089DFF;
}
/******************************/
/* コンテンツ                 */
/******************************/
DIV#wrapContents{ color:#333; }

/* ページタイトル周り */
DIV#wrapContents H1{
    border-left-color:#666;
}
DIV#wrapContents H2{
    background-color:#8F8F8F;;
    border-color:#333;
}
DIV#wrapContents H2:before{
    background-color:#ededed;
}

DIV#wrapContents H2.home{
    background-color:powderBlue;
    border-color:blue;
}
DIV#wrapContents H3{
}
DIV#wrapContents H4{}
DIV#wrapContents H5{}
DIV#wrapContents H6{}

/**************/
/* 検索エリア */
/**************/
DIV.searchArea{
    background-color:#E7EBEC;
    /*background-image:url(../img/bg_slashLG.gif);*/
    border-radius: 10px 10px 10px 10px;
}
DIV.searchPrimaryBox {
    background-color:#FFFBF8;
}
DIV.searchPrimaryBox2Line,
DIV.searchPrimaryBox3Line {
    background-color:#FFFBF8;
}

/* 検索エリア内の位置調整 */
/* グループ */
DIV.groupArea{
    background:url(../img/icon/icon_group.png) right center no-repeat;
}
DIV.groupArea:hover{ background-color:#D7EFFF; }

/* 詳細条件検索 */
DIV.searchAreaBox DIV.extendedArea{
    background-color:#FFFBF8;
}
DIV.searchAreaBox DIV.extendedArea DIV.extendedAreaInner{
    background-color:#F5F5F5;
    background-image:url(../img/bg_slashLG.gif);
}
DIV.searchAreaBox .extendedArea TH{
    border-left-color:#0F2B8D;
}

/* 検索条件 */
#searchCriteriaBox { background-color:#f1f1f1; }
#searchCriteriaBox H4{
    background-color:#02A3BF;
}
#searchCriteriaBox P{ color:#666; }

/* 逐次検索条件 */
.incrimentalSearchCriteriaBoxColor { background-color:#f1f1f1; }
.incrimentalSearchCriteriaBoxColor H4{
    background-color:#02A3BF;
}
.incrimentalSearchCriteriaBoxColor P{ color:#666; }


DIV#resizeArea H4{
    background-color:#8F8F8F;
    color:#fff;
}
/********************************************/
/* トレンドマップ　　　　　　　　　　　     */
/********************************************/
DIV.trendUpperArea H3{
    background-color:#0F2B8D;
}

TABLE.tableDrowCond{
    background-color:#fff;
}

/************/
/* 一覧表   */
/************/
/* ヘッダ行 */
.g_Head .g_C,
.g_Head .g_HR {}
/* ボディー行 */
.g_Body .g_HR{}
/* 確認用 */
/* #tableGrid thead TH */
/* #tableGrid tbody TD */

.g_Foot .g_FR {
    border-right-color: #c3c3c3;
    background-color: #ced9ff;
}

.tbl thead TH,
#tableGrid thead TH,
#tableSubGrid thead TH,/* 確認用 */
#tableSubGridHead thead TH,/* 確認用 */
.g_Head .g_HR{ background-color:#4d6ad0; }
.g_Head .g_hoverWith,
.g_HR:hover{ background-color:#089DFF; }

TABLE.sortable thead TH,
.g_C,
.g_Body .g_C_multiRow tr:not(:last-child),
.g_Body table.equidistant td{ border-color:#E8E8E8; }

TABLE.tbl TH,
TABLE.tbl TD{ border-bottom-color:#ccc; }

/* 偶数行の背景色 */
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; }

/********************************************/
/* 機器一覧　　　　　　　　　　　　　　     */
/********************************************/
.tabMenuSubArea TABLE TH{
    background-color:#B3B3B3;
}
/* 一覧表（地図） */
DIV.menuArea H3{
    background-color:#0F2B8D;
}
DIV.menuArea TABLE TH{
    background-color:#4156A0;
}

/********************************************/
/* システム設定　　　　　　　　　　　　     */
/********************************************/
DIV.settingAreaBox LABEL{ color:#484848; }

/********************************************/
/* 警報条件設定　　　　　　　　　　　　     */
/********************************************/
/********************/
/* エラー画面       */
/********************/
DIV.errorMsgBox H1{}
DIV.errorMsgBox H2{}
DIV.errorMsgBox P{}

/********************/
/* ログイン画面     */
/********************/
/* ログイン */
#loginPage {
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#F7F7F7), to(#CCCCCC));
    background: -webkit-linear-gradient(#F7F7F7, #CCCCCC);
    background: -moz-linear-gradient(#F7F7F7, #CCCCCC);
    background: -ms-linear-gradient(#F7F7F7, #CCCCCC);
    background: -o-linear-gradient(#F7F7F7, #CCCCCC);
    background: linear-gradient(#F7F7F7, #CCCCCC);
    -pie-background: linear-gradient(#F7F7F7, #CCCCCC);
     }
DIV.loginBox_Head{
    background-color:#fffbf8;
    border-radius: 20px 20px 0px 0px;
}
DIV.loginBox{
    background-color: #1653B5;
    border-radius: 20px;
    /* IE8 not support */
    -moz-box-shadow: 1px 1px 8px #000000;
    -webkit-box-shadow: 1px 1px 8px #000000;
    box-shadow: 1px 1px 8px #000000;
}

DIV.loginBox TABLE TH LABEL{
    background:#dfe5fb;
}

.btn_login A{ background-color:#595959; }
.btn_login A{
    color:#d4c788;
    border-color:#ddd;
}
.btn_login A SPAN{
    color: #fffbf8;
    background-color: #031867;
    border-color:#d4c788;
}
.btn_login A:hover SPAN,
.btn_login A:focus SPAN{ background-color:#7f7f7f; }

/* 新着 */
#loginPage .newsArea{ background-color:#f9f9f9; }
.newsArea {background-color:#ffffff;}
.alarmArea {background-color:#ffffff;}

.alarmBox DL DT.header,
.alarmBox DL DD.header{
    background-color:powderBlue;
}

/**********************/
/* モーダルウィンドウ */
/**********************/
.modalSelectBoxL,
.modalSelectBoxS,
.modalDeleteConfirmL{
    background-color:#F9F9F9;
    border-color:#ccc;
}
.modalSelectBoxS H2,
.modalSelectBoxL H2,
.modalDeleteConfirmL H2{
    background-color:#8F8F8F;
}

.modalSelectBoxS H1{ background-color:#EEEEEE; }

/* テーブルセット1 */
TABLE.tbl,
TABLE.tbl TH,
TABLE.tbl TD{ border-color:#CCC; }
TABLE.tbl TBODY TR:nth-child(2n) TD{
    background-color:#F2F2F2;
}
TABLE.tbl TBODY TR TD.hoverColor,
TABLE.tbl TBODY TR:nth-child(2n) TD.hoverColor{
    background-color:#D7EFFF;
}
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;
}

/* テーブルセット2 */
TABLE.tbl2 TH{
    border-left-color:#0F2B8D;
}
TABLE.tbl2 TD
SELECT,
TABLE.tbl2 TD
INPUT[type="text"],
TABLE.tbl2 TD
INPUT[type="number"]{ border-color:#CCC; }

TABLE.tbl2 TD DIV.tdRectLine,
TABLE.tblMailAdd TD DIV.tdRectLine {
    border-color:#CCC;
    background-color:#FFF;
    border-radius: 5px;
}


/* テーブルセット2複数行 */
TABLE.tbl2Lines TH SPAN{
    border-left-color:#0F2B8D;
}
TABLE.tbl2Lines TD
SELECT,
TABLE.tbl2Lines TD
INPUT[type="text"],
TABLE.tbl2Lines TD
INPUT[type="number"]{border-color:#CCC; }

TABLE.tbl2Lines TD DIV.tdRectLine{
    border-color:#CCC;
    background-color:#FFF;
}


/* テーブルセット2複数行 */
TABLE.tbl2LinesS TH SPAN{
    border-left-color:#0F2B8D;
}
TABLE.tbl2LinesS TD
SELECT,
TABLE.tbl2LinesS TD
INPUT[type="text"],
TABLE.tbl2LinesS TD
INPUT[type="number"]{border-color:#CCC; }

TABLE.tbl2LinesS TD DIV.tdRectLine{
    border-color:#CCC;
    background-color:#FFF;
}

/* テーブルセット3 */
TABLE.tbl3 LABEL.radio {
    color:#000000;
}
TABLE.tbl3 LABEL.icon_star{ background-color:#0F2B8D; }
TABLE.tbl3 TH{
    background-color:#1653b5;
/*    border-left-color:#1653B5; */
    border-left-width: 4px;
    border: solid;
    border-color: #1653b5;
}
TABLE.tbl3 TH LABEL {
    /*background-color:#fffbf8;*/
}
TABLE.tbl3 TD{ border-color:#D8D8D8; }

/* テーブルセット4 */
TABLE.tbl4 THEAD TH,
TABLE.tbl4 THEAD TD {
     background-color:#0F2B8D;
     border-color:#E8E8E8;
     color: #FFFFFF;
}

TABLE.tbl4 TBODY TH,
TABLE.tbl4 TBODY TD{
    border-color:#ccc;
    background-color: #FFFFFF;
}

/* 偶数行の背景色 */
TABLE.tbl4 TBODY TR:nth-child(2n) TH,
TABLE.tbl4 TBODY TR:nth-child(2n) TD
{ background-color:#F2F2F2; }

/* テーブルセット5 */
TABLE.tbl5 TH,
TABLE.tbl5 THEAD TD {
     background-color:#0F2B8D;
     border-color:#E8E8E8;
     color: #FFFFFF;
}

TABLE.tbl5 TBODY TH,
TABLE.tbl5 TBODY TD{ border-color:#ccc; }

/* 偶数行の背景色 */
TABLE.tbl5 TBODY TR:nth-child(2n) TD
{ background-color:#F2F2F2; }


TABLE.rowmulti  TH {
    background-color:#0F2B8D;
    color:#FFFFFF;
}


/******************************/
/* フッター                   */
/******************************/
FOOTER #copyArea{
    background-color: #B7B7B7;
}

/****************************************/
/* 機器情報メール設定モーダル画面       */
/****************************************/
.modalMailSetting {
    background-color: #FFFFFF;
}

.divMailSetting {
    background-color: #FFFFFF;
}

TABLE.tblMailList TBODY TR TD{
    background-color:#F2F2F2;
}

TABLE.tblMailList TBODY TR:hover TD,
TABLE.tblMailList TBODY TR:focus TD,
TABLE.tblMailList TBODY TR:hover:nth-child(2n) TD,
TABLE.tblMailList TBODY TR:hover:nth-child(2n) TD{
    background-color:#D7EFFF;
}

/******************************/
/* 名称編集モーダル画面       */
/******************************/
.modalNameWindow {
    background-color: #F9F9F9;
}

/******************************/
/* 機器詳細                   */
/******************************/
TABLE.updateTimingTable TH {
    background-color:#B3B3B3;
}

#resizeAreaDevDesc{
   background-color:#F9F9F9;
}

#tabDevDesc {
   background-color:#F9F9F9;
}


#tabMainteStatus {
   background-color:#F9F9F9;
}

#partDevPic_open_header {
    background-color:#0F2B8D;
}


[class^="gridDevDesc_H"],
[class*=" gridDevDesc_H"] {
    background-color:#DCE6F2;
    border-left-color:#0f2b8d;
}

/***************/
/* CSV入力結果 */
/***************/
.modalUploadCSVResult {
    background-color: #FFFFFF;
}

#divUploadCSVResult{
    background-color: #FFFFFF;
}

/****************/
/* 稼働状況分析 */
/****************/
div#operationBandGraph {
    background-color: #FFFFFF;
}

/********************/
/* アラーム状況分析 */
/*   稼働状況分析   */
/********************/
.analysisTitle_L,
.analysisTitle_R {
    background-color:#DCE6F2;
    border-left-color:#0f2b8d;
}

/********************/
/*    プルダウン    */
/********************/
.pldTd{
    background-color:#FFF!important;
}

/******************************/
/* 機器トレンドモニタ画面     */
/******************************/
/** 逐次検索ヒット行 */
div.trendMonitorSearchAreaHit {
    background-color:#FFFFC4 !important;
}
/** 逐次検索選択行 */
div.trendMonitorSearchAreaSelected {
    background-color:#FFE61F !important;
}
/** 発生型アラーム行 */
tr.colorTypeGenerate td,
div.colorTypeGenerate {
    background-color:#FFC4C4 !important;
}
/** 復旧型アラーム行 */
tr.colorTypeRecover td,
div.colorTypeRecover {
    background-color:#DCEACD !important;
}

/***************************/
/* アラーム ツールチップ　 */
/***************************/
.tooltipAlarmHistory TABLE.alarmJudgeDataTbl {
    background-color: #FFFFFF;
}
.tooltipAlarmHistory TABLE.alarmJudgeDataTbl th {
    color: #FFFFFF;
    background-color: #0F2B8D;
    border-color: #0F2B8D;
}

/*********************************/
/* レスポンス履歴 ツールチップ　 */
/*********************************/
.tooltipResponseHistory TABLE.responseTbl {
    background-color: #FFFFFF;
}
.tooltipResponseHistory TABLE.responseTbl th {
    color: #FFFFFF;
    background-color: #0F2B8D;
    border-color: #0F2B8D;
}

/********************/
/* 表示項目情報     */
/********************/
TABLE.tblLayoutItemInfo{
    border:none;
    margin-bottom:12px;
    height:26px;
}
TABLE.tblLayoutItemInfo TH,
TABLE.tblLayoutItemInfo TD{
    padding:0;
    vertical-align:middle;
}
TABLE.tblLayoutItemInfo TH{
    text-align:left;
    width:144px;
    min-width:84px;
    padding:4px 4px 3px 9px;
    background-color:powderBlue;
    /* color:#484848; */
    border-top:none;
    border-left-color:blue;
    border-left-width:3px;
    border-left-style:solid;
    border-bottom:none;
}
TABLE.tbl2 TD{
    padding-left:9px;
    border:none;
}

/********************/
/* レイアウト監視   */
/********************/
.layoutLinkArea {
    color : #000000;
    background-color: #ffffff;
}

/****************************************/
/* キャンペーン一覧画面       */
/****************************************/
DIV.ganttview-vtheader-item-name {
    width: 100%;
    border-top: 1px solid #d0d0d0;
}

/****************************************/
/* 売上修正詳細画面       */
/****************************************/
#movableDataArea table.tbl TR:nth-child(2n) TD{
    border-bottom-color: #ccc;
}
#movableDataArea table.tbl TD:nth-child(3n+1){
    border-left-color: #ccc;
}

#legendArea DIV{
    border-color: #ccc;
}

DIV.salesTableArea TABLE {
}

DIV.salesTableArea TABLE TH,
DIV.salesTableArea TABLE TD{
    border-color: #ccc;
}

DIV.salesTableArea TABLE TH {
    background-color: #0F2B8D;
    color: #FFFFFF;
}

DIV.salesTableArea TABLE TFOOT TD {
    border-right-color: #c3c3c3;
    background-color: #ced9ff;
}

DIV.salesTableArea TABLE THEAD {
    border-color: #FFFFFF;
}

DIV.salesTableArea TABLE TBODY TR:nth-child(2n) {
    background-color: #F2F2F2;
}

DIV.salesTableArea TABLE .confirm TH{
    color: #FF0000;
}

DIV.salesTableArea TABLE .modification TD{
    background-color: #FFA400;
    color: #FF0000;
}

DIV.salesTableArea TABLE TD.modification {
    color: #FF0000;
}

/******************************/
/* 基本料金設定モーダル画面       */
/******************************/
.modalContentWindow {
    background-color: #FFFFFF;
}

/******************************/
/* 基本料金・運転時間設定モーダル画面       */
/******************************/
.modalOperationWindow {
    background-color: #FFFFFF;
}

/******************************/
/* 稼働状況・遠隔運転画面       */
/******************************/
.communicationError {
    background-color: #ff7d7d;
}

#communicationErrorArea {
    background-color: #fff;
}

.explanatoryWording {
    color: #FF0000;
}

