/* ======================================================================== */
/*      各情報入力画面                                                      */
/*      確認画面                                                            */
/*      諸費用の内訳画面       のスタイル指定を行います。                   */
/*                                                                          */
/* 色の指定はsikinkeikaku_common.cssで行う                                  */
/* ブラウザ別CSSを除き、フォントサイズ指定はsikinkeikaku_fontsize.cssで行う */
/* ======================================================================== */

/* ============= 共通 ============================================================================== */
/* 入力する情報、表示する情報により特別な指定を行う必要のある場合は、画面別に指定を行う              */
/* 入れ子テーブルの共通指定は画面別のスタイル指定の後に記述                                          */

/* === 入力選択エリア === */
div.nyuuryokusentaku_area{
  margin-top  : 5px;
  padding     : 10px;
  border-width: 1px;
  border-style: solid;
  text-align  : left;
  clear       : both;
}
/* === テーブル === */
table.jyouhou{              /* 入力画面のテーブルに指定します。 */
  width       : 100%;
  border-width: 1px;
  border-style: solid;
}

/* 項目名_背景色指定あり */
th.koumokuNm{          /* 項目名 */
  width         : 20%; /* 縦列項目名の幅はすべて統一させるため、CSSで一括指定 */
  padding-left  : 3px;
  padding-right : 3px;
  text-align    : left;
}
th.koumokuNm_center{          /* 項目名_中央揃え */
  text-align: center;
}
th.koumokuNm_obiari{          /* 項目名 テーブルヘッダがある場合<th>の高さを小さくする */
  width         : 20px;       /* 縦列項目名の幅はすべて統一させるため、CSSで一括指定 */
  padding-top   : 2px;        /* 上下のパディングはテーブルヘッダ(th.table_title)と同じにする */
  padding-bottom: 0px;        /* 上下のパディングはテーブルヘッダ(th.table_title)と同じにする */
  text-align    : left;
}
th.koumokuNm_obiari_center{   /* 項目名_中央揃え テーブルヘッダがある場合<th>の高さを小さくする。幅はHTML上で指定する */
  padding-top   : 2px;        /* 上下のパディングはテーブルヘッダ(th.table_title)と同じにする */
  padding-bottom: 0px;        /* 上下のパディングはテーブルヘッダ(th.table_title)と同じにする */
  text-align    : center;
}
/* 項目 */
/* td.koumoku_input_row1: 入力項目_1段組入力欄                         */
/* td.koumoku_row1: 項目_1段組 幅はすべて統一させるため、CSSで一括指定 */
td.koumoku_input_row1,
td.koumoku_row1{
  width     : 80%;
  text-align: left;
}
/* td.koumoku_input_row2: 入力項目_2段組入力欄 */
/* td.koumoku_row2: 項目_2段組 幅はすべて統一させるため、CSSで一括指定 */
td.koumoku_input_row2,
td.koumoku_row2{
  width     : 30%;
  text-align: left;
}
/* セレクトボックス */
select.width{                 /* 個別指定以外の入力画面のセレクトボックスの幅を指定します。 */
  width: 150px;
}

/* ============= 基本情報画面/借入情報画面・個別 =================================================== */
/* テーブル罫線: 最終行を非表示にする場合、<TD>の下の罫線が消えてしまうため<TABLE>に対して罫線指定 */
/*               非表示にした場合、スタイル指定が一旦クリアされるため、commom.cssと重複するスタイルも明示する */

table.kariirejyouhou{
  width       : 100%;
  border-width: 1px;
  border-style: solid;
}
/* 項目名部分 */
th.koumokuNm_kariirejyouhou_row1{  /* 切替：主商品のみの表示の場合に使用(デフォルト) */
  width       : 80%;
  border-width: 1px;
  border-style: solid;
  text-align  :center;
}
th.koumokuNm_kariirejyouhou_row2{  /* 切替：主商品・併せ商品とも表示される場合に使用 */
  width       : 40%;
  border-width: 1px;
  border-style: solid;
  text-align  :center;
}
/* 項目部分 */
td.kariirejyouhou_row1{            /* 切替：主商品のみの表示の場合に使用(デフォルト) */
  width       : 80%;
  border-width: 1px;
  border-style: solid;
  text-align  : left;
}
td.kariirejyouhou_row2{            /* 切替：主商品・併せ商品とも表示される場合に使用 */
  width       : 40%;
  border-width: 1px;
  border-style: solid;
  text-align  : left;
}
select.kariirejyouhou{
  width: 180px;
}
/* === 物件情報エリア === */
select.bukkenjyouhou{
  width: 200px;
}
/* ============= 基本情報画面・個別 ================================================================== */
/* === 注意事項と利用案内のボタン配置 === */
div.link_warning_kihon{
  text-align   : center;
}

/* ============= 支出情報画面・個別 ================================================================== */
/* ==== 教育費等について ==== */
th.koumokuNm_kyouikuhi_obiari{   /* 項目名_学校区分 テーブルヘッダがある場合<th>の高さを小さくする。 */
  width         : 20%;
  padding-top   : 2px;           /* 上下のパディングはテーブルヘッダ(th.table_title)と同じにする */
  padding-bottom: 0px;           /* 上下のパディングはテーブルヘッダ(th.table_title)と同じにする */
  text-align    :center;
}
select.kyouikuhi{                /* セレクトボックス */
  width: 110px;
}
/* ============= 諸費用情報画面・個別 ================================================================== */
select.syohiyou{                 /* セレクトボックス */
  width: 180px;
}
/* ============= 繰上返済情報画面・個別 ============================================================ */
th.koumokuNm_kuriage{
  width     : 32%;               /* 縦列項目名の幅はすべて統一させるため、CSSで一括指定 */
  text-align: left;
}
th.koumokuNm_kuriage_center{     /* 項目名_中央揃え */
  text-align: center;
}
th.koumokuNm_jikikuriage{        /* 項目名_繰上返済(定期的)予定・手数料欄 */
  width        : 24%;
  padding-right: 3px;

  padding-left : 3px;
  text-align   : left;
}
th.koumokuNm_jikikuriage{
  width     : 24%;               /* 縦列項目名の幅はすべて統一させるため、CSSで一括指定 */
  text-align: left;
}

th.koumokuNm_jikikuriage_kaisuu{  /* 項目名_繰上返済(時期指定)回数欄 */
  width         : 8%;
  padding-top   : 8px;
  padding-right : 2px;
  padding-left  : 2px;
  text-align    : center;
  vertical-align: top;
}
table.ireko_kuriage{
  width : 100%;
  margin: 0px;
}
table.ireko_kuriage td{
  padding: 0px;
  border-style: none;
}

/* ============= 確認画面・個別 ==================================================================== */
table.senni_syousai{
  width: 100%;
}
table.senni_syousai td{
  border-style: none;
}

/* ============= 諸費用の内訳画面・個別 ============================================================ */
td.koumoku_utiwake_row2{      /* 項目_2段組 幅はすべて統一させるため、CSSで一括指定 */
  width     : 30%;
  text-align: right;
}
/* ==== 閉じるボタンエリア  ==== */
div.tojiru {
  text-align:right;
  margin-top:5px;
}
/* ==== 住宅ローン手続き費用エリア ==== */
table.tetuzukihiyou{
  width       : 100%;
}
/* 項目名_背景色指定あり */
th.koumokuNm_tetuzukihiyou{              /* 項目名_左揃え */
  width     : 20%;                       /* 縦列項目名の幅はすべて統一させるため、CSSで一括指定 */
  text-align: left;
}
td.koumoku_tetuzukihiyou_row1{
  width              : 30%;
  text-align         : right;
  border-top-width   : 1px;
  border-right-width : 0px;
  border-bottom-width: 1px;
  border-left-width  : 1px
}
td.kari_koumoku_tetuzukihiyou_row1{
  width              : 50%;
  padding-left       : 10px;
  padding-right      : 10px;
  border-top-width   : 1px;
  border-right-width : 1px;
  border-bottom-width: 1px;
  border-left-width  : 0px;
}
th.koumokuNm_tetuzukihiyou_row2{
  width       : 40%;
  border-width: 1px;
  border-style: solid;
  text-align  : center;
}
/* ============= 入れ子テーブル ==================================================================== */
.uetume{
  vertical-align: top;  /* 上詰め: 入れ子テーブルの行数が主商品、併せ商品で異なる場合があるため、上詰めにする */
}
table.ireko{            /* 幅指定なし */
  margin: 0px;
}
table.ireko td{
  padding-top   : 3px;
  padding-left  : 0px;
  padding-bottom: 3px;
  padding-right : 0px;
  border-style  : none;
}
/* 主商品・併せ商品の入れ子テーブル */
/* table.ireko_kariirejyouhou: 借入情報(基本情報画面、借入情報画面) */
/* table.ireko_syohiyou: 諸費用情報画面                             */
/* table.ireko_syouhin: 確認画面/繰上返済結果画面                   */
table.ireko_kariirejyouhou,
table.ireko_syohiyou,
table.ireko_syouhin{
  width : 235px;
  margin: 0px;
}
table.ireko_kariirejyouhou td,
table.ireko_syohiyou td,
table.ireko_syouhin td{
  padding-top   : 3px;
  padding-left  : 0px;
  padding-bottom: 3px;
  padding-right : 0px;
  border-style  : none;
}
/* table.ireko_kariirejyouhou: 借入情報(基本情報画面、借入情報画面)の入れ子      */
/* ３大疾病保障、加入人数入力欄の入れ子テーブル_JyoukenForm.jsにて表示制御を行う */
table.ireko_input_DNSN{
  width: 100%;
  margin-top  : 3px;
  border-width: 0px;
}
table.ireko_input_DNSN td{
  border-style  : none;
  padding-top   : 1px;
  padding-left  : 0px;
  padding-bottom: 1px;
  padding-right : 0px;
  vertical-align: middle;
}
table.ireko_input_DNSN td.ireko_koumokuNm{
  padding-top   : 6px;
  vertical-align: top;
}

table.ireko_input_KNR{            /* 入力欄の入れ子ではtableのwidthはpx指定 */
  width       : 200px;
  margin      : 0px;
  border-width: 0px;
}

table.ireko_input_KNR td{  /* 常に指定する */
  border-style  : none;
  padding-top   : 1px;
  padding-left  : 0px;
  padding-bottom: 1px;
  padding-right : 0px;
  vertical-align: middle;
}

/* === ボーナス入力方法ラジオボタン === */
table.BonusNyuuryokuHouhou{
  width       : 100%;
  border-style: none;
  border-width: 0px;
  font-weight : bold;
}
table.BonusNyuuryokuHouhou td{
  border-style: none;
  border-width: 0px;
  padding     : 0px;
}