BODY {
  background-color: #ffffff;
  color           : #000000;
  font-size       : 12pt;
  font-family     : "Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
  margin          : 0;
}

H1 {
  font-size   : 12pt;
  font-weight : bold;
  border-width: 0 0 1px 0.5em;
  border-color: #009933;
  border-style: solid;
  padding     : 0.2em;
  margin      : 1em 1em 1em 1em;
}

H2 {
  font-size   : 12pt;
  font-weight : normal;
  border-width: 0 0 1px 0.3em;
  border-color: #009933;
  border-style: solid;
  padding     : 0.2em;
  margin      : 0em 0em 0em 0em;
}

A:hover  { color: red; }
A:active { color: red; }

/*--------------------------------------------------------------------------*/
/* ヘッダー                                                                 */

.header-table {
  border          : 1px solid #009933;
  background-color: #009933;
  width           : 100%;
  padding         : 0;
  border-collapse : collapse;
}

.header-sysname-col {
  width      : 30%;
  padding    : 0.5em;
  color      : #ffffff;
  font-weight: bold;
  white-space: nowrap;
}

.header-userinfo-col {
  width      : 40%;
  padding    : 0.5em;
  text-align : center;
  color      : #ffffff;
  white-space: nowrap;
}

.header-menu-col {
  width      : 30%;
  padding    : 0.5em;
  text-align : right;
  color      : #ffffff;
  white-space: nowrap;
}

.header-menu-col A        { color: #ffffff; }
.header-menu-col A:hover  { color: red;     }
.header-menu-col A:active { color: red;     }

.header-menu-col2 {
  background-color: #009933;
  padding    : 0.5em;
  text-align : right;
  color      : #ffffff;
  white-space: nowrap;
}

.header-menu-col2 A        { color: #ffffff; }
.header-menu-col2 A:hover  { color: red;     }
.header-menu-col2 A:active { color: red;     }

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

.contents {
  margin: 0.5em 2em 1em 2em;
}

/* グリッド */
.contents-table {
  border-collapse : collapse;
}

.contents-table TH
, .contents-table TD {
  border          : 1px solid #666666;
  padding         : 0.2em;
}

.contents-table TH {       /* ヘッダ行 */
  color           : #000000; /*#ffffff*/
  background-color: #99cc99;
  font-weight     : normal;
}

/*-------*/

.contents-table tr:nth-child(2n).item-row TD { /* 通常行、奇数行 (タイトル行が1行目なのでデータ行の奇数行はテーブルの偶数行) */
  background-color: #ffffff;
}

.contents-table tr:nth-child(2n+1).item-row TD { /* 通常行、偶数行 (タイトル行が1行目なのでデータ行の偶数行はテーブルの奇数行)*/
  background-color: #e0ffe0;
}

.contents-table tr.new-row TD { /* 新規行 */
  background-color: #cccccc;
}

.contents-table tr.edit-row TD { /* 編集行 */
  background-color: #ffffcc;
}

.contents-table tr.emp1-row TD { /* 強調行1 */
  color           : #000000; /*#ffffff*/
  background-color: #99cc99;
}

.contents-table tr.emp2-row TD { /* 強調行2 */
  color           : #000000; /*#ffffff*/
  background-color: #ffcc66;
}

.contents-table .col-sat {
  color: #0000cc;
}
.contents-table .col-sun {
  color: #cc0000;
}

/* ユーザー入力欄など */
.contents-table2 {
  /*border-collapse : collapse;*/
}

.contents-table2 TH
, .contents-table TD {
  /*border          : 2px none #666666;*/
  padding         : 0.2em;
}

.contents-table2 TH {       /* ヘッダ行 */
  color           : #000000; /*#ffffff*/
  background-color: #99cc99;
  font-weight     : normal;
}

.contents-table2 TD {
}

/*--------------------------------------------------------------------------*/
/* メッセージ                                                               */
.msg 
{
  color: #000000;
  margin-bottom: 0.5em;
}
.err_msg 
{
  color: #ff0000;
  margin-bottom: 0.5em;
}

/*--------------------------------------------------------------------------*/
/* フッター                                                                 */

.footer {
  font-size   : 75%;
  font-family : 'Arial';
  color       : #666666;
  padding     : 0 0 0 0.5em;
  border-color: #009933;
  border-style: solid;
  border-width: 2px 0 0 0;
  margin      : 0;
  text-align  : center;
}

/*--------------------------------------------------------------------------*/
/* その他 */
.nowrap { white-space:nowrap }

.right { text-align:right }

/*--------------------------------------------------------------------------*/
/* 勤務評価 */
.kinmu_hyouka_kitei 
{
}
.kinmu_hyouka_tuujou
{
	font-weight: bold;
	color      : DarkOrange;
}
.kinmu_hyouka_kaigi
{
	font-weight: bold;
	color      : Red;
}

/*評価が標準のとき*/
.contents-table tr.item-row td.hyouka_goukei_normal
{
	/*background-color: White;*/
}

/*評価が標準より低いとき*/
.contents-table tr.item-row td.hyouka_goukei_low
{
	background-color: #ffcccc;
}

/*評価が標準より高いとき*/
.contents-table tr.item-row td.hyouka_goukei_high
{
	background-color: LightBlue;
}

/*--------------------------------------------------------------------------*/
/* 勤務時間管理表 */

/*残業時間が上限時間以上のとき*/
.contents-table tr.item-row td.zangyou_jougen_jikan
{
	background-color: #ffcccc;
}

/*残業時間が目標時間以上のとき*/
.contents-table tr.item-row td.zangyou_mokuhyou_jikan
{
	background-color: #ffff99;
}

/*法定外 労働時間 累積が警告時間以上のとき*/
.contents-table tr.item-row td.houtei_gai_ruiseki_alert
{
	background-color: #ffff99;
}

/*休憩時間チェックがNGのとき*/
.contents-table tr.item-row td.kyuukei_status_ng
{
	background-color: #ffcccc;
}

/*--------------------------------------------------------------------------*/
/* 個人別生産性検討会議、拘束時間上限チェック */

/* 上限を超えるとき */
.contents-table tr.item-row td.KousokuJikanJogenCheck_Jogen
{
	background-color: #ffcccc;
}

/* 警告2を超えるとき */
.contents-table tr.item-row td.KousokuJikanJogenCheck_Keikoku2
{
	background-color: #ffe5b2;
}

/* 警告を超えるとき */
.contents-table tr.item-row td.KousokuJikanJogenCheck_Keikoku
{
	background-color: #ffff99;
}

/*--------------------------------------------------------------------------*/
/* jQuery UI カスタマイズ*/
.ui-widget-header
{
	border    : 1px solid #009933;
	background: #99cc99;
	color     : #000000;  
}

.ui-widget
{
  font-size  : inherit;
  font-family: inherit;  /*"Osaka","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";*/
}

.ui-dialog
{
  font-size  : inherit;
  font-family: inherit;
}