/* ======================================================================== */
/*      用語集     のスタイル指定を行います。                               */
/*      機能別の色指定は下記のとおりです。                                  */
/*        共通                     common_color.css                         */
/*        資金計画シミュレーション sikin_yougosyuu_color.css                */
/*        住宅ローン検索           kensaku_yougosyuu_color.css              */
/*        返済プラン比較           hikaku_yougosyuu_color.css               */
/* ======================================================================== */

/* ==================================== 全般 ============================================================= */
div.contents_tate{
  line-height: 140%;
}

/* ==== フォントサイズ ==== */
/* 標準フォントサイズ */
body{  font-size: 80%; }
/* 標準フォントサイズの継承 */
table{ font-size: 100%; }
/* 見出し レベル1〜3 */
h1, h2, h3{ font-size: 120%; }

/* ==================================== ヘッダ ============================================================ */
div.header{
  width           : 630px;
  margin          : 0px;
  margin-bottom   : 5px;
  padding         : 0px;
  background-color: #FFFFFF;
  text-align      : left;
}
/* ==== ページトップインデックス ==== */
div.index{
  margin-top: 10px;
}
ul.index{
  padding        : 0px;
  list-style-type: none;
}
ul.index li{
  padding-right: 15px;
  display      : inline;
}

div.index_vertical{
  padding-left: 10px;
}
ul.index_vertical{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 120%;
  list-style-type: none;
}

/* ==================================== 目次 ================================================================ */
h3.yougosyuu_index{
  padding-left: 45px;
}
div.button_center{
  margin-top   : 20px;
  margin-bottom: 20px;
}
/* ==== リンクエリア ==== */
div.link_area{
  padding-left: 75px;
}
ul.link_area{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 120%;
  list-style-type: none;
}
li.link_area{
}

/* ==================================== 本文 ================================================================= */
h2{
  padding-left: 15px;
}
h3.yougosyuu{
  margin-top   : 10px;
  margin-bottom: 2px;
  padding-left : 40px;
  text-indent  : -1em;
  font-weight  : normal;
  color        : #323232;
}
li.tyuu{
  line-height: 140%;
}
table{
  margin-top: 3px;
}
th{
  padding: 3px;
  border-width: 1px;
  font-weight : normal;
  text-align  : left;
}
td{
  padding: 3px;
  border-width: 1px;
  font-weight : normal;
  text-align  : left;
}
td.none{                   /* 記述事項のないセル */
  text-align: center;
  background-color: #C9C7BF;
}
td div.tyuu{               /* テーブル内の註（基本）フォントサイズ小 */
  margin-bottom: 0px;
  line-height: 140%;
  font-size  : 80%;
}
td.font_normal div.tyuu{   /* テーブル内の註 フォントサイズ通常サイズ */
  margin-bottom: 0px;
  line-height: 140%;
  font-size  : 100%;
}
td div.tyuu ul.tyuu{
  padding-left: 10px;
}
td div.tyuu li.tyuu{
  padding-top: 1px;
}
td.yougosyuu_border_bottom_none{      /* yougosyuu_border_top_right_noneと組み合わせて使用します */
  border-bottom-style: none;          /* セル下のボーダーを消します。                          */
}
td.yougosyuu_border_top_none{         /* yougosyuu_border_bottom_noneと組み合わせて使用します */
  border-top-style  : none;             /* セル上のボーダーを消します。               */
  border-right-style: none;
}
/* ==== 文章部分 ==== */
div.lead{
  margin-top   : 20px;
  margin-bottom: 5px;
  clear        : both;
}
div.text_level1{
  padding-left: 25px;
   margin-top : 10px;
}
div.text_level2{
  padding-left: 45px;
}
div.text_level3{
  padding-left: 65px;
}
div.text_level4{
  padding-left: 85px;
}

/* ==== 入れ子テーブル ==== */
table.ireko{
  margin: 0px;
  width : 100%;
}
table.ireko td{
  padding     : 0px;
  border-style: none;
}

/* ==== イメージ ==== */
.img_inline{               /* 文中にイメージを挿入する場合に使用 */
  display: inline;
  vertical-align: middle;
}
/* ==== リスト ==== */
ul{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 140%;
}
td ul{                      /* テーブルの中のリストの「・」を消去する。 */
  padding-left   : 10px;
  margin         : 0px;
  line-height    : 140%;
  list-style-type: none;
  text-indent    : -0.8em;
}
ul.example{               /* 例）・・・・で使用 */
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 140%;
  list-style-type: none;
  text-indent    : -1.5em;
}
/* ====  番号つきリスト====  */
/*
  (使用例)
  1.  説明
  2.  説明
  3.  説明

  (1) 説明
  (2) 説明
  (3) 説明
*/
ul.num_yougosyuu{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 140%;
  list-style-type: none;
  text-indent    : -1.4em;
}
/* ====  文字つきリスト====  */
/*
  (使用例)
  (例) 説明
  (例) 説明
  (例) 説明

   表1 説明
   表2 説明
   表3 説明

*/
ul.moji_yougosyuu{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 140%;
  list-style-type: none;
  text-indent    : -2.1em;
}
/* ====  文字つきリストインデント１文字分のみ====  */
/*
  (使用例)
   ○説明あああああ
     あああああ
   ○説明いいいいい
     いいいいい
   
*/
ul.moji_yougosyuu_littleindent{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 140%;
  list-style-type: none;
  text-indent    : -1.2em;
}

/* ====  1行空ける====  */
div.itigyou_kuuhaku{       /*  <br/>で一行空けるのと同じ効果 （空け幅を調節できる。）*/
  margin-bottom: 10px;
}
/* =====部品===== */
td.vertical_align_top{
  vertical-align: top;
  padding-top   : 15px;
}
.text_align_right{  text-align:right;  }
.text_align_left{   text-align:left;   }
.text_align_center{ text-align:center; }

/* 借換 */
td.no_border{
  border-style: none;
}

/* ============= 借入情報画面・個別 ==================================================================== */
table.syutokuhi td{
  border-style: none;
}

/* ============= 本人・収入画面・個別 ==================================================================== */
div.manen{
  margin-left: 77%;
}
table.gessyuu th{         /* サファリの改行対策 */
  padding-right: 0px;
  padding-left : 0px;
}
/*
  (使用例)
  (ご注意) 説明
*/
ul.gotyuui_yougosyuu{
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 140%;
  list-style-type: none;
  text-indent    : -3.8em;
}

/* ============= 入力方法画面・個別 ==================================================================== */
div.text_level_nyuuryoku{
  padding-left: 20px;
}
/* ============= 諸費用情報画面・個別 ==================================================================== */
/* =====見出し====== */
div.midasi_syohiyouInfo{
  margin-top   : 20px;
  margin-bottom: 5px;
  clear        : both;
}
/* =====赤字===== */
span.akaji{
  color: #D20000;
}
/* =====テーブルの中のテーブルの設定===== */
td.syohiyou_table {
  padding-top   : 15px;
  padding-bottom: 15px;
  padding-left  : 20px;
}
/* =====入力期限の解説の配置===== */
div.sisutemu_kigen{
  margin-top: 30px;
}
/* =====土地の解説の配置===== */
div.toti_kaisetu{
  margin-top: 120px;
}
/* =====テキストレベル１に対応する注意エリア===== */
/*
 下記のCSSに対応するため
 div.text_level1{ padding-left: 25px; }
*/
div.tyuu_text_level1{
  text-align: left;
}
ul.tyuu_text_level1{                    /* ※印のみの註で使用します */
  padding-left   : 15px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -1em;
}
li.tyuu_text_level1{
  padding-top: 3px;
}
/* =====特約火災保険/火災保険の算出根拠===== */
/* 式、矢印、説明を指定する。*/
span.siki_sen{
  text-decoration: underline;
}
div.yazirusi_haiti{
  padding-left: 130px;
}
div.siki_syori_setumei{
  padding-left: 80px;
}
div.kasaihoken_kaisetu_haiti{
  margin-top: 20px;
}
/* ==== 地震保険 入れ子テーブル ==== */
table.ireko_TokuyakuJisin,
table.ireko_MinkanJisin{
  margin: 0px;
  width : 94%;
}
td.ireko_TokuyakuJisin{
  vertical-align: top;
  padding       : 0px;
  border-style  : none;
}

td.ireko_MinkanKasai{
  vertical-align: top;
  padding       : 0px;
  border-style  : none;
}
/* ============= 支出情報画面・個別 ==================================================================== */
/* =====生命保険1〜3の説明====== */
div.seimei_hoken_setumei{
  padding-left   : 180px;
}