@charset "utf-8";

/*=====================================================================================
	
	Document    : style.css
	Description : PC用（幅900px以上）
 
=====================================================================================*/

.hdS {
	background:url(../image/hd-photo.jpg) no-repeat center top;
}

.md {
	background:url(../../image/md-ic/loan.png) no-repeat center top;
	padding-top:55px;
}

.block:first-child {
	padding-bottom:0;
}


/*---------------------------------------------------------------------------

   Nav

---------------------------------------------------------------------------*/

.calcform-nav {
	list-style: none;
  text-align: center;
}

@media screen and (max-width:1060px) {
	.calcform-navB {
		padding-left:3%;
		padding-right:3%;
	}
}


.calcform-nav li {
  display: inline-block;
}

.calcform-nav li:first-child {
  margin-right: 12px;
}

.calcform-nav li a {
	display:block;
	padding:10px 10px 12px 10px;
	text-decoration:none !important;
	background:url(../../image/bg-black25.png) repeat center top;
}

.calcform-nav li a:hover {
	background:url(../../image/bg-black50.png) repeat center top;
}

.calcform-nav li.selected a {
	background:url(../../image/bg-black90.png) repeat center top;
}


/*---------------------------------------------------------------------------

   入力フォーム・計算結果

---------------------------------------------------------------------------*/

.loan-fm {
	background:url(../../image/bg-black5.png) repeat center top;
	max-width:100% !important;
}


/*-------------------------------------------------------
   フォーム部品
-------------------------------------------------------*/

input[type="text"],
input[type="tel"] {
	width:150px;
	padding:6px;
	border:1px solid #c3c3c3;
	background-color:#fff;
	margin-right:0.5em;
	font-weight:bold;
}

select {
	padding:2px 8px 2px 2px;
	border:1px solid #c3c3c3;
	background-color:#fff;
	margin-right:0.5em;
	font-weight:bold;
}

option {
	padding:2px 4px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
select:focus {
	border-color:#3c3c3c;
}


/*-------------------------------------------------------
   入力フォーム
-------------------------------------------------------*/

.blockA {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
}

.blockA th,
.blockA td {
	text-align:left;
	padding-bottom:1em;
	vertical-align:middle;
}

.blockA th {
	padding-right:2em;
}

.blockA tr:last-child th,
.blockA tr:last-child td {
	padding-bottom:0;
}

.blockA tr td:last-child {
	padding-left:1em;
}


@media screen and (max-width:800px) {
	input[type="text"] {
		width:100px;
	}
	
	.blockA {
		width:100%;
	}
	
	.blockA tr {
		display:block;
	}

	.blockA tr:after {
		content:"";
		display:block;
		height:0;
		clear:both;
	}
	
	.blockA th:before {
		content:"■";
	}
	
	.blockA th {
		display:list-item;
		list-style:none;
	}

	.blockA th,
	.blockA tr:last-child th {
		padding-bottom:0.5em;
	}
	
	.blockA tr td:nth-child(2) {
		white-space:nowrap;
	}
	
	.blockA td br {
		display:none;
	}
}


/*-------------------------------------------------------
   ボタン
-------------------------------------------------------*/

.fm-bt01,
.fm-bt02 {
	cursor:pointer;
	margin:0;
	padding:10px 40px;
	color:#fff;
	background-color:#5a5a5a;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom-width:4px;
	border-bottom-style:solid;
	border-bottom-color:rgba(0,0,0,0.2);
}

.fm-bt01:hover,
.fm-bt02:hover {
	background-color:#7ab9d8;
	border-bottom-color:#7ab9d8;
}

.fm-bt01:disabled,
.fm-bt01:disabled:hover,
.fm-bt02:disabled,
.fm-bt02:disabled:hover {
	margin:0;
	padding:10px 40px;
	color:#fff;
	background-color:#5a5a5a;
	border-left:0;
	border-right:0;
	border-top:0;
	border-bottom-width:4px;
	border-bottom-style:solid;
	border-bottom-color:rgba(0,0,0,0.2);

	filter:alpha(opacity=50);
	opacity:0.5;
	-moz-opacity:0.5;
}


/*-------------------------------------------------------
   計算結果
-------------------------------------------------------*/

#loan-load-wp01 table,
#loan-load-wp02 table {
	border-collapse:collapse;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #aaa;
}

#loan-load-wp01 th,
#loan-load-wp01 td,
#loan-load-wp02 th,
#loan-load-wp02 td {
	border:1px solid #c3c3c3;
	padding:15px;
	text-align:left;
	vertical-align:middle;
}

#loan-load-wp01 th,
#loan-load-wp02 th {
	background:url(../../image/bg-black5.png) repeat center top;
	white-space:nowrap;
	width:30%;
}

#loan-load-wp01 td,
#loan-load-wp02 td {
	background-color:#fff;
}

#loan-load-wp01 th br,
#loan-load-wp01 td br,
#loan-load-wp02 th br,
#loan-load-wp02 td br {
	display:none;
}


/*---------------------------------------------------------------------------

   備考

---------------------------------------------------------------------------*/

.blockB {
	border:1px solid #c3c3c3;
}

.blockB p {
	padding-top:1em;
}

.blockB p:first-child {
	padding-top:0;
}