@charset "utf-8";

/* ----------------------------------------------------------- body */
html, body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: small;
	background-color : #ffffff;
	position: relative;
	font-family: sans-serif;
}

/* ----------------------------------------------------------- #ad */

#ad {
	position: absolute;
	top: 42px;
	left: 620px;
	width: 184px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
/* ----------------------------------------------------------- tab */

#tab {
	width: 600px;
	padding: 20px 0px 0px 0px;
	border: 0px;
	background-color: #ffffff;
}
ul#navi_item {
width: 100%;
height: 20px;
margin: 0px;
padding: 0px 0px 0px 0px;
background: url(../images/tab_bottom.gif) repeat-x bottom;
}
	ul#navi_item li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	float: left;
	}

#navi_item a:link, 
#navi_item a:visited {
	float : left;
	background-color : #f3f3f3;
	font-size : .9em;
	line-height : 14px;
	font-weight : bold;
	padding : 2px 10px 2px 10px;
	margin-right : 4px;
	border : 1px solid #cccccc;
	text-decoration : none;
	color : #666666;
}

#navi_item a:link.active, 
#navi_item a:visited.active {
	border-bottom : 1px solid #ffffff;
	background-color : #ffffff;
	color : #000077;
}

#navi_item a:hover {
	background : #ffffff;
}

/* ----------------------------------------------------------- paymentBox */
div#payment,
div#paymentTable {
	clear: both;
	width: 560px;
	padding: 10px 20px 30px 20px;
	border-color: #cccccc;
	border-width: 1px;
	border-style: none solid solid solid;
}

.desc,
.note {
	margin: 10px 0px 10px 0px;
	font-size: .9em;
	line-height: 1.4;}

.unit {
	margin-top: .5em;
	font-size: .9em;
	color: #666;
	text-align: right;}
span.simResult {/*計算結果*/
	font-size: 300%;
	color: #006;
}

h3 {
	letter-spacing: 1px;
	margin-bottom: 0px;
	color: #666666;
	font-weight: bold;
}


/* ---------------------------------------------------------- alert */
ul.alert {
	margin: .5em 0 2em 0;
	color: red;
	line-height: 1.4em;}

/* ---------------------------------------------------------- form#frmSim */
form#frmSim {}

/* ---------------------------------------------------------- table */
table.sim_list{
	width:560px;
	margin-top:3px;
	background-color:#ffffff;
	border-collapse: collapse;
	line-height:1.4;
	font-size: .9em;
}

table.sim_list th{
	font-weight:normal;
	border-style:solid;
	border-color:#aacbee;
	border-width:1px;
	background-position:top;
	color: #000077;
	white-space:nowrap;
	background-color:#f3f3f3;
	vertical-align:bottom;
	width : 31%;
	padding : 1px 10px;
	vertical-align : middle;
}

	table.sim_list thead th { text-align: center;}
	table.sim_list tbody th { text-align: left;}

table.sim_list th a{
	color:#ffffff;
}

table.sim_list td{
	border-style:solid;
	border-color:#aacbee;
	border-width:1px;
	padding:2px;
}


/* ---------------------------------------------------------- buttom */
/*
	<div class="sender"><a href="#" class="sender" cvalue="3">返済予定表（月単位）</a></div>
*/
/*
	<div class="calc"><a href="#" class="sender" cvalue="1"><span>実行</span></a></div>
*/

div.calc {
	text-align:center; 
	margin: 6px 0;
	padding: 0 auto;}
div.calc a.sender {}
div.calc a.sender span {/*実行*/}

div.calc a.sender{
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 6px 20px;
    cursor: pointer;
    border: 1px solid #bbb;
    overflow: visible;
    font: bold 13px arial, helvetica, sans-serif;
    text-decoration: none;
    white-space: nowrap;
    color: #555;
    background-color: #ddd;
    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3),
                            0 2px 2px -1px rgba(0, 0, 0, .5),
                            0 1px 0 rgba(255, 255, 255, .3) inset;
    text-shadow: 0 1px 0 rgba(255,255,255, .9);
/* Firefox */
background-image: -moz-linear-gradient(top center, #fff 100%, #fff 50%);
/* Chrom と Safari */
background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));
/* 共通 */
background-image: linear-gradient(top center, #fff 100%, #fff 50%);
}

div.calc a.sender:hover {
    background-color: #eee;
    color: #555;
}
 
div.calc a.sender:active {
    background: #e9e9e9;
    position: relative;
    top: 1px;
    text-shadow: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3) inset;
    outline: none;
}

/**/
div.sender,
.formTable.num a.sender {
	display :block;
	float: right;}
	div.sender { margin: .5em 0;}

/* ---------------------------------------------------------- 返済額シミュレーション返済総額 */
table#resultTable {}
table#resultTable thead th.principalColumn,/*元金*/
	table#resultTable thead th.chargeColumn,/*利息*/
	table#resultTable thead th.sumColumn {/*合計*/
	width: 23%;}
table#resultTable tbody td,
table#resultTable tfoot td {
	text-align: right;
	padding: 0px 10px;}

/* ---------------------------------------------------------- .table.formTable.num */
table.formTable.num{
	width:560px;
	margin-top:3px;
	background-color:#ffffff;
	border-collapse: collapse;
	line-height:1.4;
	font-size: .9em;
}
table.formTable.num caption {
	text-align: left;}

table.formTable.num th{
	font-weight:normal;
	border-style:solid;
	border-color:#aacbee;
	border-width:1px;
	background-position:top;
	text-align:center;
	color: #000077;
	white-space:nowrap;
	padding:1px;
	background-color:#f3f3f3;
	vertical-align:bottom;
	vertical-align : middle;
}

table.formTable.num td{
	border-style:solid;
	border-color:#aacbee;
	border-width:1px;
	padding:2px;
}

table.formTable.num .numberColumn{/*回数*/ width: 10%;}
table.formTable.num .yearColumn,/*年*/
table.formTable.num .monthColumn {/*月*/ width: 15%;}
table.formTable.num .amountColumn,/*返済額*/
table.formTable.num .principalColumn {/*元本残高*/ width: 30%;}

table.formTable.num thead th,
	table.formTable.num thead td { text-align:center;}

table.formTable.num tbody td.numberColumn,/*回数*/
	table.formTable.num tbody td.yearColumn,/*年*/
	table.formTable.num tbody td.monthColumn {/*月*/ text-align: center;}
table.formTable.num tbody td.amountColumn,/*返済額*/
	table.formTable.num tbody td.principalColumn {/*元本残高*/ 
		text-align: right;
		padding :0px 10px;}