@charset "utf-8";
/*-----------------------------------------------------------
===  [ individual-layout CSS ]  ====================================
------------------------------------------------------------*/

/* ***************************************************************************** */
/*

　目次

-------------------------------------------------------------------------------

        00. 共通
        01. 各種タイトル(h2、h3)
        02. ボタン
        03. リンク
        04. 単票テーブル
        05. 一覧テーブル
        06. ページャー
        07. お知らせリンク
        08. TOPメニューにアイコンを表示

*/
/* ***************************************************************************** */
/** -------------------------------------------------------
 ** 00. 共通
 ** ------------------------------------------------------- */
/* -- link -- */
a:link {
    color: #5B9BD5;
}
a:visited {
    color: #5B9BD5;
}
a:hover {
    color: #5B9BD5;
}
a:active {
    color: #5B9BD5;
}

/** -------------------------------------------------------
 ** 01. 各種タイトル(h2、h3)
 ** ------------------------------------------------------- */
.subtitle {
    background-color: #B1CBE9;
}

/** -------------------------------------------------------
 ** 02. ボタン
 ** ------------------------------------------------------- */
/* 標準ボタン（button01)
 * 検索ポップアップ呼び出し用ボタン（popup_button01）
----------------------------------------------------*/
a.button01 {
    color: #000;
}

/** -------------------------------------------------------
 ** 03. リンク
 ** ------------------------------------------------------- */
.returnLink a {
    color: #333;
}

/** -------------------------------------------------------
 ** 04. 単票テーブル
 ** ------------------------------------------------------- */
.singleTable .tTitle {
    background-color: #B1CBE9;
}
.singleTable th {
    background-color: #DEEBF7;
}

/** -------------------------------------------------------
 ** 05. 一覧テーブル
 ** ------------------------------------------------------- */
.listTable .tTitle {
    background-color: #B1CBE9;
}
.listTable th {
    background-color: #DEEBF7;
}

/** -------------------------------------------------------
 ** 06. ページャー
 ** ------------------------------------------------------- */
.pager01 li:first-child span,
.pager01 li:first-child a,
.pager01 li:last-child span,
.pager01 li:last-child a {
    background: #5B9BD5;
}

/** -------------------------------------------------------
 ** 07. お知らせリンク
 ** ------------------------------------------------------- */
a.notice_menu_title:link {
    color: red;
}
a.notice_menu_title:visited {
    color: red;
}
a.notice_menu_title:hover {
    color: red;
}
a.notice_menu_title:active {
    color: red;
}

/** -------------------------------------------------------
/* 08. TOPメニューにアイコンを表示
 ** ------------------------------------------------------- */
ul li.menu_icon {
    position: relative;
    padding: 0.5em;
    background: #f1f8ff;
    border-left : solid 40px #5c9ee7;
}
ul li.menu_icon:before{
    position: absolute;
    color: white;
    font-family: 'FontAwesome';
    left: -40px;
    width: 40px;
    text-align: center;
}

.icon_expense_system:before{
    content: '\f239';
}

.icon_workflow_system:before{
    content: '\f0e3';
}

.icon_budget_system:before{
    content: '\f02d';
}

.icon_account_system:before{
    content: '\f02d';
}

.icon_ground_system:before{
    content: '\f073';
}

.icon_master:before{
    content: '\f013';
}

.icon_user_personal:before{
    content: '\f007';
}

a.menu_boder{
    text-decoration: none;
}

/** -------------------------------------------------------
/* 09. 予算申請用
 ** ------------------------------------------------------- */

/* 明るいth */
.listTable .light_th{
    font-weight: bold;
    background-color: #ffd86d !important;
}

/* 明るいtd */
.listTable .light_td{
    background-color: #fff0b2 !important;
}

/* 暗いtd */
.listTable .dark_td{
    background-color: #E6E6E6 !important;
}

/* 最も暗いtd */
.listTable .most_dark_td{
    background-color: #d7d7d7 !important;
}

/* 合計行 */
.listTable .total_row{
    border-top:double;
}

/* 明るい単票テーブル */
.lightSingleTable .tTitle {
    background-color: #ffd86d !important;
}

/* 明るい単票テーブルth */
.lightSingleTable .bs_th{
    font-weight: bold;
    background-color: #fff0b2 !important;
}

/* 明るいリストテーブル */
.lightListTable .tTitle {
    background-color: #ffd86d;
}
/* 明るいリストテーブルth */
.lightListTable th{
    font-weight: bold;
    background-color: #fff0b2;
}
/* ***************************************************************************** */