@charset "shift_jis";

/* 	sd_loan.css
====================================== */
#btnBoxCustom li a{
	line-height: normal;
	padding-bottom: 0.3em;
}
#btnBoxCustom li.ncLogin a{
	padding-bottom:0;
	line-height:0.6em;
}
#btnBoxCustom li span{
	display: block;
	font-size:0.5em;
	font-weight: normal;
	line-height: 2.5em;
}
/* boxCol01b */
#qList{
	border-top: none !important;
}
#qList ul{
	padding: 20px 15px;
}
#qList li{
	padding-left: 2.0em !important;
	text-indent: -2.0em !important;
	margin-bottom: 5px;
}
#btmNote02{
	background-color: #f2f2f3;
}
#btmNote02 ul{
	padding: 20px 20px 10px;
}
#btmNote02 li{
	padding-left: 2.8em !important;
	text-indent: -2.8em !important;
	margin-bottom: 10px;
}

/* sideNavi */
.sideNavi .toolLink dt{
	background-color: #c1b781;
}
.sideNavi .toolLink a{
	color: #fff;
}
#loan.finance #sideArea .snFree .cur,
#loan.free #sideArea .snFinance .cur{
	background-color:#fff;
}
.sideNavi .bnrArea{
	margin-bottom:15px;
}
#loan.loanTop .sideNavi .bnrArea{
	display: none;
}

/* jnbcard */
#jnbcard #sideArea .sideJnbcard #btnBoxCustom a{
	padding:10px 0 14px;
}
#jnbcard #sideArea .sideJnbcard #btnBoxCustom a span{
	font-size:0.8em;
	line-height:1em;
}
#jnbcard.naviVisa #sideArea .sideJnbcard #btnBoxCustom .open,
#jnbcard.naviVisa #subUnit .open{
	display:block;
}
#jnbcard.naviVisa #sideArea .sideJnbcard #btnBoxCustom .open2,
#jnbcard.naviVisa #subUnit .open2{
	display:none;
}
#jnbcard.naviJcb #sideArea .sideJnbcard #btnBoxCustom .open,
#jnbcard.naviJcb #subUnit .open{
	display:none;
}
#jnbcard.naviJcb #sideArea .sideJnbcard #btnBoxCustom .open2,
#jnbcard.naviJcb #subUnit .open2{
	display:block;
}
/* flow */
#loan .applyflow li,
#loan .loanflow li{
	position: relative;
}
#loan .applyflow li:before,
#loan .loanflow li:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-left: 8px solid #5e5e5e;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	position: absolute;
	top: 40%;
	left: 100%;
	margin-left: 9px;
	margin-right: 9px;
}
#loan .applyflow li.first:before,
#loan .loanflow li.first:before{
	margin-left: 3px;
}
#loan .applyflow li.last:before,
#loan .loanflow li.last:before{
	border: none !important;
	position: inherit;
	margin: 0;
}
/* sideArea */
#loan #sideArea .sideNavi .naviNet,
#loan #sideArea .sideNavi .sim{
	display:block;
}
#loan #sideArea .sideNavi .naviNet li{
	background-color:#3aa300;
}
#loan #sideArea .sideNavi .naviNet li.ncLogin{
	background-color:#ff3048;
}
#loan #sideArea .sideNavi .naviFin,
#loan #sideArea .sideNavi .naviFree,
#loan #sideArea .sideNavi .estimate,
#loan #sideArea .sideNavi .naviIndex{
	display:none;
}
#loan.finance #sideArea .sideNavi .naviFin,
#loan.finance #sideArea .sideNavi .estimate{
	display:block !important;
}
#loan.finance #sideArea .sideNavi .naviNet,
#loan.finance #sideArea .sideNavi .naviFree,
#loan.finance #sideArea .sideNavi .sim{
	display:none !important;
}
#loan.free #sideArea .sideNavi .naviFree,
#loan.free #sideArea .sideNavi .estimate{
	display:block !important;
}
#loan.free #sideArea .sideNavi .naviNet,
#loan.free #sideArea .sideNavi .naviFin,
#loan.free #sideArea .sideNavi .sim{
	display:none !important;
}
#loan.finance #sideArea .sideNavi .estimate,
#loan.free #sideArea .sideNavi .estimate{
	margin-top: 15px;
}
#loan.loanTop #sideArea .sideNavi .naviIndex{
	display: block;
}
#loan.loanTop #sideArea .sideNavi .naviNet,
#loan.loanTop #sideArea .sideNavi .snNetCashing,
#loan.loanTop #sideArea .sideNavi .snStop,
#loan.loanTop #sideArea .sideNavi .snEnd{
	display: none;
}
#loan.loanTop #sideArea .sideNavi .naviIndex dl{
	margin-bottom: 0;
}
#loan.loanTop #sideArea .sideNavi .drawerTtl{
	color: #0265cb;
	background-color: #fff;
	font-weight: bold;
	line-height: 40px;
	text-indent: 1.0em;
	border: 1px solid #e2e2e2;
	border-top: none;
	cursor: pointer;
}
#loan.loanTop #sideArea .sideNavi .drawerTtl:after{
	content: "";
	display: inline-block;
	position: relative;
	border-top: 2px solid #2d65cc;
	border-right: 2px solid #2d65cc;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	width: 8px;
	height: 8px;
	top: -3px;
	right: -13px;
}
#loan.loanTop #sideArea .sideNavi .drawerTtl.on:after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 2px;
}
#loan.loanTop #sideArea .sideNavi .drawerTtl + dl{
	display: none;
}
#loan.loanTop #sideArea .bnrarea{
	margin-top: 15px;
}

/* common */
#loan #contents .bgOr{
	background-color:#fce1ae;
	border-radius:5px;
	padding:7px 20px 12px;
}
#loan #contents .fontSans{
	font-family:sans-serif;
}
/* button */
#loan #contents .boxLogin.loanBtn .fL a,
#loan #contents .boxLogin.loanBtn .sametime a{
	background-color: #5171c8;
}
#loan #contents .boxLogin.loanBtn .fR a,
#loan #contents .boxLogin.loanBtn .login a{
	background-color: #cba94e;
}
/* h1 */
#loan.loanTop #contents h1.title01.index{
	color:#1a3694;
	background:none;
	min-height:0;
	margin-bottom:15px;
	font-size:2em;
}
#loan.finance #contents h1,
#loan.free #contents h1{
	color: #fff;
	min-height: 124px;
	margin-bottom: 25px;
}
#loan.finance #contents h1{
	background: #83c4c4 url(/service/loan/images/index_img002.png) no-repeat right -5px;
	background-size: 215px auto;
}
#loan.free #contents h1{
	background: #ff6d3b url(/service/loan/images/index_img003.png) no-repeat 515px -75px;
	background-size: 255px auto;
}
#loan.finance #contents h1 span,
#loan.free #contents h1 span{
	padding:40px 165px 0 15px;
	display:inline-block;
}

/* /service/loan/index.html
--------------------------------- */
#loan.loanTop .serviceBox .box01 p:last-child{
	position: relative;
}
#loan.loanTop .serviceBox .box01 p:last-child span{
	position: absolute;
	bottom: 37px;
	left: 47px;
}
#loan.loanTop .linkArea{
	cursor: pointer;
}
/* newsStyle */
#loan.loanTop #newsStyle{
	float: none;
	margin-right: 0;
}
#loan.loanTop #newsStyle dl{
	width: 100%;
}
#loan.loanTop #newsStyle dd{
	height: auto;
}

/* /service/loan/net/apply.html,
   /service/loan/net/creditline_proc2.html
--------------------------------- */
#loan .boxCol01b.gFrame .ttlTxt .title02{
	border-bottom: none;
	margin-bottom: 5px;
	font-size: 2.5em;
}
/* checkArea */
#loan .checkArea{
	border: 1px solid #ef5d68;
	padding: 0 0 10px;
}
#loan .checkArea dl dt{
	font-weight: bold;
}
#loan .checkArea dl.checkTtl dt img{
	margin-right: 15px;
	float: left;
}
#loan .checkArea dl.checkTtl dt span{
	display: block;
	overflow: hidden;
	padding-top: 3px;
}
#loan .checkArea dl.checkTtl dd{
	clear: both;
	padding: 10px 15px 0;
}
#loan .checkArea dl.incontent{
	padding: 10px 15px;
}
/* boxCol01b gFrame */
#loan .boxCol01b.gFrame .ttlTxt{
	margin-bottom: 0;
}
#loan .boxCol01b.gFrame .ttlTxt .captionBlue02{
	margin-bottom: 0;
}
#loan .mail .pdfBtn{
	margin-left: auto !important;
	margin-right: auto !important;
	float: none !important;
}
#loan .bdrNon{
	border: none !important;
	padding: 20px 0 !important;
}
#loan #contents .fax p.ofh{
	padding-top:15px;
}
#loan #contents .fax p span{
	font-size: 1.6em;
}
#loan #contents .mail p span{
	font-size: 1.4em;
}

/* /service/loan/net/apply.html
--------------------------------- */
#loan .applyflow{
	width: 492px;
	margin: 20px auto;
}
#loan .applyflow li.first{
	margin-right: 22px;
}
#loan .applyflow li.last{
	margin-left: 26px;
}
#loan .Lcol{
	overflow:hidden;
}
#loan .boxCol01b.gFrame .box01{
	padding: 15px 15px 10px;
}

/* /service/loan/net/creditline_proc2.html
--------------------------------- */
#loan .loanflow{
	width: 662px;
	margin: 0 auto;
}
#loan .loanflow li{
	margin-right: 26px;
}
#loan .loanflow li.first{
	margin-right: 20px;
}
#loan .loanflow li.last{
	margin-right: 0;
}
#loan .checkArea.first{
	border-bottom: none;
	margin-bottom: 0;
}

/* /service/loan/net/contract_flow.html,
   /service/loan/net/loan_use_1.html
--------------------------------- */
#loan #contents .imgListMenu li{
	float:left;
	font-size:0;
	margin: 13px 0 0 10px
}

/* /service/loan/net/contract_flow.html
--------------------------------- */
#loan #contents .sec01 .imgListMenu li.baloon{
	margin: 0;
}
#loan #contents .sec01 .imgListMenu li span{
	display: block;
	text-align: center;
}

/* /service/loan/net/detail.html 
--------------------------------- */
#loan #contents .tblArea tr.forPCTB{
	display:table-row !important;
}

/* /service/loan/net/detail.html,
   /service/loan/net/payment_use_2.html
--------------------------------- */
#loan #contents .tblArea{
	margin-top: 20px;
}

/* /service/loan/net/loan_use_1.html
--------------------------------- */
#loan #contents .loanFlow{
	width:693px;
}
#loan #contents .loanFlow li{
	float:left;
	font-size:0;
	line-height:0;
	margin-top:10px;
}
#loan #contents .loanFlow li.arrow{
	padding:47px 7px 0;
}
#loan #contents .atmList{
	margin-left:18px;
}
#loan #contents .atmList li{
	width:119px;
	text-align:center;
}
#loan #contents p.ic_txtLink{
	padding:0.3em 0 0.3em 1.6em;
	margin-left:0;
}

/* /service/loan/net/payment_use_1.html
--------------------------------- */
#loan .boxFrame02.wrapSec dt.bg_aqua{
	background-color:#45afed;
	display:inline-block;
	padding:3px 4px;
	color:#ffffff;
	font-weight:bold;
}
#loan .boxFrame02.wrapSec dl.fL{
	width:53%;
}
#loan .boxFrame02.wrapSec .fR{
	width:45%;
	text-align:right;
}
#loan .boxFrame02.wrapSec .fR .bdrL{
	border-left:15px solid #a3a3e0;
	padding-left:5px;
	line-height:1em;
	display:inline-block;
}

/* /service/loan/net/auto_loan.html
--------------------------------- */
#loan #contents .childLst{
	padding-left: 1em;
}
#loan #contents .alCase li p:first-child{
	margin: 20px 0;
	padding: 5px 0;
	border-top: solid 2px #1a3694;
	border-bottom: solid 2px #1a3694;
	color: #1a3694;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
#loan #contents .alCase li p.triangle:after{
	content: "";
	width: 100%;
	height: 22px;
	margin-top: 5px;
	display: block;
	background: url(/service/loan/net/images/auto_loan_img004.png) 30% 0 no-repeat;
	background: url(/service/loan/net/images/auto_loan_img004.gif) 30% 0 no-repeat \9; /* IE8 */
	background-size: 23px auto;
}
#loan #contents .alCase li .balloon{
	min-height: 70px;
	padding: 10px;
	background-color: #e6e9ec;
}

/* /service/loan/net/auto_loan_use.html
--------------------------------- */
/* switch tab */
#loan #contents .tabContentSwitch li{
	width: 150px;
	margin-right: 3px;
	float: left;
	background-color: #c9c9c9;
}
#loan #contents .tabContentSwitch li.cur,
#loan #contents .tabContent{
	background-color: #e9eaee;
}
#loan #contents .tabContentSwitch li a{
	display: block;
	color: #515151;
	line-height: 41px;
	text-align: center;
}
#loan #contents .tabContent{
	padding: 20px;
}
#loan #contents .tabContent .innerBox{
	padding: 15px;
	margin-bottom: 0;
	background-color: #fff;
}
#loan #contents #ncNoBox{
	display: none;
}

/* btn */
#loan #contents .btnNC01,
#loan #contents .btnNC02{
	width: 296px;
	margin: 20px auto 15px;
	text-align: center;
}
#loan #contents .btnNC01 a,
#loan #contents .btnNC02 a{
	padding: 10px;
	border-radius: 3px;
	display: block;
	color: #fff;
	line-height: 1.5em;
	font-size: 2.5em;
	font-weight: bold;
	background-color: #cba94e;
}
#loan #contents .btnNC02 a,
#loan #contents .btnNC01 a.direct{
	line-height: 1.3em;
	font-size: 1.6em;
}
#loan #contents .btnNC02 a{
	background-color: #5171c8;
}

/* flow */
#loan #contents .alFlow01,
#loan #contents .alFlow02{
	display: table;
}
#loan #contents .alFlow01 li,
#loan #contents .alFlow02 li{
	padding-left: 35px;
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
#loan #contents .alFlow01 li .inner,
#loan #contents .alFlow02 li .inner{
	width: 164px;
	height: 74px;
	padding: 10px;
	border: solid 3px #535353;
	background-color: #fff;
	color: #535353;
	line-height: 1.4em;
	font-size: 1.2em;
	font-weight: bold;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#loan #contents .alFlow01 li.half .inner{
	width: 276px;
}
#loan #contents .alFlow02 li .inner{
	width: 194px;
	height: 54px;
}
#loan #contents .alFlow01 li:before,
#loan #contents .alFlow02 li:before{
	content: "";
	width: 0;
	height: 0;
	display: block;
	border-left: solid 8px #535353;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
	position: absolute;
	left: 7%;
	top: 45%;
}
#loan #contents .alFlow01 li.half:before{
	left: 5%;
}
#loan #contents .alFlow02 li:before{
	left: 6%;
}
#loan #contents .alFlow01 li.plus:before{
	content: "";
	width: 15px;
	height: 15px;
	background: url(/service/loan/net/images/auto_loan_use_img001.png) 0 0 no-repeat;
	background: url(/service/loan/net/images/auto_loan_use_img001.gif) 0 0 no-repeat \9; /* IE8 */
	background-size: 15px auto;
	border: none;
	left: 5%;
}
#loan #contents .alFlow01 li:first-child,
#loan #contents .alFlow02 li:first-child{
	padding-left: 0;
}
#loan #contents .alFlow01 li:first-child:before,
#loan #contents .alFlow02 li:first-child:before{
	border: none;
}

#loan #contents .ml167{
	margin-left: 167px;
}

/* /service/loan/net/auto_loan_example.html
--------------------------------- */
#loan #contents .alTiming dt{
	padding: 10px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	background-color: #676767;
}

/* /service/loan/net/auto_loan_caution.html
--------------------------------- */
#loan #contents .alCaution dl{
	font-size: 1em;
}
#loan #contents .alCaution dl dt{
	padding-left: 0 !important;
	text-indent: 0 !important;
}
#loan #contents .alCaution dl dd{
	padding-left: 1em !important;
	margin-bottom: 5px !important;
}
#loan #contents .alCaution .childLst{
	padding-left: 1em;
}

/* /service/loan/net/auto_loan2.html
--------------------------------- */
#loan #contents .w350{
	width:350px;
}
hr.line01{
	clear: both;
	display: block;
	height: 1px;
	margin: 0;
	border: none;
	border-top: 1px solid #cfcfcf;
}

/* /service/loan/finance/index.html,
   /service/loan/free/index.html
--------------------------------- */
#loan #contents .fiInBox ol li,
#loan #contents .freeMeritList ol li{
	width:315px;
	float:left;
	margin-bottom:10px;
}
#loan #contents .fiInBox ol dt,
#loan #contents .freeMeritList ol dt{
	float:left;
	width:60px;
	height:60px;
	color:#ffffff;
	border-radius:10px;
	text-align:center;
	font-size:3em;
	line-height:1em;
	margin-right:10px;
}
#loan #contents .fiInBox ol dt{
	background-color:#83c4c4;
}
#loan #contents .freeMeritList ol dt{
	background-color:#ff6d3b;
}
#loan #contents .fiInBox ol dd,
#loan #contents .freeMeritList ol dd{
	font-size:0.7em;
	line-height:1.4em;
	overflow:hidden;
}
#loan #contents .fiInBox ol dd span,
#loan #contents .freeMeritList ol dd span{
	font-size:2.0em;
	line-height:1.2em;
	font-weight:bold;
	display:block;
}
#loan #contents .fiInBox ol dd span{
	color:#83c4c4;
}
#loan #contents .freeMeritList ol dd span{
	color:#ff6d3b;
}

/* /service/loan/finance/index.html
--------------------------------- */
#loan #contents .listStyleLoan .list01 li{
	display: inline-block;
	margin-right:10px;
}
#loan #contents .tel{
	font-size:180%;
	font-weight:bold;
}
#loan #contents .verMiddle{
	vertical-align: middle !important;
}

/* /service/loan/finance/use.html
--------------------------------- */
#loan #contents .useBox .txt{
	float:left;
	width:515px;
}

/* /service/loan/finance/qa_loan.html
--------------------------------- */
#loan #contents .txtLB{
	font-weight:bold;
	font-size:1.15em;
}

/* /service/loan/finance/qa_payment.html
--------------------------------- */
#loan #contents .scheduledPayment div{
	margin-top:15px;
	float:left;
	text-align:center;
	width:194px;
}
#loan #contents .scheduledPayment .arrow{
	padding-top:50px;
	width:74px;
}

/* /service/loan/free/index.html
--------------------------------- */
#loan #contents .freeMeritList ol li{
	width:226px;
	padding:0 9px;
	min-height:215px;
}
#loan #contents .freeMeritList ol li.freeMeritCenter{
	width:224px;
	border-left:1px dotted #b5b5b5;
	border-right:1px dotted #b5b5b5;
}
#loan #contents .freeMeritList ol dl{
	min-height:70px;
}
#loan #contents .freeMeritList ol dd{
	line-height:1.7em;
}
#loan #contents .freeMeritList ol dd span{
	font-size:1.75em;
}

/* /service/loan/finance/qa_payment.html,
   /service/loan/free/index.html
--------------------------------- */
#loan.finance #contents .subhead,
#loan.free #contents .subhead{
	font-size:1.25em;
}

/* /service/loan/omatome/index.html
   /service/loan/card/detail.html
   /service/loan/credit/detail.html
--------------------------------- */
#loan #contents .sec01 table .innerTbl{
	font-size:0.7em;
	margin-bottom:10px;
}
#loan #contents .sec01 table .innerTbl .tR{
	text-align:right;
}
#loan #contents .sec01 table dl.list04.dtL dt{
	font-weight:bold;
	font-size:1.1em;
}
#loan #contents .sec01 table dl.list04.dtL dd{
	padding-left:2.2em !important;
}

/* /service/loan/visa/index.html
   /service/loan/jcb/index.html
--------------------------------- */
#jnbcard #contents .sec01 p.notice01.fR.account{
	padding:10px 0 30px;
}
#jnbcard #contents .sec01 .boxFrame02.bgGray{
	background-color:#f5f5f5;
	margin-bottom:8px;
}
#jnbcard #contents .sec01 .boxFrame02.bgGray .bgWhite{
	background-color:#ffffff;
	clear:both;
	margin-top:10px;
}
#jnbcard #contents .sec01 .boxFrame02 dt.number{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:5px;
}
#jnbcard #contents .sec01 .boxFrame02 dt.number .jnbNum{
	padding:2px 10px;
	background-color:#df8900;
	float:left;
}
#jnbcard #contents .sec01 .boxFrame02 dt.number .jnbTxt{
	margin-left:40px;
	display:block;
}
#jnbcard.naviVisa #contents .sec01 .boxFrame02 dt.number .jnbTxt{
	width:473px;
}
#jnbcard.naviJcb #contents .sec01 .boxFrame02 dt.number .jnbTxt{
	width:495px;
}
#jnbcard #contents .sec01 .boxFrame02 .ml45{
	margin-left:45px;
}
#jnbcard #contents .sec01 .boxFrame02 .w465{
	width:465px;
}

/* /service/loan/visa/detail.html
   /service/loan/jcb/detail.html
--------------------------------- */
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .contact dt.ttl{
	font-size:1.1em;
	font-weight:bold;
	border-bottom:1px solid #c1c1c1;
}
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .contact .fontLv{
	padding-left:5px;
	font-size:2em;
	font-weight:bold;
	line-height:1.2em;
}
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .contact .fontM{
	font-size:0.7em;
}
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .hour{
	font-size:1em;
}
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .hour dt{
	color:#ffffff;
	background-color:#000;
	padding:2px 5px;
	margin-right:5px;
	display:inline-block;
}

/* /service/loan/visa/detail.html
/service/loan/visa/index.html
/service/loan/jcb/detail.html
/service/loan/jcb/index.html
--------------------------------- */
#jnbcard.naviVisa .applybtn .btnCont a,
#jnbcard.naviJcb .applybtn .btnCont a{
	display: block;
	font-size: 1.4em;
	color: #070603;
	border: 1px solid #070603;
	border-radius: 5px;
	padding: 20px;
	margin: 0 auto;
	width: 80%;
	background: -moz-linear-gradient(top, #eae4c3, #a49449);
	background: -webkit-linear-gradient(top, #eae4c3, #a49449);
	background: linear-gradient(to bottom, #eae4c3, #a49449);
}

/* /service/loan/jcb/detail.html
/service/loan/jcb/index.html
--------------------------------- */
#jnbcard.naviJcb .applybtn .btnCont a{
	background: -moz-linear-gradient(top, #ffd794, #ff9d1e);
	background: -webkit-linear-gradient(top, #ffd794, #ff9d1e);
	background: linear-gradient(to bottom, #ffd794, #ff9d1e);
}

/* clearFix
--------------------------------- */
.cfx,
#loan .applyflow ul,
#loan .checkArea dl dt,
#loan .merit .sec00,
#loan .loanflow ul,
#loan #contents .loanFlow,
#loan #contents .imgListMenu,
#loan #contents .wrapSec,
#loan #contents .freeMeritList,
#loan #contents .scheduledPayment,
#jnbcard #contents .sec01 .boxFrame02 dt.number,
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .hour,
#loan #contents .fiInBox ol,
#loan #contents .freeMeritList ol,
#loan #contents .alCase,
#loan #contents .tabContentSwitch{
	/zoom:1;
}

.cfx:after,
#loan .applyflow ul:after,
#loan .checkArea dl dt:after,
#loan .merit .sec00:after,
#loan .loanflow ul:after,
#loan #contents .loanFlow:after,
#loan #contents .imgListMenu:after,
#loan #contents .wrapSec:after,
#loan #contents .freeMeritList:after,
#loan #contents .scheduledPayment:after,
#jnbcard #contents .sec01 .boxFrame02 dt.number:after,
#jnbcard .sec01 .box01 .boxColor01.boxFrame02 .hour:after,
#loan #contents .fiInBox ol:after,
#loan #contents .freeMeritList ol:after,
#loan #contents .alCase:after,
#loan #contents .tabContentSwitch:after{
	content:'';
	display:block;
	clear:both;
}


/*smt tablet*/
@media screen and (max-width:1023px){
	#loan #subUnit ul{
		width: 380px;
	}
	#subUnit li.ncLogin{
		display:none;
	}
	#loan #sideAreaCL .bnrarea p{
		color: #fff;
	}
	/*finance*/
	#subUnit .naviFin li{
		display:none;
	}
	#subUnit .naviFin li.ncLogin{
		display:block;
	}
	.finance.proc2 #subUnit .naviFin li{
		display:block;
	}
	.finance.proc2 #subUnit .naviFin li.ncLogin{
		display:none;
	}
	/*free*/
	#subUnit .naviFree li{
		display:none;
	}
	#subUnit .naviFree li.ncLogin{
		display:block;
	}
	.free.proc2 #subUnit .naviFree li{
		display:block;
	}
	.free.proc2 #subUnit .naviFree li.ncLogin{
		display:none;
	}
	/* jnbcard */
	#jnbcard #subUnit ul{
		margin:0 auto;
		float:none;
		width:150px;
	}
	#jnbcard #subUnit li{
		margin:0;
		width:100%;
	}
	#jnbcard #subUnit li a{
		line-height:1.2em;
		padding:5px 0;
	}
	#jnbcard #subUnit li a span{
		font-size:0.8em;
		font-weight:normal;
	}
	/* index */
	#loan.loanTop #sideAreaCL .sideNavi .naviNet,
	#loan.loanTop #sideAreaCL .sideNavi .snNetCashing,
	#loan.loanTop #sideAreaCL .sideNavi .snStop,
	#loan.loanTop #sideAreaCL .sideNavi .snEnd,
	#loan #sideAreaCL .sideNavi .naviIndex{
		display: none;
	}
	#loan.loanTop #sideAreaCL .sideNavi .naviIndex{
		display: block;
	}
	#loan.loanTop #sideAreaCL .drawerTtl{
		background-color: #333;
		border-top: solid 1px #646464;
		border-bottom: solid 1px #303030;
		color: #fff;
		font-weight: bold;
		font-size: 1.4em;
		line-height: 25px;
		text-indent: 1.0em;
	}
	#loan.loanTop #subUnit .naviNet{
		display: none;
	}
	#loan.loanTop #mainContainer #contents,
	#loan.finance #mainContainer #contents,
	#loan.free #mainContainer #contents{
		padding-top: 20px;
	}
	
	/* sideNavi */
	.sideNavi .bnrArea{
		margin-top:15px;
		text-align:center;
	}
	/* /service/loan/visa/detail.html
	/service/loan/visa/index.html
	/service/loan/jcb/detail.html
	/service/loan/jcb/index.html
	--------------------------------- */
	#jnbcard.naviVisa #mainContainer #contents,
	#jnbcard.naviJcb #mainContainer #contents{
		padding-top: 20px;
	}
}

/*smt*/
@media screen and (max-width:767px){
	#loan.loanTop #pageContainer,
	#loan.finance #pageContainer,
	#loan.free #pageContainer{
		top: 45px;
	}
	#mainContainer #contents div.boxCol03{
		width: 33%;
		float: left;
	}
	#loan #mainContainer #contents div#mainImages{
		height: auto;
		width: 100%;
	} 
	#loan #subUnit ul{
		width: 300px;
	}
	#loan #subUnit li.last{
		margin: 0;
	}
	
	/* h1 */
	#loan.finance #contents h1,
	#loan.free #contents h1{
		background-color:#ffffff;
		background-image:none;
		color:#112d8e;
		min-height:0;
		margin-bottom:15px;
	}
	#loan.finance #contents h1 span,
	#loan.free #contents h1 span{
		padding:0;
	}
	
	/* button */
	#loan #mainContainer #contents .boxLogin{
		padding: 20px 4%;
	}
	
	/* /service/loan/index.html
	--------------------------------- */
	#loan.loanTop .serviceBox .box01 p:last-child span{
		bottom: 4%;
		left: 5%;
		width: 41%;
		text-indent: -2em;
		padding-left: 2em;
		line-height: 1.4em;
	}
	/* newsStyle */
	#loan.loanTop #newsStyle{
		box-sizing: border-box;
	}

	/* /service/loan/net/apply.html,
	   /service/loan/net/creditline_proc2.html
	--------------------------------- */
	#loan .checkArea dl.checkTtl dt img{
		width: auto !important;
	}
	#loan .boxCol01b.gFrame .ttlTxt{
		width: auto !important;
	}
	#loan .boxCol01b.gFrame .ttlTxt .captionBlue02{
		margin-bottom: 5px;
	}
	#loan .boxCol01b.gFrame .fL.mr20 img{
		width: 50px !important;
	}
	#loan .fax img{
		width: 55px !important;	
	}
	#loan .mail img{
		width: 47px !important;
	}
	#loan #contents .fax p span{
		font-size: 1.4em;
		font-weight: bold;
	}
	#loan #contents .mail p span{
		font-size: 1.0em;
		font-weight: bold;
	}
	
	/* /service/loan/net/apply.html
	--------------------------------- */
	#loan .applyflow{
		width:94% !important;
	}
	#loan .applyflow li{
		width:30%;
		height:auto;
	}
	#loan .applyflow li:before{
		border-left: 4px solid #5e5e5e;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
		top: 43%;
		margin-left: 6%;
		margin-right: 7%;
	}
	#loan .applyflow li.first{
		width:31%;
		margin-right:4%;
	}
	#loan .applyflow li.last{
		margin-left:5%;
	}
	#loan .applyflow li.first:before{
		margin-left: 3%;
	}
	#loan .Lcol{
		overflow: inherit;
	}
	#loan .boxCol01b.gFrame .box01{
		padding-top: 10px !important;
	}
	#loan .boxCol01b.gFrame .ttlTxt .title02{
		padding: 0;
		font-size: 2.0em !important;
	}
	
	/* /service/loan/net/creditline_proc2.html
	--------------------------------- */
	#loan .loanflow li{
		width: 45%;
		height: auto;
		margin-bottom:10px;
		margin-right: 0 !important;
		line-height: 0;
		font-size: 0;
	}
	#loan .loanflow li:before{
		border-left: 6px solid #5e5e5e;
		border-top: 9px solid transparent;
		border-bottom: 9px solid transparent;
		top: 43%;
		margin-left: 8%;
		margin-right: 7%;
	}
	#loan .loanflow li.first:before{
		margin-left: 5%;
	}
	#loan .loanflow li.even:before{
		border: none !important;
		position: inherit;
		margin: 0;
	}
	#loan .loanflow li.first{
		width: 46%;
		margin-right: 9% !important;
	}
	#loan .loanflow li.last{
		margin-left: 10% !important;
	}
	#loan #contents .checkArea .checkTtl dd .fL.mr20{
		float: none !important;
		margin: 0 0 10px 0 !important;
		text-align: center;
	}
	#loan #contents .checkArea .checkTtl dd .fL.mr20 img{
		width:140px !important;
	}
	#loan #contents .fax p.ofh{
		padding-top: 0px;
	}
	
	/* /service/loan/net/detail.html
	--------------------------------- */
	#loan #contents .tblArea .bdTn{
		border-top: 0;
	}
	#loan #contents .tblArea tr.forPCTB{
		display:none !important;
	}
	
	/* /service/loan/net/detail.html,
	   /service/loan/net/payment_use_2.html
	--------------------------------- */
	#loan #contents .tblArea table{
		width: 100%;
	}
	
	/*/service/loan/net/loan_use_1.html
	--------------------------------- */
	#loan #contents .atmList{
		margin:0;
	}
	#loan #contents .atmList li{
		margin:0 0 10px 10px !important;
	}
	#loan #contents .atmList li:nth-child(odd){
		margin-left:0 !important;
	}
	#loan #contents .atmList img{
		width:auto;
	}
	
	/*/service/loan/net/loan_use_1.html,
	  /service/loan/net/loan_use_3.html,
	  /service/loan/net/loan_use_4.html,
	  /service/loan/net/payment_use_1.html,
	  /service/loan/net/payment_use_3.html,
	  /service/loan/net/payment_use_4.html
	--------------------------------- */
	#loan #contents .bgOr{
		width: auto;
		padding:7px 3% 12px;
	}
	#loan #contents .loanFlow{
		width:100%;
	
	}
	#loan #contents .loanFlow li:not([class]){
		width: auto !important;
	}
	#loan #contents .loanFlow li:not([class]) img{
		height: 65px!important;
		width: auto!important;
	}
	#loan #contents .loanFlow li.arrow{
		padding: 25px 7px !important;
	}
	
	/* /service/loan/net/payment_use_1.html
	--------------------------------- */
	#loan .boxFrame02.wrapSec dl.fL,
	#loan .boxFrame02.wrapSec .fR{
		width:auto;
	}
	#loan .boxFrame02.wrapSec .fR{
		text-align:left;
	}
	
	/* /service/loan/net/auto_loan.html
	--------------------------------- */
	#loan #contents .alCase li.boxCol03,
	#loan #contents .alUseImg{
		width: 90%;
		margin: 0 auto;
	}
	#loan #contents .alCase li img{
		width: auto;
		height: 78px;
	}
	#loan #contents .alCase li p.triangle:after{
		background-position: 36% 0;
	}
	#loan #contents .alCase li .balloon{
		min-height: 0;
	}
	
	/* /service/loan/net/auto_loan_use.html
	--------------------------------- */
	/* switch tab */
	#loan #contents .tabContentSwitch li{
		width: 49%;
	}
	#loan #contents .tabContentSwitch li:first-of-type{
		margin: 0 1% 0 0;
	}
	#loan #contents .tabContentSwitch li:last-of-type{
		margin: 0;
		float: right
	}
	#loan #contents .tabContent{
		width: auto;
		padding: 20px 3%;
	}
	#loan #contents .tabContent .innerBox{
		width: auto;
		padding: 15px 3%;
	}
	#loan #contents .tabContent .innerBox .first{
		margin-bottom: 40px;
	}
	
	/* btn */
	#loan #contents .btnNC01,
	#loan #contents .btnNC02{
		width: 100%;
	}
	#loan #contents .btnNC01 a{
		font-size: 2em;
	}
	#loan #contents .btnNC02 a,
	#loan #contents .btnNC01 a.direct{
		font-size: 1.6em;
	}
	
	/* flow */
	#loan #contents .alFlow01,
	#loan #contents .alFlow02{
		display: block;
	}
	#loan #contents .alFlow01 li,
	#loan #contents .alFlow02 li{
		padding-left: 0;
		padding-top: 35px;
		display: block;
	}
	#loan #contents .alFlow01 li .inner,
	#loan #contents .alFlow02 li .inner,
	#loan #contents .alFlow01 li.half .inner{
		width: auto;
		height: auto;
		display: block;
	}
	#loan #contents .alFlow02 li .inner{
		margin: 0 5%;
	}
	#loan #contents .alFlow01 li:before,
	#loan #contents .alFlow02 li:before{
		content: "";
		width: 0;
		height: 0;
		display: block;
		border-top: solid 8px #535353;
		border-left: solid 8px transparent;
		border-right: solid 8px transparent;
		left: 48%;
		top: 14%;
	}
	#loan #contents .alFlow02 li:before{
		top: 17%;
	}
	#loan #contents .alFlow01 li.half:before{
		left: 48%;
		top: 11%;
	}
	#loan #contents .alFlow01 li.plus:before{
		left: 48%;
		top: 9%;
	}
	#loan #contents .alFlow01 li:first-child,
	#loan #contents .alFlow02 li:first-child{
		padding-top: 0;
	}
	#loan #contents .alFlow01 li:first-child:before,
	#loan #contents .alFlow02 li:first-child:before{
		border: none;
	}
	
	/* /service/loan/net/auto_loan_example.html
	--------------------------------- */
	#loan #contents .alTiming dl{
		width: auto;
	}
	#loan #contents .alTiming dl:first-child{
		margin-bottom: 35px;
	}
	#loan #contents .alTiming dt{
		margin-bottom: 25px;
	}
	#loan #contents .alTiming dd{
		padding: 0 8%;
	}
	
	/* /service/loan/net/auto_loan2.html
	--------------------------------- */
	#loan #contents .w350{
		width:auto;
	}
	
	/* /service/loan/finance/index.html,
	   /service/loan/free/index.html
	--------------------------------- */
	#loan #contents .fiInBox ol li,
	#loan #contents .freeMeritList ol li{
		width:100%;
	}
		
	/* /service/loan/finance/index.html
	--------------------------------- */
	#loan.finance #mainContainer .fiInBox .ml55{
		margin-left:0 !important;
	}
	#loan #contents .listStyleLoan p.fR{
		float:right !important;
	}
	
	/* /service/loan/finance/use.html
	--------------------------------- */
	#loan #contents .useBox .txt{
		float:none;
		width:auto;
	}
	
	/* /service/loan/finance/qa_payment.html
	--------------------------------- */
	#loan #contents .scheduledPayment div{
		width: 100%;
	}
	#loan #contents .scheduledPayment div:not([class]) p img{
		vertical-align:middle;
	}
	#loan #contents .scheduledPayment div.arrow{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	#loan #contents .scheduledPayment div.arrow img{
		transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	
	/* /service/loan/free/index.html
	--------------------------------- */
	#loan #contents .freeMeritList ol li,
	#loan #contents .freeMeritList ol li.freeMeritCenter{
		width:100%;
		min-height:0;
		padding:0;
		float:none;
	}
	#loan #contents .freeMeritList ol li.freeMeritCenter{
		border:none;
	}
	#loan #contents .freeMeritList ol dd span.singleLine{
		margin-top:15px;
	}
	
	/* /service/loan/finance/qa_payment.html,
	   /service/loan/free/index.html
	--------------------------------- */
	#loan.finance #contents .subhead,
	#loan.free #contents .subhead{
		font-size:1.0em;
		font-weight:bold;
	}

	/* /service/loan/omatome/index.html
	   /service/loan/card/detail.html
	   /service/loan/credit/detail.html
	--------------------------------- */
	#loan #contents .sec01 table .innerTbl{
		width:100%;
	}
	
	/* /service/loan/net/first.html
	--------------------------------- */
	#loan #contents .firstflow{
		width: 300px;
		margin: 0 auto;
	}
	
	/* /service/loan/visa/index.html
	   /service/loan/jcb/index.html
	--------------------------------- */
	#jnbcard #contents .sec01 .boxFrame02 .ml45{
		margin-left:0;
	}
	#jnbcard.naviVisa #contents .sec01 .boxFrame02 dt.number .jnbTxt,
	#jnbcard.naviJcb #contents .sec01 .boxFrame02 dt.number .jnbTxt,
	#jnbcard #contents .sec01 .boxFrame02 .w465{
		width:auto;
	}
	/* /service/loan/visa/detail.html
	/service/loan/visa/index.html
	/service/loan/jcb/detail.html
	/service/loan/jcb/index.html
	--------------------------------- */
	#jnbcard.naviVisa #pageContainer,
	#jnbcard.naviJcb #pageContainer{
		top: 45px;
	}
	#jnbcard.naviVisa #mainContainer #contents,
	#jnbcard.naviJcb #mainContainer #contents{
		padding-top: 10px;
	}
}