@charset "UTF-8";

/*////////////////////////////////////////////////////////////////
PC
////////////////////////////////////////////////////////////////*/	
@media print, screen and (min-width: 641px) {
#loan {
	margin-top: 20px;
}
#loan p {
	font-size: 14px;
	line-height: 160%;
}
#loan .calcu_area {
	padding: 0px;
	margin-bottom: 30px;
}
#loan table.t-loan {
	width: 100%;
	border-top: 1px solid #ACACAC;
	border-left: 1px solid #ACACAC;
}
#loan table.t-loan .midashi {
	font-size: 18px;
	color: #0E4929;
	font-weight: bold;
	padding: 10px;
	background-color: #ECF9DC;
}
#loan table.t-loan th {
	width: 150px;
	font-size: 13px;
	line-height: 140%;
	background-color: #E9FFF2;
	padding: 5px;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
}
#loan table.t-loan td {
	font-size: x-small;
	padding: 5px;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
}
#loan table.t-loan td.cell-1 {
	font-size: 14px;
	background-color: #F6F6F6;
	letter-spacing: 0em;
	width: 130px;
}
#loan table.t-loan td.cell-2 {
	font-size: 14px;
	background-color: #FFF8DE;
	letter-spacing: 0em;
	width: 130px;
}
#loan table.t-loan th.cell-3 {
	font-size: x-small;
	background-color: #EEEEEE;
	letter-spacing: 0.1em;
}
#loan table.t-loan td.form-btn {
	background-color: #CEF2FF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*=========================
#form／ローン用
==========================*/
.ReadOnly {
	color: #F00;
	background-color: #FF9;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}
.cell-1 input, .cell-2 input {
	height: 20px;
	padding: 5px;
	border: 1px solid #666666;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
}
.cell-1 input {
	width: 55px;
}
.cell-2 input {
	width: 85px;
}
.form-btn input, .close_bt button {
	color: #000;
	width: 120px;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	border: 1px solid #C69;
	background-color: #FDFFEB;
	font-size: 15px;
	line-height: 160%;
	font-weight: bold;
}
.form-btn input {
	margin: 0px 20px 0px 20px;
}

}

/*////////////////////////////////////////////////////////////////
SP
////////////////////////////////////////////////////////////////*/
@media only screen and (max-width: 640px) {
#loan {
	margin-top: 10px;
}
#loan p {
	font-size: 14px;
	line-height: 160%;
}
#loan .calcu_area {
	padding: 0px;
	margin-bottom: 20px;
}
#loan table.t-loan {
	width: 100%;
	border-top: 1px solid #ACACAC;
	border-left: 1px solid #ACACAC;
}
#loan table.t-loan .midashi {
	font-size: 16px;
	color: #0E4929;
	font-weight: bold;
	padding: 10px;
	background-color: #ECF9DC;
}
#loan table.t-loan th {
	width: 30%;
	font-size: 13px;
	line-height: 140%;
	background-color: #E9FFF2;
	padding: 10px 5px;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
}
#loan table.t-loan td {
	font-size: x-small;
	line-height: 160%;
	padding: 10px 5px;
	border-right: 1px solid #ACACAC;
	border-bottom: 1px solid #ACACAC;
}
#loan table.t-loan td.cell-1 {
	font-size: 12px;
	background-color: #F6F6F6;
	letter-spacing: 0em;
	width: 33%;
}
#loan table.t-loan td.cell-2 {
	font-size: 12px;
	background-color: #FFF8DE;
	letter-spacing: 0em;
	width: 33%;
}
#loan table.t-loan th.cell-3 {
	font-size: x-small;
	background-color: #EEEEEE;
	letter-spacing: 0.1em;
}
#loan table.t-loan td.form-btn {
	background-color: #CEF2FF;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*=========================
#form／ローン用
==========================*/
.ReadOnly {
	color: #F00;
	background-color: #FF9;
	text-align: right;
	font-size: 13px;
	font-weight: bold;
}
.cell-1 input, .cell-2 input {
	height: 20px;
	padding: 5px;
	border: 1px solid #666666;
	font-size: 16px;
	color: #F00;
	font-weight: bold;
}
.cell-1 input {
	width: 55px;
}
.cell-2 input {
	width: 85px;
}
.form-btn input, .close_bt button {
	color: #000;
	width: 120px;
	margin: 0px;
	padding: 2px 6px 2px 6px;
	border: 1px solid #C69;
	background-color: #FDFFEB;
	font-size: 15px;
	line-height: 160%;
	font-weight: bold;
}
.form-btn input {
	margin: 0px 20px 0px 20px;
}

}