@charset "utf-8";

/*---------------------------------
	CommonCSS [初期化,定義]
---------------------------------*/
#simulation h1,#simulation h2,#simulation form,#simulation input,#simulation textarea,#simulation p { 
	margin:0;padding:0;
	font-size:100%;
}
/*---------------------------------
	        Base CSS 
---------------------------------*/

#simulation a{
	color:#fff;
	text-decoration:none;
}
#simulation a:hover{
	color:#ddd;
	text-decoration:underline;
}
/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

#simulation{
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
}
#simulation h1{
	font-size:20px;
	line-height:130%;
	padding:5px 0;
	text-align:center;
	background:#4AACC5;
	border:3px solid #357D91;
	margin:15px 0px;
	border-radius:16px;
	color:#FFF;
	position:relative;
}
#simulation .h1Sub{
	font-size:70%;
	position:absolute;
	right:20px;
	top:8px;
}
#simulation #wrapper{
	width:100%;
	margin:0 auto;
	position:relative;
	line-height:160%;
}

#checkbox{
	width:70px;
	float:left;
	padding:20px 0 0 0;
	cursor:pointer;
}
#arrowArea{
	width:570px;
	float:left;
}

.tableBox01,.tableBox02,.tableBox03{
	background:#FDF1F1;
	color:#85532B;
	padding:10px 0 25px 0px;
	height:115px;
	overflow:hidden;
	font-size:12px;
}
.tableBox01{
	width:185px;
	float:left;
	border:2px solid #85542B;
	background:#FFCCCC;
	border-radius:16px 0 0 16px;
	border-right:0;
	padding-left:5px;
	color:#fff;
}
#simulation .tableBox01 p{
	padding:20px 0 0 10px;	
}
.tableBox02{
	width:334px;
	float:left;
	border:2px solid #85542B;
	border-left:0;
}
#simulation .tableBox02 p{
	padding-left:7px;	
	color:#85532B;
	font-size:12px;
}

.tableBox03{
	width:110px;
	text-align:center;
	float:left;
	border:2px solid #85542B;
	border-radius:0 16px 16px 0 ;
	border-left:0;
}

#simulation .tableBox03 p{
}
#simulation .innerTitle01{
	font-size:28px;
	color:#85532B;
}
#simulation .innerTitle02{
	border-bottom:1px dotted #85542B;	
	padding:0 0 15px;
	margin-bottom:20px;
}

#tableWrap02 .tableBox01{
	background:#85532B;
	color:#fff;
}
#tableWrap02 .innerTitle01{
	color:#fff;
	display:inline-block;
	margin-bottom:10px;
}
#tableWrap02 .tableBox01 p{
	font-size:12px;
	line-height:130%;
	padding:15px 0 0 10px;	
}


#tableWrap03 .tableBox01,#tableWrap03 .tableBox02,#tableWrap03 .tableBox03{
	border-color:#357D91;
	padding-top:20px;
	padding-bottom:20px;
}
#tableWrap03 .tableBox01{
	background:#4AACC5;
	color:#fff;
}
#tableWrap03 .tableBox02{
	font-size:18px!important;	
}
#tableWrap03 .innerTitle02{
	border-color:#357D91;
}
#tableWrap03 p{
	font-size:18px!important;	
		
}
#tableWrap03 .tableBox01,#tableWrap03 .tableBox02,#tableWrap03 .tableBox03{
	padding-top:0;
}


#simulation input{
	padding:3px;
	font-size:18px;
}
#smallTotal01,#smallTotal02{
	width:86%;
	height:30px;
	background:#fff;
	margin:0 auto;
	font-size:20px;
	padding-top:10px;
	border-radius:6px;
}

.tableBoxLink{
	display:inline-block;
	padding:10px 0 0;
	font-size:15px;
}

#simulationFooter{
	margin-left:0;
	margin-bottom:50px;
	font-size:15px;
}

#totalBox{
	width:260px;
	height:80px;
	background:#FDF1F1;
	border-radius:16px;
	text-align:center;
	font-size:24px;
	padding:15px 0 0;
	color:#993300;
	border:2px solid #85542B;
	float:left;
	line-height:160%;
}

#totalPriceTextWrap{
	font-size:34px;
	color:#F00;
	margin:0px 0 0;
}
#formBtn{
	width:350px;
	float:left;
	text-align:right;
}

/*エラーメッセージ用*/
label.error{
	display:block;
	font-size:90%;
	color:#F00;
	margin:3px 0;
	background:#FF9;
	padding:2px 10px;
	border-radius:10px;
}

#fancybox-content,#fancybox-outer{
	border-radius:6px;	
}

/*---------------------------------
         class Library
---------------------------------*/
/* Margin・padding class */
.m0{margin:0!important}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt15{margin-top:15px!important}.mt20{margin-top:20px!important}.mb5{margin-bottom:5px!important}.mb10{margin-bottom:10px!important}.mb15{margin-bottom:15px!important}.mb20{margin-bottom:20px!important}.mr5{margin-right:5px!important}.mr10{margin-right:10px!important}.mr15{margin-right:15px!important}.mr20{margin-right:20px!important}.ml5{margin-left:5px!important}.ml10{margin-left:10px!important}.ml15{margin-left:15px!important}.ml20{margin-left:20px!important}.pt5{padding-top:5px!important}.pt10{padding-top:10px!important}.pt15{padding-top:15px!important}.pb5{padding-bottom:5px!important}.pb10{padding-bottom:10px!important}.pb15{padding-bottom:15px!important}.pr5{padding-right:5px!important}.pr10{padding-right:10px!important}.pr15{padding-right:15px!important}.pl5{padding-left:5px!important}.pl10{padding-left:10px!important}.pl15{padding-left:15px!important}
.pall5{padding:5px!important}.pall10{padding:10px!important}.pall15{padding:15px!important}
/* /Margin・padding class */
.white{color:#fff!important}
.defBrown{color:#85532B!important}
.red{color:#F00!important}
.clear {clear:both;}
.taR {text-align:right!important;}
.taL {text-align:left!important;}
.taC {text-align:center!important}
/*Font color*/
.bold {font-weight:bold!important;}
.floL {float:left;margin-top:0 !important;}
.floR {float:right;margin-top:0 !important;}
/*---------------------------------
         /class Library
---------------------------------*/