/*--------------------------------------------
/*スタッフカード
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px;  }
/*div.tabbox { margin: 0px; padding: 0px; width: 400px; } */

/* ▼(B)タブ部分 */
p.tabs { margin: 0px; padding: 0px; }
p.tabs a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 7px;
/*   margin: 0px 1px 0px 0px; padding: 3px; */
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color: gainsboro;  color: black; }
p.tabs a.tab2 { background-color: gainsboro; color:black;}
p.tabs a.tab3 { background-color: gainsboro;   color: black; }
p.tabs a.tab4 { background-color: gainsboro;   color: black; }
p.tabs a.tab5 { background-color: gainsboro;   color: black; }
p.tabs a.tab6 { background-color: gainsboro;   color: black; }
p.tabs a.tab7 { background-color: gainsboro;   color: black; }
p.tabs a.tab8 { background-color: gainsboro;   color: black; }
p.tabs a.tab9 { background-color: gainsboro;   color: black; }
p.tabs a.tab10 { background-color: gainsboro;   color: black; }
p.tabs a.tab11 { background-color: gainsboro;   color: black; }
p.tabs a.tab12 { background-color: gainsboro;   color: black; }
p.tabs a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 350px; overflow: auto; clear: left;
/*   height: 150px; overflow: auto; clear: left; */
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 2px solid black; background-color: gainsboro; }
div#tab2 { border: 2px solid black; background-color: gainsboro; }
div#tab3 { border: 2px solid black; background-color: gainsboro; }
div#tab4 { border: 2px solid black; background-color: gainsboro; }
div#tab5 { border: 2px solid black; background-color: gainsboro; }
div#tab6 { border: 2px solid black; background-color: gainsboro; }
div#tab7 { border: 2px solid black; background-color: gainsboro; }
div#tab8 { border: 2px solid black; background-color: gainsboro; }
div#tab9 { border: 2px solid black; background-color: gainsboro; }
div#tab10 { border: 2px solid black; background-color: gainsboro; }
div#tab11 { border: 2px solid black; background-color: gainsboro; }
div#tab12 { border: 2px solid black; background-color: gainsboro; }
div.tab p { margin: 0.5em; }

/*--------------------------------------------
/*クライアント情報
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxc { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabsc { margin: 0px; padding: 0px; }
p.tabsc a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabsc a.tabc1 { background-color: gainsboro;  color: black; }
p.tabsc a.tabc2 { background-color: gainsboro; color:black;}
p.tabsc a.tabc3 { background-color: gainsboro; color:black;}
p.tabsc a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabc {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 300px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabc1 { border: 2px solid black; background-color: gainsboro; }
div#tabc2 { border: 2px solid black; background-color: gainsboro; }
div#tabc3 { border: 2px solid black; background-color: gainsboro; }
div.tabc p { margin: 0.5em; }

/*--------------------------------------------
/*店舗情報
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxs { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabss { margin: 0px; padding: 0px; }
p.tabss a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabss a.tabs1 { background-color: gainsboro;  color: black; }
p.tabss a.tabs2 { background-color: gainsboro; color:black;}
p.tabss a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabs {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 440px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabs1 { border: 2px solid black; background-color: gainsboro; }
div#tabs2 { border: 2px solid black; background-color: gainsboro; }
div.tabs p { margin: 0.5em; }

/*--------------------------------------------
/*案件情報
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxo { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabso { margin: 0px; padding: 0px; }
p.tabso a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabso a.tabo1 { background-color: gainsboro;  color: black; }
p.tabso a.tabo2 { background-color: gainsboro; color:black;}
p.tabso a.tabo3 { background-color: gainsboro; color:black;}
p.tabso a.tabo4 { background-color: gainsboro; color:black;}
p.tabso a.tabo5 { background-color: gainsboro; color:black;}
p.tabso a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabo {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 500px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabo1 { border: 2px solid black; background-color: gainsboro; }
div#tabo2 { border: 2px solid black; background-color: gainsboro; }
div#tabo3 { border: 2px solid black; background-color: gainsboro; }
div#tabo4 { border: 2px solid black; background-color: gainsboro; }
div#tabo5 { border: 2px solid black; background-color: gainsboro; }
div.tabo p { margin: 0.5em; }

/*--------------------------------------------
/*勤怠情報
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxd { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabsd { margin: 0px; padding: 0px; }
p.tabsd a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabsd a.tabd1 { background-color: gainsboro;  color: black; }
p.tabsd a.tabd2 { background-color: gainsboro; color:black;}
p.tabsd a.tabd3 { background-color: gainsboro;  color: black; }
p.tabsd a.tabd4 { background-color: gainsboro; color:black;}
p.tabsd a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabd {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 440px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabd1 { border: 2px solid black; background-color: gainsboro; }
div#tabd2 { border: 2px solid black; background-color: gainsboro; }
div#tabd3 { border: 2px solid black; background-color: gainsboro; }
div#tabd4 { border: 2px solid black; background-color: gainsboro; }
div.tabd p { margin: 0.5em; }

/*--------------------------------------------
/*勤怠情報（簡易）
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxds { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabsds { margin: 0px; padding: 0px; }
p.tabsds a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabsds a.tabds1 { background-color: gainsboro;  color: black; }
p.tabsds a.tabds2 { background-color: gainsboro; color:black;}
p.tabsds a.tabds3 { background-color: gainsboro;  color: black; }
p.tabsds a.tabds4 { background-color: gainsboro; color:black;}
p.tabsds a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabds {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 440px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabds1 { border: 2px solid black; background-color: gainsboro; }
div#tabds2 { border: 2px solid black; background-color: gainsboro; }
div#tabds3 { border: 2px solid black; background-color: gainsboro; }
div#tabds4 { border: 2px solid black; background-color: gainsboro; }
div.tabds p { margin: 0.5em; }

/*--------------------------------------------
/*経費入力（簡易）
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxks { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabsks { margin: 0px; padding: 0px; }
p.tabsks a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabsks a.tabks1 { background-color: gainsboro;  color: black; }
p.tabsks a.tabks2 { background-color: gainsboro; color:black;}
p.tabsks a.tabks3 { background-color: gainsboro;  color: black; }
p.tabsks a.tabks4 { background-color: gainsboro; color:black;}
p.tabsks a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabks {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 440px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabks1 { border: 2px solid black; background-color: gainsboro; }
div#tabks2 { border: 2px solid black; background-color: gainsboro; }
div#tabks3 { border: 2px solid black; background-color: gainsboro; }
div#tabks4 { border: 2px solid black; background-color: gainsboro; }
div.tabks p { margin: 0.5em; }

/*--------------------------------------------
/*立替金チェック
/*--------------------------------------------
/* ▼(A)表示領域全体 */
div.tabboxts { margin: 0px; padding: 0px;  }

/* ▼(B)タブ部分 */
p.tabsts { margin: 0px; padding: 0px; }
p.tabsts a {
   /* ▼(B-2)リンクをタブのように見せる */
   display: block; width: 10em; float: left;
   margin: 0px 1px 0px 0px; padding: 0px;
   text-align: center;
}
/* ▼(B-3)各タブの配色 */
p.tabsts a.tabts1 { background-color: gainsboro;  color: black; }
p.tabsts a.tabts2 { background-color: gainsboro; color:black;}
p.tabsts a.tabts3 { background-color: gainsboro;  color: black; }
p.tabsts a.tabts4 { background-color: gainsboro; color:black;}
p.tabsts a:hover { color: orange; }

/* ▼(C)タブ中身のボックス */
div.tabts {
   /* ▼(C-2)ボックス共通の装飾 */
   height: 440px; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tabts1 { border: 2px solid black; background-color: gainsboro; }
div#tabts2 { border: 2px solid black; background-color: gainsboro; }
div#tabts3 { border: 2px solid black; background-color: gainsboro; }
div#tabts4 { border: 2px solid black; background-color: gainsboro; }
div.tabts p { margin: 0.5em; }