@charset "shift_jis";

/***********************************************************************************************************************
*
*	simulation.css
*	ローンシミュレーション用CSS
*
***********************************************************************************************************************/

/* ローンシミュレーション内共通style
----------------------------------------------------------------------------------------------------------------------*/
table td{background-color:#ffffff;}

#simulation.calculation1 h2,
#simulation.calculation2 h2,
#simulation.calculation3 h2{font-size:18px;font-weight:bold;}

/* simulation用 header */
#simulation-title{margin:0 0 20px 0;}
#simulation-title h2{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	background-color:#ffd972;
	text-align:center;
	font-size:20px;
	font-weight:bold;
}
#simulation-title h2 span{display:block;padding:15px 0 5px 0;font-size:14px;}

/* simulation用 table */
table.simulation{margin-bottom:5px;}

table.simulation th{font-size:14px;}
table.simulation th span{font-size:12px;}

table.simulation td{font-size:18px;font-weight:bold;text-align:right;}
table.simulation td span{color:#333333;font-size:12px;font-weight:normal;}

table.simulation .upon{}
table.simulation .upon th,
table.simulation .upon td{color:#ff6600;}
table.simulation .upon th{color:#333333;}

table.simulation .upon td p.small.text-right:not(.red){color:#333;}

/* GHU-SIM-1101しんきん住宅ローンシミュレーション一覧画面
----------------------------------------------------------------------------------------------------------------------*/
#simulation.list{}

/* GHU-SIM-2101住宅ローン返済額シミュレーション画面
----------------------------------------------------------------------------------------------------------------------*/
#simulation.calculation1{}

/* GHU-SIM-2201住宅ローン借入可能金額シミュレーション画面
----------------------------------------------------------------------------------------------------------------------*/
#simulation.calculation2{}

/* GHU-SIM-2301住宅ローン借換えシミュレーション画面
----------------------------------------------------------------------------------------------------------------------*/
#simulation.calculation3{}

#simulation.calculation3 table.simulation th.arrow{background:transparent;}

#simulation.calculation3 table.simulation td .change{
	position:relative;
	width:100%;
	padding:0.8em 0;
}
#simulation.calculation3 table.simulation td .change p{
	position:absolute;
	right:0;bottom:0;
}


#simulation.calculation3 table.simulation.result .upon th{width:204px;}
#simulation.calculation3 table.simulation.result .upon td{background:#fdf4da;}