@charset "utf-8";

.contentsIndent{
	margin:20px 0 0 10px;
	padding:0;
	clear:both;
	}

/* ローンのご案内
=========================================================================*/
p.paymentLead{
	margin:0;
	padding:0;
	width:691px;
	line-height:180%;
	}
p.paymentNote{
	margin:5px 0 0 10px;
	padding:0 0 0 1em;
	text-indent:-1em;
	font-size:80%;
	line-height:150%;
	}

.paymentQuoArea{
	margin:20px 0 0 10px;
	padding:12px 17px 17px;
	width:643px;
	background:#F7F7F7;
	overflow:hidden;
	}
.paymentQuoArea table{
	float:left;
	margin:0 15px 0 0;
	padding:0;
	width:350px;
	}
.paymentQuoArea table th,
.paymentQuoArea table td{
	padding:5px 0;
	}
.paymentQuoArea table th{
	width:103px;
	text-align:left;
	}
.paymentQuoArea table td strong{
	color:#F58B0A;
	}
.paymentQuoArea .img{
	float:left;
	margin:6px 0 0 0;
	padding:0;
	}

.paymentContentsArea{
	margin:0 0 0 10px;
	padding:19px 22px 20px 22px;
	width:625px;
	border:1px solid #CCC;
	background:url(/unithouse/support/img/contents_bg.jpg) no-repeat 2px 2px;
	overflow:hidden;
	}
.paymentContentsArea .tit{
	margin:0;
	padding:0;
	}
.paymentContentsArea .txt{
	margin:10px 0 0 0;
	padding:0;
	}

p.date{
	margin:23px 10px 0 0;
	text-align:right;
	}
.paymentTable{
	margin:5px 0 0 10px;
	padding:0;
	width:671px;
	border-collapse:collapse;
	}
.paymentTable,
.paymentTable tr,
.paymentTable th,
.paymentTable td{
	border:1px solid #BFBFBF;
	}
.paymentTable th.head{
	padding:7px 0;
	background:#DEEBFA;
	color:#1B558C;
	text-align:center;
	}
.paymentTable th{
	padding:7px 0;
	background:#EFF9FE;
	font-weight:normal;
	text-align:center;
	}
.paymentTable td{
	padding:7px 15px;
	}
.paymentTable td.nenritsu{
	padding:7px 0;
	text-align:center;
	}

.spOnly {
	display: none;
}

@media screen and (max-width: 750px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
	.mainBox {
		padding: 0 10px;
	}

	.spTtl {
		padding: 35px 20px;
		background: #fff;
		border-top: solid 3px #1B558C;
		border-bottom: solid 1px #d9d9d9;
		font-size: 20px;
		font-weight: bold;
	}
	
	.productNavi,
	.contentsImg,
	.contentsLeft,
	.contentsBox,
	.footstepBox {
		width: auto;
	}

	p.paymentLead,
	.paymentQuoArea,
	.paymentTable {
		width: auto;
	}
	.paymentTable {
		margin: 5px 0 0;
	}

	.bottomTel-sp {
		margin: 0 15px 40px;
	}
}