@charset "utf-8";
/* CSS Document */

#calcform input.textField {
	width: 50px;
	padding: 3px;
	text-align: right;
}

#calcform input.textFieldLong {
	width: 100px;
	padding: 3px;
	text-align: right;
}

div.loanSimu {
	background-color:#F5EFD6;
	width: 600px;
	padding: 20px;
	margin-bottom: 20px;
    /* 角丸 (native in Firefox and Safari) */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

span#alertMoney,
span#alertRepay,
span#alertRepay2,
span#alertPrice,
span#alertBonus,
span#alertBonus2,
span#alertAge,
span#alertAge2,
span#alertTime,
span#alertKinri {
	margin-left:6px;
	font-size: 85%;
	color:#CC0000;
	font-weight: bold;
}

#resultArea {
	text-align: center;
	padding: 10px;
	background-color:#FFFFFF;	
}

#resultArea #alertBox {
	margin: 0px 0px 0px;
	padding: 10px;
	color:#CC0000;
	font-weight: bold;
	background-color: #FBE6E6;
	border: 1px solid #CC0000;
	line-height: 1.8;
}

#resultArea #totaldebt {
	font-size: 197%;
	color:#CC0000;
	font-weight: bold;
}

#resultArea #totalpay,
#resultArea #totalpay2 {
	font-size: 167%;
	color:#CC0000;
	font-weight: bold;
}

#resultArea #totalpercent {
	font-size: 131%;
	color:#CC0000;
	font-weight: bold;
}

div#mainContArea 
input,
select,
textarea {
	vertical-align: middle;
	}

div#mainContArea table {
	width: 600px;
	border-collapse: separate;
}
div#mainContArea th {
	width: 120px;
	border-top: 1px dotted #CCCCCC;
	border-left: 2px solid #336600;
	border-bottom: none;
	border-right: none;
	background-color: #F5F5F5;
	text-align: left;
	padding: 7px 8px;
	}
div#mainContArea td {
	border-top: 1px dotted #CCCCCC;
	background-color: #FFFFFF;
	border-right: none;
	border-bottom: none;
	border-left: none;
	padding: 7px 5px;
	}
	
.fsmall {
	font-size: 75%;
	color: #666666;
	}