@charset "utf-8";
/* 金利テキスト化対応 */

/* パターン1 */
div.wrapper div#mainCol table.interest_1 {
	width: 100%;
    margin-top: 0.85em;
	text-indent: 0em;
	border-top:1px solid #999999;
	position:relative;
	border-spacing: 0;
}
/* Firefox用ハック */
html:not([lang*=""]) div.wrapper div#mainCol table.interest_1 {
	border-collapse: separate;
	border-right:1px solid #999999;
}
div.wrapper div#mainCol table.interest_1 th{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	font-weight: bold;
	padding: 5px 7px;
	vertical-align: middle;
}
html:not([lang*=""]) div.wrapper div#mainCol table.interest_1 th {
	border-right:none;
}
div.wrapper div#mainCol table.interest_1 td{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	padding: 5px 7px;
}

/*店頭表示金利*/
div.wrapper div#mainCol table.interest_1 th.storefront{
	font-weight:bold;
	background-color:#CCCCCC;
}
/*店頭表示金利より*/
div.wrapper div#mainCol table.interest_1 th.valueArrow{
	font-weight:bold;
	background-color:#ebf4ef;
}
/*適用後金利*/
div.wrapper div#mainCol table.interest_1 th.apply{
	font-weight:bold;
	background-color:#D6EAE1;
}

/*灰中太枠セル*/
div.wrapper div#mainCol table.interest_1 td.border_gr_top{
	border-top:2px solid #666666;
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_1 td.border_gr_mid{
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_1 td.border_gr_btm{
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_1 td.border_gr_top,
div.wrapper div#mainCol table.interest_1 td.border_gr_mid,
div.wrapper div#mainCol table.interest_1 td.border_gr_btm{
	font-size:1.4em;
	font-weight:600;
	color:#333333;
}
/*適用矢印*/
div.wrapper div#mainCol table.interest_1 td.valueArrow img{
	position:relative;
	z-index: 0;
	display: block;
	margin: -46px auto;
}
div.wrapper div#mainCol table.interest_1 td.valueArrow span.from{
	font-size:1.4em;
	color:#333333;
	font-weight:bold;
	padding: 0 46px 0 44px;
	z-index: 2;
	position: relative;
	display: inline-block;
}
div.wrapper div#mainCol table.interest_1 td.valueArrow span.from, x:-moz-any-link {
	padding: 0 46px 0 41px;
}

div.wrapper div#mainCol table.interest_1 td.valueArrow span.to{
	font-size:1.4em;
	color:#333333;
	font-weight:bold;
	z-index: 2;
	position: relative;
	display: inline-block;
}
/*黒太枠セル*/
div.wrapper div#mainCol table.interest_1 td.border_bold_top{
	border-top:3px solid #050505;
	border-right:3px solid #050505;
	border-left:3px solid #050505;
	background-color:#ECF5F0;
}
div.wrapper div#mainCol table.interest_1 td.border_bold_mid{
	border-right:3px solid #050505;
	border-left:3px solid #050505;
	background-color:#ECF5F0;
}
div.wrapper div#mainCol table.interest_1 td.border_bold_btm{
	border-right:3px solid #050505;
	border-bottom:3px solid #050505;
	border-left:3px solid #050505;
	background-color:#ECF5F0;
}
div.wrapper div#mainCol table.interest_1 td.border_bold_top,
div.wrapper div#mainCol table.interest_1 td.border_bold_mid,
div.wrapper div#mainCol table.interest_1 td.border_bold_btm{
	font-size:1.4em;
	font-weight:600;
	color:#32733D;
}

/* パターン2 */
div.wrapper div#mainCol table.interest_2 {
	width: 100%;
    margin-top: 0.85em;
	text-indent: 0em;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	position:relative;
	border-spacing: 0;
}


div.wrapper div#mainCol  table.interest_2 th.storefront {
    font-weight: bold;
    background-color: #CCCCCC;
}


/* Firefox用ハック */
html:not([lang*=""]) div.wrapper div#mainCol table.interest_2 {
	border-collapse: separate;
	border-right:1px solid #999999;
}

div.wrapper div#mainCol table.interest_2 {
	border-right:none;
}

div.wrapper div#mainCol table.interest_2 th,
div.wrapper div#mainCol table.interest_2.housing th{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	font-weight: bold;
	padding: 5px 7px;
	vertical-align: middle;
}
div.wrapper div#mainCol table.interest_2.housing th{
	padding: 10px 7px;
}

html:not([lang*=""]) div.wrapper div#mainCol table.interest_2 th,td.apply {
	border-right:none;
}
html:not([lang*=""]) div.wrapper div#mainCol table.interest_2 td.apply {
	border-right:none;
}

div.wrapper div#mainCol table.interest_2 td{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	padding: 5px 7px;
}
/*適用後金利*/
div.wrapper div#mainCol table.interest_2 th.apply{
	font-weight:bold;
	background-color:#F9E5A8;
}
div.wrapper div#mainCol table.interest_2 td.apply{
	font-weight:bold;
	background-color:#FDF9ED;
	font-size: 1.4em;
	line-height:1em;
	color:#CD5B05;
	border-right:1px solid #999999;
}
div.wrapper div#mainCol table.interest_2 th.fixed,
div.wrapper div#mainCol table.interest_3 th.fixed{
	font-weight:bold;
	background-color:#eaf1f9;
}
div.wrapper div#mainCol table.interest_2 td.fixed,
div.wrapper div#mainCol table.interest_3 td.fixed {
	font-weight:bold;
	background-color:#F2F1F1;
	font-size: 1.4em;
}
div.wrapper div#mainCol table.interest_2 th.valueArrow{
	font-weight:bold;
	background-color:#FDF9ED;
}
div.wrapper div#mainCol table.interest_2 td.valueArrow img{
	position:relative;
	z-index: 0;
	display: block;
	margin: -47px 0 -47px 20px;
}
div.wrapper div#mainCol table.interest_2 td.valueArrow span{
	font-size:1.4em;
	color:#333333;
	font-weight:bold;
	padding: 0 0 0 58px;
	z-index: 2;
	position: relative;
	display: inline-block;
}
/*灰中太枠セル*/
div.wrapper div#mainCol table.interest_2 .border_gr_top,
div.wrapper div#mainCol table.interest_3 .border_gr_top{
	border-top:2px solid #666666;
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_2 .border_gr_mid,
div.wrapper div#mainCol table.interest_3 .border_gr_mid{
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_2 .border_gr_btm,
div.wrapper div#mainCol table.interest_3 .border_gr_btm{
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_2 .border_gr_top,
div.wrapper div#mainCol table.interest_2 .border_gr_mid,
div.wrapper div#mainCol table.interest_2 .border_gr_btm,
div.wrapper div#mainCol table.interest_3 .border_gr_top,
div.wrapper div#mainCol table.interest_3 .border_gr_mid,
div.wrapper div#mainCol table.interest_3 .border_gr_btm{
	font-size:1.4em;
	font-weight:600;
	color:#333333;
}
/*黒太枠セル*/
div.wrapper div#mainCol table.interest_2 .border_bold2_top,
div.wrapper div#mainCol table.interest_3 .border_bold2_top{
	border-top:2px solid #050505 !important;
	border-right:2px solid #050505 !important;
	border-left:2px solid #050505 !important;
	background-color:#FDF9ED;
}
*+ html div.wrapper div#mainCol table.interest_2 .border_bold2_top,
*+ html div.wrapper div#mainCol table.interest_3 .border_bold2_top{
	position:relative;
}
div.wrapper div#mainCol table.interest_2 .border_bold2_mid,
div.wrapper div#mainCol table.interest_3 .border_bold2_mid{
	border-right:2px solid #050505 !important;
	border-left:2px solid #050505 !important;
	background-color:#FDF9ED;
}
*+ html div.wrapper div#mainCol table.interest_2 .border_bold2_mid,
*+ html div.wrapper div#mainCol table.interest_3 .border_bold2_mid{
	position:relative;
}
div.wrapper div#mainCol table.interest_2 .border_bold2_btm,
div.wrapper div#mainCol table.interest_3 .border_bold2_btm{
	border-right:2px solid #050505 !important;
	border-bottom:2px solid #050505 !important;
	border-left:2px solid #050505 !important;
	background-color:#FDF9ED;
}
*+ html div.wrapper div#mainCol table.interest_2 .border_bold2_btm,
*+ html div.wrapper div#mainCol table.interest_3 .border_bold2_btm{
	position:relative;
}
div.wrapper div#mainCol table.interest_2 .border_bold2_top,
div.wrapper div#mainCol table.interest_2 .border_bold2_mid,
div.wrapper div#mainCol table.interest_2 .border_bold2_btm,
div.wrapper div#mainCol table.interest_3 .border_bold2_top,
div.wrapper div#mainCol table.interest_3 .border_bold2_mid,
div.wrapper div#mainCol table.interest_3 .border_bold2_btm{
	font-size:1.4em;
	font-weight:600;
	color:#CD5B05;
}
div.wrapper div#mainCol table.interest_2 td.colored{
	background-color:#FDF9ED;
	font-size:1.4em;
	font-weight:600;
	color:#CD5B05;
	_border-right:1px solid #999999;
}
* html div.wrapper div#mainCol table.interest_2 td.colored { border-right:1px solid #999999; }
*:first-child+html div.wrapper div#mainCol table.interest_2 td.colored { border-right:1px solid #999999; }

/* パターン3 */
div.wrapper div#mainCol table.interest_3 {
	width: 100%;
    margin-top: 0.85em;
	text-indent: 0em;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	position:relative;
	border-spacing: 0;
}
div.wrapper div#mainCol table.interest_3 th{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	font-weight: bold;
	padding: 5px 7px;
	vertical-align: middle;
}
*+ html div.wrapper div#mainCol table.interest_3 th{
	position:relative;
}

div.wrapper div#mainCol table.interest_3 td{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	padding: 5px 7px;
}
/*文字縦並び*/
div.wrapper div#mainCol table.interest_3 th.tandem{
	padding: 5% 0;
}
div.wrapper div#mainCol table.interest_3 th.tandem span{
	writing-mode: horizontal-tb;
	white-space: pre;
	display:inline-block;
}
@media print {
	div.wrapper div#mainCol table.interest_3 th.tandem{
		padding: 10px;
	}
}
  
/*文字中央寄せ*/
div.wrapper div#mainCol table.interest_3 td.alnCenter{
	text-align: center;
}
div.wrapper div#mainCol table.interest_3 td.vlnMiddle{
	vertical-align: middle;
}
/*テーブルボーダー*/
div.wrapper div#mainCol table.interest_3 th.bottom_none_line{
	border-bottom-style:none;
}
div.wrapper div#mainCol table.interest_3 th.top_line{
	border-top: solid #999999 1px;
}

div.wrapper div#mainCol table.interest_3 .diagonal_line{
    background-image: linear-gradient(to left top, transparent calc(50% - 0.5px), #999999 50%, #999999 calc(50% + 0.5px), transparent calc(50% + 1px));
}

	
/*手数料タイプ*/
div.wrapper div#mainCol table.interest_3 th.gray01,
div.wrapper div#mainCol table.interest_3 td.gray01{
	background-color: #f2f2f2;
}
div.wrapper div#mainCol table.interest_3 th.type,
div.wrapper div#mainCol table.interest_3 td.type{
	background-color:#EEF6F9;
}
/*適用金利*/
div.wrapper div#mainCol table.interest_3 td.apply{
	font-weight:bold;
	font-size:1.4em;
	color:#010066;
}
/*融資手数料*/
div.wrapper div#mainCol table.interest_3 td span.largeTxt{
	font-size:1.4em;
}

/* パターン4 */
div.wrapper div#mainCol table.interest_4 {
	width: 100%;
    margin-top: 0.85em;
	text-indent: 0em;
	border-top:1px solid #999999;
	position:relative;
	border-spacing: 0;
}
/* Firefox用ハック */
html:not([lang*=""]) div.wrapper div#mainCol table.interest_4 {
	border-collapse: separate;
	border-right:1px solid #999999;
}
div.wrapper div#mainCol table.interest_4 th{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	font-weight: bold;
	padding: 5px 7px;
	vertical-align: middle;
}
html:not([lang*=""]) div.wrapper div#mainCol table.interest_4 th {
	border-right:none;
}
div.wrapper div#mainCol table.interest_4 td{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	padding: 5px 7px;
}

/*店頭表示金利*/
div.wrapper div#mainCol table.interest_4 th.storefront{
	font-weight:bold;
	background-color:#CCCCCC;
}
/*店頭表示金利より*/
div.wrapper div#mainCol table.interest_4 th.valueArrow{
	font-weight:bold;
	background-color:#ebf4ef;
	border-color:#5b9b4f;
}
/*適用後金利*/
div.wrapper div#mainCol table.interest_4 th.apply{
	font-weight:bold;
	background-color:#F9DAD5;
}
/*期間経過後*/
div.wrapper div#mainCol table.interest_4 td.after{
	border-right:1px solid #999999;
}
div.wrapper div#mainCol table.interest_4 td.after span{
	font-weight:bold;
	display:block;
}
div.wrapper div#mainCol table.interest_4 td.after span.rate{
	font-weight:bold;
	font-size:1.4em;
	display:inline;
}

/*灰中太枠セル*/
div.wrapper div#mainCol table.interest_4 td.border_gr_top{
	border-top:2px solid #666666;
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_4 td.border_gr_mid{
	border-right:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_4 td.border_gr_btm{
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
	border-left:2px solid #666666;
	background-color:#F2F1F1;
}
div.wrapper div#mainCol table.interest_4 td.border_gr_top,
div.wrapper div#mainCol table.interest_4 td.border_gr_mid,
div.wrapper div#mainCol table.interest_4 td.border_gr_btm{
	font-size:1.4em;
	font-weight:600;
	color:#333333;
}
/*適用矢印*/
div.wrapper div#mainCol table.interest_4 td.valueArrow{
	background-image:url(/loan/housing/images/value_arrow_s.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;
	height:70px;
}
div.wrapper div#mainCol table.interest_4 td.valueArrow span{
	font-size:1.4em;
	color:#333333;
	font-weight:bold;
	vertical-align:middle;
	padding: 0 0 0 40px;
}

/*黒太枠セル*/
div.wrapper div#mainCol table.interest_4 td.border_bold_top{
	border-top:2px solid #050505;
	border-right:2px solid #050505;
	border-left:2px solid #050505;
	background-color:#ECF5F0;
}
div.wrapper div#mainCol table.interest_4 td.border_bold_mid{
	border-right:2px solid #050505;
	border-left:2px solid #050505;
	background-color:#ECF5F0;
}
div.wrapper div#mainCol table.interest_4 td.border_bold_btm{
	border-right:2px solid #050505;
	border-bottom:2px solid #050505;
	border-left:2px solid #050505;
	background-color:#ECF5F0;
}
div.wrapper div#mainCol table.interest_4 td.border_bold_top,
div.wrapper div#mainCol table.interest_4 td.border_bold_mid,
div.wrapper div#mainCol table.interest_4 td.border_bold_btm{
	font-size:1.4em;
	font-weight:600;
	color:#CD5B05;
}

/* パターン5 */
div.wrapper div#mainCol table.interest_5 {
	width: 100%;
   	margin-top: 0.85em;
	text-indent: 0em;
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	position:relative;
	border-spacing: 0;
}
/* Firefox用ハック */
html:not([lang*=""]) div.wrapper div#mainCol table.interest_5 {
	border-collapse: separate;
	border-right:1px solid #999999;
}
div.wrapper div#mainCol table.interest_5 th{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	font-weight: bold;
	padding: 5px 7px;
	vertical-align: middle;
}
html:not([lang*=""]) div.wrapper div#mainCol table.interest_5 th {
	border-right:none;
}
div.wrapper div#mainCol table.interest_5 td{
	line-height: 1.5em;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color: #ffffff;
	padding: 5px 7px;
}

/*店頭表示金利*/
div.wrapper div#mainCol table.interest_5 th.storefront{
	font-weight:bold;
	background-color:#B9D5EA;
}
/*適用後金利*/
div.wrapper div#mainCol table.interest_5 th.apply{
	font-weight:bold;
	background-color:#D6EAE1;
}
/*店頭表示金利セル*/
div.wrapper div#mainCol table.interest_5 td.storefront{
	background-color:#EEF5FB;
	font-size:1.4em;
	font-weight:bold;
	color:#000066;
}
/*全期間重視プランセル*/
div.wrapper div#mainCol table.interest_5 td.apply{
	background-color:#EAF5EF;
	font-size:1.4em;
	font-weight:bold;
	color:#32733D;
	line-height:1em;
}
/*全期間固定プランセル*/
div.wrapper div#mainCol  table td.fontL{
	font-size: 1.4em;
	font-weight: 600;
	color: #333333;
}

/*sp表示*/
@media screen and (max-width: 767px){

	div.wrapper div#mainCol .flat35s_sp_prev img{
		float: left;
	}
}