@charset "shift_jis";

/* -------------------------------------------------------
  housing-loan .rateIndexes Layout
  -------------------------------------------------------- */

#mainContents .rateIndexes {
	margin-top:10px;
}

/* ==============================
　　#rategraph
 ============================= */
#mainContents .rateIndexes #rategraph {
	margin-top:20px;
}
#mainContents .rateIndexes #rategraph .h2Wrap {
    padding: 7px 10px;
	overflow:hidden;
	background:#333367;
	color:#fff;
}
#mainContents .rateIndexes #rategraph .h2Wrap h2 {
	display:inline-block;
	float:left;
	font-size:123.1%;
}
#mainContents .rateIndexes #rategraph .h2Wrap span {
	margin-top:2px;
	display:inline-block;
	float:right;
	font-size:93%;
}
#mainContents .rateIndexes #rategraph p.aboutgraph {
	margin-top:5px;
	margin-bottom:15px;
	text-align:right;
	font-size:85%;
}
#mainContents .rateIndexes #rategraph h3 {
	border-top:2px solid #333367;
	border-bottom:1px solid #333367;
	padding:5px 10px;
	font-size:107%;
	margin-bottom:5px;
}
#mainContents .rateIndexes #rategraph .headlines {
	padding:5px 0 5px 10px;
	line-height:140%;
}
#mainContents .rateIndexes #rategraph .graArea {
	margin:10px 20px 20px;
}
#mainContents .rateIndexes #rategraph .graMain {
	width:300px;
	float:left;
}
#mainContents .rateIndexes #rategraph .graNet {
	width:300px;
	float:right;
}
#mainContents .rateIndexes #rategraph h4 {
	background:#dedee8;
	padding:3px 0;
	width:100%;
	text-align:center;
	font-size:100%;
	margin-bottom:5px;
}
#mainContents .rateIndexes #rategraph p.arrowlink {
	margin-top:10px;
	text-align:right;
}
#mainContents .rateIndexes #rategraph table {
	width:300px;
	border-collapse:collapse;
}
#mainContents .rateIndexes #rategraph table th,
#mainContents .rateIndexes #rategraph table td {
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #ccc;
	text-align:center;
}
#mainContents .rateIndexes #rategraph table th {
	background:#f3f3f3;
	font-size:93%;
	font-weight:normal;
}
#mainContents .rateIndexes #rategraph table td {
}
#mainContents .rateIndexes #rategraph table td .num {
	font-size:108%;
	font-family:Verdana;
	font-weight:bold;
}
#mainContents .rateIndexes #rategraph table td .str {
	font-size:93%;
	color:#666;
}
#mainContents .rateIndexes #rategraph table .range td {
	color:#f00;
}
#mainContents .rateIndexes #rategraph table .average td {
	color:#06982b;
}

/* ==============================
　　#simulation
 ============================= */
#mainContents .rateIndexes #simulation {
	margin-top:20px;
}
#mainContents .rateIndexes #simulation .h2Wrap {
    padding: 7px 10px;
	overflow:hidden;
	background:#333367;
	color:#fff;
}
#mainContents .rateIndexes #simulation .h2Wrap h2 {
	margin-right:5px;
	display:inline;
	font-size:123.1%;
}
#mainContents .rateIndexes #simulation .h2Wrap p {
	display:inline;
	font-size:100%;
}
#mainContents .rateIndexes #simulation .simbox {
	margin-top:10px;
	padding:10px;
	background:#e0e0ef;
	overflow:hidden;
}
#mainContents .rateIndexes #simulation .simbox .sim {
	width:321px;
	background:#fff;
	border:solid #8888bb;
	border-width:0 2px;
}
#mainContents .rateIndexes #simulation .simbox .sim .bg01 {
	margin:0 -2px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/simBg01.png') 0 0 no-repeat;
}
#mainContents .rateIndexes #simulation .simbox .sim .bg02 {
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/simBg01.png') -340px bottom no-repeat;
}
#mainContents .rateIndexes #simulation .simbox .sim .simHead .headLines {
	margin:15px 0 0 22px;
}
#mainContents .rateIndexes #simulation .simbox .sim .simHead .btn {
	height:44px;
	margin:9px 0 0 12px;
	overflow:hidden;
}
#mainContents .rateIndexes #simulation .simbox .sim .simHead .btn a:hover img {
	margin-top:-50px;
}
#mainContents .rateIndexes #simulation .simbox .sim h4 {
	margin:12px 12px 0;
	padding:4px 0;
	border:solid #333367;
	border-width:2px 0 1px;
	font-size:100%;
}
#mainContents .rateIndexes #simulation .simbox .sim .cases {
	margin:0 12px;
}
#mainContents .rateIndexes #simulation .simbox .sim .cases dl {
	margin-top:-1px;
	padding:7px 0;
	border-top:1px dotted #666;
	overflow:hidden;
	position:relative;
}
#mainContents .rateIndexes #simulation .simbox .sim .cases dl dt {
	min-height:1.8em;
	font-size:93%;
}
#mainContents .rateIndexes #simulation .simbox .sim .cases dl .detail {
	width:230px;
	margin-top:5px;
	color:#666;
	font-size:85%;
}
#mainContents .rateIndexes #simulation .simbox .sim .cases dl .btn {
	position:absolute;
	right:0;
	bottom:7px;
}
#mainContents .rateIndexes #simulation .simbox .sim .cases dl .btn img {
	display:block;
}
#mainContents .rateIndexes #simulation .simbox .newloan {
	float:left;
}
#mainContents .rateIndexes #simulation .simbox .karikaeloan {
	float:right;
}

/* ==============================
　　.pager
 ============================= */
#mainContents .rateIndexes .pager {
	margin-top:15px;
	overflow:hidden;
}
#mainContents .rateIndexes .pager .prev {
	float:left;
}
#mainContents .rateIndexes .pager .prev a,
#mainContents .rateIndexes .pager .prev span {
	padding:2px 0 2px 20px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/pager02.png') 0 0 no-repeat;
}
#mainContents .rateIndexes .pager .next {
	float:right;
}
#mainContents .rateIndexes .pager .next a,
#mainContents .rateIndexes .pager .next span {
	padding:2px 20px 2px 0;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/pager01.png') right 0 no-repeat;
}

/* -------------------------------------------------------
  /housing-loan/rate.asp Layout
  -------------------------------------------------------- */

/* ==============================
　　.about
 ============================= */
#mainContents #rate .about {
	overflow:hidden;
}
#mainContents #rate .about h2 {
	padding:7px 10px;
	background:#333367;
	color:#fff;
	font-size:123.1%;
	font-weight:bold;
}
#mainContents #rate .about .boxWrapper {
	margin-right:-10px;
	zoom:1;
}
#mainContents #rate .about .box {
	width:220px;
	margin-right:10px;
	float:left;
}
#mainContents #rate .about .boxInner01 {
	margin-top:12px;
	border:1px solid #ccc;
}
#mainContents #rate .about .boxInner02 {
	padding:10px 10px 20px 10px;
	border-top:4px solid #333367;
}
#mainContents #rate .about .box h3 {
	padding:0 0 7px 0;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/ico01.png') 0 0 no-repeat;
	border-bottom:1px solid #333367;
	color:#333367;
	font-size:123.1%;
	font-weight:bold;
	line-height:1.4;
}
#mainContents #rate .about .box h3.type01 {
	padding-left:50px;
	background-position:0 0;
}
#mainContents #rate .about .box h3.type02 {
	padding-left:45px;
	background-position:0 -200px;
}
#mainContents #rate .about .box h3.type03 {
	padding-left:48px;
	background-position:0 -400px;
}
#mainContents #rate .about .box h3 span {
	display:block;
	font-size:85%;
}
#mainContents #rate .about .box .detail {
	margin-top:10px;
	line-height:1.4;
}
#mainContents #rate .about .box ul {
	width:190px;
	margin:0 auto;
}
#mainContents #rate .about .box ul li {
	margin-top:10px;
	list-style:none;
	text-align:center;
}
#mainContents #rate .about .box ul li a {
	width:190px;
	min-height:26px;
	padding-top:5px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/simulation/top/btn03.gif') no-repeat;
	display:block;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
#mainContents #rate .about .box ul li a:hover {
	background-position:0 -40px;
}
#mainContents #rate .about .box .help {
	margin-top:22px;
	font-size:93%;
	text-align:right;
}
#mainContents #rate .about .box .help img {
	margin-right:3px;
	vertical-align:middle;
}

/* ==============================
　　.topics
 ============================= */
#mainContents #rate .topics .lines h3 {
	padding-left:5px;
	border-left:5px solid #333367;
	font-size:100%;
	font-weight:bold;
}
#mainContents #rate .topics .lines .visual {
	margin:0;
	padding:0 20px 20px 20px;
	float:right;
}
#mainContents #rate .topics .lines p {
	margin-top:10px;
}
#mainContents #rate .topics .lines .sign {
	color:#666;
	font-size:85%;
	text-align:right;
}
#mainContents #rate .topics .lines .carving {
    border-top: 1px solid #c4c4c4;
    padding-top: 15px;
    margin-top: 15px;
    margin-bottom: 20px;
}
#mainContents #rate .topics .profile {
	margin-top:15px;
	padding:10px;
	background:#f4f4f4;
	overflow:hidden;
}
#mainContents #rate .topics .profile p {
	width:70px;
	float:left;
}
#mainContents #rate .topics .profile dl {
	width:550px;
	float:right;
}
#mainContents #rate .topics .profile dt {
	margin-top:5px;
	font-weight:bold;
}
#mainContents #rate .topics .profile dd {
	margin-top:5px;
}

/* ==============================
　　.anchermenu
 ============================= */
#mainContents #rate .anchermenu {
	margin-top:19px;
}
#mainContents #rate .anchermenu ul {
	overflow:hidden;
}
#mainContents #rate .anchermenu li {
	float:left;
	width:220px;
	height:60px;
	overflow:hidden;
	position:relative;
}
#mainContents #rate .anchermenu li.menu01,
#mainContents #rate .anchermenu li.menu02 {
	margin-right:10px;
}
#mainContents #rate .anchermenu li a img {
	top:0;
	position:absolute;
}
#mainContents #rate .anchermenu li a:hover img {
	top:-100px;
}
#mainContents #rate .anchermenu li.menu02 img {
	left: -232px;
}
#mainContents #rate .anchermenu li.menu03 img {
	left: -461px;
}

/* ==============================
　　.newest
 ============================= */
#mainContents #rate .newest table {
	width:100%;
	border-collapse:collapse;
}
#mainContents #rate .newest table a {
	text-decoration:underline;
}
#mainContents #rate .newest table a:hover {
	text-decoration:none;
}
#mainContents #rate .newest table .w01 {
	width:53%;
}
#mainContents #rate .newest table .w02 {
	width:47%;
}
#mainContents #rate .newest table th,
#mainContents #rate .newest table td {
	padding:5px;
	font-size:93%;
	font-weight:normal;
	text-align:left;
}
#mainContents #rate .newest table thead th {
	background:#dedee8;
}
#mainContents #rate .newest table tbody th,
#mainContents #rate .newest table tbody td {
	border-bottom:1px dotted #ccc;
}
#mainContents #rate .newest table tbody td {
	font-family:Verdana;
}
#mainContents #rate .newest table tfoot td {
	font-size:85%;
}

/* ==============================
　　.contRateArticle
 ============================= */
/* 150123 sm19 */
#main .contRateArticle .bnr {
	width:100px;
}
#main .contRateArticle .lines {
	width:540px;
}
/* 150123 sm19 end */

/* -------------------------------------------------------
  /housing-loan/rate-topics/ Layout
  -------------------------------------------------------- */
#mainContents #rateTopics .topicsTtl {
	padding:7px 10px;
	background:#333367;
	color:#fff;
	font-size:123.1%;
	font-weight:bold;
}

/* ==============================
　　.topics
 ============================= */
#mainContents #rateTopics .topics {
	margin:15px 10px 0;
}
#mainContents #rateTopics .topics .topicsHeader {
	padding:2px 10px 2px 6px;
	background:#eaeaea;
}
#mainContents #rateTopics .topics .topicsHeader h2 {
	display:inline-block;
	line-height:135%;
	font-size:125%;
	font-weight:bold;
	padding:7px 0 4px 44px;
	vertical-align:middle;
	/display:inline;
	/zoom:1;
	background:url('https://img1.kakaku.k-img.com/images/money/category/content/bg_icon_01.png') no-repeat 0 -1400px;
}
#mainContents #rateTopics .topics .topicsHeader span.subText {
	display:inline-block;
	color:#666666;
	font-size:100%;
	line-height:142%;
	letter-spacing:0.03em;
	margin-top:-2px;
	padding:0 0 6px 8px;
	vertical-align:bottom;
	/display:inline;
	/zoom:1;
}
#mainContents #rateTopics .topics .topicsIn {
	margin:15px 10px 20px;
}
#mainContents #rateTopics .topics .lines h3 {
	padding-left:5px;
	border-left:5px solid #333367;
	font-size:100%;
	font-weight:bold;
}
#mainContents #rateTopics .topics .lines .visual {
	margin:0;
	padding:0 20px 20px 20px;
	float:right;
}
#mainContents #rateTopics .topics .lines p {
	margin-top:10px;
}
#mainContents #rateTopics .topics .lines .sign {
	color:#666;
	font-size:85%;
	text-align:right;
}

/* ==============================
　　.profile
 ============================= */
#mainContents #rateTopics .profile {
	clear:both;
}
#mainContents #rateTopics .profile .ttl {
	font-weight:bold;
}
#mainContents #rateTopics .profileIn {
	margin-top:5px;
	padding:10px;
	background:#f4f4f4;
	overflow:hidden;
}
#mainContents #rateTopics .profile .visual {
	width:70px;
	float:left;
}
#mainContents #rateTopics .profile dl {
	width:575px;
	float:right;
}
#mainContents #rateTopics .profile dt {
	margin-top:5px;
	font-weight:bold;
}
#mainContents #rateTopics .profile dd {
	margin-top:5px;
}


/* -------------------------------------------------------
  housing-loan .rateType Layout
  -------------------------------------------------------- */

/* ==============================
　　.contHead
 ============================= */
#mainContents .rateType .contHead {
	background:#efecd9;
	border:solid #cfcbab;
	border-width:0 1px;
}
#mainContents .rateType .contHead .bg01 {
	margin:0 -1px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeBg01.png') 0 0 no-repeat;
}
#mainContents .rateType .contHead .bg02 {
	padding:13px 0 10px 0;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeBg01.png') -700px bottom no-repeat;
}
#mainContents .rateType .contHead .box {
	width:660px;
	margin:0 auto;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeBg02.png') 0 0 no-repeat #fff;
}
#mainContents .rateType .contHead .box .bg03 {
	padding:1px 15px 10px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeBg02.png') -690px bottom no-repeat;
}
#mainContents .rateType .contHead h2 {
	margin-left:15px;
	padding:7px 0 12px 50px;
	font-size:123.1%;
}
#mainContents .rateType .contHead h3 {
	margin-top:15px;
	padding-left:5px;
	border-left:5px solid #333367;
	font-size:100%;
	font-weight:bold;
}
#mainContents .rateType .contHead p {
	margin-top:10px;
	line-height:1.5;
}


/* -------------------------------------------------------
  /housing-loan/interestrate.asp?hl_itype=1 Layout
  -------------------------------------------------------- */
#mainContents #type1 .contHead h2 {
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeIco01.png') 0 0 no-repeat;
}


/* -------------------------------------------------------
  /housing-loan/interestrate.asp?hl_itype=2 Layout
  -------------------------------------------------------- */
#mainContents #type2 .contHead h2 {
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeIco01.png') 0 -200px no-repeat;
}


/* -------------------------------------------------------
  /housing-loan/interestrate.asp?hl_itype=3 Layout
  -------------------------------------------------------- */
#mainContents #type3 .contHead h2 {
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/typeIco01.png') 0 -400px no-repeat;
}


/* -------------------------------------------------------
  housing-loan .rateDetails Layout
  -------------------------------------------------------- */

#mainContents .rateDetails .mainttl {
	padding-top:6px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/detailsBg01.png') no-repeat #333367;
}
#mainContents .rateDetails .mainttl p {
	padding:5px 5px 5px 50px;
	color:#fff;
	font-size:123.1%;
	font-weight:bold;
}
#mainContents .rateDetails .entry {
	padding:0 15px;
}
#mainContents .rateDetails .entry .section {
	margin-top:30px;
}
#mainContents .rateDetails .entry .firstSection {
	margin-top:20px;
}
#mainContents .rateDetails .entry h2 {
	padding:6px 5px 5px 6px;
	background:#ececf5;
	border-left:6px solid #333367;
	font-size:123.1%;
	font-weight:bold;
}
#mainContents .rateDetails .entry p,
#mainContents .rateDetails .entry li {
	font-size:108%;
	line-height:1.5;
}
#mainContents .rateDetails .entry p {
	margin-top:15px;
}
#mainContents .rateDetails .entry .mt0 {
	margin-top:0;
}
#mainContents .rateDetails .entry .caption {
	width:606px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	padding:2px;
	background:#f1ebc7;
	font-weight:bold;
	text-align:center;
}
#mainContents .rateDetails .entry .imgC {
}
#mainContents .rateDetails .entry .imgC img {
	margin:0 auto;
	display:block;
}
#mainContents .rateDetails .entry .imgR {
	width:220px;
	margin-left:10px;
	margin-bottom:10px;
	float:right;
	text-align:center;
	color:#666;
	font-size:85%;
}
#mainContents .rateDetails .entry .imgR img {
	margin-bottom:5px;
	display:block;
}
/* ==============================
　　.pager
 ============================= */
#mainContents .rateDetails .pager {
	margin-top:50px;
}


/* -------------------------------------------------------
  /housing-loan/rate1.html Layout
  -------------------------------------------------------- */

#mainContents #rate1 .mainttl {
	background-position:0 0;
}
#mainContents #rate1 .types {
	width:610px;
	margin:10px auto;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/rate1Bg01.png') -620px 0 repeat-y;
}
#mainContents #rate1 .types .bg01 {
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/rate1Bg01.png') 0 0 no-repeat;
}
#mainContents #rate1 .types .bg02 {
	margin-right:-12px;
	background:url('https://img1.kakaku.k-img.com/images/loan/housingloan/rate/rate1Bg01.png') -1240px bottom no-repeat;
	overflow:hidden;
}
#mainContents #rate1 .types dl {
	width:196px;
	margin-right:11px;
	padding-top:5px;
	float:left;
}
#mainContents #rate1 .types dl dt {
	padding-bottom:5px;
	background:#59599d;
	color:#fff;
	text-align:center;
}
#mainContents #rate1 .types dl dd {
	padding:9px 13px 8px 12px;
}
#mainContents #rate1 .types dl dd img {
	margin-bottom:8px;
	display:block;
}
#mainContents #rate1 .about {
	margin-top:20px;
}

#mainContents #rate1 h3{
	margin-top:15px;
}

#mainContents #rate1 h3 + p{
	margin-top:5px;
}

/* add sm17 20150427 */
#mainContents #rate1 table.tblEx{
	width:610px;
	margin:10px auto 30px;
	font-size:108%;
	border-collapse:collapse;
	empty-cells:show;
	border-spacing:0;
	background:#fff;
}

#mainContents #rate1 table.tblEx th,
#mainContents #rate1 table.tblEx td{
	padding:8px;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	border:1px solid #999;
}

#mainContents #rate1 table.tblEx th{ width:60%; background:#ececec; }
#mainContents #rate1 table.tblEx td{ width:27%; text-align:center; }


/* -------------------------------------------------------
  /housing-loan/rate2.html Layout
  -------------------------------------------------------- */

#mainContents #rate2 .mainttl {
	background-position:0 -200px;
}
#mainContents #rate2 .future .disc {
	margin-top:15px;
}
#mainContents #rate2 .future .disc li {
	margin-left:1em;
	list-style:disc;
}
#mainContents #rate2 .att02 {
	margin-top:10px;
	margin-left:55px;
	color:#666;
	font-size:85%;
}
#mainContents #rate2 .att01 {
	margin-top:30px;
	padding:15px;
	background:#f6f6f6;
	font-size:93%;
}


/* -------------------------------------------------------
  /housing-loan/rate3.html Layout
  -------------------------------------------------------- */

#mainContents #rate3 .mainttl {
	background-position:0 -400px;
}
#mainContents #rate3 .reference {
	margin-top:40px;
}
#mainContents #rate3 .reference .ttl {
	margin-top:0;
	padding:2px 8px 1px;
	background:#eee;
	font-weight:bold;
}
#mainContents #rate3 .reference table {
	width:610px;
	margin:15px auto 0;
	border-collapse:collapse;
	border-top:1px solid #ccc;
}
#mainContents #rate3 .reference table .w01 {
	width:34%;
}
#mainContents #rate3 .reference table th,
#mainContents #rate3 .reference table td {
	padding:10px;
	border-bottom:1px dotted #999;
	line-height:1.6;
}
#mainContents #rate3 .reference table th {
	background:#f5f4f4;
	vertical-align:top;
	font-weight:normal;
}
#mainContents #rate3 .reference table th a {
	padding-left:5px;
	border-left:3px solid #333367;
}



/* sm17 201609 */

.contUpdate {
	display: inline-block;
	position: absolute;
	right: 1em;
	bottom: 1em;
	font-size: 12px;
	text-align: right;
	color: #6f6f6f;
}

.linkToSimulationBlk{
	clear:both;
	padding-top:10px;
}
.linkToSimulation{
	clear: both;
    width: 634px;
    margin: 0 auto 0;
	padding:10px;
	position: relative;
	border:2px solid #8888bb;
	border-radius: 6px;
	background: #fff;
}
.icon_simulation{
	padding:0 200px 0 54px;
	background: url(https://img1.kakaku.k-img.com/images/loan/housingloan/icon_simulation.png) no-repeat 0 0;
}
.link_simulation{
	position: absolute;
	right:10px;
	bottom:13px;
	font-size: 92%;
	text-align: right;
}

/* sm17 201701 */
.stars-lablel{
	display: inline-block;
	position: relative;
	top:2px;
	font-size: 12px;
}