@charset "utf-8";
/* CSS Document */


.gray_box{
  background-color: #f7f7f7;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin: 15px 3px 15px 3px;
  clear: both;
	
}

/* 20171025 DHC add start 障害-業務To基盤-0484_メニューへ戻った時、第１階層メニューエリアの先頭サブシステムにフォーカスする(NEC-000012)*/
.current_icon{
  background-color: #c0dd4d !important;
  color: #FFF !important;
}
/* 20171025 DHC add end*/

.cate_icon{
  background-repeat: no-repeat;
  background-position: center top;
  float: left;
  margin-right: 1.2%;
  padding: 40px 20px 6px 20px;
  background-color: #FFF;
  cursor: pointer;
}

/* 20170125 NEC del
.cate_icon:hover{
  background-color: #c0dd4d;
}
*/

/* 20170125 NEC add start */
.cate_icon:hover{
  background-color: #ccc;
  color: #FFF;
}
/* 20170125 NEC add end */

.cate_current{
  padding: 41px 21px 6px 21px;
  background-color: #c0dd4d;
  border: none;
  color: #FFF;
}

.cate_current:hover{
  background-color: #c0dd4d;
}

/* 20170125 NEC del
.cate_sales{
  background-image: url(../images/category_icon1.png);

}

.cate_accounts{
  background-image: url(../images/category_icon2.png);
}
*/


.logout{
  float: right;
  width: 62px;
  text-align: right;
}


.li_logout{
  display: inline-block;
  margin-left: 2%;
}
.logout_icon{
  background-repeat: no-repeat;
  background-position: center top;
  padding: 45px 5px 6px 5px;
  background-color: #FFF;
  font-size: 74%;
  cursor: pointer;
}

/* 20170125 NEC del
.logout_icon:hover{
  background-color: #c0dd4d;
}
*/

/* 20170125 NEC add start */
.logout_icon:hover{
  background-color: #ccc;
  color: #FFF;
}
/* 20170125 NEC add end */

.logout_logout{
  background-image: url(../images/logout_icon1.png);
  padding: 46px 7px 7px 7px;
  background-color: #fac40a;
  border: none;
  color: #FFF;
}

.logout_logout:hover{
  background-color: #fbd553;
}



/* 左メニュー
------------------------------------------------- */


#Pnl2A{
  float: left;
  width: 230px;
  background-color: #f6fafb;
  border: solid 2px #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  overflow: auto;
  margin-left: 3px;
  height: calc(100vh - 240px);
}

#Side_Navi{
  overflow: hidden;
  display: table;
  width: 100%;
}

.li_snavi{
  padding: 7px 7px 7px 20px;
  margin-top: -1px;
  border: none;
  border-top: 1px solid #e1e1e1;
  color: #333;
  display: block;
  background-image: url(../images/arrow_black.png);
  background-position: left;
  background-repeat: no-repeat;
  cursor: pointer;
  background-color: #f6fafb;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  width: 100%;
  text-align: left;
}

.li_snavi:hover{
  background-image: url(../images/arrow_white.png);
  background-color: #999;
  color: #FFF;
}

.li_snavi:focus{
  background-image: url(../images/arrow_white.png);
  background-color: #ccc;
  color: #FFF;
}

.snavi_in{
  background-color: #3cbdde;
  overflow: hidden;
  padding: 0 7px 7px;
}

.li_snaviin{
  background-color: #3cbdde;
  color: #FFF;
  border: none;
  padding: 5px 4px 5px 23px;
  background-image: url(../images/line_skyblue.png);
  background-position: left;
  background-repeat: no-repeat;
  display: block;
  text-decoration: none;
  width: 100%;
  cursor: pointer;
  text-align: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 1px #3cbdde solid;
}

.li_snaviin:hover{
  background-image: url(../images/line_white.png);
  background-color: #ccc;
  color: #FFF;
  border: 1px #ccc solid;
}

.li_snaviin:focus{
  background-image: url(../images/line_white.png);
  color: #FFF;
  border: 1px #FFF solid;
}

.li_snaviin_current{
  background-image: url(../images/line.png);
  background-color: #FFF;
  color: #333;
  border: 1px #FFF solid;
}

.li_snaviin_current:hover{
  background-image: url(../images/line.png);
  background-color: #FFF;
  color: #333;
}

.li_snaviin_current:focus{
  background-image: url(../images/line.png);
  background-color: #FFF;
  color: #333;
}



/* 右コンテンツ
------------------------------------------------- */



#Pnl2B1{
  border: solid 2px #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-left: 280px;
  background-color: #FFF;
  overflow: auto;
  margin-right: 3px;
  height: calc(100vh - 347px);
}

.detail_navi{
  overflow: hidden;
}

.li_detail{
  margin-top: -1px;
  padding: 7px 7px 7px 20px;
  background-image: url(../images/arrow_black.png);
  background-position: left;
  background-repeat:no-repeat;
  display: block;
  text-decoration: none;
  color: #333;
  clear: both;
  cursor: pointer;
  width: 100%;
  cursor: pointer;
  text-align: left;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: #FFF;
  border: none;
  border-top: 1px solid #e1e1e1;
}

.li_detail:hover{
  background-color: #999;
  color: #FFF;
  background-image: url(../images/arrow_white.png);
}

.li_detail:focus{
  background-color: #ccc;
  color: #FFF;
}

.li_detailin_mgn{
  float: left;
  border-right: dashed 1px #e1e1e1;
  margin: 10px 0 10px 0;
}

.li_detailin{
  display: block;
  color: #333;
  text-decoration: none;
  margin: 0px 10px 0 10px;
  background-image: none;
  padding: 20px 10px 5px 10px;
  border: none;
  background-color: #FFF;
  cursor: pointer;
}

.li_detailin:hover{
  background-color: #ccc;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  color: #FFF;
}

.li_detailin:focus{
  background-color: #c0dd4d;
  color: #FFF;
}

/* 登録アイコン */

/* 20170125 NEC del
.entry{
  background-image: url(../images/entry_black.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.entry:hover{
  background-image: url(../images/entry_white.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.entry:focus{
  background-image: url(../images/entry_white.png);
  background-repeat: no-repeat;
  background-position: center top;
}
*/

/* 修正アイコン */

/* 20170125 NEC del
.revision{
  background-image: url(../images/revision_black.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.revision:hover{
  background-image: url(../images/revision_white.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.revision:focus{
  background-image: url(../images/revision_white.png);
  background-repeat: no-repeat;
  background-position: center top;
}
*/


/* メモ情報
------------------------------------------------- */



#Pnl2B2{
  border: solid 2px #e1e1e1;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 10px;
  margin-left: 280px;
  background-color: #FFF;
  overflow: auto;
  height: 62px;
  margin-top: 20px;
  width: calc(100vw - 410px); 
}

.memo{
  float: right;
  margin-top: 20px;
  margin-right:3px
}

.li_memo{
  border-bottom: dashed 1px #ccc;
  margin-bottom: 5px;
  padding-bottom: 5px;
}



/* js用のcss
------------------------------------------------- */


.opened{
  background-image: url(../images/arrow_yellow_in.png);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #3cbdde;
  color: #FFF;
}

.opened:hover{
  background-image: url(../images/arrow_yellow_in.png);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #3cbdde;
  color: #FFF;
}

.opened:focus{
  background-image: url(../images/arrow_yellow_in.png);
  background-position: left;
  background-repeat: no-repeat;
  background-color: #3cbdde;
  color: #FFF;
}





/* 20170125 NEC add start */

/* ～業務～ */

/* 20171025 DHC del 障害-業務To基盤-0484_メニューへ戻った時、第１階層メニューエリアの先頭サブシステムにフォーカスする(NEC-000012)
.cate_icon:focus{
  background-color: #c0dd4d;
  color: #FFF;
}
*/

.logout_icon:focus{
  background-color: #c0dd4d;
  color: #FFF;
}

.logout_current{
  background-color: #c0dd4d;
  color: #FFF;
}

.logout_current:hover{
  background-color: #c0dd4d;
  color: #FFF;
}


.li_detailin_current{
  background-color: #c0dd4d;
  color: #FFF;
}

.li_detailin_current:hover{
  background-color: #c0dd4d;
  color: #FFF;
}

/* 原価 */

.menu_hd_co{
  background-image: url(../images/menu_hd_co_off.png);
}

.menu_hd_co:hover{
  background-image: url(../images/menu_hd_co_over.png);
}

.menu_hd_co:focus{
  background-image: url(../images/menu_hd_co_over.png);
}

.menu_hd_co_current{
  background-image: url(../images/menu_hd_co_over.png);
  color: #FFF;
}




/* 販売 */

.menu_hd_sa{
  background-image: url(../images/menu_hd_sa_off.png);
}

.menu_hd_sa:hover{
  background-image: url(../images/menu_hd_sa_over.png);
}

.menu_hd_sa:focus{
  background-image: url(../images/menu_hd_sa_over.png);
}

.menu_hd_sa_current{
  background-image: url(../images/menu_hd_sa_over.png);
}


/* 人事 */

.menu_hd_hr{
  background-image: url(../images/menu_hd_hr_off.png);
}

.menu_hd_hr:hover{
  background-image: url(../images/menu_hd_hr_over.png);
}

.menu_hd_hr:focus{
  background-image: url(../images/menu_hd_hr_over.png);
}

.menu_hd_hr_current{
  background-image: url(../images/menu_hd_hr_over.png);
}

/* 会計 */

.menu_hd_fi{
  background-image: url(../images/menu_hd_fi_off.png);
}

.menu_hd_fi:hover{
  background-image: url(../images/menu_hd_fi_over.png);
}

.menu_hd_fi:focus{
  background-image: url(../images/menu_hd_fi_over.png);
}

.menu_hd_fi_current{
  background-image: url(../images/menu_hd_fi_over.png);
}



/* 業務共通 */

.menu_hd_bc{
  background-image: url(../images/menu_hd_bc_off.png);
}

.menu_hd_bc:hover{
  background-image: url(../images/menu_hd_bc_over.png);
}

.menu_hd_bc:focus{
  background-image: url(../images/menu_hd_bc_over.png);
}

.menu_hd_bc_current{
  background-image: url(../images/menu_hd_bc_over.png);
}


/* 給与 */

.menu_hd_py{
  background-image: url(../images/menu_hd_py_off.png);
}

.menu_hd_py:hover{
  background-image: url(../images/menu_hd_py_over.png);
}

.menu_hd_py:focus{
  background-image: url(../images/menu_hd_py_over.png);
}

.menu_hd_py_current{
  background-image: url(../images/menu_hd_py_over.png);
}


/* お気に入り */

.menu_hd_fv{
  background-image: url(../images/menu_hd_fv_off.png);
}

.menu_hd_fv:hover{
  background-image: url(../images/menu_hd_fv_over.png);
}

.menu_hd_fv:focus{
  background-image: url(../images/menu_hd_fv_over.png);
}

.menu_hd_fv_current{
  background-image: url(../images/menu_hd_fv_over.png);
}


/* 債権 */

.menu_hd_ar{
  background-image: url(../images/menu_hd_ar_off.png);
}

.menu_hd_ar:hover{
  background-image: url(../images/menu_hd_ar_over.png);
}

.menu_hd_ar:focus{
  background-image: url(../images/menu_hd_ar_over.png);
}

.menu_hd_ar_current{
  background-image: url(../images/menu_hd_ar_over.png);
}


/* 債務 */

.menu_hd_ap{
  background-image: url(../images/menu_hd_ap_off.png);
}

.menu_hd_ap:hover{
  background-image: url(../images/menu_hd_ap_over.png);
}

.menu_hd_ap:focus{
  background-image: url(../images/menu_hd_ap_over.png);
}

.menu_hd_ap_current{
  background-image: url(../images/menu_hd_ap_over.png);
}


/* 生産 */

.menu_hd_pr{
  background-image: url(../images/menu_hd_pr_off.png);
}

.menu_hd_pr:hover{
  background-image: url(../images/menu_hd_pr_over.png);
}

.menu_hd_pr:focus{
  background-image: url(../images/menu_hd_pr_over.png);
}

.menu_hd_pr_current{
  background-image: url(../images/menu_hd_pr_over.png);
}


/* システム */

.menu_hd_fw{
  background-image: url(../images/menu_hd_fw_off.png);
}

.menu_hd_fw:hover{
  background-image: url(../images/menu_hd_fw_over.png);
}

.menu_hd_fw:focus{
  background-image: url(../images/menu_hd_fw_over.png);
}

.menu_hd_fw_current{
  background-image: url(../images/menu_hd_fw_over.png);
}


/* 在庫 */

.menu_hd_st{
  background-image: url(../images/menu_hd_st_off.png);
}

.menu_hd_st:hover{
  background-image: url(../images/menu_hd_st_over.png);
}

.menu_hd_st:focus{
  background-image: url(../images/menu_hd_st_over.png);
}

.menu_hd_st_current{
  background-image: url(../images/menu_hd_st_over.png);
}




/* ～ボタン～ */

/* 登録ボタン */

.menu_entry{
  background-image: url(../images/menu_entry_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_entry:hover{
  background-image: url(../images/menu_entry_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_entry:focus{
  background-image: url(../images/menu_entry_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_entry_current{
  background-image: url(../images/menu_entry_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}




/* 修正ボタン */

.menu_mod{
  background-image: url(../images/menu_mod_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_mod:hover{
  background-image: url(../images/menu_mod_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_mod:focus{
  background-image: url(../images/menu_mod_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_mod_current{
  background-image: url(../images/menu_mod_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}



/* 削除ボタン */

.menu_del{
  background-image: url(../images/menu_del_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_del:hover{
  background-image: url(../images/menu_del_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_del:focus{
  background-image: url(../images/menu_del_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_del_current{
  background-image: url(../images/menu_del_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}



/* 照会ボタン */

.menu_ref{
  background-image: url(../images/menu_ref_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_ref:hover{
  background-image: url(../images/menu_ref_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_ref:focus{
  background-image: url(../images/menu_ref_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_ref_current{
  background-image: url(../images/menu_ref_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}



/* 検索ボタン（HGボタン） */

.menu_hg{
  background-image: url(../images/menu_hg_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_hg:hover{
  background-image: url(../images/menu_hg_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_hg:focus{
  background-image: url(../images/menu_hg_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_hg_current{
  background-image: url(../images/menu_hg_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}



/* バッチ実行ボタン */

.menu_bat{
  background-image: url(../images/menu_bat_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_bat:hover{
  background-image: url(../images/menu_bat_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_bat:focus{
  background-image: url(../images/menu_bat_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_bat_current{
  background-image: url(../images/menu_bat_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}


/* 帳票出力ボタン */

.menu_rep{
  background-image: url(../images/menu_rep_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_rep:hover{
  background-image: url(../images/menu_rep_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_rep:focus{
  background-image: url(../images/menu_rep_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_rep_current{
  background-image: url(../images/menu_rep_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}


/* 汎用データ出力ボタン */

.menu_exp{
  background-image: url(../images/menu_exp_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_exp:hover{
  background-image: url(../images/menu_exp_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_exp:focus{
  background-image: url(../images/menu_exp_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_exp_current{
  background-image: url(../images/menu_exp_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}


/* データアップロードボタン */

.menu_upd{
  background-image: url(../images/menu_upd_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_upd:hover{
  background-image: url(../images/menu_upd_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_upd:focus{
  background-image: url(../images/menu_upd_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_upd_current{
  background-image: url(../images/menu_upd_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/* デフォルトボタン */

.menu_default{
  background-image: url(../images/icon/defaultfoldedricon_off.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_default:hover{
  background-image: url(../images/icon/defaultfoldedricon_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_default:focus{
  background-image: url(../images/icon/defaultfoldedricon_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

.menu_default_current{
  background-image: url(../images/icon/defaultfoldedricon_over.png);
  background-repeat: no-repeat;
  background-position: center top;
}

/* 20170125 NEC add end */