/* CSS Document */


#simulation{
clear: both;
margin:0;
padding:0;
}

#simulation .sim_wrap{
border:3px solid #f1f1f1;
margin:0;
padding:0;
background: #fff;
}
.shop_sim #simulation .sim_wrap{
border:3px solid #dfdfdf;
}
#simulation h4{

}
#simulation ul{
list-style:none;
font-size:11px;
margin:0;
padding:0;
color:#666;
}
#simulation table{
width:350px;
float:left;
margin:55px 15px 0px 15px;
}


#simulation .set_option_wrap{
margin: 0 0 10px 0;
padding: 0 0 10px 0;
border-bottom: 1px dashed #ddd;
}
#simulation .set_option_wrap .set_option_item label{
padding: 5px;
border: 1px solid #ddd;
width: 100%;
margin: 0 0 10px 0;
border-radius:3px;
-webkit-border-radius:3px; 
-moz-border-radius: 3px;
font-weight: bold;
}
#simulation .set_option_wrap .set_option_item label span{
font-size:11px;
margin: 0 0 0 5px;
font-weight: normal;
}



/*--clearfix--*/
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.off{
color:#bbb;
}

#simulation th{
font-weight:normal;
font-size:12px;
color: #008ec2;
border-bottom:1px dashed #ddd;
text-align:right;
font-size:13px;
width:80px;
padding:10px 0;
}

#simulation td{
border-bottom:1px dashed #ddd;
}

.priceCont{
width:260px;
float:right;
background:#f5f5f3;
padding:35px 35px 0 35px;
margin:0;
}

.priceBox{
padding:10px 0 0 0;
margin:0 0 20px 0;
}
.priceCont .sim_text{
margin:0;
padding:0;
font-size:11px;
}
.priceCont li{
margin:0 0 8px 10px;
color:#666;
list-style:circle;
}

.priceBox dl{
clear:both;
}
.priceBox dt{
color:#333;
float:left;
font-size: 14px;
margin: 0 0 5px 0;
border-bottom: 1px dashed #fff;
}

.priceBox dd{
float: right;
font-size:14px;
margin: 0 0 5px 0;


}
.priceBox dd{
font-size: 12px;
}
.priceBox dd span{
font-size: 15px;
}
.priceBox dd em.optionTotalWrap{
float:right;
font-style: normal;
margin:5px 0 0 0;
}

.priceBox dd b{
color: #777;
font-weight: normal;
font-size: 12px;
margin: 0 7px 0 0;
}


.priceBox .price{
color: #008ec2;
font-size:14px;
margin:5px 0;
border: none;
padding: 0;
margin: 0;
}
#main .priceBox dl{
margin: 0;
padding: 0;
}
#main .priceBox dd{
margin:0 0 5px 0;
padding: 0;
}
.priceBox .price span.add_total{
font-size:23px;
font-weight: bold;
}
.priceBox .price .total{
font-size: 38px;
font-weight: bold;
}
.priceBox .total_dl{
border-top:1px solid #d1d0cf;
margin:15px 0 0 0;
padding:15px 0 0 0;
}
.priceBox .total_dl dt{
font-size:20px;
margin:10px 0 0 0;
line-height:30px;
}

#options .ng{
color:#bbb;
}
#options .option_off{
margin:20px 0;
}
#options b.option_name{
font-weight: normal;
}



#simulation .courseName{
color:#666;
font-size:11px;
margin:0 10px 0 0;
}

/* ---------------------------------------------
�e�X�p 
----------------------------------------------*/

.shop_sim{
font-family:Arial,Verdana,Helvetica,Verdana,selif;
margin:0 0 15px 0;
max-width: 540px;
}
.shop_sim #simulation h4{
width:140px;
color:#fff;
padding:10px 10px;
font-size:13px;
position:relative;
top:55px;
left:-5px;
margin: 0;
}
.shop_sim #simulation .title_bg{
background: url(../images/simulation_title_bg.png) no-repeat;
width: 5px;
height: 5px;
position:relative;
display: block;
top:55px;
left:-5px;
}


.shop_sim input{
margin:0 4px 0 0px;
font-size: 13px;
}

.shop_sim  dl.input_dl{
font-size:12px;
padding:70px 10px 0px 20px;
width:490px;
}


.shop_sim .input_dl dt{
font-weight:normal;
font-size:12px;
color: #008ec2;
font-size:13px;
float:left;
width:120px;
line-height: 16px;
}
.shop_sim .input_dl .float_none{
margin:10px 0 10px 0;
float:none;
}
 .shop_sim .input_dl dd{
padding:0px 0 10px 0;
border-bottom:1px dashed #ddd;
margin:0 0 8px 0;
font-size:13px;
line-height: 16px;
}
 .shop_sim label{
font-size: 13px;
 }


 #system .shop_sim .input_dl dd.course,
 #main .shop_sim .input_dl dd.course{
background:#fff;
line-height: 14px;
text-align: left;
border-top:none; 
}
#main .shop_sim dd{
margin: 10px 0;
}

.shop_sim .priceBox dl:nth-child(even){
background:#f9f9f9;
}
.shop_sim .priceBox dl.total_dl{
background: none;
}

#main .shop_sim .priceBox dt,
#main .shop_sim .priceBox dd{margin:0; padding:5px 5px;}


.shop_sim #options .option_off{
float:right;
}
#simulation .shop_table{
width:100%;
float:none;
}
.shop_sim #options div label{
float: left;
width:241px;
height: 20px;
margin:0 0 5px 0;
padding: 2px 0;
}
#main .shop_sim #options div{
clear: none;
line-height: 12px;
}

.shop_sim #options .option_item{
font-size: 11px;
line-height: 12px;
}
.shop_sim #options div.quantity_label label{
margin: 0 1px 0 0;
width:auto;
}
.shop_sim #options .quantity_label{
float: left;
width:245px;
margin:0 0 5px 0;
line-height:11px;
font-size: 11px;
}
.shop_sim #options .quantity_cont{
float:left;
width:75px;
font-size: 10px;
text-align: left;
}
.shop_sim .priceCont{
width:100%;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding:10px 45px;
}
.shop_sim .priceBox{
	
}

.shop_sim .arrow{
text-align:center;
margin:5px 0;
opacity:0;
filter: alpha(opacity=0);        /* ie 6 7 */
-ms-filter: "alpha(opacity=0)";  /* ie 8 */
}

.shop_sim .price{
font-size:12px;
margin:0px;
width: 100%;/*���p*/
}

#simulation .breakdown{
margin:0 0 15px 0;
}
#simulation .breakdown .cont_box h5{
font-size:15px;
text-align:center;
margin:0 0 5px 0;
}
#simulation .breakdown .cont_box table{
float:none;
background:#fff;
width:100%;
margin:0;
padding:0;
border-collapse: collapse;
border:1px solid #eee;
}
#simulation .breakdown table tr:nth-child(even){
background:#fcfbf7;
}
#simulation .breakdown th{
text-align:center;
color:#fff;
padding:5px 0;
font-size:11px;
width:30%;
}

#simulation .breakdown .nomination{
width:10%;
}

#simulation .breakdown td{
text-align:center;
padding:10px 0;
}


.shop_sim .nomination_type_item{
  display: flex;
  flex-flow: column;
}

/* nomination_type */
.shop_sim #nomination_type .nomination_type_item div{
  margin:0 0 12px 0;
}

.shop_sim #nomination_type .quantity_label{
float: left;
width:308px;
}
.shop_sim #nomination_type b{
  font-weight: normal;
}

.shop_sim #nomination_type div.quantity_label label{
margin: 0 1px 0 0;
width:auto;
float: left;
padding-right: 1px;
}
.shop_sim #nomination_type .nomination_type_item .quantity_cont{
float:left;
width:75px;
font-size: 12px;
text-align: left;
padding: 0 0 0 5px;
margin-bottom: 0;
}

/*-------------------------------------
clearfix clear
-------------------------------------*/
.cf:before,
.cf:after{content:""; display:table;}
.cf:after{clear: both;}
.cf{*zoom:1;}
.c{clear: both;}