@charset "utf-8";
/*==============================
　シミュレーター
==============================*/
/*共通設定*/
#Right_Area{
	float:left;
	width:750px;
	background:#FFFFFF;
}

#simulation_wrapper{
	width:710px;
	margin:0 auto;
}

/*1ブロック目*/
.lead01{
	margin:20px 0;
	padding:10px 0;
	background:url("../images/simulation/photo01.jpg") no-repeat right top;	
}

#Para01{
	background:url("../images/simulation/greenframe_middle.gif") repeat-y left top;	
}

#Para01 .q01{
	padding:20px;
	background:url("../images/simulation/greenframe_top.gif") no-repeat left top;	
}

#Para01 .q01 h4{
	width:663px;
	margin:0 auto 15px auto;
}

#Para01 .q02{
	padding:20px;
	background:url("../images/simulation/greenframe_bottom.gif") no-repeat left bottom;	
}

#Para01 .q02 h4{
	width:663px;
	margin:0 auto 15px auto;
}

#Para01 table{
	width:650px;
	margin:0 auto;
	border-bottom:1px dotted #333333;	
}

#Para01 table th{
	width:90px;
	padding:8px 10px;
	font-weight:normal;
	text-align:left;
	background:#e8eedc url("../images/simulation/green_bottom.gif") repeat-x left bottom;
	border-top:3px solid #FFFFFF;
}

#Para01 table td{
	padding:8px 10px;
	border-top:3px solid #FFFFFF;
}

#Para01 table th.dot_line,
#Para01 table td.dot_line{
	border-bottom:1px dotted #333333;	
}

#Para01  p{
	text-align:center;	
}

.btn_area{
	width:185px;
	margin:20px auto 0 auto;	
}

/*2ブロック目*/
#Para02{
	margin:30px 0;	
}

#Para02 .green_wrapper{
	background:url("../images/simulation/grayframe_middle.gif") repeat-y left top;	
}

#Para02 .green_wrapper .top{
	background:url("../images/simulation/grayframe_top.gif") no-repeat left top;	
}

#Para02 .green_wrapper .bottom{
	padding:23px 17px;
	background:url("../images/simulation/grayframe_bottom.gif") no-repeat left bottom;	
}

#Para02 .green_wrapper .bottom img.para02_lead{
	margin-bottom:13px;	
}

#Para02 .green_wrapper .bottom .math_wrapper{
	padding:0;	
}

#Para02 .green_wrapper .bottom  p{
	margin:0;
	padding0:;
}

#Para02 .green_wrapper .bottom  p.math_area{
	float:left;
	width:138px;
	padding:6px 0;
	background:url("../images/simulation/math_area_bg.gif") no-repeat left top;
	text-align:center;
	font-size:180%;
	font-weight:bold;
}

#Para02 .green_wrapper .bottom .math_wrapper img{
	float:left;
	width:84px;
	padding:30px 0 0 5px;
}

p.para02_text01{
	clear:both;
	padding-top:10px;
	font-size:90%;
}

#Para02 table#first_result_table{
	margin:20px auto;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#Para02 table#first_result_table th{
	padding:5px 0;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#Para02 table#first_result_table td{
	padding:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#Para02 table#first_result_table .green th{
	background:#e8eedc;
	font-weight:normal;
}

#Para02 table#first_result_table .even{
	background:#f7f7f7;	
}

#Para02 table#first_result_table .red{
	background:#f0d1cb;
}

#Para02 table#first_result_table .red th{
	font-weight:normal;
}

#Para02 table#first_result_table .td_price{
	text-align:right;	
}

#Para02 .btn_area{
	width:560px;
	margin:0 auto;
}


/*3ブロック目*/
#Para03{
	margin:30px 0;	
}

#Para03 .green_wrapper{
	background:url("../images/simulation/grayframe_middle.gif") repeat-y left top;	
}

#Para03 .green_wrapper .top{
	background:url("../images/simulation/grayframe_top.gif") no-repeat left top;	
}

#Para03 .green_wrapper .bottom{
	padding:23px 17px;
	background:url("../images/simulation/grayframe_bottom.gif") no-repeat left bottom;	
}

#Para03 .green_wrapper .bottom img.para02_lead{
	margin-bottom:13px;	
}

#Para03 .green_wrapper .bottom .math_wrapper{
	padding:0;	
}

#Para03 .green_wrapper .bottom  p{
	margin:0;
	padding0:;
}

#Para03 .green_wrapper .bottom  p.math_area{
	float:left;
	width:138px;
	padding:6px 0;
	background:url("../images/simulation/math_area_bg.gif") no-repeat left top;
	text-align:center;
	font-size:180%;
	font-weight:bold;
}

#Para03 .green_wrapper .bottom .math_wrapper img{
	float:left;
	width:84px;
	padding:30px 0 0 5px;
}

#Para03 table#special_result_table{
	margin:20px auto;	
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
}

#Para03 table#special_result_table th{
	padding:5px 0;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#Para03 table#special_result_table td{
	padding:5px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}

#Para03 table#special_result_table .green th{
	background:#e8eedc;
	font-weight:normal;
}

#Para03 table#special_result_table .even{
	background:#f7f7f7;	
}

#Para03 table#special_result_table .pink{
	background:#f7ebe8;
}

#Para03 table#special_result_table .red{
	background:#f0d1cb;
}

#Para03 table#special_result_table .red th{
	font-weight:normal;
}

#Para03 table#special_result_table .td_price{
	text-align:right;	
}

#Para03 .btn_area{
	width:560px;
	margin:0 auto;
}

#Para03 .special_difference{
	font-weight:bold;
	color:#cc0000;
}

#Para03 p{
	text-align:center;	
}

#Para03 .gray_wrapper{
	margin-top:25px;
	background:url("../images/simulation/btnarea_bg_middle.gif") repeat-y left top;	
}

#Para03 .gray_wrapper .top{
	background:url("../images/simulation/btnarea_bg_top.gif") no-repeat left top;	
}

#Para03 .gray_wrapper .bottom{
	padding:33px 62px 33px 63px;
	background:url("../images/simulation/btnarea_bg_bottom.gif") no-repeat left bottom;	
}

#Para03 .gray_wrapper p{
	margin:0 auto 19px auto;
	padding:0;	
}

#Para03 .gray_wrapper .bottom .btn_area{
	width:585px;	
}

#Para03 .gray_wrapper .btn_area img#btn01{
	margin-right:23px;
}

/*料金の右揃え設定*/
td.td_price{
	padding-right:20px;
	text-align:right;	
}


/*---------------------------------------
	フロート解除用
---------------------------------------*/
.clearfix{
	zoom:1; /* clear float - ie */
}
.clearfix:after{ /* clear float */
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}