/* ======================================================= */
/*      シミュレーション共通    のスタイル指定を行います。 */
/*                                                         */
/* 色の指定は機能別CSSで行います。                         */
/* 要素間のスペースは基本的にmargin-bottom: 5px;           */
/* 見出しのみ、margin-top: 20px;                           */
/* 黒: #323232; 赤: #D20000;                               */
/* ======================================================= */

/* ****************共通*********************************** */
*{ margin: 0px; }    /* デフォルトのマージンを0にする */

body{
  color      : #323232;
  font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
  text-align : center;   /* IE向け中央揃え */
  background-color: #FFFFFF;
}
input,select{ font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;}
select{    height: 1.5em; }
A:link {    color: blue; }
A:visited { color: blue; }

/* =================見出し================================ */
h1, h2, h3{
  margin-top   : 20px;
  margin-bottom: 5px;
  clear        : both;
}
h4{
  margin-top   : 5px;
  margin-bottom: 5px;
  clear        : both;
}
h6{
  margin-bottom: 10px;
  clear        : both;
}
/* =================テーブル============================== */
table{
  margin-bottom  : 5px;
  border-collapse: collapse;    /* セルの罫線を重ねる */
}
th, td{
  padding         : 5px;
  background-color:#ffffff;
  border-width    : 1px;
  border-style    : solid;
}
.midasi_center{                  /* table横の見出し */
  border-width: 1px;
  border-style: solid;
  text-align  : center;
  font-weight : bold;
}
.midasi_left{                    /* table縦の見出し */
  border-width: 1px;
  border-style: solid;
  text-align  : left;
  font-weight : bold;
}
.midasi_left2{                    /* table縦の見出し */
  border-width: 1px;
  border-style: solid;
  text-align  : left;
  font-weight : bold;
  border-left-width: 3px !important;    /* 二重線対応 */
  border-left-style: double !important; /* 二重線対応 */
  background-color:#FAD09E;
}
/* =================その他================================ */
div{ margin-bottom: 5px; }
img{ border       : 0px; }        /* 画像のborderなし */
label{ cursor: pointer;  }

/* ****************エリア別指定*************************** */
/* ================ ヘッダ =============================== */
div.header{
  width           : 630px;
  margin-top      : 0px;
  margin-right    : auto;
  margin-bottom   : 0px;
  margin-left     : auto;
  padding         : 0px;
  background-color: #FFFFFF;
}
table.header{
  table-layout: fixed;
  width: 630px;
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: none;
}
table.header td{
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  border-style: none;
}

/* =================注意文言へのリンクエリア============== */
/* 初めての方は・・・ */
div.link_warning{
  margin-top: 15px;
}
span.link_warning_text{
  color: #D20000;
  font-weight: bold;
}
img.link_warning{
  vertical-align: middle;
}
img.link_goriyouhouhou{
  vertical-align: middle;
}
/* 註内の注意文言へのリンク */
span.tyuu_link_warning{
  color: #D20000;
}
img.tyuu_link_warning{
  vertical-align: middle;
}
A.tyuu_link_warning:link{
  color: #D20000;
  text-decoration: none;
}
A.tyuu_link_warning:visited{
  color: #D20000;
  text-decoration: none;
}
/* === トップのメッセージ ================================= */
div.topMsg{
  width        : 100%;
  margin-top   : 5px;
  margin-bottom: 0px;
  border-width: 1px;
  border-style: solid;
  line-height :130%;     /* 行送りの指定 */
}
div.topMsg_midasi{
  margin-top    : 0px;
  margin-bottom : 0px;
  padding-left  : 5px;
}
ul.topMsg{
  margin      : 0px;
  padding     : 5px;
  padding-left: 25px;
}
li.topMsg{
  margin-top: 2px;
}
/* =================外部サイトへのリンクエリア============ */
img.urlOutside{
  vertical-align:middle;
  padding:0px 2px 3px 2px;
}
/* =================説明エリア============================ */
div.setumei{
  width        : 100%;
  margin-bottom: 5px;
  border-width : 0px;
}
ul.setumei{
  margin      : 0px;    /* IEでは左側にmarginがあるので0pxとする。→リストはリストを囲むdivと同じサイズになる。 */
  padding     : 5px;
  padding-left: 25px;   /* paddingを調整してIEとFirefoxで同じくらいになるようにする */
  line-height : 120%;
}
li.setumei{
  margin-top: 2px;
}
/*  ======ワンポイントエリア============================== */
img.onepoint{
  width: 12%;
  clear: left;
}
div.onepoint_text{       /* ワンポイント見出し＆テキストを囲むBOX */
  width        : 86%;
  margin-top   : 5px;
  margin-bottom: 0px;
  float        : right;
}
span.onepoint_midasi{     /* ワンポイント見出し */
  color      : #D20000;
  font-weight: bold;
}
table.table_onepoint{
  width       : 100%;
  border-width: 1px;
  border-style: solid;
  border-color: #6699FF; /* 青枠 */
  line-height :130%;     /* 行送りの指定 */
}
table.table_onepoint td{
  border-width: 0px;
}
img.table_img_onepoint{
  vertical-align: middle;
}
ul.onepoint_list{        /* リスト */
  margin       : 0px;
  padding      : 8px;
  padding-left : 25px;
}
ul.onepoint_list li{
  margin-top: 2px;
}
/* ================注意エリア============================= */
/* 注意エリア外枠 */
div.warning{
  width           : 100%;
  margin-bottom   : 5px;
  border-width    : 1px;
  border-style    : solid;
  border-color    : #B4B4B4;      /* 灰色枠 */
  background-color: #F6E0E0;
  text-align      : center;       /* IE5.0向け要素の中央揃え */
}
.img_warning{ vertical-align: middle; }
/* 【ご注意】などの見出し部 */
div.warning_midasi{
  width              : 98%;
  margin-top         : 5px;
  margin-right       : auto;
  margin-bottom      : 2px;
  margin-left        : auto;
  padding-bottom     : 2px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D20000;
  color              : #D20000;
  text-align         : left;
}
/* 注意本文 中点をつけない文言はここに直接記述 */
div.warning_text{
  width       : 96%;
  margin-right: auto;
  margin-left : auto;
  color       : #323232;
  text-align  : left;
  clear       : both;
}
p.warning_text{              /* div.warning_text内に記述。リスト以外で冒頭にマークが入る文を記述。マークの後には必ず半角スペースを置いてください。 */
  margin         : 0px;
  padding-top    : 3px;
  padding-left   : 20px;
  text-indent    : -1.5em;
}
ul.warning_list{             /* レベル１のリストで書き出す部分。div.warning_textに含まれる */
  line-height : 100%;
  padding-left: 20px;        /*リストのマークをdiv.warningの枠内にちょうどよく納めるためのpadding */
  margin      : 0px;
  margin-top  :3px;
}
ul.warning_list_level2{      /* レベル２のリストで書き出す部分。div.warning_textに含まれる */
  line-height : 100%;
  padding-left: 40px;        /*リストのマークをdiv.warningの枠内にちょうどよく納める*/
  margin      : 0px;
  margin-top  : 2px;
}
li.warning_list,
li.warning_list_level2{
  padding-top: 3px;
}
span.warning_midasi_level2{  /* div.warning_text内で見出しをつける場合に使用する */
  font-weight: bold;
}
/* 未払い利息ボタン */
img.button_mibarairisokusyousai_hyouji{
  vertical-align: middle;
  float         : right;
}
/* =================註エリア============================== */
/* 各ブラウザ対応のため、margin指定はリストではなくdivに対して行う */
div.tyuu{ text-align: left; }
ul.tyuu{                     /* ※印のみの註で使用 */
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -1em;
}
li.tyuu{
  padding-top: 3px;
}
ul.tyuu_num{                 /* 「※1」等、※印＋数字の註で使用 */
  padding-left   : 30px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -2em;
}
li.tyuu_num{
  padding-top: 3px;
}
ul.tyuu_kanji{                 /* 「（注）」で使用 */
  padding-left   : 30px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -2em;
}
li.tyuu_kanji{
  padding-top: 3px;
}
ul.tyuu_ireko{                 /* 註エリアの入れ子 */
  padding-left   : 25px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -1.5em;
}
li.tyuu_ireko{
  padding-top: 3px;
}
ul.tyuu_ireko2{                 /* 註エリアの入れ子 */
  padding-left   : 20px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -0.5em;
}
li.tyuu_ireko2{
  padding-top: 3px;
}
ul.tyuu_kakko{                 /* 「【注意】」で使用 */
  padding-left   : 40px;
  margin         : 0px;
  line-height    : 100%;
  list-style-type: none;
  text-indent    : -3em;
}
li.tyuu_kakko{
  padding-top: 3px;
}
/* ==================お気に入りリストエリア=============== */
/* 商品の調査日、更新日 */
div.tyousabi{            /* 外枠 機能別色指定 */
  width       : 100%;
  border-width: 1px;
  border-style: solid;
  clear       : both;
}
p.tyousabi{
  padding: 5px;
}
table.tyousabi{
  margin-right: 5px;
  margin-left : 5px;
}
table.tyousabi th, table.tyousabi td{
  padding       : 1px;
  padding-right : 2px;
  padding-left  : 2px;
  border-width  : 0px;
  border-style  : none;
  font-weight   : normal;
  vertical-align: top;
}
td.date{                /* 日付記述部 */
  width     : 35%;
  text-align: center;
}
/* 商品リストの説明 */
div.JLlist_setumei{
  width: 100%;
  line-height: 130%;
}
ul.JLlist_setumei{
  margin      : 0px;    /* IEでは左側にmarginがあるので0pxとする。→リストはリストを囲むdivと同じサイズになる。 */
  padding-left: 25px;   /* paddingを調整してIEとFirefoxで同じくらいになるようにする */
}
ul.JLlist_setumei li{
  margin-top   : 5px;
  margin-bottom: 5px;
}
/* お気に入りリストエリア 機能別色指定 */
img.okiniirilist_kirikae_button{
  vertical-align: middle;
  float         : right;
}
div.waku{
  width        : 100%;
  margin-bottom: 0px;
  clear        : both;
}
.waku_yoko{
  width : 100%;
  height: 15px;
  margin: 0px;
  clear : both;
}
/* お気に入りリストテーブル */
table.okiniirilist{
  width        : 600px;
  margin-right : 15px;
  margin-bottom: 0px;
  margin-left  : 15px;
}
th.midasi_okiniirilist{
  padding: 1px;
  border-width: 1px;      /* common継承部分 */
  border-style: solid;    /* common継承部分 */
  text-align  : center;   /* common継承部分 */
  font-weight : bold;
}
table.okiniirilist td{
  padding-right: 1px;
  padding-left : 1px;
}
td.okiniirilist_number{
  text-align: center;
}
/* 融資手数料特殊指定 */
th.okiniirilist_border_bottom_none{
  border-bottom-style: none;
  border-bottom-width: 0px;
}
th.okiniirilist_border_top_none{
  padding: 1px;
  border-width: 0px;
  border-style: none;
  text-align  : center;
  font-weight : bold;
}
/* 金利別カラー */
.kotei{background-color       : #FFFFFF;}  /* 全期間固定 */
.dankai{background-color      : #FFFFFF;}  /* 全期間固定(段階金利) */
.hendou{background-color      : #D7FFFF;}  /* 変動金利 */
.gonen_kotei{background-color : #FFE1E3;}  /* 五年固定 */
.koteisentaku{background-color: #FFFFCC;}  /* 固定期間選択 */

/* お気に入りリストエリア(お気に入りリスト０件) */
div.okiniiri_zero{
  background-image   : url("../images/others/Image_Mug.png"); /* 背景に画像を配置 */
  background-repeat  : no-repeat;                             /* 背景に画像を配置 */
  background-position: left bottom;                           /* 背景に画像を配置 */
  padding            : 10px;
  border-width       : 4px;
  border-style       : double;
  text-align         : center;
  line-height        : 2em;
  clear              : both;
}
img.okiniiri_zero{
  margin-top: 10px;
}
div.okiniiri_setumei{
  width       : 90%;
  margin-top  : 15px;
  margin-right: auto;
  margin-left : auto;
  text-align  : left;
  line-height : 1.5em;
}
div.okiniiri_tukuru_button{
  margin-top   : 30px;
  margin-bottom: 15px;
  text-align   : center;
}
/* ==================ボタン配置=========================== */
div.button_right{       /* 右寄せ */
  margin-bottom: 5px;
  text-align   : right;
  clear        : both;
}
div.button_center{      /* 中央揃え */
  margin-bottom: 5px;
  text-align   : center;
  clear        : both;
}
div.button_left{        /* 左寄せ */
  margin-bottom: 5px;
  text-align   : left;
  clear        : both;
}

/* ======？マーク========================================= */
/* ?マーク説明文 */
div.hatena_setumei{
  padding-left: 10px;
}
img.hatena_setumei{
  vertical-align: middle;
}
/* ？マーク */
img.hatena{                /* 右寄せで配置する場合に使用 */
  float: right;
  vertical-align: middle;
}
img.hatena_midasi{         /* テーブル見出しにハテナマークをつける場合に使用。配置指定なし */
  vertical-align: middle;
}

/* ====== ページトップへのリンク ========================= */
div.link_page_top{
  text-align: right;
}
/* ====== 部品 =========================================== */
/* 改行禁止 */
span.kaigyoukinsi{
  white-space: nowrap;
}
/* マイナス値 */
.minus{
  color: #D20000;
}
/* 必須項目赤字 */
span.hissu{
  color: #D20000;
}
/* 赤字 */
span.red{
  color: #D20000;
}
/* 太字 */
span.bold{
  font-weight: bold;   /* 上記部品と組み合わせて使用 */
}
/* テキスト横位置 */
.text_align_right{  text-align:right;  }
.text_align_left{   text-align:left;   }
.text_align_center{ text-align:center; }

/* ======エラー表示エリアの設定=========================== */
/* テーブル 背景黄色 外枠のみ表示 枠線 赤*/
table.error{
  width: 630px;
  padding         : 5px;
  background-color: #FFFF99;
  border-width    : 1px;
  border-style : solid;
  border-color: red;
}
td.error{
  padding         : 5px;
  background-color: #FFFF99;
  border-width    : 0px;
}
tr.error{
  padding         : 5px;
  background-color: #FFFF99;
  border-width    : 0px;
}
/* ======ページ幅の設定=================================== */
/*  ページ幅 縦   ※デフォルトの印刷設定の余白でA4縦に納まる。 */
div.contents_tate{
  width       : 630px;
  margin-right: auto;    /* Firefox向け中央揃え */
  margin-left : auto;    /* Firefox向け中央揃え */
  text-align  : left;    /* IE向けコンテンツ左揃え */
  background-color: #FFFFFF;
  clear       : both;
}
/*  ページ幅 横  */
div.contents_yoko{
  width: 1600px;
  clear: both;
}
/* =================警告エリア============================ */
div.warn{
  width        : 100%;
  margin-bottom: 5px;
  color: #D20000;
  font-weight: bold;
}
ul.warn{
  margin      : 0px;    /* IEでは左側にmarginがあるので0pxとする。→リストはリストを囲むdivと同じサイズになる。 */
  padding     : 5px;
  padding-left: 25px;   /* paddingを調整してIEとFirefoxで同じくらいになるようにする */
  line-height : 100%;
  color: #D20000;
  font-weight: bold;
}
li.warn{
  margin-top: 2px;
  color: #D20000;
  font-weight: bold;
}
/* =================住まっぷ============================== */
div.jumap_background{
  width               : 630px;
  padding-top         : 10px;
  padding-bottom      : 10px;
  margin-top          : 20px;
  margin-bottom       : 10px;
  margin-right        : auto;
  margin-left         : auto;
}
div.jumap{
  width               : 560px;
  margin-bottom       : 0px;
  margin-right        : auto;
  margin-left         : auto;
  background-color    : #FFFFFF;
}
div.tbox{
  width               : 540px;
  line-height         : 140%;
  padding             : 10px;
  margin-bottom       : 0px;
  margin-right        : auto;
  margin-left         : auto;
  border-top-style : solid;
  border-top-width : 2px;
  border-top-color : #FF9900;
  border-bottom-style : solid;
  border-bottom-width : 2px;
  border-bottom-color : #FF9900;
}
div.tbox p{
  margin     : 0;
  padding    : 3px;
  text-align : left;
}
.left {
  float :left;
}
div.clear {
  clear       : both;
  height      : 0px;
  line-height : 0;
  margin      : 0px;
  padding     : 0px;
}
div.osusume{
  width          : 540px;
  margin-bottom  : 0px;
  margin-right   : auto;
  margin-left    : auto;
  padding-top    : 5px;
  padding-bottom : 5px;
  text-align     : center;
}

.margin_zero {
  margin      : 0px;
  padding     : 0px;
}