@charset "utf-8";

/* CSS Document */

/* --------------------
		clear
-------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hides from IE-mac */
/* ------------------------ */
.container{
	line-height: 1.4em;
}
.simguide{
	background:#EDEDED url(../images/simulator/mark_question.gif) no-repeat center right;
	border-radius: 6px;
	width:600px;
	margin:0 auto 20px;
	padding: 14px 10px;
	font-size: 12px;
	font-weight: bold;
}
.simbox {
	background:url(../images/form/btn_bg.jpg);
	padding:6px;
	width:608px;
	margin:0 auto;
	border-radius: 6px;
}
.simboxinn{
	background: #fff;
	border-radius:5px;
}
.inputarea{
	width: 620px;
}
.inputarea tr th{
	width: 194px;
	padding: 6px 6px 0 6px;
	vertical-align: top;
}
.inputarea tr td{
	padding: 6px 6px 0 0px;
	vertical-align: bottom;
}
.inputarea tr th.pb6{
	padding-bottom: 6px;
}
.inputs,.inputs02{
	font-size: 16px;
	font-weight: bold;
}
.inputs input{
	width: 58%;
	height: 40px;
	margin: 0 6px 0 0;
	font-size: 28px;
	font-weight: bold;
	text-align: right;
	color: #005E80;
	border: 3px solid #81B1BD;
	background: #fff;
	padding: 10px 0 0 0;
}

.inputs input::-ms-clear {
        visibility:hidden
    }

.inputs02 input{
	width: 30%;
	height: 40px;
	margin: 0 6px 0 0;
	font-size: 28px;
	font-weight: bold;
	text-align: right;
	color: #005E80;
	border: 3px solid #81B1BD;
	background: #fff;
}
/*.inputs input:focus,.inputs02 input:focus{
	background:#FDF9BF;
	border:solid 3px #FF9933;
}*/
.supplement{
	font-size: 11px;
	color: #7EB2C0;
	font-weight: normal;
}
.btnarea{
	width: 404px;
	height: 105px;
	position: relative;
	margin: 20px auto 10px;
	background: url(../images/simulator/btn_bg.gif) no-repeat center bottom;
	padding: 0 108px;
}
*html .btnarea{
	width: 404px;
	height: 105px;
	position: relative;
	margin: 20px auto 10px;
	background: url(../images/simulator/btn_bg.gif) no-repeat center bottom;
	padding: 0 108px;
}
input#btn_reset {
	width: 196px;
	height: 51px;
	float: left;
	display: block;
	overflow: hidden;
	background: #FFFFFF url(../images/btn_reset.jpg) no-repeat;
	border: none;
	border-style: none;
	cursor: pointer;
}
input#btn_trial {
	width: 196px;
	height: 51px;
	position: absolute;
	top: 0px;
	left: 316px;
/*	float: right;*/
	display: block;
	overflow: hidden;
	background: #FFFFFF url(../images/btn_trial.jpg) no-repeat;
	border: none;
	border-style: none;
	cursor: pointer;
}
input#btn_reset:hover,input#btn_trial:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
} 
.simresultbox{
	padding:5px;
	width:608px;
	margin:0 auto;
	border-radius: 6px;
	background: #184C7B;
}
.simresult{
	padding:5px;
	width:606px;
	margin:0 auto;
	border-radius: 6px;
	background: #fff;
}
.simresult tr th{
	width: 130px;
	background: #184C7B;
	vertical-align: top;
	text-align: left;
}
.simresult tr td{
	vertical-align: bottom;
		padding-bottom: 18px;
}
.simresult tr.light_blue td{
	background: #E6F0F2;
	vertical-align: bottom;
}
.simresult tr .items{
	width: 178px;
	color:#184C7B;
	font-size: 16px;
	font-weight: bold;
	padding: 20px 0px 18px 22px;
}
.simresult tr .items .aim{
	font-size: 12px;
}
.simresult tr .some{
	width: 18px;
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.simresult tr .amount{
	width: 138px;
	height: 37px;
	font-size: 28px;
	font-weight: bold;
	color: #026785;
	padding-right: 10px;
	text-align: right;
	padding: 5px 0 18px 4px;
}
.simresult tr .unit{
	font-size: 16px;
	font-weight: bold;
	color: #000;
}
.hissu {
    background: url("../images/simulator/hissu.gif") no-repeat;
	background-position: 320px 22px;
}	
.hissu span {
	vertical-align: bottom;
}
.inputs span {
	vertical-align: bottom;	
}