@charset "UTF-8";
/* ---------------------------------------------------------------------------
  css Site Commons
 ----------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------
 css html
 ----------------------------------------------------------------------------- */
html {
  overflow-y: scroll;
}

/* ---------------------------------------------------------------------------
  css body
 ----------------------------------------------------------------------------- */
body {
  background: url(../img/common/body_color.gif) no-repeat center top;
  font-family: Osaka, Meyrio, "メイリオ", "ＭＳ ゴシック", sans-serif;
  font-size: 100%;
  color: black;
  line-height: 150%;
  text-align: center;
  display: block;
  float: none;
}
body:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html body {
  zoom: 1;
}
*:first-child + html body {
  zoom: 1;
}

img {
  margin-bottom: 10px;
}

/* ---------------------------------------------------------------------------
  css p
 ----------------------------------------------------------------------------- */
p {
  font-size: 14px;
  line-height: 150%;
}

/* ---------------------------------------------------------------------------
  css dl
 ----------------------------------------------------------------------------- */
dl dt, dl dd {
  font-size: 14px;
  line-height: 150%;
}
dl dd {
  margin-bottom: 10px;
}

ul, ol, li {
  line-height: 150%;
}

ol {
  margin-top: 10px;
}
ol.top-margin-none {
  margin-top: 0;
}

a, a:link, a:visited {
  color: #ff0000;
}

table th, td {
  font-size: 14px;
  vertical-align: middle;
  padding: 5px;
}

/* ---------------------------------------------------------------------------
  css .txt
 ----------------------------------------------------------------------------- */
.txt.fsize.px24 {
  font-size: 24px;
}
.txt.fsize.px10 {
  font-size: 10px;
}
.txt.fcolor.white {
  color: #ffffff;
}
.txt.fcolor.blue {
  color: #0083BB;
}
.txt.fweight.bold {
  font-weight: bold;
}
.txt.falign.left {
  text-align: left;
}
.txt.falign.center {
  text-align: center;
}
.txt.falign.right {
  text-align: right;
}

/* ---------------------------------------------------------------------------
  css wrapper
 ----------------------------------------------------------------------------- */
.wrapper {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  display: block;
  float: none;
}
.wrapper:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .wrapper {
  zoom: 1;
}
*:first-child + html .wrapper {
  zoom: 1;
}

/* ---------------------------------------------------------------------------
  css #header
 ----------------------------------------------------------------------------- */
#header {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  display: block;
  float: none;
}
#header:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #header {
  zoom: 1;
}
*:first-child + html #header {
  zoom: 1;
}

/* ---------------------------------------------------------------------------
  css #article
 ----------------------------------------------------------------------------- */
#article {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  display: block;
  float: none;
}
#article:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #article {
  zoom: 1;
}
*:first-child + html #article {
  zoom: 1;
}

/* ---------------------------------------------------------------------------
  css #article Commons
 ----------------------------------------------------------------------------- */
#article h2 {
  margin-bottom: 10px;
}
#article h2.bg {
  width: 110%;
  height: 41px;
  line-height: 40px;
  color: #ffffff;
  font-size: 15px;
}
#article h2.bg span.space {
  margin-left: 20px;
}
#article h2.bg.bg-01 {
  background: url(../img/tokutoku_title2112.png) no-repeat;
}
#article h2.bg.bg-02 {
  background: url(../img/shiawase_title2112.png) no-repeat;
}
#article h2.bg.bg-03 {
  background: url(../img/ufjnicos_title2112.png) no-repeat;
}
#article h2.bg.bg-04 {
  background: url(../img/nougyoushinyou_title2112.png) no-repeat;
}
#article h2.bg.bg-05 {
  background: url(../img/other_title2112.png) no-repeat;
}
#article h2.bg.bg-06 {
  background: url(../img/img19.jpg) no-repeat;
}
#article h2.bg.bg-07 {
  background: url(../img/img20.jpg) no-repeat;
}
#article h2.bg.bg-08 {
  background: url(../img/various_title2112.png) no-repeat;
}
#article h2.bg.bg-09 {
  background: url(../img/nougyoushinyou_title2112.png) no-repeat;
}
#article h2.bg.bg-10 {
  background: url(../img/ufjnicos_title2112.png) no-repeat;
  }
#article h2.bg.bg-11 {
  background: url(../img/h2_homeloan_karikae_goannai.jpg) no-repeat;
}
#article h3 {
  font-size: 16px;
}
#article h4 {
  font-size: 14px;
}
#article .w4by1 {
  width: 165px;
  display: inline;
  float: left;
}
#article .w4by2 {
  width: 307px;
  display: inline;
  float: left;
}
#article .w4by3 {
  width: 496px;
  display: inline;
  float: left;
}

/* ---------------------------------------------------------------------------
  css .section
 ----------------------------------------------------------------------------- */
#article .section {
  width: 662px;
  margin: 0 auto;
  text-align: left;
  display: block;
  float: none;
  margin-bottom: 10px;
}
#article .section:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #article .section {
  zoom: 1;
}
*:first-child + html #article .section {
  zoom: 1;
}

/* ---------------------------------------------------------------------------
  css .section
 ----------------------------------------------------------------------------- */
#article #menu {
  width: 662px;
}
#article #menu ul {
  width: 662px;
}
#article #menu ul li {
  margin-bottom: 5px;
}
#article #menu ul li a {
  display: block;
  width: 155px;
  height: 39px;
}
#article #menu ul li a#m01 {
  background: url(../img/img06.jpg) no-repeat;
}
#article #menu ul li a#m01:hover {
  background: url(../img/img06_2.jpg) no-repeat;
}
#article #menu ul li a#m02 {
  background: url(../img/img07.jpg) no-repeat;
}
#article #menu ul li a#m02:hover {
  background: url(../img/img07_2.jpg) no-repeat;
}
#article #menu ul li a#m03 {
  background: url(../img/img08.jpg) no-repeat;
}
#article #menu ul li a#m03:hover {
  background: url(../img/img08_2.jpg) no-repeat;
}
#article #menu ul li a#m04 {
  background: url(../img/img09.jpg) no-repeat;
}
#article #menu ul li a#m04:hover {
  background: url(../img/img09_2.jpg) no-repeat;
}
#article #menu ul li a#m05 {
  background: url(../img/img10.jpg) no-repeat;
}
#article #menu ul li a#m05:hover {
  background: url(../img/img10_2.jpg) no-repeat;
}
#article #menu ul li a#m06 {
  background: url(../img/img11.jpg) no-repeat;
}
#article #menu ul li a#m06:hover {
  background: url(../img/img11_2.jpg) no-repeat;
}
#article #menu ul li a#m07 {
  background: url(../img/img12.jpg) no-repeat;
}
#article #menu ul li a#m07:hover {
  background: url(../img/img12_2.jpg) no-repeat;
}
#article #menu ul li a#m08 {
  background: url(../img/img13.jpg) no-repeat;
}
#article #menu ul li a#m08:hover {
  background: url(../img/img13_2.jpg) no-repeat;
}
#article #menu ul li a span {
  display: none;
}

/* ---------------------------------------------------------------------------
  css #main #content #info
 ----------------------------------------------------------------------------- */
#article #info {
  height: 250px;
  overflow-y: scroll;
  padding-top: 10px;
  border: #15589f solid 1px;
}
#article #info h2 {
  font-size: 16px;
  margin-left: 10px;
  margin-right: 10px;
  border-bottom: #15589f dashed 1px;
}
#article #info dl {
  margin-left: 10px;
  margin-right: 10px;
}
#article #info dl dd {
  padding-bottom: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  border-bottom: #15589f dashed 1px;
}

/* ---------------------------------------------------------------------------
  css #main #content #info
 ----------------------------------------------------------------------------- */
#article #bussiness-hours {
  width: 662px;
}
#article #bussiness-hours th, #article #bussiness-hours td {
  border-bottom: #999999 dashed 1px;
}
#article #bussiness-hours th.no-border, #article #bussiness-hours td.no-border {
  border: none;
}

/* ---------------------------------------------------------------------------
  css #main #content #info
 ----------------------------------------------------------------------------- */
#article #gmap {
  width: 662px;
  height: 330px;
  margin: 0 auto;
  text-align: left;
  display: block;
  float: none;
  margin-bottom: 10px;
}
#article #gmap:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #article #gmap {
  zoom: 1;
}
*:first-child + html #article #gmap {
  zoom: 1;
}
#article #gmap span {
  display: none;
}

/* ---------------------------------------------------------------------------
  css #main #content #info
 ----------------------------------------------------------------------------- */
#article .rates {
  width: 662px;
}
#article .rates th {
  vertical-align: top;
  font-size: 13px;
  background-color: #e2e6f4;
}
#article .rates th p {
  font-size: 13px;
  text-align: left;
}
#article .rates th, #article .rates td {
  text-align: center;
  border: #15589f solid 1px;
}
#article .rates th.rate-w3by1, #article .rates td.rate-w3by1 {
  width: 220px;
}
#article .rates th.rate-w4by1, #article .rates td.rate-w4by1 {
  width: 165px;
}

/* ---------------------------------------------------------------------------
  css #main #content #info
 ----------------------------------------------------------------------------- */
#article .staff {
  width: 662px;
  display: block;
  float: none;
  border: #cccccc solid 1px;
  background-color: #f4f4fa;
  color: #15589f;
  font-size: 13px;
  margin-bottom: 10px;
}
#article .staff:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #article .staff {
  zoom: 1;
}
*:first-child + html #article .staff {
  zoom: 1;
}
#article .staff img {
  margin-top: 10px;
  margin-bottom: 0;
}
#article .staff hr {
  margin: 5px;
  border-top: #15589f dashed 1px;
}
#article .staff .decoration {
  width: 662px;
  display: block;
  float: none;
}
#article .staff .decoration:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #article .staff .decoration {
  zoom: 1;
}
*:first-child + html #article .staff .decoration {
  zoom: 1;
}
#article .staff .decoration .decoration-red {
  width: 60px;
  height: 5px;
  background-color: #d81718;
  float: left;
}
#article .staff .decoration .decoration-blue {
  width: 602px;
  height: 5px;
  background-color: #0b58a0;
  float: left;
}
#article .staff table th {
  padding: 0;
  width: 12em;
  text-align: right;
  vertical-align: top;
}
#article .staff table td {
  padding: 0 0 0 5px;
}

/* ---------------------------------------------------------------------------
  css #footer
 ----------------------------------------------------------------------------- */
#footer {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  display: block;
  float: none;
  background: #15589f;
  text-align: center;
}
#footer:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html #footer {
  zoom: 1;
}
*:first-child + html #footer {
  zoom: 1;
}

/* ---------------------------------------------------------------------------
  css #imgOpacity
 ----------------------------------------------------------------------------- */
#imgOpacity:hover{
  transition:all 0.2s ease 0s;
  opacity: 0.5;
}


/* ---------------------------------------------------------------------------
  新着情報 強調部分指定
 ----------------------------------------------------------------------------- */
.news_text {
  padding-top: 10px;
}

.news_important-red {
  font-weight: bolder;
  font-size: 1.3em;
  color: red;
  line-height: 2em;
  border-bottom: 2px dotted red;
  display: inline-block;
}

.news_important-1 {
  font-size: 1.2em;
  color: red;
}

.news_important-2 {
  font-size: 1.2em;
}

/* ---------------------------------------------------------------------------
  団信　バナー郡
 ----------------------------------------------------------------------------- */
.boxOpacity:hover{
  transition:all 0.2s ease 0s;
  opacity: 0.5;
}

.danshin-homeloan {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 662px;
}

.color-box-inner-1 a {
  display: block;
  width: 150px;
  height: 108px;
  background-color: #c279c8;
  text-align: center;
  color: #FFF;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -6px;
  border-radius: 10px;
  padding: 12px 0 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 19px;
}

.color-box-inner-2 a {
  display: block;
  width: 150px;
  height: 108px;
  background-color: #fc6db2;
  text-align: center;
  color: #FFF;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -6px;
  border-radius: 10px;
  padding: 12px 0 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.color-box-inner-3 a {
  display: block;
  width: 150px;
  height: 108px;
  background-color: #31adae;
  text-align: center;
  color: #FFF;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -6px;
  border-radius: 10px;
  padding: 12px 0 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 23px;
}

.color-box-inner-4 a {
  display: block;
  width: 150px;
  height: 99px;
  background-color: #63b449;
  text-align: center;
  color: #FFF;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -6px;
  border-radius: 10px;
  padding: 21px 0 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.color-box-inner-5 a {
  display: block;
  width: 150px;
  height: 99px;
  background-color: #fca42c;
  text-align: center;
  color: #FFF;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -6px;
  border-radius: 10px;
  padding: 21px 0 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.color-box-inner-6 a {
  display: block;
  width: 150px;
  height: 99px;
  background-color: #185ed0;
  text-align: center;
  color: #FFF;
	outline: 2px solid rgb(255, 255, 255);
	outline-offset: -6px;
  border-radius: 10px;
  padding: 21px 0 0 0;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}

.color-box {
  padding: 0 0 10px 0;
}

.smalltext {
  font-size: 13px;
}