/* ============= 資金計画共通色指定 ============= */
/* ブルーベース  ３色                             */
/* うすい→#C0D3F5  背景                          */
/* 中間  →#9FBCD3  罫線                          */
/* 濃い  →#005D91  文字                          */

/* ==== common.cssを補う ==== */
h1, h2, h3{ color: #005D91; }
th{
  border-color    : #9FBCD3;
  background-color: #C0D3F5;
}
td{ border-color: #9FBCD3; }
div.waku, div.waku_yoko{ background-color: #C0D3F5; }
div.sousiharaigaku_midasi{
  color: #005D91;
}
/* ==== 資金計画共通色指定 ==== */

/* 背景色 */
.okiniirilist_number,
td.sougaku,
th.koumokuNm_kareiirejyouhou_row1,
th.koumokuNm_kareiirejyouhou_row2,
table.BonusNyuuryokuHouhou td
 { background-color: #C0D3F5;}

th.table_title{
  background-color: #9FBCD3; /* テーブルヘッダ_罫線と同じ色を使用 */
}

/* 罫線色 */
div.nyuuryokusentaku_area,
div.senni,
div.tyousabi,
div.okiniiri_zero,
div.topMsg,
table.jyouhou,
table.kariirejyouhou,
table.sikinkeikaku_syousai,
table.kakeisyuusi_syousai,
table.kuriagehensai_kekka,
td.koumokuNm_kareiirejyouhou_row1,
td.koumokuNm_kareiirejyouhou_row1,
td.kariirejyouhou_row1,
td.kariirejyouhou_row2,
div.soukatu
{ border-color:#9FBCD3; }

/* 罫線色特殊指定 */
/* th.keikaku_border_left_none: 結果画面(住宅)_keikaku_border_right_noneと組み合わせて使用します */
/* th.syuusi_border_left_none : 結果画面(家計)_syuusi_border_right_noneと組み合わせて使用します  */
/* セル左側の罫線を背景色と同じにすることで、見た目上の罫線をなくします                          */
/* 1行目のセルにkeikaku_border_left_noneを使用する場合、table罫線を指定する必要があります。      */
th.keikaku_border_left_none,
th.syuusi_border_left_none{
  border-left-color  : #C0D3F5;
}

/* 見出し下線 */
div.soukatu_midasi
{ border-bottom-color : #9FBCD3; }

/* 強調文字列 */
.soukatu_kyoutyou,
.onepoint_kyoutyou{
  padding-right: 5px;
  padding-left: 5px;
  color: #005D91;
  font-weight: bold;
}
/* 赤字_赤字は D20000 ですべて統一します */
td.over_hutanritu{   /* 住宅診断結果(家計に占める住宅ローン返済等の割合エリア)にて商品タイプ毎の返済負担率を超える場合に使用 */
  background-color: #FFA89F;
}
li.over_hutanritu{   /* 住宅診断結果(家計に占める住宅ローン返済等の割合エリア)にて商品タイプ毎の返済負担率を超える場合の警告メッセージに使用 */
  color: #D20000;
}
span.mibarairisoku{
  color: #D20000;
}
/* ============= 資金計画共通 ====================================================================== */
/* テーブルヘッダ */
th.table_title{
  padding-top   : 2px;
  padding-bottom: 0px;
  text-align    : left;
}

/* ==== ナビゲーションエリア ==== */
div.navigation{
    padding-top   : 5px;
    padding-right : 10px;  /* 中央揃え */
    padding-bottom: 0px;
    padding-left  : 10px;  /* 中央揃え */
    text-align:center;     /* IE向け中央揃え */
}
table.navigation{
  table-layout: fixed;
  width       : 610px;
  margin      : 0px;
  padding     : 0px;
  border-width: 0px;
  border-style: none;
}
table.navigation td{
  margin      : 0px;
  padding     : 0px;
  border-width: 0px;
  border-style: none;
}
/* ==== 遷移エリア ==== */
div.senni{
  width              : 100%;
  margin-top         : 15px;
  margin-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;
}
/* ============= 表示／非表示を切り替える ============================== */
/* 非表示 */
.hide{
  display: none;    /* 初期設定*/
}
/* 領域を確保して非表示 */
.nonvisi{
  visibility  : hidden;
  border-style: none;
}