/* Chromium系ブラウザ対策 */
input
{
    border-width: 1px;
}

/* メニューバーのリンク間隔を広げる                                    */
#header-navi-frame a
{
    padding-left: 5px;
    padding-right: 5px;
}

.si-location
{
    display: none;
}


/****************************************/
/** エクステンションバー 【START】     **/
/****************************************/
.ExBarstyle
{
    font-weight: bold; /* 太字 */
    color: #000000; /* 黒 */
    text-decoration: none; /* テキストに線をつけない */
    padding: 0px 10px 0px 10px; /* メニューの間隔 */
    margin: 0px 0px 0px 0px; /* メニューの間隔 */
    border-width: 1px; /* 線の太さ */
    border-style: solid; /* 線種 */
    border-color: #c0c0c0; /* 線色(グレー) */
    background-color: #eff3f7; /* 背景色*/
}
.ExBarstyle:hover /* マウスポインターが重ねられたとき */
{
    color: #ff0000; /* 文字色（赤） */
}

.header-title
{
    font-weight: bolder;
    font-size: 36px;
    color: #00007a;
}

#header-line1 /** ライン 大 **/
{
    border-width: 2px 0px 0px 0px; /* 線の高さ */
    border-style: solid; /* 線種     */
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 1px; /* 高さ     */
}



#header-line2 /** ライン **/
{
    border-width: 1px 0px 0px 0px; /* 線の高さ */
    border-style: solid; /* 線種     */
    border-color: #c0c0c0; /* 線色     */ /* 【変数】ライン２ */
    height: 1px; /* 高さ     */
}


#header-logoarea /** アプリ名、会社ロゴ領域 **/
{
    height: 41px; /* ←ロゴの高さに合わせて今は設定しているが、ロゴの高さは30pxまでにしたい */
}

#header-apli /** （アプリ名、会社ロゴ領域内）アプリ名 **/
{
    float: left;
    color: #000000;
    padding-left: 10px;
}

#header-company /** （アプリ名、会社ロゴ領域）会社ロゴ **/
{
    float: right;
    padding-right: 10px;
}

#header-Info /** ヘッダ項目記載エリア **/
{
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #000000; /* 【変数】文字１ */
    font-size: 8pt;
    padding-top: 5px;
    width: 100%;
    table-layout: fixed;
}

.header-Info-title /** （ヘッダ項目記載エリア内）項目名 **/
{
    color: #005929; /* 【変数】濃い文字 */
}

#header-dispname /** （画面名）画面名エリア **/
{
    color: #005929; /* 【変数】濃い文字 */
    font-size: 11pt;
    font-weight: bold;
    float: left;
    width: 350px; /* 画面名エリアの幅 350px 固定する */
}

#header-compname /** （画面名、会社名エリア内）会社コード･会社名エリア **/
{
    color: #ed1b24; /* 【変数】会社名文字 */
    font-size: 8pt;
    float: right;
}

#header-line3 /** ライン 大 **/
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #c0c0c0; /* 線色(シルバー) */
    height: 1px; /* 高さ */
}

#header-navi-frame /** ナビゲーションボタンエリア内 **/
{
    color: #005929;
    text-align: right;
}

#header1_tbl /** ヘッダ項目記載エリア **/
{
    font-size: 8pt;
    padding-top: 1px;
    width: 100%;
    height: 15px;
    table-layout: fixed;
}
#header1_tbl td
{
    vertical-align: bottom;
}
#header2_tbl /** ヘッダ項目記載エリア **/
{
    font-size: 8pt;
    padding-top: 1px;
    table-layout: fixed;
}
#header2_tbl tr
{
    height: 8px;
    vertical-align: bottom;
}


#header2_div_sideL
{
    float: left;
    width: 449px;
}
#header2_div_sideR
{
    float: right;
}

#header
{
    color: #000000;
    margin-top: 0px;
    font-size: 8pt;
}

/** ヘッダ:ユーザー情報記載エリア **/
#header2_div
{
    float: none;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
#header2_tbl
{
    background-color: #ffffff;
    color: #000000; /* 【変数】文字１ */
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    table-layout: fixed;
}
.header2_tbl-td1
{
    width: auto;
    vertical-align: top;
    height: 7px;
}
.header2_tbl-td2
{
    width: 260px;
    vertical-align: top;
}
.header2_tbl-td3
{
    width: 110px;
    vertical-align: top;
}

#header2_tbl1
{
    padding: 1px 0px 0px 0px;
    margin: 1px 0px 0px 0px;
    width: 100%;
    table-layout: fixed;
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
}
#header2_tbl1 tr
{
    height: 8px;
    vertical-align: bottom;
}
.header2_tbl1-td1
{
    width: 250px;
    text-align: right;
}

#header2_tbl2
{
    padding: 1px 0px 0px 0px;
    width: 100%;
    table-layout: fixed;
}
#header2_tbl2 tr
{
    height: 14px;
    vertical-align: bottom;
}

.header2_tbl2-td1
{
    width: 105px;
    text-align: left;
}

/** ヘッダ:水平線表示エリア **/
#header3_div
{
    float: none;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/** 依頼情報 **/
#DenAskInfo
{
    font-size: 10pt;
    color: #000000; /* 黒 */
    text-align: left; /* 左寄せ */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/** 検索条件（外枠） **/
#SaveSearchArea
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 3px 0px;
}
/** 検索条件 **/
#SaveSearch
{
    font-size: 10pt;
    color: #000000; /* 黒 */
    text-align: left; /* 左寄せ */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
/** 文書箱数 **/
#DocBoxCount
{
    font-size: 10pt;
    color: #000000; /* 黒 */
    text-align: left; /* 左寄せ */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

/***********************************************************************/
/** タブメニュー **/
/***********************************************************************/
#pnlTabMenu
{
    height: 380px;
    width: 515px;
}

#TabContainer1
{
    height: 350px;
    width: 480px;
}


/*　　◆　タブ部      */
.tabstyle .ajax__tab_header /* TabContainer の最上部にあるタブをすべて囲むコンテナー要素 */
{
    color: #000000; /* 【変数】文字１ */
    margin: 0px 0px 0px 0px; /* タブの間隔 */
    padding: 0px 0px 0px 0px;
}


.tabstyle .ajax__tab_tab /* テキスト コンテンツを含むタブの要素 */
{
    width: 77px;
    font-size: 14pt;
    margin: 0px 0px -4px 0px; /* タブの間隔 */
    padding: 0px 0px 0px 0px;
    border-width: 1px 1px 0px 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #c0c0c0; /* 線色(黒)   */
    background-color: #e6f0fa; /* 【変数】背景１ */
}

.tabstyle .ajax__tab_body /* TabPanel の表示領域を囲むコンテナー要素 */
{
    font-size: 12pt;
    width: 500px;
    height: 350px; /* ← 効果なし？ */
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #c0c0c0 #c0c0c0 #c0c0c0 #c0c0c0;
    background-color: #e6f0fa; /* 【変数】背景１ */
    overflow: auto; /* タブ領域内にメニューが収まりきらない場合のみタブにスクロールを表示 */
}


.tabstyle .ajax__tab_active /* 選択中のタブ */
{
    color: #0000ff; /* 青 */
    font-weight: bold; /* 太字 */
    margin: 0px 0px 0px 0px; /* タブの間隔 */
    padding: 0px 0px -10px 0px; /* タブの間隔 */
    border-width: 30px 0px 5px 0px;
    border-style: solid;
    border-color: #ffffff; /* 線色(gold) */
    border-bottom-color: #e6f0fa; /* 【変数】背景１ */
    background-color: #e6f0fa; /* 【変数】背景１ */
}


.tabstyle .ajax__tab_hover /* マウスポインターが重ねられているタブの要素 */
{
    color: #ff0000; /* 赤 */
}


.TabMenu-info_body /** タブ内 **/
{
    margin: 10px 0px 0px 0px; /** リンクの間隔 **/
    padding: 0px 0px 0px 0px; /** リンクの間隔 **/
}


.tab_contents /* ← 使っていない */
{
    padding: 15px 0px 0px 10px;
}


.tab-menu /* ← 使っていない */
{
    height: 275px;
    width: 515px;
}


.menu-cnt_frame /** コンテンツ部 サイドＡ、サイドＢの外枠下のマージンを設定 */
{
    /* 設定なし */
}

/** ページサイズ設定(標準) **/
body
{
    font-family: "メイリオ" , "游ゴシック" , sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

/** ページサイズ設定(大きいサイズ) **/
.bodyL
{
    font-size: 15px;
}

/* コントロール設定 */
.txt-style
{
    font-size: 10pt;
}
.ddl-style
{
    font-size: 10pt;
}
.ddl-width1 /* コード(5) + スペース(2) + 略称(10) */
{
    width: 190px;
}

/* 届先表のセル設定 */
#td-style-ddlAddressName /*-- 届先ドロップダウンリスト --*/
{
    width: 190px;
    border-style: solid none none none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 0px 0px 0px;
}
#td-style-lblAddressName /*-- 住所･担当者 --*/
{
    width: 480px;
    border-style: solid solid none none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 5px 0px 0px 5px;
}

#td-style-lblNote /*-- 項目名：備考 --*/
{
    width: 75px;
    border-style: solid none solid solid; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 0px 0px 10px;
    text-align: left; /* 左寄せ */
}
#td-style-lblNote1 /*-- 項目名：担当者 --*/
{
    width: 75px;
    border-style: solid none none none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 10px 0px 0px;
    text-align: right; /* 右寄せ */
}
#td-style-lblNote2 /*-- 項目名：ブランク(担当者下) --*/
{
    width: 75px;
    border-style: none none solid none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 10px 0px 0px;
    text-align: right; /* 右寄せ */
}

#td-style-txtAddrInput /*-- 手入力 --*/
{
    width: 600px;
    border-style: none solid solid none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 0px 0px 0px;
}
#td-style-txtAddrNote1 /*-- 備考1 --*/
{
    width: 600px;
    border-style: solid solid none none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 0px 0px 0px;
}
#td-style-txtAddrNote2 /*-- 備考2 --*/
{
    width: 600px;
    border-style: none solid solid none; /* ボーダーの種類 */
    margin: 0px 0px 0px 0px; /* 間隔 */
    padding: 0px 0px 0px 0px;
}

/* マージされたセルがある場合のセルの設定 */
.td-style-5
{
    padding-top: 5px;
    padding-bottom: 5px;
}
.td-style-1
{
    padding-top: 1px;
    padding-bottom: 1px;
}

/****************************************/
/** フッター部 【START】               **/
/****************************************/
#footer
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    color: #005929;
    padding-top: 10px;
}

#footer-line /** ライン **/
{
    border-width: 2px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 2px; /* 高さ */
}
#footer-copyright
{
    float: left;
}
#footer-logo
{
    float: right;
}



/****************************************/
/** コンテンツ部 【START】             **/
/****************************************/

/** 親画面用 **/
#contents
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    color: #005929;
    padding-top: 3px;
    padding-bottom: 10px;
}

/** 大きいサイズ **/
.contentsL
{
    font-size: 11pt;
}

/** 子画面用 **/
#contents_child
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    color: #005929;
    padding-top: 3px;
}

/** コンテンツ部 サイドＡ、サイドＢの外枠 */
#cnt_frame
{
    width: 980px;
    height: 285px;
}

/** コンテンツ部 サイドＡ **/
#cnt_sideA
{
    float: left;
    height: 255px;
    width: 449px;
}

/** コンテンツ部 サイドＢ **/
#cnt_sideB
{
    float: right;
}

/** ボタン非表示エリア **/
#BtnHiddenArea
{
    visibility: hidden;
}
/****************************************/
/** コンテンツ部 【END】               **/
/****************************************/


/****************************************/
/** 画面共通 【START】                 **/
/****************************************/
/* 処理メッセージ(共通)　*/
.ProcessMsg-common
{
    text-align: left;
    color: #ff0000; /* 【変数】メッセージ */
    font-weight: bold;
}
/* 処理メッセージ(標準：S)　*/
.ProcessMsg-S
{
    /* デフォルトの文字サイズ */
}
/* 処理メッセージ(標準：M)　*/
.ProcessMsg-M
{
    font-size: 14pt;
}
/* 処理メッセージ(標準：L)　*/
.ProcessMsg-L
{
    font-size: 16pt;
}
/* 処理メッセージ(大きいサイズ：S)　*/
.ProcessMsgL-S
{
    /* デフォルトの文字サイズ */
}
/* 処理メッセージ(大きいサイズ：M)　*/
.ProcessMsgL-M
{
    font-size: 14pt;
}
/* 処理メッセージ(大きいサイズ：L)　*/
.ProcessMsgL-L
{
    font-size: 16pt;
}

/* エラーメッセージ表示エリア　*/
#lblErrorMsg
{
    text-align: left;
    color: #ff0000; /* 【変数】メッセージ */
    font-weight: bold;
    font-size: 12pt;
}

#ErrorMsg_div
{
    clear: both; /*  左右すべての要素に対する回り込みを解除 */
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

/* メッセージ表示エリア　*/
#lblMsg
{
    text-align: left;
    color: #ff0000; /* 【変数】メッセージ */
    font-weight: bold;
    font-size: 16px;
}
#Msg_div
{
    clear: both; /*  左右すべての要素に対する回り込みを解除 */
}

/* 説明表示エリア(画面フローの説明)　*/
#lblExMsg
{
    text-align: left;
    font-size: 16px;
}

/** ページング **/
#DataTblHeadar
{
    height: 30px;
}
#DataTblHeadarLeft /* 左サイド:全選択チェックボックス */
{
    float: left;
    width: 150px;
    height: 30px;
    text-align: left;
}
#DataTblHeadarRight /* 右サイド:ページング */
{
    float: right;
    height: 30px;
    width: auto;
}
#DataTblHeadarRightTbl
{
    height: 30px; /* テーブルのセンタリング(IE用) */
    width: 475px;
    margin-left: auto;
    margin-right: auto;
}
#DataTblHeadarRightTbl td
{
    vertical-align: middle;
}
.DataTblHeadar-btn /* ボタン表示列 */
{
    width: 100px;
    text-align: center;
}
.DataTblHeadar-pages /* ページ表示列 */
{
    width: 125px;
    text-align: center;
}
.DataTblHeadar-reccnt /* 件数表示列 */
{
    width: 250px;
    text-align: center;
}
#lblPage /* 全ページ数ラベル */
{
    font-size: 12pt;
}

/** イメージボタン用スタイル **/
.img
{
    vertical-align: middle; /* イメージの中央は、テキストの最初の行の下端に揃える */
}

/** 表タイトルに*(必須入力)を表示するためのスタイル **/
.tblthLeft
{
    float: left;
}
.tblthRight
{
    float: right;
    width: 10px;
    color: Red;
}
/******************************************/
/** 枠/線/背景色なし表(レイアウト指定用) **/
/*****************************************/
.noframetbl
{
    border-collapse: collapse;
}
.noframetbl tr /** 行の高さ **/
{
    height: 22px;
}
.noframetbl th /** 見出し **/
{
    border-style: none;
    border-width: 0px;
    text-align: left;
}
.noframetbl td /** データ **/
{
    border-style: none;
    border-width: 0px;
    text-align: left;
}

/****************************/
/** 一覧表(テーブル) **/
/****************************/

.meisaidata_tbl /** 表全体 **/
{
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.meisaidata_tbl tr /** 行の高さ **/
{
    height: 22px;
}
.meisaidata_tbl th /** 見出し **/
{
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.meisaidata_tbl td /** データ **/
{
    text-align: center;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
}

/** ※表内に一切の編集項目がないパターン **/
.meisaidataR_tbl th /** 見出し **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}
.meisaidataR_tbl td /** データ **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}

/** ※表内に１項目でも編集項目があれば、当パターン **/
.meisaidataE_tbl th /** 見出し **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}
.meisaidataE_tbl td /** データ **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}

/****************************/
/** 一覧表(データグリッド) **/
/****************************/

/* 一覧表の外枠 */
#DataTbl-frame
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
}
#DataTbl
{
    border-collapse: collapse;
}
#DataTbl th, td
{
    padding: 0;
}

/* 見出し1:行/列固定 */
#DataTbl_Div1
{
    overflow: hidden;
    border-style: none; /* widthは<div>タグ内で指定 */
}

/* 見出し3:行固定 */
#DataTbl_Div3
{
    overflow: hidden;
    border-style: none; /* widthは<div>タグ内で指定 */
    border-right: 1px solid #646464;
}

/* [共通] 見出し1:行/列固定 , 見出し3:行固定 */
.DataTbl_common
{
    border-style: none; /* ←【注】指定するとスクロールが微妙にずれる */
    border-collapse: collapse;
    table-layout: fixed;
    height: 22px;
    font-size: 10pt;
}
.DataTbl_common td
{
    border-color: #646464; /* 【罫線の色】 */
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    text-align: center;
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #e4e4e4; /* 【変数】表タイトル */
    color: #000000; /* 【変数】表タイトル文字 */ /* widthは<td>タグ内で指定 */
}

/* 見出し2:列固定 */
#DataTbl_Div2
{
    overflow: hidden;
    height: 230px; /* widthは<div>タグ内で指定 */
}
#DataTbl_Div2_nonscroll /* スクロールなし */
{
    overflow: hidden; /* widthは<div>タグ内で指定 */
}

/* データ */
#DataTbl_Div4
{
    overflow: scroll;
    height: 247px; /* widthは<div>タグ内で指定 */
}
#DataTbl_Div4_nonscroll /* スクロールなし */
{
    /* widthは<div>タグ内で指定 */
}

/* 見出し1:行/列固定 */
#DataTbl_Div5
{
    overflow: hidden;
    border-style: none;
}

/* 見出し3:行固定 */
#DataTbl_Div6
{
    overflow: hidden;
    border-style: none;
}

/* [共通] 見出し1:行/列固定 , 見出し3:行固定 */
.DataTbl_common_5
{
    border-style: none; /* ←【注】指定するとスクロールが微妙にずれる */
    border-collapse: collapse;
    table-layout: fixed;
    height: 22px;
    font-size: 10pt;
}
.DataTbl_common_5 td
{
    border-style: solid;
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.td_summary
{
    border-top-color: #646464;
    border-right-color: #646464;
    border-bottom-color: #646464;
    border-left-color: #646464;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    text-align: center;
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */ /* widthは<td>タグ内で指定 */
}
.td_summary_dammy
{
    border-top-color: #ffffff;
    border-right-color: #ffffff;
    border-bottom-color: #ffffff;
    border-left-color: #ffffff;
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    text-align: center;
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */ /* widthは<td>タグ内で指定 */
}

/* [共通] 見出し2:列固定 , データ */
table.grdDataInfo_common
{
    /*【注】heightは指定しない。全行数高さよりグリッドの高さが高いときに行高さが自動調整されてしまう */ /* widthは<div>タグ内で指定 */
    border-style: none; /* ←【注】指定するとスクロールが微妙にずれる */
    border-collapse: collapse;
    table-layout: fixed; /* tdでbottomのborder-widthを0pxにしているので、データグリッドのbottomのみborderを指定 */
    border-bottom: 1px solid #646464; /* 一覧表のみで適用するフォントサイズを追加 */
    background-color: #ffffff; /* 【変数】背景３ */
    font-size: 13px;
}
table.grdDataInfo_common td
{
    border-width: 1px 1px 0px 1px;
    border-style: solid;
    border-color: #646464; /* 【罫線の色】 */
    height: 22px; /* 領域2と領域4では高さの連動ができないため改行はしない */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    color: #000000; /* 【変数】文字３ */
}

#DataTblT_Div2
{
    overflow: hidden;
    height: 312px; /* widthは<div>タグ内で指定 */
}

/* データ */
#DataTblT_Div4
{
    overflow: scroll;
    height: 327px; /* widthは<div>タグ内で指定 */
}

/* [共通] データ2 , データ4 */
.DataTbl_common2
{
    border-style: none; /* ←【注】指定するとスクロールが微妙にずれる */
    border-collapse: collapse;
    table-layout: fixed;
}
.DataTbl_common2 td
{
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #646464; /* 【罫線の色】 */
    height: 30px;
    text-align: center;
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */ /* widthは<td>タグ内で指定 */
}


/* [共通] 見出し1:行/列固定 , 見出し3:行固定の背景色 */

.DataTbl_common_tdcolor_SI td /* 在庫 */
{
    background-color: #cc99ff;
    color: #000000;
}
.DataTbl_common_tdcolor_SK td /* 入庫 */
{
    background-color: #99ccff;
    color: #000000;
}
.DataTbl_common_tdcolor_SP td /* 出庫 */
{
    background-color: #ff99cc;
    color: #000000;
}
.DataTbl_common_tdcolor_SC td /* 廃棄 */
{
    background-color: #ccffcc;
    color: #000000;
}

/****************************/
/** 一覧表(閲覧室)(データグリッド) **/
/****************************/

/* 一覧表の外枠 */
.DataTbl_RD-frame
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    margin: 0px 0px 15px 0px;
}
#DataTbl_RD
{
    border-collapse: collapse;
}
#DataTbl_RD th, td
{
    padding: 0;
}

/* 見出し1:行/列固定 */
#DataTbl_RD_Div1
{
    overflow: hidden;
    border-style: none; /* widthは<div>タグ内で指定 */
}

/* 見出し3:行固定 */
#DataTbl_RD_Div3
{
    overflow: hidden;
    border-style: none; /* widthは<div>タグ内で指定 */
    border-right: 1px solid #646464;
}

/* [共通] 見出し1:行/列固定 , 見出し3:行固定 */
.DataTbl_RD_common
{
    border-style: none; /* ←【注】指定するとスクロールが微妙にずれる */
    border-collapse: collapse;
    table-layout: fixed;
    height: 22px;
    font-size: 10pt;
}
.DataTbl_RD_common td
{
    border-color: #646464; /* 【罫線の色】 */
    border-style: solid;
    border-width: 1px 0px 0px 1px;
    text-align: center;
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #e4e4e4; /* 【変数】表タイトル */
    color: #000000; /* 【変数】表タイトル文字 */ /* widthは<td>タグ内で指定 */
}

/* 見出し2:列固定 */
#DataTbl_RD_Div2
{
    overflow: hidden;
    height: 230px; /* widthは<div>タグ内で指定 */
}
#DataTbl_RD_Div2_nonscroll /* スクロールなし */
{
    overflow: hidden; /* widthは<div>タグ内で指定 */
}

/* データ */
#DataTbl_RD_Div4
{
    overflow: scroll;
    height: 247px; /* widthは<div>タグ内で指定 */
}
#DataTbl_RD_Div4_nonscroll /* スクロールなし */
{
    /* widthは<div>タグ内で指定 */
}




/************************/
/** データ表(テーブル) **/
/************************/

/** 共通スタイル **/
.datamainte /** 表全体 **/
{
    border-collapse: collapse;
}
.datamainte tr /** 行の高さ **/
{
    height: 30px;
}
.datamainte th /** 見出し **/
{
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    text-align: left;
    padding-left: 10px;
}
.datamainte td /** データ **/
{
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    padding-left: 10px;
}
.datamainte-dtl /* 表内データラベル */
{
    color: #000000; /* 【変数】文字３ */
}

/** ※表内に一切の編集項目がないパターン **/
.datamainteR th /** 見出し **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}
.datamainteR td /** データ **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}

/** ※表内に１項目でも編集項目があるパターン **/
.datamainteE th /** 見出し **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}
.datamainteE td /** データ **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}

/**  表サイズL **/
.datamainte-L th /** 見出し **/
{
    width: 140px;
}
.datamainte-L td /** データ **/
{
    width: 680px;
}
/**  表サイズM **/
.datamainte-M th /** 見出し **/
{
    width: 140px;
}
.datamainte-M td /** データ **/
{
    width: 400px;
}
/**  表サイズS **/
.datamainte-S th /** 見出し **/
{
    width: 140px;
}
.datamainte-S td /** データ **/
{
    width: 270px;
}

/***********************************************/
/** データ表（2つの表を横並びで表示する場合） **/
/***********************************************/
.datamainte-body /** 大枠 **/
{
    clear: both; /* 左右すべての要素に対する回り込みを解除 */
    margin-bottom: 5px;
    width: 975px;
}
.datamainte-body-sideL /** 小枠左 **/
{
    float: left;
    width: 485px;
}
.datamainte-body-sideR /** 小枠右 **/
{
    float: right;
    width: 485px;
}
/***********************************************/
/** データ表（管理番号枠を拡大に伴い利用する） **/
/***********************************************/
.datamainte-body2 /** 大枠 **/
{
    clear: both; /* 左右すべての要素に対する回り込みを解除 */
    margin-bottom: 5px;
    width: 1045px;
}
.datamainte-tbl /** 表全体 **/
{
    border-collapse: collapse;
    margin-bottom: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.datamainte-tbl tr /** 行の高さ **/
{
    height: 30px;
}
.datamainte-tbl th /** 見出し **/
{
    text-align: left;
    padding-left: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.datamainte-tbl td /** データ **/
{
    padding-left: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.datamainte-tbl-dtl /* 表内データラベル */
{
    color: #000000; /* 【変数】文字４ */
}

/** ※表内に一切の編集項目がないパターン **/
.datamainteR-tbl th /** 見出し **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}
.datamainteR-tbl td /** データ **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}

/** ※表内に１項目でも編集項目があれば、当パターン **/
.datamainteE-tbl th /** 見出し **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}
.datamainteE-tbl td /** データ **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}

/**  フルサイズ **/
.datamainte-tbl-F th /** 見出し **/
{
    width: 120px;
}
.datamainte-tbl-F td /** データ **/
{
    width: 833px;
}

/**  ハーフサイズ **/
.datamainte-tbl-H th /** 見出し **/
{
    width: 120px;
}
.datamainte-tbl-H td /** データ **/
{
    width: 345px;
}

.datamainte-footer
{
    clear: both;
    width: 975px;
    height: 100%;
}
.datamainte-footer-sideL /** 小枠左 **/
{
    float: left;
    width: 485px;
    text-align: left;
    margin-bottom: 10px;
}
.datamainte-footer-sideR /** 小枠右 **/
{
    float: right;
    width: 485px;
    text-align: right;
    margin-bottom: 10px;
}



/****************************************/
/** 画面共通 【END】                   **/
/****************************************/


/********************************************/
/** ログイン、メニュー画面：共通 【START】 **/
/********************************************/

.info-title
{
    font-size: 12pt;
    height: 20px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}

/********************************************/
/** ログイン、メニュー画面：共通 【END】   **/
/********************************************/


/****************************************/
/** ログイン画面 【START】             **/
/****************************************/

#login-header-line1 /** ライン 大 **/
{
    border-width: 7px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 7px; /* 高さ */
}

.login-company /** 会社ロゴ **/
{
    height: 50px;
    padding-left: 3px;
    border: 0;
}

.login-cnt_frame /** コンテンツ部 サイドＡ、サイドＢの外枠下のマージンを設定 */
{
    width: 930px;
    height: 350px;
    margin-bottom: 0px;
}

.login-cnt_sideA /** サイドＡ **/
{
    margin: 0px 0px 10px 30px;
    float: left;
    height: 360px;
    width: 455px;
}
.login-cnt_sideB /** サイドＢ **/
{
    float: right;
    width: auto;
}

/** お知らせエリア **/
.login-info
{
    padding-top: 65px;
}

.login-infobody-body /** 枠 **/
{
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    width: 435px;
    height: 250px;
}
.login-infobody /** 枠 **/
{
    border-width: 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    padding-left: 10px;
    width: 425px;
    height: 240px;
}

.login-body /** 枠 **/
{
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    margin-right: 10px;
    width: 400px;
    height: 347px;
}

.login-title /** タイトル **/
{
    height: 50px;
    padding-top: 30px;
    text-align: center;
    font-size: 13pt;
}

.login-user /** ユーザーID **/
{
    height: 45px;
    padding-top: 10px;
    padding-left: 80px;
}

.login-pass /** パスワード **/
{
    height: 45px;
    padding-top: 10px;
    padding-left: 80px;
}

.login-useraddsection /** 兼務部署 **/
{
    height: 65px;
    padding-top: 10px;
    padding-left: 80px;
}

.login-check /** チェック項目 **/
{
    height: 30px;
    padding-top: 5px;
    padding-left: 80px;
}

.login-button /** ボタン **/
{
    height: 50px;
    float: right;
    padding-right: 60px;
}
.LoginWorningMsg-C {
    text-align: left;
    color: #ff0000; /* 【変数】メッセージ */
    font-weight: bold;
}
/****************************************/
/** ログイン画面 【END】               **/
/****************************************/


/****************************************/
/** メニュー画面 【STAR】              **/
/****************************************/

/** コンテンツ外枠 **/
#TabMenu
{
    width: 980px;
    height: 385px;
    padding-bottom: -15px;
}
#TabMenu_sideL /** コンテンツ サイド左 **/
{
    float: left;
    height: 380px;
    width: 515px;
}
#TabMenu_sideR /** コンテンツ サイド右 **/
{
    float: right;
    height: 380px;
}


/** -------------- **/
/** お知らせエリア **/
/** -------------- **/
.menu-info
{
    padding-right: 5px;
}

.menu-infobody-body /** 枠 **/
{
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4; /* 線色 */
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    height: 350px;
    width: 446px;
}

.menu-infobody /** 枠 **/
{
    border-width: 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    padding-left: 10px;
    height: 350px;
    width: 436px;
}

/** 選択タブコントロール用ボタン[非表示] **/
.MenuTabcontrolBtn
{
    width: 0px;
}
/****************************************/
/** メニュー画面 【END】               **/
/****************************************/


/****************************************/
/** 文書箱変更画面 【STAR】            **/
/****************************************/
/** 左配置制御用 **/
.f1
{
    float: left;
}

/** 右配置制御用 **/
.f2
{
    float: right;
}
/****************************************/
/** 文書箱変更画面 【END】             **/
/****************************************/


/****************************************/
/** 在庫照会 詳細画面 【STAR】         **/
/****************************************/
.syousai-line-bold /** 太いライン  **/
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    margin-top: 2px;
    border-width: 2px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #c0c0c0; /* 線色(シルバー) */
    height: 1px; /* 高さ */
}

.syousai-line-fine /** 細いライン  **/
{
    clear: both; /* 直前のdivでfloatを使用しているので、floatしたボックスの回り込みを解除する方法 */
    margin-top: 2px;
    border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #c0c0c0; /* 線色(シルバー) */
    height: 1px; /* 高さ */
}

.button_commonA
{
    padding-top: 3px; /* 文字の間隔：上 */
    width: 150px;
    margin-bottom: 3px;
}

/** データグリッド(固定なし) **/
.grd-datamainte
{
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.grd-datamainte tr /** 行の高さ **/
{
    height: 30px;
}
.grd-datamainte td /** データ **/
{
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    padding-left: 1px;
    padding-right: 1px;
}
.grd-datamainte-dtl /* 表内データラベル */
{
    color: #000000; /* 【変数】文字３ */
}

/** ※表内に一切の編集項目がないパターン **/
.grd-datamainteR td /** データ **/
{
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}

/** ※表内に１項目でも編集項目があるパターン **/
.grd-datamainteE td /** データ **/
{
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}

table.grdDataInfo_common .grd-back-blue
{
    background-color: #3566d9;
    color: #ffffff;
}

/****************************************/
/** 在庫照会 詳細画面 【END】          **/
/****************************************/


/************************/
/** データ表(テーブル) **/
/************************/

/****************************************/
/** サーベイ情報画面 【START】         **/
/****************************************/
.serveidata /** 表全体 **/
{
    border-collapse: collapse;
}
.serveidata tr /** 行の高さ **/
{
    height: 30px;
}
.serveidata th /** 見出し **/
{
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    text-align: left;
    padding-left: 10px;
    width: 150px;
}
.serveidata td /** データ **/
{
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    padding-left: 10px;
    width: 350px;
}
.serveidata-dtl /* 表内データラベル */
{
    color: #000000;
}

.serveidataE th /** 見出し **/
{
    background-color: #ffffff;
    color: #000000;
}
.serveidataE td /** データ **/
{
    background-color: #e6f0fa;
    color: #000000;
}

.serveidataH /** 表全体 **/
{
    border-collapse: collapse;
}
.serveidataH tr /** 行の高さ **/
{
    height: 30px;
}
.serveidataH th /** 見出し **/
{
    background-color: #ffffff;
    border-top: solid;
    border-bottom: none;
    border-left: solid;
    border-right: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    text-align: center;
    color: #000000;
    padding-left: 10px;
}
.serveidataH td /** データ **/
{
    background-color: #ffffff;
    border-top: solid;
    border-bottom: none;
    border-left: solid;
    border-right: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    text-align: center;
    color: #000000;
    padding-left: 10px;
}
.serveidataH-dtl /* 表内データラベル */
{
    color: #000000;
}


/**** ここから下は削除予定 ****/

.dgheader /** 見出し **/
{
    margin-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    border-collapse: collapse;
    text-align: center;
    height: 30px;
    background-color: #e4e4e4; /* 【変数】表タイトル */
    color: #000000; /* 【変数】表タイトル文字 */
}
.dginfo /** データ **/
{
    border-style: solid;
    border-width: 1px;
    border-color: #646464; /* 【罫線の色】 */
    border-collapse: collapse;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}
/* 2012.07.24 a.terada Del予定 [END] */

/* ↓　2012.11.15 a.terada 使用していない */

/* 2012.07.23 a.terada Add [START] */
#divhead /** 見出し **/
{
    overflow: hidden; /* widthは<div>タブ内で指定（領域内の場合：列幅合計+30px , 領域をはみ出す場合：表示幅+1px） */
}
.listheader
{
    margin-top: 10px;
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px 1px 0px;
    border-color: #646464; /* 【罫線の色】 */ /* border-color:#000000; -- 2014.04.15 a.terada */ /* 2012.11.15 a.terada 色の指定 */
    text-align: center;
    table-layout: fixed;
}
.listheader td
{
    height: 30px;
    border-style: solid;
    border-width: 1px 1px 0px;
    border-color: #aca899;
    background-color: #e4e4e4; /* 【変数】表タイトル */
    color: #000000; /* 【変数】表タイトル文字 */
}
#divscroll /** データ **/
{
    overflow: scroll;
    height: 282px; /* widthは<div>タブ内で指定（領域内の場合：列幅合計+30px , 領域をはみ出す場合：表示幅+18px） */
}
.listdata
{
    border-style: solid;
    border-width: 0px 1px 1px; /* border-color:#000000; */
    border-color: #646464; /* 【罫線の色】 */ /* border-color:#000000; -- 2014.04.15 a.terada */ /* 2012.11.15 a.terada 色の指定 */
    border-collapse: collapse;
    background-color: #ffffff; /* 【変数】背景３ */
    table-layout: fixed;
}
/* 2012.07.23 a.terada Add [END] */

/* ↑　2012.11.15 a.terada 使用していない */





/* ページングの上につけるボタン表示エリア */


/* 新しいページングレイアウトのCSS */

/************************/
/** ページング（上部） **/
/************************/
#DataTblHeadarU_new
{
    clear: both; /* 左右すべての要素に対する回り込みを解除 */
    height: 30px; /* margin-bottom:5px; */
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
}
#DataTblHeadarLeftU_new /* 左サイド:ボタン表示エリア */
{
    float: left;
    height: 30px;
    text-align: left;
    font-size: 8pt;
}
#DataTblHeadarRightU_new /* 右サイド:メッセージ表示エリア */
{
    float: right;
    width: 125px;
    height: 30px;
    width: auto;
    font-size: 8pt;
}

/**********************************/
/** ページング（下部）表示無し用 **/
/**********************************/
#DataTblHeadarD_new_none
{
    clear: both; /* 左右すべての要素に対する回り込みを解除 */
    height: 0px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}

/************************/
/** ページング（下部） **/
/************************/
#DataTblHeadarD_new
{
    clear: both; /* 左右すべての要素に対する回り込みを解除 */
    height: 30px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
}
#DataTblHeadarLeftD_new /* 左サイド:チェックボックス選択ボタン表示エリア */
{
    float: left;
    width: 150px;
    height: 30px;
    text-align: left;
    font-size: 8pt;
}

#DataTblHeadarLeftD_new_A /* 左サイド:チェックボックス選択ボタン表示エリア（承認処理用） */
{
    float: left;
    width: 200px;
    height: 30px;
    text-align: left;
    font-size: 8pt;
}

#DataTblHeadarRightD_new /* 右サイド:ページング＆条件検索ボタン表示エリア */
{
    float: right;
    height: 30px;
    width: auto;
    font-size: 8pt;
}

/********************************************************************/
/** ページング（下部：右サイド内オブジェクトレイアウト用テーブル） **/
/********************************************************************/
#DataTblHeadarRightTbl_new /*  */
{
    height: 30px; /* テーブルのセンタリング(IE用) */
}
#DataTblHeadarRightTbl_new td
{
    vertical-align: middle;
}
.DataTblHeadar-btn_new /* ボタン表示列 */
{
    width: 80px;
    text-align: center;
}
.DataTblHeadar-pages_new /* ページ表示列 */
{
    width: 125px;
    text-align: center;
}
.DataTblHeadar-reccnt_new /* 件数表示列 */
{
    width: 200px;
    text-align: center;
}
.DataTblHeadar-serchbtn_new /* 検索ボタン表示列 */
{
    width: 125px;
    text-align: right;
}

#lblPage_new /* 全ページ数ラベル */
{
    font-size: 12pt;
}

/****************************************/
/** 新メニュー画面 【STAR】            **/
/****************************************/

/** メニュー外枠（上部） */
.menu-mainUp_frame
{
    width: 980px;
    height: 70px;
}
.menu-mainUp_sideL /** メニュー外枠（上部）内　サイド左 **/
{
    float: left;
    height: 70px;
    width: 603px;
}
.menu-mainUp_sideR /** メニュー外枠（上部）内　サイド右 **/
{
    float: right;
}

/** メニュー外枠 */
.menu-main_frame
{
    width: 980px;
    height: 410px;
}
.menu-main_sideL /** メニュー外枠内　サイド左 **/
{
    float: left;
    height: 420px;
    width: 603px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.menu-main_sideR /** メニュー外枠内　サイド右 **/
{
    float: right;
    height: 420px;
}

/** メニュー外枠（下部） */
.menu-mainLow_frame
{
    width: 980px;
    height: 50px;
}
.menu-mainLow_sideL /** メニュー外枠（下部）内　サイド左 **/
{
    float: left;
    height: 50px;
    width: 600px;
}
.menu-mainLow_sideR /** メニュー外枠（下部）内　サイド右 **/
{
    float: right;
}


/** メインメニューエリア **/
.menu-main_new
{
    padding: 0px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.menu-mainbody-body_new /** 枠 **/
{
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #000000; /* 【変数】文字１ */
    padding-left: 10px;
    width: 590px;
    height: 415px;
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.menu-maintbl /** ボタン表示レイアウト用テーブル **/
{
    border-collapse: collapse;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.menu-maintbl tr /** 行の高さ(ボタンサイズ46px＋ボタン間隔上下4px) **/
{
    height: 51px; /* height:54px; */
}
.menu-maintbl td /** データ **/
{
    width: 290px;
    border-style: none;
    border-width: 0px;
    text-align: center;
}

/** サブメニューエリア **/
.menu-sub_new
{
    padding-right: 5px;
    padding-top: 10px;
    height: 235px; /* height:260px; */
}

#MainSubTitle /** サブメニュータイトル **/
{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
}

.menu-mainsubbody-body_new /** 枠 **/
{
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #000000; /* 【変数】文字１ */
    padding-left: 10px;
    height: 235px; /* height:250px; */
    width: 340px;
    text-align: center;
}

.menu-mainsubtbl /** ボタン表示レイアウト用テーブル **/
{
    border-collapse: collapse;
}
.menu-mainsubtbl tr /** 行の高さ **/
{
    height: 30px;
}
.menu-mainsubtbl td /** データ **/
{
    width: 70px;
    border-style: none;
    border-width: 0px;
    text-align: center;
}

/** お知らせエリア **/
.menu-info_new
{
    padding-right: 5px;
    height: 140px;
}

.menu-infobody-body_new /** 枠 **/
{
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4; /* 線色 */
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    height: 120px;
    width: 350px;
}

.menu-infobody_new /** 枠 **/
{
    border-width: 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    padding-left: 10px;
    height: 120px;
    width: 340px;
}

/** 兼務エリア **/
.menu-useraddsection_new
{
    padding: 10px 5px 0px 0px;
    margin: 0px 0px 0px 0px;
    height: 25px;
}

/****************************************/
/** 新メニュー画面 【END】             **/
/****************************************/


.MDataTbl_common_tdcolor_SI th /* 文書箱明細の表タイトルの色指定 */
{
    background-color: #cc99ff;
    color: #000000;
}
/* ボタンエリア指定スタイル */

#ibtArea /** ボタン表示エリア大枠 **/
{
    clear: both; /* 左右すべての要素に対する回り込みを解除 */
    margin: 0px 0px 0px 0px; /* 互換表示なしのときの対応 */
    padding: 0px 0px 0px 0px;
    width: 975px;
}
#ibtArea-SideL /** ボタン表示エリア左枠(標準ボタン用) **/
{
    width: 425px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#ibtArea-SideR /** ボタン表示エリア右枠(リストボタン用) **/
{
    width: 550px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
}
#ibtArea-overall /** ボタン表示エリア全体枠 **/
{
    width: 975px;
    margin: 0px 0px 5px 0px;
    padding: 0px 0px 0px 0px;
    clear: both;
}

/* ボタンエリア指定スタイル－入庫依頼 */

#ibtArea-SideL_SK /** ボタン表示エリア左枠(標準ボタン用)－入庫依頼 **/
{
    width: 212px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#ibtArea-SideC_SK /** ボタン表示エリア中央枠(画面遷移用)－入庫依頼 **/
{
    width: 213px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: left;
}
#ibtArea-SideR_SK /** ボタン表示エリア右枠(リストボタン用)－入庫依頼 **/
{
    width: 550px;
    height: 35px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    float: right;
}
/****************************/
/** 一覧表(承認用) **/
/****************************/
/** 見出し行 **/
.meisaidata_apv_tbl_head /** 表全体 **/
{
    border-collapse: collapse;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.meisaidata_apv_tbl_head tr /** 行の高さ **/
{
    height: 30px;
}
.meisaidata_apv_tbl_head td /** 行 **/
{
    width: 100px;
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #646464; /* 【罫線の色】 */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
}

/** データ行 **/
.meisaidata_apv_tbl_data /** 表全体 **/
{
    border-collapse: collapse;
    border-style: solid;
    border-width: 0px 1px 1px 1px;
    border-color: #646464; /* 【罫線の色】 */
}
.meisaidata_apv_tbl_data tr /** 行の高さ **/
{
    height: 30px;
}
.meisaidata_apv_tbl_data td /** 行 **/
{
    width: 100px;
    text-align: center;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    border-color: #646464; /* 【罫線の色】 */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり ※領域の幅に＋４ｐｘ */
    background-color: #e6f0fa; /* 【変数】背景４ */
    color: #000000; /* 【変数】文字４ */
}

/****************************/
/** 確認表(承認用) **/
/****************************/
#DataTblHeadar_apv /* ページング表示エリア */
{
    float: left;
    height: 30px;
    width: auto;
    font-size: 8pt;
}

/****************************************/
/** ボタン共通 【START】                **/
/****************************************/
.button_common
{
    padding-top: 3px; /* 文字の間隔：上 */
    width: 70px;
    margin-bottom: 3px;
}
/* 要素の前後の設定 */
.button-s1::before, .button-s1::after, .button-s2::before, .button-s2::after, .button-s3::before, .button-s3::after, .button-s4::before, .button-s4::after, .button-sd1::before, .button-sd1::after, .button-tbl-s1::before, .button-tbl-s1::after, .button-tbl-s2::before, .button-tbl-s2::after, .button-tbl-s3::before, .button-tbl-s3::after, .button-tbl-sd1::before, .button-tbl-sd1::after, .button-tbl-sd2::before, .button-tbl-sd2::after, .button-tbl-sd3::before, .button-tbl-sd3::after, .button-e1::before, .button-e1::after, .button-tbl-e1::before, .button-tbl-e1::after, .button-tbl-e2::before, .button-tbl-e2::after, .button-tbl-e3::before, .button-tbl-e3::after, .button-tbl-e4::before, .button-tbl-e4::after, .button-tbl-e5::before, .button-tbl-e5::after, .button-tbl-ed4::before, .button-tbl-ed4::after, .button-tbl-ed5::before, .button-tbl-ed5::after, .button-a1::before, .button-a1::after, .button-a2::before, .button-a2::after, .button-a3::before, .button-a3::after, .button-Links1::before, .button-Links1::after, .button-Links3::before, .button-Links3::after, .button-menugroup0::before, .button-menugroup0::after, .button-menugroup1::before, .button-menugroup1::after, .button-menu1::before, .button-menu1::after, .button-Links2::before, .button-Links2::after, .button-Links4::before, .button-Links4::after, .button-tbl-e2r::before, .button-tbl-e2r::after
{
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
/* 要素と要素の前後のボックスサイズの算出方法を指定 */
.button-s1, .button-s1::before, .button-s1::after, .button-s2, .button-s2::before, .button-s2::after, .button-s3, .button-s3::before, .button-s3::after, .button-s4, .button-s4::before, .button-s4::after, .button-sd1, .button-sd1::before, .button-sd1::after, .button-tbl-s1, .button-tbl-s1::before, .button-tbl-s1::after, .button-tbl-s2, .button-tbl-s2::before, .button-tbl-s2::after, .button-tbl-s3, .button-tbl-s3::before, .button-tbl-s3::after, .button-tbl-sd1, .button-tbl-sd1::before, .button-tbl-sd1::after, .button-tbl-sd2, .button-tbl-sd2::before, .button-tbl-sd2::after, .button-tbl-sd3, .button-tbl-sd3::before, .button-tbl-sd3::after, .button-e1, .button-e1::before, .button-e1::after, .button-tbl-e1, .button-tbl-e1::before, .button-tbl-e1::after, .button-tbl-e2, .button-tbl-e2::before, .button-tbl-e2::after, .button-tbl-e3, .button-tbl-e3::before, .button-tbl-e3::after, .button-tbl-e4, .button-tbl-e4::before, .button-tbl-e4::after, .button-tbl-e5, .button-tbl-e5::before, .button-tbl-e5::after, .button-tbl-ed4, .button-tbl-ed4::before, .button-tbl-ed4::after, .button-tbl-ed5, .button-tbl-ed5::before, .button-tbl-ed5::after, .button-a1, .button-a1::before, .button-a1::after, .button-a2, .button-a2::before, .button-a2::after, .button-a3, .button-a3::before, .button-a3::after, .button-Links1, .button-Links1::before, .button-Links1::after, .button-Links3, .button-Links3::before, .button-Links3::after, .button-menugroup0, .button-menugroup0::before, .button-menugroup0::after, .button-menugroup1, .button-menugroup1::before, .button-menugroup1::after, .button-menu1, .button-menu1::before, .button-menu1::after, .button-Links2, .button-Links2::before, .button-Links2::after, .button-Links4, .button-Links4::before, .button-Links4::after, .button-tbl-e2r, .button-tbl-e2r::before, .button-tbl-e2r::after
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}

/****************************************/
/** ボタン共通 【END】           　    **/
/****************************************/

/****************************************/
/** CSSボタン共通 【STAR】             **/
/****************************************/



/******************************************************/
/** 標準                                             **/
/**   standard                                       **/
/******************************************************/
/*----------------------------------------------------------------- 
     標準ボタン共通
------------------------------------------------------------------*/
.button-s1, .button-s2, .button-s3, .button-s4
{
    display: inline-block;
    font-size: 13px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    color: #ffffff;
}
/*----------------------------------------------------------------- 
     標準ボタン１(ボタン名は1行表示／ボタン幅はAUTO／最小ボタン幅あり)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-s1
{
    min-width: 100px;
    line-height: 33px;
    background-color: #82b4dc;
    border-color: #82b4dc;
}

/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-s1:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}
/*----------------------------------------------------------------- 
     標準ボタン２（ＣＳＶ出力を行なうためのボタン）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-s2
{
    width: 168px;
    line-height: 35px;
    background-color: #f87085;
    border-color: #f87085;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-s2:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景３(反転) */
    border-color: #f87085; /* 【変数】ボタン線３(反転) */
    color: #f87085; /* 【変数】ボタン文字３(反転) */
}
/*----------------------------------------------------------------- 
　　標準ボタン３（文書箱明細票出力ボタン）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-s3
{
    width: 168px;
    line-height: 35px;
    background-color: #f87085;
    border-color: #f87085;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-s3:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景３(反転) */
    border-color: #f87085; /* 【変数】ボタン線３(反転) */
    color: #f87085; /* 【変数】ボタン文字３(反転) */
}
/*----------------------------------------------------------------- 
     標準ボタン４(ボタン名は1行表示／ボタン幅はAUTO／最小ボタン幅あり、半透明表示)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-s4
{
    min-width: 90px;
    line-height: 33px;
    background-color: rgba(130,180,220,0.5);
    border-color: #82b4dc;
}

/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-s4:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/******************************************************/
/** 標準使用不可                                     **/
/**   standard - disable                             **/
/******************************************************/
/*----------------------------------------------------------------- 
　　標準使用不可ボタン共通
------------------------------------------------------------------*/
/*----------------------------------------------------------------- 
　　標準使用不可ボタン１(ボタン名は1行表示／ボタン幅はAUTO／最小ボタン幅あり)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-sd1
{
    display: inline-block;
    font-size: 13px; /*幅(width)はAUTO*/
    min-width: 100px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #c0c0c0;
    border-color: #c0c0c0;
    color: #e4e4e4;
    line-height: 33px;
}



/******************************************************/
/** 標準(表内)                             　        **/
/**   tbl standard                           　      **/
/******************************************************/

/*----------------------------------------------------------------- 
　　標準(表内)ボタン１
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-s1
{
    display: inline-block;
    font-size: 13px;
    width: 34px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}

/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-s1:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　標準(表内)ボタン２
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-s2
{
    display: inline-block;
    font-size: 13px;
    width: 82px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}

/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-s2:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　標準(表内)ボタン３(幅AUTO/高さ22px)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-s3
{
    display: inline-block;
    font-size: 13px; /*幅(width)はAUTO*/
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-s3:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/******************************************************/
/** 標準(表内)使用不可                     　        **/
/**   tbl standard - disable                     　  **/
/******************************************************/

/*----------------------------------------------------------------- 
　　標準(表内)使用不可ボタン１
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-sd1
{
    display: inline-block;
    font-size: 13px;
    width: 34px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #c0c0c0; /* 【変数】ボタン背景４ */
    border-color: #c0c0c0; /* 【変数】ボタン線４ */
    color: #e4e4e4; /* 【変数】ボタン文字４ */
}

/*----------------------------------------------------------------- 
　　標準(表内)使用不可ボタン２
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-sd2
{
    display: inline-block;
    font-size: 13px;
    width: 82px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #c0c0c0; /* 【変数】ボタン背景４ */
    border-color: #c0c0c0; /* 【変数】ボタン線４ */
    color: #e4e4e4; /* 【変数】ボタン文字４ */
}



/*----------------------------------------------------------------- 
　　標準(表内)使用不可ボタン３(幅AUTO/高さ22px)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-sd3
{
    display: inline-block;
    font-size: 13px; /*幅(width)はAUTO*/
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #c0c0c0; /* 【変数】ボタン背景４ */
    border-color: #c0c0c0; /* 【変数】ボタン線４ */
    color: #e4e4e4; /* 【変数】ボタン文字４ */
    margin: 0px 0px 0px 0px;
    padding: 0px 5px 0px 5px;
}


/******************************************************/
/** 特殊 　　　　                                    **/
/**   exception                              　      **/
/******************************************************/

/*----------------------------------------------------------------- 
　　特殊ボタン１（入庫依頼一括登録）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-e1
{
    display: inline-block;
    font-size: 13px;
    width: 168px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #afffaf; /* 【変数】ボタン背景２ */
    border-color: #afffaf; /* 【変数】ボタン線２ */
    color: #ffffff; /* 【変数】ボタン文字２ */
}


/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-e1:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景２(反転) */
    border-color: #afffaf; /* 【変数】ボタン線２(反転) */
    color: #afffaf; /* 【変数】ボタン文字２(反転) */
}


/******************************************************/
/** 特殊(表内) 　                                    **/
/**   tbl exception                          　      **/
/******************************************************/

/*----------------------------------------------------------------- 
　　特殊(表内)ボタン１（Copy）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-e1
{
    display: inline-block;
    font-size: 13px;
    width: 35px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-e1:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　特殊(表内)ボタン２（登録／更新）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-e2
{
    display: inline-block;
    font-size: 13px;
    width: 72px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}

/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-e2:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　特殊(表内)ボタン３（削除）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-e3
{
    display: inline-block;
    font-size: 13px;
    width: 28px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-e3:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　特殊(表内)ボタン４（パスワード変更）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-e4
{
    display: inline-block;
    font-size: 12px;
    width: 98px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-e4:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　特殊(表内)ボタン５（前月末廃止）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-e5
{
    display: inline-block;
    font-size: 13px;
    width: 78px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ボタン背景１ */
    border-color: #82b4dc; /* 【変数】ボタン線１ */
    color: #ffffff; /* 【変数】ボタン文字１ */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-tbl-e5:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ボタン線１(反転) */
    color: #82b4dc; /* 【変数】ボタン文字１(反転) */
}


/******************************************************/
/** 特殊(表内)使用不可                               **/
/**   tbl exception - disable                　      **/
/******************************************************/

/*----------------------------------------------------------------- 
　　特殊(表内)使用不可ボタン４（パスワード変更）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-ed4
{
    display: inline-block;
    font-size: 12px;
    width: 98px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #c0c0c0; /* 【変数】ボタン背景４ */
    border-color: #c0c0c0; /* 【変数】ボタン線４ */
    color: #e4e4e4; /* 【変数】ボタン文字４ */
}


/*----------------------------------------------------------------- 
　　特殊(表内)使用不可ボタン５（全月末廃止）
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-tbl-ed5
{
    display: inline-block;
    font-size: 13px;
    width: 78px;
    height: 20px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 22px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #c0c0c0; /* 【変数】ボタン背景４ */
    border-color: #c0c0c0; /* 【変数】ボタン線４ */
    color: #e4e4e4; /* 【変数】ボタン文字４ */
}


/******************************************************/
/** 補助                                             **/
/**   assistance                                     **/
/******************************************************/

/*----------------------------------------------------------------- 
　　補助ボタン(高さAUTO/幅AUTO)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-a1
{
    display: inline-block;
    font-size: 13px; /*幅(width)はAUTO*/ /*高さ(height)はAUTO*/
    vertical-align: middle;
    text-align: center;
    text-decoration: none; /*行の高さ(line-height)はAUTO*/
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #dddddd; /* 【変数】補助機能ボタン背景１ */
    border-color: #dddddd; /* 【変数】補助機能ボタン線１ */
    color: #82b4dc; /* 【変数】補助機能ボタン文字１ */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-a1:hover
{
    background-color: #ffffff; /* 【変数】補助機能ボタン背景１(反転) */
    border-color: #dddddd; /* 【変数】補助機能ボタン線１(反転) */
    color: #82b4dc; /* 【変数】補助機能ボタン文字１(反転) */
}

/*----------------------------------------------------------------- 
　　補助ボタン(高さ25px/幅AUTO)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-a2
{
    display: inline-block;
    font-size: 13px; /*幅(width)はAUTO*/
    height: 23px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #e4e4e4; /* 【変数】補助機能ボタン背景２ */
    border-color: #e4e4e4; /* 【変数】補助機能ボタン線２ */
    color: #000000; /* 【変数】補助機能ボタン文字２ */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-a2:hover
{
    background-color: #ffffff; /* 【変数】補助機能ボタン背景２(反転) */
    border-color: #e4e4e4; /* 【変数】補助機能ボタン線２(反転) */
    color: #000000; /* 【変数】補助機能ボタン文字２(反転) */
}

/*----------------------------------------------------------------- 
　　補助ボタン(高さ25px/幅AUTO)
------------------------------------------------------------------*/
/* 要素のデザイン */
.button-a3
{
    display: inline-block;
    font-size: 13px; /*幅(width)はAUTO*/
    height: 23px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 25px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #ffffff; /* 【変数】補助機能ボタン背景３ */
    border-color: #ffffff; /* 【変数】補助機能ボタン線３ */
    color: #000000; /* 【変数】補助機能ボタン文字３ */
}
/****************************************/
/** CSSボタン共通 【STAR】             **/
/****************************************/

/****************************************/
/** メニュー　　  【STAR】             **/
/****************************************/

/*----------------------------------------------------------------- 
　　ヘッダー
------------------------------------------------------------------*/
#MenuHeader
{
    clear: both; /* ボックスの回り込みを解除 */
    min-width: 896px;
}

/*– 水平線 ———————–*/
#MenuHeader-line
{
    clear: both; /* ボックスの回り込みを解除 */
    border-width: 2px 0px 0px 0px; /* 太さ 　　*/
    border-style: solid; /* 線種 　　*/
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 1px; /* 高さ 　　*/
}



/*– 左サイド ———————–*/
#MenuHeader_Left
{
    float: left;
    text-align: left;
    font-size: 36px;
    font-weight: bolder;
    color: #00007a;
}

/*– 右サイド ———————–*/
#MenuHeader_Right
{
    float: right;
    text-align: right;
}

/*– リンクボタン ———————–*/
/* 要素のデザイン */
.button-Links1
{
    display: inline-block;
    font-size: 8pt;
    vertical-align: middle;
    text-align: right;
    text-decoration: none;
    outline: none;
    border-style: none;
    margin: 0px 0px 0px 20px;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-Links1:hover
{
    color: blue; /* 【変数】ボタン文字Ｘ(反転) */
}

/*– リンクボタン(ログアウト) ———————–*/
/* 要素のデザイン */
.button-Links3
{
    display: inline-block;
    font-size: 8pt;
    vertical-align: middle;
    text-align: right;
    text-decoration: none;
    outline: none;
    border-style: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ログアウトボタン背景１ */
    border-color: #82b4dc; /* 【変数】ログアウトボタン線１ */
    color: #ffffff; /* 【変数】ログアウトボタン文字１ */
    margin: 0px 0px 0px 20px;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-Links3:hover
{
    background-color: #ffffff; /* 【変数】ログアウトボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ログアウトボタン線１(反転) */
    color: #82b4dc; /* 【変数】ログアウトボタン文字１(反転) */
}


/*----------------------------------------------------------------- 
　　コンテンツ
------------------------------------------------------------------*/
#Menu_Contents
{
    width: 896px; /* 幅896px×高さ504px(画面解像度1280px×720px(16:9)を基準とする) */
    margin: 0px auto 0px auto; /* コンテンツ部全体を中央配置 */
}

/*----------------------------------------------------------------- 
　　コンテンツ - 上部
------------------------------------------------------------------*/
#Menu_Top
{
    clear: both; /* ボックスの回り込みを解除 */
    width: 896px;
    min-height: 65px;
    margin: 0px 0px 5px 0px;
}


/*– お知らせ（データなし用） ———————–*/
#pnlMenuInfo_none
{
    width: 519px;
    min-height: 65px;
    margin: 0px 0px 5px 0px;
}


/*– お知らせ（データあり用） ———————–*/
#pnlMenuInfo
{
    width: 519px;
    min-height: 65px;
    margin: 0px 0px 5px 0px;
}

#Menu_Info
{
    float: left;
    width: 519px;
    min-height: 65px;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dddddd;
    background-color: #ffffff;
    color: #000000;
    margin: 0px 0px 5px 0px;
}

#tblMenu_Info
{
    width: 519px;
}

#tblMenu_Info td
{
    text-align: left;
    vertical-align: top;
}

.dlInformation
{
    border-style: none; /* データグリッドの境界線を消す */
}
.dlInformation th
{
    border-style: none; /* データグリッドの境界線を消す */
}
.dlInformation td
{
    border-style: none; /* データグリッドの境界線を消す */
}


/* お知らせ一覧の展開／省略のボタン表示エリア */
.tblMenu_Info_lnkBtn
{
    width: auto;
    text-align: right;
    vertical-align: top;
}


/*– ユーザー情報 ———————–*/
#Menu_UserInfo
{
    float: right;
    width: 375px;
    min-height: 70px;
    border-style: none;
    background-color: #ffffff;
    color: #000000;
    text-align: right;
    font-size: 8pt;
}

#Menu_UserInfo_tbl
{
    width: 100%;
    border-style: none;
}

/* 兼務部署切替ドロップダウンリスト */
#ddlUserAddSection
{
    width: auto;
    text-align: right;
    font-size: 8pt;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #ffffff;
    border-color: #dddddd;
}

/* 兼務部署切替 */
#UserAddSection
{
    float: right;
    width: auto;
    text-align: right;
    font-size: 8pt;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: #dddddd;
    background-color: #ffffff;
    color: #000000;
}

/* 兼務部署切替の展開／省略のボタン表示エリア */
.tblUserAddSection_lnkBtn
{
    width: auto;
    text-align: right;
    vertical-align: top;
}


/*----------------------------------------------------------------- 
　　コンテンツ - 中部
------------------------------------------------------------------*/
#Menu_Middle
{
    clear: both; /* ボックスの回り込みを解除 */
    width: 896px;
    min-height: 200px;
    margin: 0px 0px 5px 0px;
}

/*– メニューグループ ———————–*/
#Menu_MenuGroup
{
    float: left;
    width: 140px;
    min-height: 35px;
    border-style: none;
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #000000;
    margin: 0px 0px 5px 0px;
}

#dlMenuGroup
{
    border-style: none;
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #e6f0fa;
}


/*– メニューグループボタン ———————–*/

/* 要素のデザイン */
.button-menugroup0
{
    display: inline-block;
    font-size: 13px;
    width: 138px;
    height: 33px;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    line-height: 17.5px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #e6f0fa; /* 【変数】メニューグループボタン背景 */
    border-color: #e6f0fa; /* 【変数】メニューグループボタン線 */
    color: #82b4dc; /* 【変数】メニューグループボタン文字 */
    margin: 0px 0px 1px 0px;
    font-weight: bold;
}


/* 要素のデザイン */
.button-menugroup1
{
    display: inline-block;
    font-size: 13px;
    width: 138px;
    height: 33px;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    line-height: 17.5px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #dddddd; /* 【変数】メニューグループボタン背景２ */
    border-color: #646464; /* 【変数】メニューグループボタン線２ */
    color: #82b4dc; /* 【変数】メニューグループボタン文字２ */
    margin: 0px 0px 1px 0px;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-menugroup1:hover
{
    background-color: #ffffff; /* 【変数】メニューグループボタン背景２(反転) */
    border-color: #dddddd; /* 【変数】メニューグループボタン線２(反転) */
    color: #82b4dc; /* 【変数】メニューグループボタン文字２(反転) */
}

/*– メニュー ———————–*/
#Menu_Menu
{
    float: right;
    width: 756px;
    min-height: 200px;
    border-style: none;
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #e5eff9;
    margin: 0px 0px 5px 0px;
}

/* メニュー表示エリアの高さ調整 ここから */
#Menu_MenuDmy
{
    float: left;
    min-height: 200px; /* アウトラインを表示しない */
    outline-style: none;
    border-style: none;
}
#dlMenuGroupDmy
{
    border-style: none;
}
/* 要素のデザイン */
.lblMenuGroupDmy
{
    display: inline-block;
    width: 0px;
    height: 35px;
    vertical-align: middle;
    text-decoration: none;
    outline-style: none;
    border-style: none;
}
#Menu_MenuGenuine
{
    min-height: 200px; /* アウトラインを表示しない */
    outline-style: none;
    border-style: none;
}
/* メニュー表示エリアの高さ調整 ここまで */

#dlMenu
{
    border-style: none;
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #000000;
    padding: 20px 10px 20px 10px;
    margin: 20px 10px 20px 10px;
}

/*– メニューボタン ———————–*/

/* 要素のデザイン */
.button-menu1
{
    display: inline-block;
    font-size: 16px;
    width: 220px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 33px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】メニューボタン背景１ */
    border-color: #82b4dc; /* 【変数】メニューボタン線１ */
    color: #ffffff; /* 【変数】メニューボタン文字１ */
    margin: 5px 10px 5px 10px;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-menu1:hover
{
    background-color: #ffffff; /* 【変数】メニューボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】メニューボタン線１(反転) */
    color: #82b4dc; /* 【変数】メニューボタン文字１(反転) */
}
/* 要素のデザイン */
.button-menu2
{
    display: inline-block;
    font-size: 16px;
    width: 220px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 33px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #f87085; /* 【変数】メニューボタン背景２ */
    border-color: #f87085; /* 【変数】メニューボタン線２ */
    color: #ffffff; /* 【変数】メニューボタン文字２ */
    margin: 5px 10px 5px 10px;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-menu2:hover
{
    background-color: #ffffff; /* 【変数】メニューボタン背景２(反転) */
    border-color: #f87085; /* 【変数】メニューボタン線２(反転) */
    color: #f87085; /* 【変数】メニューボタン文字２(反転) */
}




/*----------------------------------------------------------------- 
　　コンテンツ - 下部
------------------------------------------------------------------*/
#Menu_Bottom
{
    clear: both; /* ボックスの回り込みを解除 */
    width: 896px;
    height: 25px;
}


/*----------------------------------------------------------------- 
　　フッター
------------------------------------------------------------------*/
#MenuFooter
{
    clear: both; /* ボックスの回り込みを解除 */
    min-width: 896px;
}

/*– 水平線 ———————–*/
#MenuFooter-line
{
    clear: both; /* ボックスの回り込みを解除 */
    border-width: 1px 0px 0px 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 1px; /* 高さ 　　*/
}

/*– 左サイド ———————–*/
#MenuFooter_Left
{
    float: left;
    text-align: left;
}

/*– 右サイド ———————–*/
#MenuFooter_Right
{
    float: right;
    text-align: right;
    width: 200px;
}

/****************************************/
/** メニュー　　  【END】              **/
/****************************************/


/****************************************/
/** ログイン　　  【STAR】             **/
/****************************************/

/*----------------------------------------------------------------- 
　　ヘッダー
------------------------------------------------------------------*/
#LoginHeader
{
    clear: both; /* ボックスの回り込みを解除 */
    min-width: 896px;
}

/*– 水平線 ———————–*/
#LoginHeader-line
{
    clear: both; /* ボックスの回り込みを解除 */
    border-width: 2px 0px 0px 0px; /* 太さ 　　*/
    border-style: solid; /* 線種 　　*/
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 1px; /* 高さ 　　*/
}

/*– 左サイド ———————–*/
#LoginHeader_Left
{
    float: left;
    text-align: left;
    font-size: 36px;
    font-weight: bolder;
}

/*– 右サイド ———————–*/
#LoginHeader_Right
{
    float: right;
    text-align: right;
}

/*– リンクボタン ———————–*/
/* メニューのリンクボタンと同じ */



/*----------------------------------------------------------------- 
　　コンテンツ
------------------------------------------------------------------*/
#Login_Contents
{
    width: 896px; /* 幅896px×高さ504px(画面解像度1280px×720px(16:9)を基準とする) */
    margin: 0px auto 0px auto; /* コンテンツ部全体を中央配置 */
}


/*– お知らせ ———————–*/
#Login_Info
{
    /*margin:0px 0px 10px 30px;*/
    float: left;
    height: 360px;
    width: 455px;
}

#Login_Info_Area
{
    padding-top: 65px;
}
#Login_Info_Title /** タイトル **/
{
    font-size: 12pt;
    height: 20px;
    vertical-align: middle;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 10px 0px;
}
#pnlLoginInfoBody /** 枠 **/
{
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    width: 435px;
    height: 250px;
}
#pnlLoginInfo /** 枠 **/
{
    border-width: 0px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #ffffff; /* 【変数】背景３ */
    color: #000000; /* 【変数】文字３ */
    padding-left: 10px;
    width: 425px;
    height: 240px;
}

/*– ログイン ———————–*/
#Login_Login
{
    float: right;
    width: auto;
}
#pnlLogin /** 枠 **/
{
    border-width: 1px; /* 太さ */
    border-style: solid; /* 線種 */
    border-color: #e4e4e4;
    background-color: #e6f0fa; /* 【変数】背景１ */
    color: #000000; /* 【変数】文字１ */
    margin-right: 10px;
    width: 400px;
    height: 397px;
}
#Login_Login_Title /** タイトル **/
{
    height: 50px;
    padding-top: 30px;
    text-align: center;
    font-size: 13pt;
}
#Login_Login_User /** ユーザーID **/
{
    height: 45px;
    padding-top: 10px;
    padding-left: 80px;
}
#Login_Login_Pass /** パスワード **/
{
    height: 110px /*45px*/;
    padding-top: 10px;
    padding-left: 80px;
}
#Login_Login_Check /** チェック項目 **/
{
    height: 30px;
    padding-top: 5px;
    padding-left: 80px;
    font-size: 10pt;
}
#Login_Login_Button /** ボタン **/
{
    height: 50px;
    float: right;
    padding-right: 60px;
}


/*----------------------------------------------------------------- 
　　フッター
------------------------------------------------------------------*/
#LoginFooter
{
    clear: both; /* ボックスの回り込みを解除 */
    min-width: 896px;
}

/*– 水平線 ———————–*/
#LoginFooter-line
{
    clear: both; /* ボックスの回り込みを解除 */
    border-width: 1px 0px 0px 0px; /* 太さ 　　*/
    border-style: solid; /* 線種 　　*/
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 1px; /* 高さ 　　*/
}

/*– 左サイド ———————–*/
#LoginFooter_Left
{
    float: left;
    text-align: left;
}

/*– 右サイド ———————–*/
#LoginFooter_Right
{
    float: right;
    text-align: right;
}

/****************************************/
/** ログイン　　  【END】              **/
/****************************************/


/****************************************/
/** 共通ヘッダー  【START】            **/
/****************************************/

/*– リンクボタン ———————–*/
/* 要素のデザイン */
.button-Links2
{
    display: inline-block;
    font-size: 8pt;
    vertical-align: middle;
    text-align: right;
    text-decoration: none;
    outline: none;
    border-style: none;
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-Links2:hover
{
    color: blue; /* 【変数】ボタン文字Ｘ(反転) */
}

/*– リンクボタン(ヘルプ) ———————–*/
/* 要素のデザイン */
.button-Links4
{
    display: inline-block;
    font-size: 8pt;
    vertical-align: middle;
    text-align: right;
    text-decoration: none;
    outline: none;
    border-style: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #82b4dc; /* 【変数】ログアウトボタン背景１ */
    border-color: #82b4dc; /* 【変数】ログアウトボタン線１ */
    color: #ffffff; /* 【変数】ログアウトボタン文字１ */
    margin: 0px 0px 0px 20px; /* 角を丸くする */
    border-radius: 20px; /* CSS3 */
}
/* 要素のカーソルが乗ったときのスタイルを設定 */
.button-Links4:hover
{
    background-color: #ffffff; /* 【変数】ログアウトボタン背景１(反転) */
    border-color: #82b4dc; /* 【変数】ログアウトボタン線１(反転) */
    color: #82b4dc; /* 【変数】ログアウトボタン文字１(反転) */
}

/****************************************/
/** 共通ヘッダー  【END】　            **/
/****************************************/


/****************************************/
/** 共通フッター  【START】            **/
/****************************************/

#COM_Footer
{
    clear: both; /* ボックスの回り込みを解除 */
    min-width: 896px;
}

/*– 水平線 ———————–*/
#COM_Footer-line
{
    clear: both; /* ボックスの回り込みを解除 */
    border-width: 1px 0px 0px 0px; /* 太さ 　　*/
    border-style: solid; /* 線種 　　*/
    border-color: #5591c8; /* 線色     */ /* 【変数】ライン１ */
    height: 1px; /* 高さ 　　*/
}

/*– 左サイド ———————–*/
#COM_Footer_Left
{
    float: left;
    text-align: left;
}

/*– 右サイド ———————–*/
#COM_Footer_Right
{
    float: right;
    text-align: right;
}

/****************************************/
/** 共通フッター  【END】             **/
/****************************************/

/****************************************/
/** パンくずメニュー  【START】        **/
/****************************************/
#dlBreadcrumb
{
    border-style: none;
    color: #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

/*– 画面フローリスト(現在の位置） ———————–*/
.lblBreadcrumb_current
{
    display: block;
    font-size: 20px; /*幅(width)はAUTO*/
    min-width: 150px;
    height: 40px;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    line-height: 40px;
    outline: none;
    border-style: none;
    color: #ffffff; /*  【変数】画面フロー文字１ */
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px; /* == CSS3 == */ /* 【変数】グラデーション１ */
    background: -ms-linear-gradient( left, #cfe2f1, #333399 ); /* IE10+, W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe2f1', endColorstr='#333399', GradientType=1 ); /* IE9- */
    background-color: #333399; /* 【変数】画面フロー背景１ */
}
/* 要素の前の設定 */
.lblBreadcrumb_current::before
{
    /* 三角形の部分を描く */
    display: block;
    width: 10px;
    height: 20px;
    border-style: none;
    border-right: 5px solid #ffffff;
    margin: 0px -25px -20px auto;
    background-color: #333399; /* == CSS3 == */
    content: " "; /* 要素の直前または直後に、文字列や画像などのコンテンツを挿入 */ /* 指定された要素をX軸，Y軸へのゆがまさせる */
    -ms-transform: skew(20deg); /* IE9+ */
    -webkit-transform: skew(20deg); /* Chrome, Safari */
    -moz-transform: skew(20deg); /* Firefox */
    transform: skew(20deg);
}
/* 要素の後の設定 */
.lblBreadcrumb_current::after
{
    /* 三角形の部分を描く */
    display: block;
    width: 10px;
    height: 20px;
    border-style: none;
    border-right: 5px solid #ffffff;
    margin: -20px -25px 0px auto;
    background-color: #333399; /* == CSS3 == */
    content: " "; /* 要素の直前または直後に、文字列や画像などのコンテンツを挿入 */ /* 指定された要素をX軸，Y軸へのゆがまさせる */
    -ms-transform: skew(-20deg); /* IE9+ */
    -webkit-transform: skew(-20deg); /* Chrome, Safari */
    -moz-transform: skew(-20deg); /* Firefox */
    transform: skew(-20deg);
}

/*– 画面フローリスト(現在の位置以外） ———————–*/
.lblBreadcrumb
{
    display: block;
    font-size: 20px; /*幅(width)はAUTO*/
    min-width: 150px;
    height: 40px;
    vertical-align: middle;
    text-align: left;
    text-decoration: none;
    line-height: 40px;
    outline: none;
    border-style: none;
    color: #ffffff; /*  【変数】画面フロー文字２ */
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px; /* 【変数】グラデーション２ */ /* CSS3 */
    background: -ms-linear-gradient( left, #cfe2f1, #82b4dc ); /* IE10+, W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe2f1', endColorstr='#82b4dc', GradientType=1 ); /* IE9- */
    background-color: #82b4dc; /* 【変数】画面フロー背景２ */
}
/* 要素の前の設定 */
.lblBreadcrumb::before
{
    /* 三角形の部分を描く */
    display: block;
    width: 10px;
    height: 20px;
    border-right: 5px solid #ffffff;
    margin: 0px -25px -20px auto;
    background-color: #82b4dc; /* == CSS3 == */
    content: " "; /* 要素の直前または直後に、文字列や画像などのコンテンツを挿入 */ /* 指定された要素をX軸，Y軸へのゆがまさせる */
    -ms-transform: skew(20deg); /* IE9+ */
    -webkit-transform: skew(20deg); /* Chrome, Safari */
    -moz-transform: skew(20deg); /* Firefox */
    transform: skew(20deg);
}
/* 要素の後の設定 */
.lblBreadcrumb::after
{
    /* 三角形の部分を描く */
    display: block;
    width: 10px;
    height: 20px;
    border-right: 5px solid #ffffff;
    margin: -20px -25px 0px auto;
    background-color: #82b4dc; /* == CSS3 == */
    content: " "; /* 要素の直前または直後に、文字列や画像などのコンテンツを挿入 */ /* 指定された要素をX軸，Y軸へのゆがまさせる */
    -ms-transform: skew(-20deg); /* IE9+ */
    -webkit-transform: skew(-20deg); /* Chrome, Safari */
    -moz-transform: skew(-20deg); /* Firefox */
    transform: skew(-20deg);
}

/*– 画面フローリスト領域 ———————–*/
#BreadcrumbArea
{
    clear: both; /*  左右すべての要素に対する回り込みを解除 */
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

/****************************************/
/** パンくずメニュー  【END】   　     **/
/****************************************/

/*– コンテンツボタン領域 ———————–*/
#ButtonArea
{
    clear: both; /*  左右すべての要素に対する回り込みを解除 */
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

/*– 入庫依頼一括登録 依頼情報表示領域 ———————–*/
#pnDenAskInfo
{
    clear: both; /*  左右すべての要素に対する回り込みを解除 */
    height: auto;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}

/************************************************/
/** 一覧表（表スクロールなし）【START】 　     **/
/************************************************/

#grdIchiran
{
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 13px; /* 文字サイズ */
}

/*– 行ヘッダー ———————–*/
.grdIchiran_HD td
{
    height: 22px; /* 行の高さ */
    text-align: Center; /* 文字の配置：中央 */
    background-color: #e4e4e4; /* 背景色：【変数】行タイトル */
    color: #000000; /* 文字色：【変数】行タイトル文字 */
    border-width: 1px; /* 線の太さ */
    border-style: solid; /* 線種 */
    border-color: #000000; /* 線の色 */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり */
}

/*– データ行 ———————–*/
.grdIchiran_DT td
{
    height: 22px; /* 行の高さ */ /* 文字の配置：各表で設定 */
    background-color: #ffffff; /* 背景色：【変数】行データ */
    color: #000000; /* 文字色：【変数】行データ文字 */
    border-width: 1px; /* 線の太さ */
    border-style: solid; /* 線種 */
    border-color: #000000; /* 線の色 */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり */
}

/*– 行フッター ———————–*/
.grdIchiran_FT td
{
    height: 22px; /* 行の高さ */
    text-align: Right; /* 文字の配置：右寄せ */
    background-color: #e4e4e4; /* 背景色：【変数】行タイトル */
    color: #000000; /* 文字色：【変数】行タイトル文字 */
    border-width: 1px; /* 線の太さ */
    border-style: solid; /* 線種 */
    border-color: #000000; /* 線の色 */
    padding: 0px 2px; /* 上下:パディングなし 左右:パディングあり */
}

/************************************************/
/** 一覧表（表スクロールなし）【END】　 　     **/
/************************************************/

/************************************************/
/** 帳票出力エリア【START】 　                 **/
/************************************************/

.listoutputtbl
{
    border-collapse: collapse;
}
.listoutputtbl tr /** 行の高さ **/
{
    height: 40px;
}
.listoutputtbl_td1 /** 1列目（スペース） **/
{
    width: 30px;
    border-style: none;
    border-width: 0px;
    text-align: left;
}
.listoutputtbl_td2 /** 2列目（画像） **/
{
    width: 50px;
    border-style: none;
    border-width: 0px;
    text-align: center;
}
.listoutputtbl_td3 /** 3列目（タイトル） **/
{
    width: 300px;
    border-style: none;
    border-width: 0px;
    text-align: left;
    font-size: 12pt;
}
.listoutputtbl_td4 /** 4列目（ボタン） **/
{
    width: 150px;
    border-style: none;
    border-width: 0px;
    text-align: left;
}


/* 箱サイズ名の取得元変更（部署別箱サイズ名から取得）*/
/****************************/
/** 一覧表－サイズ列　　　 **/
/****************************/
.BoxSizeColumn
{
    font-size: 11px; /* フォントサイズ */
    text-align: center; /* 文字位置 */
}

.SectionName
{
    overflow:hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#form1
{
    padding-left: 5px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
}

.Back
{
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: inline-block;
    font-size: 13px;
    height: 33px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    color: #ffffff;
}
#GoToTop
{
    position: fixed;
    bottom: 30px;
    right: 10px;
}

.button-tbl-e2r
{
    display: inline-block;
    font-size: 13px;
    width: 72px;
    height: 18px;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    line-height: 20px;
    outline: none;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    background-color: #f87085; /* 【変数】ボタン背景 */
    border-color: #f87085; /* 【変数】ボタン線 */
    color: #ffffff; /* 【変数】ボタン文字 */
}
.button-tbl-e2r:hover
{
    background-color: #ffffff; /* 【変数】ボタン背景(反転) */
    border-color: #f87085; /* 【変数】ボタン線(反転) */
    color: #f87085; /* 【変数】ボタン文字(反転) */
}

/* カーソルを重ねる要素 */
.tooltip {
    position: relative; /* ツールチップの位置の基準に */
    cursor: pointer; /* カーソルを当てたときにポインターに */
}

/* ツールチップのテキスト */
.tooltip-text {
    opacity: 0; /* はじめは隠しておく */
    visibility: hidden; /* はじめは隠しておく */
    position: absolute; /* 絶対配置 */
    left: 50%; /* 親に対して中央配置 */
    transform: translateX(-50%); /* 親に対して中央配置 */
    bottom:  30px; /* 親要素下からの位置 */
    display: inline-block;
    padding: 5px; /* 余白 */
    white-space: nowrap; /* テキストを折り返さない */
    font-size: 0.8rem; /* フォントサイズ */
    line-height: 1.3; /* 行間 */
    background: #333; /* 背景色 */
    color: #fff; /* 文字色 */
    border-radius: 3px; /* 角丸 */
    transition: 0.3s ease-in; /* アニメーション */
}

    .tooltip-text:before {
        content: '';
        position: absolute;
        bottom:  -13px;
        left: 50%;
        margin-left: -7px;
        border: 7px solid transparent;
        border-top: 7px solid #333;
    }
/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover .tooltip-text {
    opacity: 1;
    visibility: visible;
}

.admin_selection_1 {
    margin-left: 15px;
    font-weight: bold; /* 太字 */
}

.admin_selection_2 {
    margin-left: 20px;
}

.admin_selection_3 {
    left: 20%;
}