@charset "utf-8";
body {
	margin: 0 0; padding: 0 0; 
	font-size: 14px;
	color: #333;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
.pcHide { display: none;}
form { clear: both;}
a { color: #416090; text-decoration: none;}
a:hover { text-decoration: underline; color: #416090;}
a:visited { color: #416090;}
/***************************************************************************/

div#header, div#content, div#footer address {
		width: auto;
		min-width: 845px;
		max-width: 1000px;
		margin:0px auto;
		padding: 0 0;
		border: none;}
div#header { text-align: right; padding: 0 5px 0 0; }
	div#header a { color: #999; text-decoration: none; }
div#content {}

/***************************************************************************/
h1,
	h3,
	p.desc { 
	font-size: 100%;
	margin: 0 0;
	padding: .5em 20px .1em 20px;}
h1 {
    margin: 0 0 10px 0;
    padding: 17px 20px;
    overflow: hidden;
    position: relative;
    font-size: 17px;
    background: #2A313C;
    color: #fff;
    font-weight: normal;
    letter-spacing: 2px;
}
h3 {background: #4C5462;
padding: 12px;
color: #fff;
    font-weight: normal;
    margin: 0 0 15px;
    overflow: hidden;
    font-size: 14px;}

/* 借入可能額シミュレーション結果 
<p class="desc" id="simResult">借入可能額は <span>10,987,051</span> 円です。</p>
*/
p.desc#simResult span {
	font-size: 300%;
	color: #552;}


/* ---------------------------------------------------------- sim #message*/
ul.alert {
	margin-bottom: 1em;
	padding: 0 0 0 3em;
	line-height: 1.5;
	font-size: 90%;
	text-align: left;
}
ul.alert li {
	list-style: disc;
	margin-bottom: 0px;
	margin-left: .5em;
	padding-left: 0;
	font-weight: bold;
	color: #f00;
}

/* ---------------------------------------------------------- table */
/* 共通設定 */
table.sim_list,
	table.formTable,
	div.unit {
	width : 70%;
	max-width: 768px;}
table.sim_list,
	table.formTable {
	margin : .5em auto;
	background-color :#ffffff;
	border-collapse : collapse;
	border-color : #999966;
	line-height : 1.4;
	font-size: 14px;}
/* div.unit 単位：円 */
div.unit {
	margin: 0 auto;
	text-align: right;
	color: #666;}
p.note { 
	margin: 10px auto;
	color: #666;}
table.sim_list caption,
	table.formTable caption {
		text-align: center;
		color: #444;
		font-weight: bold;}
table.sim_list th, table.sim_list td,
	table.formTable th, table.formTable td {
	text-align : left;
	padding : 2px 4px;
	border : solid 1px #ccc;}
table.sim_list th,
	table.formTable th {
	font-weight : normal;
	border: solid 1px #ccc;
	white-space : nowrap;
	background-color : #efefef;
	vertical-align : middle;
	color : #444;}
table.sim_list thead th,
	table.formTable thead th {
	text-align: center;}
table.sim_list tbody td span {
	display: block;
	font-size: 11px;
	color: #555;}

	/* 幅 */
table.sim_list thead .sumColumn {
	width: 19%;}
table.sim_list thead .loan1, 
	table.sim_list thead .loan2 {
	width: 25%;}

/* #condTable */
table#condTable.sim_list tbody th {
	width: 31%;}
table.sim_list tbody .sumColumn {
	text-align: right;}

/* #resultTable */
table#resultTable.sim_list tbody th {
	width: auto;}

table#resultTable.sim_list tbody th.interest,
table#resultTable.sim_list tbody th.principal,
table#resultTable.sim_list tbody th.total {
	width: 4em;
	text-align: center;}


table.sim_list#resultTable tfoot td,
	table.sim_list#resultTable tbody td,
table.formTable tfoot td,
	table.formTable tbody td {
	text-align: right;}

/* .formTable */
table.formTable thead td { width: 13%; text-align: center;}
table.formTable thead th { width: 30%;}
table.formTable tbody th { text-align: center;}

/* ---------------------------------------------------------- buttom */
/**/
div.calc,
div.sender,
.formTable.num a.sender {
	display :block;
	float: none;}
div.calc a.sender,
div.sender a,
.formTable.num a.sender {
	display :block;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: transparent;
    background-color: #fff;
    border: solid 1px #416090;
    min-width: 230px;
    max-width: 420px;
    margin: 30px auto;
    padding: 15px 0;
    text-decoration: none;
    text-shadow: none;
    color: #416090;
    box-shadow: none;
    font-weight: normal;
    font-size: 16px;}

div.calc a.sender:before,
div.sender a:before,
	.formTable.num a.sender:before {
	font-family: FontAwesome;
	content: "\f138";
	margin: 0 5px 0 0;}

div.calc a.sender:hover,
div.sender a:hover,
	.formTable.num a.sender:hover {
    background-color: #416090;
    color: #fff;
    text-decoration: none;}


div.calc a.sender { background: #2fbbea; color: #fff; border: none;}
div.calc a.sender:before { content: "\f1ec";}
div.calc a.sender:hover { background:#2f87ea;}