/*
 * Copyright (c) 2010 Sumitomo Mitsui Banking Corporation
 * Copyright (c) 2010 The Japan Research Institute, Ltd.
 */
/*
 * タイトル: 共通スタイルシート
 * $Id$ 
 * 
 * 製造会社: (株)NTTデータ
 * 作成情報: DATE: 2010.09.01 NAME: 坂口 博哉
 */

/*************************************************************************************************/
/* 共通                                                                                          */
/*************************************************************************************************/

/* 全体 */
* {
    margin: 0px;
    padding: 0px;
}
/* htmlタグ内 */
html {
    height:100%;
}
/* inputタグのみ余白を設定 */
input {
    margin: 1px;
    padding: 1px;
}
/* bodyタグ内 */
body {
    overflow: hidden;
    padding: 0;
    line-height: 1.5;
}

/*リンク*/
a {
    color:#003300;
}

/* TOPフレーム*/
div.top_bg {
    border-top-width: 6px;
    border-top-style: solid;
    border-top-color: #CCEE88;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #889977;
    margin-top:5px;
    margin-left:10px;
    margin-right:10px;
    padding-top:5px;
    padding-bottom:15px;
    width:100%;
}

/*************************************************************************************************/
/* エリア                                                                                        */
/*************************************************************************************************/

/* コンテンツエリア */
div#cms_contents_area {
    margin: 0px 10px 10px 10px auto;
    position: relative;
    width: 100%;
    height: 100%;
}

/* 操作エリア（リスト） */
div#cms_operation_area_list {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 180px;
    overflow-y: auto;
    overflow-x: hidden;
}

table.cms_contents_area {
    height: 100%;
    width: 100%;
    vertical-align: top;
}

<!-- タイトルエリア -->
table.cms_title_table {
    width: 100%;
}

<!-- タイトルエリア -->
td.cms_title_area {
    height: 30px;
    vertical-align: top;
}
<!-- タイトルフォント -->
#cms_title_text {
    border-bottom: solid 2px #006600;
    color: #006600;
    font-size: 120%;
    font-weight: bold;
    text-align: left;
    width: 100%;
}

/* メッセージエリア */
td.cms_message_area {
    height: 50px;
    vertical-align: top;
}
div#cms_message_area {
    height: 40px;
    width: 100%;
    vertical-align: top;
    overflow: auto;
}

/* 操作エリア */
div#cms_operation_area {
    margin: 0 auto;
    position: relative;
    width: 100%;
    height: 99%;
    overflow: auto;
    overflow-x: hidden;
}

/* 操作エリア（スクロール表示） */
div#cms_operation_area_scroll {
    margin-top: 0 auto;
    position: relative;
    width: 100%;
    height: 66px;
    overflow: scroll;
    overflow-x: hidden;
}

/* ページングエリア */
div#cms_paging_area {
    height: 40px;
}

/* ボタンエリア */
td.cms_button_area {
    height: 40px;
    vertical-align: top;
}

/*************************************************************************************************/
/* フォーム・一覧テーブル                                                                        */
/*************************************************************************************************/

/* 入力フィールドのテーブル */
table.cms_form_table {
    border-collapse: collapse;
    width: 100%;
}

/* 入力フィールドのテーブルヘッダ */
th.cms_form_header {
    background-color: #DFFF8F;
    font-weight: bold;
    text-align: left;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border: solid 2px #889977;
    vertical-align: middle;
}

/* 入力フィールドのテーブルデータ */
td.cms_form_data {
    background-color: #FFFFDD;
    padding: 1px 3px 1px 3px;
    border: solid 2px #889977;
    vertical-align: middle;
    word-break:break-all;
}

/* 検索結果のテーブル */
table.cms_list_table {
    border-collapse: collapse;
    width: 100%;
}
/* 検索結果のテーブルヘッダ（共通、tdはComumHeader用） */
th.cms_list_header, td.cms_list_header, td.cms_list_header_sort {
    font-weight: bold;
    text-align: center;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border: solid 2px #889977;
    vertical-align: middle;
}
/* ソート対象外ヘッダの背景色は#DFFF8F*/
th.cms_list_header, td.cms_list_header {
    background-color: #DFFF8F;    
}
/* ソート対象ヘッダの背景色は#B6FF00 */
td.cms_list_header_sort {
    background-color: #B6FF00;
}

/* 検索結果のテーブルデータ */
td.cms_list_data {
    background-color: #FFFFDD;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border: solid 2px #889977;
    vertical-align: middle;
    word-break:break-all;
}

/*************************************************************************************************/
/* ボタン系                                                                                      */
/*************************************************************************************************/

/* サブミットボタン（共通設定） */
.cms_submit, .cms_submit_wide, .cms_submit_narrow, .cms_submit_wider {
    /*background-color: #DFFFA8;*/
    padding: 2px 3px 2px 3px;
    font-weight: bold;
}
/* サブミットボタン（ボタン幅：中）*/
.cms_submit {
    width:100px;
}
/* サブミットボタン（ボタン幅：大）*/
.cms_submit_wide {
    width:150px;
}
/* サブミットボタン（ボタン幅：特大）*/
.cms_submit_wider {
    width:200px;
}
/* サブミットボタン（ボタン幅：小） */
.cms_submit_narrow {
    width:60px;
}

/* 通常のボタン（共通設定）*/
.cms_button, .cms_button_wide, .cms_button_wider, .cms_button_narrow {
    font-weight: bold;
}

/* 通常のボタン（ボタン幅：中）*/
.cms_button {
    width:100px;
}
/* 通常のボタン（ボタン幅：大）*/
.cms_button_wide {
    width:150px;
}
/* 通常のボタン（ボタン幅：特大）*/
.cms_button_wider {
    width:200px;
}
/* 通常のボタン（ボタン幅：小） */
.cms_button_narrow {
    width:60px;
}

/*************************************************************************************************/
/* フォームテキスト                                                                              */
/*************************************************************************************************/

/* 入力フォーム（日付、電話番号、郵便番号など） */
input.cms_ime_disabled {
    ime-mode: disabled;
    text-align: left;
}
/* 入力フォーム（数値、金額など）*/
input.cms_ime_disabled_right {
    ime-mode: disabled;
    text-align: right;
}

/* 入力フォーム（エラースタイル）*/
input.cms_error_bg, select.cms_error_bg, textarea.cms_error_bg {
    background-color: #F00;
}

/* 入力フォーム（エラースタイル右寄せ）*/
input.cms_error_bg_right {
    background-color: #F00;
    text-align: right;
}

/* フォーム内コメントエリア用 */
td.cms_inline_comment {
    border-width: 0px;
    border-style: none;
    padding-left:1px;
    padding-right:0px;
}

/*************************************************************************************************/
/* テキストフォント・配置                                                                        */
/*************************************************************************************************/

/* 左寄せ項目（テキスト赤） */
.cms_data_left_red {
    text-align: left;
    color: #ff0000;
}
/* 左寄せ項目（背景赤） */
.cms_data_left_bg_red {
    text-align: left;
    background-color: #ff9999 !important;
}
/* 左寄せ項目（背景黄） */
.cms_data_left_bg_yellow {
    text-align: left;
    background-color: #ffff66 !important;
}
/* 左寄せ項目（背景オレンジ） */
.cms_data_left_bg_orange {
    text-align: left;
    background-color: #ffff88 !important;
}
/* 右寄せ項目 */
.cms_data_right {
    text-align: right;
    white-space:nowrap;
}

/* 右寄せ項目（テキスト赤） */
.cms_data_right_red {
    text-align: right;
    color: #ff0000;
    white-space:nowrap;
}

/* 右寄せ項目（背景赤） */
.cms_data_right_bg_red {
    text-align: right;
    background-color: #ff9999 !important;
}
/* 右寄せ項目（背景黄） */
.cms_data_right_bg_yellow {
    text-align: right;
    background-color: #ffff66 !important;
}
/* 右寄せ項目（背景オレンジ） */
.cms_data_right_bg_orange {
    text-align: right;
    background-color: #ffff88 !important;
}

/* センタリング項目 */
.cms_data_center {
    text-align: center;
}

/* センタリング（テキスト赤） */
.cms_data_center_red {
    text-align: center;
    color: #ff0000;
}

/* センタリング項目（背景赤） */
.cms_data_center_bg_red {
    text-align: center;
    background-color: #ff9999 !important;
}
/* センタリング項目（背景黄） */
.cms_data_center_bg_yellow {
    text-align: center;
    background-color: #ffff66 !important;
}
/* センタリング項目（背景オレンジ） */
.cms_data_center_bg_orange {
    background-color: #ffff88 !important;
    font-weight: bold;
    text-align: center;
}

/* コメント（太字） */
.cms_comment {
    font-weight: bold;
}

/* 必須入力の(*) */
.cms_required {
    color: #f00;
}

/* ラベルタグ用（共通） */
input.cms_list_label_left, input.cms_list_label_center, input.cms_list_label_right, input.cms_list_label_white, input.cms_label_left, input.cms_label_center, input.cms_label_right, input.cms_label_left_white, input.cms_label_right_white {
    font-size:100%;
    margin-bottom: 0px;
    margin-top: 0px;
    border:none;
}
/* 幅100%（一覧用） */
input.cms_list_label_left, input.cms_list_label_center, input.cms_list_label_right, input.cms_list_label_white {
    width:100%;
}

/* 一覧tdの背景色#FFFFDD */
input.cms_list_label_left, input.cms_list_label_center, input.cms_list_label_right, input.cms_label_left, input.cms_label_center, input.cms_label_right {
    background-color: #FFFFDD;
}

/* ラベル（左寄せ） */
input.cms_list_label_left, input.cms_label_left, input.cms_label_left_white {
    text-align: left;
}
/* ラベル（中央寄せ） */
input.cms_list_label_center, input.cms_label_center {
    text-align: center;
}
/* ラベル（右寄せ） */
input.cms_list_label_right, input.cms_label_right, input.cms_label_right_white {
    text-align: right;
}

/*************************************************************************************************/
/* 横スクロール用                                                                                */
/*************************************************************************************************/
th.cms_fixed_top, td.cms_fixed_top {
    position: relative;
    top: expression(this.parentElement.offsetParent.parentElement.scrollTop);
    z-index: 10;
}
/* 検索結果のテーブルヘッダ（横スクロール共通） */
th.cms_list_header_wide, td.cms_list_header_wide, td.cms_list_header_wide_sort {
    font-weight: bold;
    text-align: center;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border: solid 1px #889977;
    vertical-align: middle;
    word-break:keep-all;
}

/* ソート対象外ヘッダの背景色は#DFFF8F */
th.cms_list_header_wide, td.cms_list_header_wide {
    background-color: #DFFF8F;
}
/* ソート対象ヘッダの背景色は#B6FF00 */
td.cms_list_header_wide_sort {
    background-color: #B6FF00;
}

/* 検索結果のテーブルデータ */
td.cms_list_data_wide_nb, td.cms_list_data_wide {
    background-color: #FFFFDD;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border: solid 2px #889977;
    border-top-width:0px;
    vertical-align: middle;
}
td.cms_list_data_wide_nb {
    word-break:keep-all;
}

/* 検索結果のテーブル */
table.cms_list_table_wide {
    border-collapse: collapse;
}
/* 検索結果のテーブルデータ */
td.cms_list_data_wide {
    word-break:break-all;
}
div#cms_operation_area_wide {
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 99%;
    overflow: auto;
    overflow-x: hidden;
}
div#cms_xscroll_area {
    width: 100%;
    overflow: auto;
    overflow-x: auto;
}

/*************************************************************************************************/
/* 縦スクロール用                                                                                */
/*************************************************************************************************/
/* ヘッダ行の枠線 */
tr.cms_fixed_top {
    position:relative;
    top: expression(this.parentElement.offsetParent.parentElement.scrollTop);
    background-color: #889977;
}

/* トップヘッダ固定 */
th.cms_fixed_all {
    position: relative;
    top: expression(this.parentElement.offsetParent.parentElement.scrollTop);
    left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
    z-index: 11;
}
 
/* 左ヘッダ固定 */
td.cms_fixed_left {
    position: relative;
    left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
    z-index: 9;
}

/* 左ヘッダ固定 */
th.cms_fixed_left {
    position: relative;
    left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
    z-index: 10;
}

/*************************************************************************************************/
/* カレンダータグ用                                                                                */
/*************************************************************************************************/
/* カレンダータグのテーブル */
table.cms_calendar_table {
    border-collapse: collapse;
    width: 100%;
}

/* カレンダータグのテーブルヘッダ */
table.cms_calendar_table th {
    background-color: #DFFF8F;
    font-weight: bold;
    text-align: center;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border:	solid 2px #889977;
    vertical-align: middle;
}
/* カレンダータグのテーブルデータ */
table.cms_calendar_table td {
    background-color: #FFFFDD;
    height: 25px;
    padding: 1px 3px 1px 3px;
    border:	solid 2px #889977;
    vertical-align: middle;
    word-break:break-all;
}