@charset "UTF-8";
body.popup {
	background: #f5f5f5;
}
.must {
	font-size: 85%;
	background: #CC0022;
	margin-right: 15px;
	padding: 1px 3px;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#simulationResult {
	display: none;
}
/* SIDE
================================================== */
/* PC */
@media screen and (min-width:641px){
	.simu_wrapper{
		width: 780px ;
		margin: 10px auto 0 ;
		padding: 0 ;
		border: 0px solid #0000FF;
	}
}
/* SP */
@media screen and (max-width:640px)
{
	.simu_wrapper
	{
	width: auto ;
	margin: 0 auto;			
	padding: 0 0px ;
	}
}
/* PC & SP */
.simu_main
{
width: 58% ;
padding: 0px ;
border: 0px solid #000000;
}
.simu_side
{
width: 42% ;
padding: 0px ;
border: 0px solid #000000;
}
/* SP */
@media screen and (max-width:640px)
{
	.simu_main
	{
		width: auto ;
		padding: 0 ;
		border: none ;
	}
	.simu_side
	{
		width: auto ;
	}
}
/* PC & SP */
.simu_main
{
float: left ;
}
.simu_side
{
float: right ;
}
/* SP */
@media screen and (max-width:640px)
{
	.simu_main , .simu_side
	{
		float: none ;
	}
}
.simu_wrapper
{
overflow: hidden ;
}
/* Simu Box
================================================== */
/* PC */
@media screen and (min-width:641px)
{
.simu_box{
	width: 90%;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 5px 10px;
	border: 2px solid #CCCCCC;
}
.simu_box_title{
	width: 90%;
	color: #FFFFFF;
	margin: 0px 0px 10px 0px;
	padding: 10px 10px 5px 10px;
	border: 2px solid #cc0022;
	background: #cc0022;
}
}/* PC */
/* SP */
@media screen and (max-width:640px)
{
	.simu_box_title{
		width: 100%;
		color: #FFFFFF;
		margin: 10px 0px 10px 0px;
		padding: 5px 5px 5px 10px;
		border: 2px solid #cc0022;
		background: #cc0022;
	}
}/* SP */
/* Table
================================================== */
table.simu, table.simu th, table.simu td,
table.simu_result, table.simu_result th, table.simu_result td {
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 5px;
}
table.simu{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	border: 0px solid #FF0000;
	border-bottom: 0px solid #cccccc;
}
table.simu td{
	border: 0px solid #cccccc;
	padding: 0px;
}
table.simu th {
	color: #ff9600;
	text-align: left;
	border-top: 0px solid #cccccc;
}
table.simu_result{
	width: 100%;
	margin: 10px auto;
	padding: 20px 16px 20px 16px;
}
table.simu_result th {
	margin: 0px auto;
	color: #ff9600;
	text-align: left;
}
table.simu_result_plus{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 0px solid #cccccc;
}
table.simu_result_plus td:first-child  {
	text-align: left; 
	width: 3px;
}
table.simu_result_plus td:last-child  {
	text-align: right; 
	width: 3px;
}
table.simu td.inputarea {
	width: 10px;
	border: 0px solid #cccccc;
}
table.simu input,select {
	width: 70%;
	font-size: 120%;
	padding: 6px;
	border: 1px solid #dddddd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 0px;
}
table.simu input:focus,input:hover {
	background: #ffeeee;
}
table.simu textarea:focus, textarea:hover {
	height:	150px;
	background: #ffeeee;
}
table.simu .focus {
	background:#ffeeee;
}
table.simu input[type="radio"],
table.simu input[type="chexkbox"] {
	width: auto;
	margin-right: 10px;
	-webkit-transform: scale(2.0);
	transform: scale(2.0);
	border: 0px;
}
table.simu .radioButton input[type="text"]{
	width: 50%;
	margin-left: 10px;
}
table.simu :disabled {
    background-color: #EEEEEE;
}
table.simu_result td.result_value {
	text-align: right;
}
.simu_Tfont{
	color: #ff9600;
	font-weight: bold;	
}
table.check, table.check td{
	padding-left: 5px;
	padding-right: 5px;
}
/* Slider
================================================== */
	#slider,#slider2,#slider3,#slider4 { 
		width: 200px;
		height: 15px; 
        } 
	.slider-1 .ui-slider-horizontal {
	position: relative;
	height: 15px;
	width: 200px;
	border-radius: 10px;
	left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 5px;
	margin-right: 15px;
	}
	.slider-2 .ui-slider-horizontal {
	position: relative;
	height: 15px;
	width: 200px;
	border-radius: 10px;
	left: 4px;
	margin-top: 15px;
	margin-bottom: 20px;
	margin-left: 5px;
	margin-right: 15px;
	}
	.slider-3 .ui-slider-horizontal {
	position: relative;
	height: 15px;
	width: 200px;
	border-radius: 10px;
	left: 0px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 15px;
	}
	.slider-4 .ui-slider-horizontal {
	position: relative;
	height: 15px;
	width: 200px;
	border-radius: 10px;
	left: 5px;
	margin-top: 15px;
	margin-bottom: 10px;
	margin-left: 2px;
	margin-right: 15px;
	}
	.slider-1 .ui-slider-range { 
		background: #F8CAB9; 
		border-color: #c0c0c0;
		border-radius: 5px;
	}
	.slider-2 .ui-slider-range { 
		background: #F8CAB9; 
		border-color: #c0c0c0;
		border-radius: 5px;
	}
	.slider-3 .ui-slider-range { 
		background: #F8CAB9; 
		border-color: #c0c0c0;
		border-radius: 5px;
	}
	.slider-4 .ui-slider-range { 
		background: #F8CAB9; 
		border-color: #c0c0c0;
		border-radius: 5px;
	}
	#slider-1 .ui-slider-handle {
		width:15px;
		height:30px;
		border-color: #c0c0c0;
		background: #cc0022;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		margin-top:-5px;
	}
	#slider-2 .ui-slider-handle {
		width:15px;
		height:30px;
		border-color: #c0c0c0;
		background: #cc0022;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		margin-top:-5px;
	}
	#slider-3 .ui-slider-handle {
		width:15px;
		height:30px;
		border-color: #c0c0c0;
		background: #cc0022;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		margin-top:-5px;
	}
	#slider-4 .ui-slider-handle {
		width:15px;
		height:30px;
		border-color: #c0c0c0;
		background: #cc0022;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		margin-top:-5px;
	}
.MINUS1{
float:left;
height:34px;
width:34px;
margin-top: 6px;
margin-left: 5px;
background-image:url('../../../smp/images/sp_simu_minus.png');
background-repeat:no-repeat;
}
.PLUS1{
float:right;
margin-top: 6px;  
height:34px;
width:32px;
background-image:url('../../../smp/images/sp_simu_plus.png');
background-repeat:no-repeat;
}
.MINUS4{
float:left;
height:34px;
width:34px;
margin-top: 6px;
margin-left: 8px;
background-image:url('../../../smp/images/sp_simu_minus.png');
background-repeat:no-repeat;
}
.PLUS4{
float:right; 
margin-top: 6px; 
height:34px;
width:32px;
background-image:url('../../../smp/images/sp_simu_plus.png');
background-repeat:no-repeat;
}
.MINUS5{
float:left;
height:34px;
width:34px;
margin-top: 6px;
margin-left: 8px;
background-image:url('../../../smp/images/sp_simu_minus.png');
background-repeat:no-repeat;
}
.PLUS5{
float:right; 
margin-top: 6px; 
margin-left: -5px;
height:34px;
width:32px;
background-image:url('../../../smp/images/sp_simu_plus.png');
background-repeat:no-repeat;
}
.MINUS2{
float:left;
height:34px;
width:34px;
margin-top: 6px;
margin-left: 10px;
background-image:url('../../../smp/images/sp_simu_minus.png');
background-repeat:no-repeat;
}
.PLUS2{
float:right;
margin-top: 6px;  
height:34px;
width:32px;
background-image:url('../../../smp/images/sp_simu_plus.png');
background-repeat:no-repeat;
}
/* Simu Button
================================================== */
.simu_btn {
	text-align:center;
}
.simu_note_pc {
	width:80%;
	margin: 0 auto;
}