/* =================================================================== */
/*      返済プラン比較画面    のスタイル指定を行います。               */
/*                                                                     */
/* 色の指定はhikaku_common.cssで行う                                   */
/* ブラウザ別CSSを除き、フォントサイズ指定はhikaku_fontsize.cssで行う  */
/* =================================================================== */

/* ========== 比較共通 ================================================== */
/* 見出し */
h2.plan{
  margin-top   : 0px;
  margin-bottom: 0px;
}
h4{
  margin-top   : 15px;
  margin-bottom: 5px;
  font-weight  : bold;
  clear        : both;
}
h5{
  margin-top   : 15px;
  margin-bottom: 5px;
  font-size    : 120%;
  font-weight  : bold;
  clear        : both;
}
/* テーブル関係 */
table{ clear: both; }

/* ========== 注意事項と利用案内のボタン配置 =============================== */
div.link_warning_hikaku{
  text-align: center;
}
/* ========== 試算条件入力エリア =========================================== */
/* ===試算プラン選択エリア=== */
table.sisan_plan_sentaku{
  width     : 100%;
  text-align: center;
}
table.jyouhou{
  width       : 100%;
  border-width: 1px;
  border-style: solid;
}
/* ===プラン1〜3共通条件エリア=== */
/* 諸費用入力選択 */
div.syohiyou_nyuuryoku_sentaku{
  margin-top  : 5px;
  padding     : 10px;
  border-width: 1px;
  border-style: solid;
  text-align  : left;
  clear       : both;
}
span.syohiyou_nyuuryoku_sentaku{
  font-size  : 100%;
  font-weight: bold;
  clear      : both;
}
/* 借入金額入力・現在年齢 */
table.kariirekingaku,
table.genzainenrei{
  width: 100%;
}

/* ===プラン別条件エリア=== */
table.jyoukennyuuryoku{
  table-layout : fixed;
  margin-bottom: 0px;                  /* 非表示対応のため下のマージンはなし */
}
table.jyoukennyuuryoku td{
  padding-right: 3px;
  padding-left : 3px;
}
table.jyoukennyuuryoku_keisen{
  border-width: 1px;
  border-style: solid;
}
.midasi_plan2, .midasi_plan3{
  border-left-width: 3px !important;    /* 二重線対応 */
  border-left-style: double !important; /* 二重線対応 */
  text-align       : center;            /* common継承部分 */
  font-weight      : bold;
}
.td_plan1{
  padding-top   : 0.5em;
  padding-right : 3px;
  padding-bottom: 0.5em;
  padding-left  : 3px;
}
.td_plan2, .td_plan3{
  padding-top      : 0.5em;
  padding-right    : 3px;
  padding-bottom   : 0.5em;
  padding-right    : 3px;
  border-left-width: 3px !important;    /* 二重線対応 */
  border-left-style: double !important; /* 二重線対応 */
}
.uetume{
  vertical-align: top;  /* 上詰め */
}
/* フォーム幅の統一 */
select.haba{ width: 140px; }
input.haba{  width: 110px; }

/* === テーブルの幅を指定(切り替え) === */
/* プラン1のみの表示の場合に指定 */
table.plan1_width{   width: 630px; }
.midasi_widtha{      width: 20px; }
.midasi_widthb{      width: 170px; }
td.plan1_width{      width: 420px; }
td.onlyplan1{ padding-left: 1em !important; }   /*プラン１のみの表示のときに使用, 左にスペースを空ける */

/* プラン2,3が表示される場合に指定 */
.plan_width{      width: 158px; }
.midasi_width02a{ width: 20px; }
.midasi_width02b{ width: 95px; }
/* 住宅ローン利用時の諸費用に指定 */
.plan2_width_P1{width: 204px;}
.plan2_width_P2{width: 205px;}
/* 住宅取得時の諸費用に指定 */
table.syohiyou{
  width: 630px;
  padding: 0px;
}
.midasi_syohiyou1{ width: 122px;}
.midasi_syohiyou2{ width: 123px;}
.koumoku_syohiyou{
  width         : 178px;
  padding-top   : 0.5em;
  padding-right : 3px;
  padding-bottom: 0.5em;
  padding-left  : 3px;
}
/* === ボーナス入力方法ラジオボタン === */
table.BonusNyuuryokuHouhou{
  width       : 100%;
  border-style: none;
  border-width: 0px;
  font-weight : bold;
}
table.BonusNyuuryokuHouhou td{
  border-style: none;
  border-width: 0px;
  padding     : 0px;
}
/* === 試算に含まないチェックボックス === */
table.SyohiyouSisanUmu{
  border-style: none;
  border-width: 0px;
  font-weight : bold;
}
table.SyohiyouSisanUmu td{
  border-style: none;
  border-width: 0px;
  padding     : 0px;
}
/* ===入れ子テーブル=== */
/* <td>直下の入れ子テーブル_block.jsにてテーブル幅変更を行う */
table.ireko_input{            /* 入力欄の入れ子ではtableのwidthはpx指定 */
  width       : 170px;
  margin      : 0px;
  border-width: 0px;
}
table.ireko_input_largefont{  /* 文字サイズ大、かつプラン1のみの表示の場合に使用 */
  width       : 200px;
  margin      : 0px;
  border-width: 0px;
}
table.ireko_input td,
table.ireko_input_largefont td{  /* 常に指定する */
  border-style  : none;
  padding-top   : 1px;
  padding-left  : 0px;
  padding-bottom: 1px;
  padding-right : 0px;
  vertical-align: middle;
}
/* ３大疾病保障、加入人数入力欄の入れ子テーブル_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;
}
/* ==================ボタン配置============================================ */
/* 試算ボタン(テーブルに下マージンがないため上マージンを指定) */
div.button_sisan{
  margin-top: 5px;
  text-align: center;
}
table.button{
  width: 100%;
  margin-bottom: 5px;
  clear        : both;
}
table.button td{
  border-style : none;
  padding : 0px;
}
/* ============= 表示／非表示を切り替える ============================== */
/* 非表示 */
.hide{
  display: none;    /* 初期設定*/
}
/* 領域を確保して非表示 */
.nonvisi{
  visibility  : hidden;
  border-style: none;
}

/* ============= 試算条件エリア ========================================== */
table.sisanjyouken{
  width: 100%;
  font-size: 97%;
}
table.sisanjyouken th{
  padding-right: 1px;
  padding-left : 1px;
}
table.sisanjyouken td{
  padding: 3px;
}
/* 改ページ */
.kaipage{
  page-break-before: always;
}

/* ============= グラフエリア ============================================ */
div.graph_siharaigaku{
  margin-bottom: 10px;
}
table.graph_siharaigaku{
  margin-right : auto;
  margin-left  : auto;
  margin-bottom: 0px;
  border-width : 0px;
  border-style : none;
}
table.graph_siharaigaku td{
  margin      : 0px;
  padding     : 0px;
  border-width: 0px;
  border-style: none;
}
/* ============= 合算・個別結果エリア ============================================ */
table.kekka{
  width        : 100%;
  margin-bottom: 5px;
  font-size    : 97%;
  clear        : both;
}
table.kekka th{
  padding-right : 1px;
  padding-left  : 1px;
  padding-bottom: 1px;
}
table.kekka th.table_title{
  padding-top   : 2px;
  padding-left  : 5px;
  padding-bottom: 0px;
  text-align    : left;
}
table.kekka td{
  padding-top   : 5px;
  padding-right : 2px;
  padding-bottom: 5px;
  padding-left  : 2px;
}
/* 総支払額欄・合計欄_強調セル */
.sousiharaigaku{
  height      : 1.5em;
  border-width: 5px;
  border-style: double;
  font-size   : 120%;
  font-weight : 900;
}
.goukei{
  height      : 1em;
  border-width: 5px;
  border-style: double;
  font-size   : 100%;
  font-weight : 900;
}
/* 試算結果の入れ子テーブルをもつ<td> */
td.ireko_kekka_oya{
  vertical-align: top;
}
/* 試算条件・試算結果の入れ子*/
.ireko_kekka{
  width       : 100%;
  height      : 100%;
  margin      : 0px;
  border-width: 0px;
}
.ireko_kekka td{
  border-width  : 0px;
  padding-top   : 2px;
  padding-right : 0px;
  padding-bottom: 2px;
  padding-left  : 0px;
  vertical-align: top;
}
.blank {
  border-top-style   : none;
  border-right-style : none;
}
.souhensaigaku,
.syohiyou{
  border-bottom-style : none;
}
/* ==== 遷移エリア ==== */
div.senni{
  width              : 100%;
  margin-top         : 15px;
  margin-bottom      : 20px;
  padding-top        : 10px;
  padding-bottom     : 10px;
  border-top-width   : 4px;
  border-bottom-width: 4px;
  border-top-style   : double;
  border-bottom-style: double;
  clear              : both;
}
table.senni{
  width        : 100%;
  margin-bottom: 0px;
}
table.senni td{
  padding-left: 15px;
  border-style: none;
}
/* ==== 繰上返済リンクエリア ==== */
div.krhnlink{
  width              : 100%;
  margin-top         : 15px;
  margin-bottom      : 20px;
  padding-top        : 10px;
  padding-bottom     : 5px;
  border-top-width   : 4px;
  border-bottom-width: 4px;
  border-top-style   : double;
  border-bottom-style: double;
  clear              : both;
}
div.krhnlink_midasi{
  width             : 220px;
  height            : 22px;
  padding-left      : 15px;
  padding-right     : 30px;
  padding-top       : 3px;
  float : left;
}
div.krhnlink_yajirusi{
  width             : 100px;
  height            : 24px;
  padding-left      : 15px;
  padding-right     : 0px;
  padding-top       : 1px;
  float : left;
}
div.krhnlink_button{
  width             : 235px;
  height            : 25px;
  padding-left      : 15px;
  padding-right     : 0px;
  float : left;
}
/* ============= 資金計画診断へのリンクエリア =============================== */
div.sisanplan_sentaku{
  clear        : both;
  text-align   : center;
  padding      : 10px;
  margin-bottom: 10px;
}
span.sisanplan_sentaku{
  font-size  : 100%;
  font-weight: bold;
  clear      : both;
}
table.link_kinou{
  width       : 100%;
  border-width: 1px;
  border-style: solid;
}
td.link_kinou{
  border-width  : 0px;
  padding       : 5px;
  vertical-align: middle;
}
td.link_kinou_midasi{
  border-top-width   : 1px;
  border-bottom-width: 0px;
  border-top-style   : solid;
  border-bottom-style: none;
  padding            : 0px;
}
ul.link_kinou_list{
  line-height : 120%;
  padding-top : 15px;
  padding-left: 20px;
  margin      : 0px;
}
ul.link_kinou_list li{
  margin-top: 3px;
}

/* ==== イメージ ==== */
.img_inline{               /* 文中にイメージを挿入する場合に使用 */
  display       : inline;
  vertical-align: middle;
}
img.hatena_siteinasi{         /* 配置指定なしはてなマーク */
  vertical-align: middle;
}
/* ============= 繰上返済情報画面 ============================================================ */
table.kuriagehensai_jyouken{
  width: 100%;
}
table.kuriagehensai_jyouken th{
  padding-right: 3px;
  padding-left : 3px;
}
table.kuriagehensai_jyouken td{
  padding: 3px;
}
table.kuriagehensai_kekka{
  width       : 100%;
  border-width: 1px;
  border-style: solid;
}
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_kaisuu{  /* 項目名_繰上返済(時期指定)回数欄 */
  width         : 8%;
  padding-top   : 8px;
  padding-right : 2px;
  padding-left  : 2px;
  text-align    : center;
  vertical-align: top;
}
/* テーブルヘッダ */
th.table_title{
  padding-top   : 2px;
  padding-bottom: 0px;
  text-align    : left;
}
/* 繰上返済試算結果の入れ子*/
table.ireko_syouhin{
  width : 215px;
  margin: 0px;
}
table.ireko_krhn_jyouken td{
  padding-top   : 3px;
  padding-left  : 0px;
  padding-bottom: 3px;
  padding-right : 0px;
  border-style  : none;
}
table.ireko_syouhin td{
  padding-top   : 3px;
  padding-left  : 0px;
  padding-bottom: 3px;
  padding-right : 0px;
  border-style  : none;
}
.ireko_krhn_kekka{
  width       : 215px;
  margin      : 0px;
  border-width: 0px;
}
.ireko_krhn_jyouken{
  width       : 240px;
  margin      : 0px;
  border-width: 0px;
}
.ireko_krhn_kekka td{
  border-width  : 0px;
  padding-top   : 2px;
  padding-right : 0px;
  padding-bottom: 2px;
  padding-left  : 0px;
  vertical-align: top;
}
.ireko_krhn_jyouken td{
  border-width  : 0px;
  padding-top   : 2px;
  padding-right : 0px;
  padding-bottom: 2px;
  padding-left  : 0px;
  vertical-align: top;
}
h3.soukatu_midasi{           /* div.souaktu_midasi内に<h3>があるため、common.css指定のマージンを削除 */
  width : 98%;
  margin: 0px;
}
/* 結果総括 */
div.soukatu{
  width       : 100%;
  border-width: 1px;
  border-style: solid;
  text-align  : center;
}
div.soukatu_midasi{     /* 総括に見出しが含まれない場合、使用しません */
  width              : 98%;
  margin-top         : 5px;
  margin-right       : auto;
  margin-bottom      : 0px;
  margin-left        : auto;
  padding-bottom     : 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  text-align         : left;
}
div.soukatu_text{
  width       : 96%;
  margin-top  : 5px;
  margin-right: auto;
  margin-left : auto;
  text-align  : left;
}
/* 強調文字列 */
.soukatu_kyoutyou{
  padding-right: 5px;
  padding-left: 5px;
  font-weight: bold;
}
/* ==== 総支払額の比較エリア ==== */
table.sousiharaigaku_hikaku{
  width: 100%;
}
table.sousiharaigaku_hikaku th{
  padding-right: 3px;
  padding-left : 3px;
}
table.sousiharaigaku_hikaku td{
  padding-right: 1px;
  padding-left : 0px;
}
.sousiharaigakusoukei,
.souhensaigaku{
  border-bottom-style: none;
}
.sousiharaigaku_hikaku_blank{
  border-top-style  : none;
  border-right-style: none;
}
.sousiharaigaku_border_line{         /* 総支払額のテーブルで使用します。 */
  border-left-width: 3px;
  border-left-style: double;
}
div.sousiharaigaku_midasi{
  width : 89%;
  margin-top  : 15px;
  margin-bottom : 5px;
  float : left;
}
div.tani{
  margin-top  : 25px;
  margin-bottom : 0px;
  vertical-align : bottom;
  float : left;
}