@charset "utf-8";

div#sim_box01{
width:490px;
height:190px;
background-color:#ecebdf;
display:inline-block;
margin-bottom:20px;
}

div.wrap01{
width:490px;
height:37px;
margin-top:25px;
}

div.wrap02{
width:490px;
height:37px;
margin-top:10px;
}

div.txt_box01{
width:100px;
height:auto;
float:left;
text-align:right;
background-color:#ecebdf;
font-size:16px;
font-weight:bold;
margin:0 15px 0 35px;
padding:13px 0 0 0;
}

div.inp_box01{
width:245px;
height:auto;
float:left;
font-size:22px;
font-weight:bold;
margin:0;
}

div.sel_box01{
width:100px;
height:auto;
float:left;
font-size:22px;
font-weight:bold;
background-color:#fff;
margin:0;
}

div.txt_box03{
width:20px;
height:37px;
font-size:22px;
float:left;
margin:0 0 0 25px;
padding:10px 0 0 0;
}

div.txt_box04{
width:20px;
height:37px;
font-size:22px;
float:left;
margin:0 0 0 8px;
padding:10px 0 0 0;
}

input.sim{
width:245px;
height:37px;
font-size:16px;
font-weight:bold;
text-align:right;
border: 1px solid #ecebdf;
vertical-align: middle;
padding:0 15px 0 0;
}

select{
width:60px;
height:37px;
font-size:16px;
font-weight:bold;
text-align:right !important;
border: 1px solid #fff;
vertical-align: middle;
border-radius:0 !important;
float:right;
background-color:#fff;
padding:0 15px 0 0;
}

select:-moz-focusring {
color: transparent;
text-shadow: 0px 0px 0px #000000;
}

div.wrap03{
width:490px;
height:37px;
margin-top:10px;
text-align:center;
}

div.wrap_btn{
width:230px;
margin:0 auto;
}

div.btn01{
width:150px;
height:auto;
float:left;
}

div.btn02{
width:75px;
height:auto;
float:left;
margin-left:5px;
}

div.wrap04{
width:400px;
height:100px;
margin:0px 15px 15px 33px;
}

div#sim_txt01{
width:430px;
height:100px;
text-align:left;
display:inline-block;
}

div#sim_txt02{
  width:430px;
  height:170px;
  text-align:left;
  display:inline-block;
}
  
ul.st_l00{
list-style:none;
}

li.st_l01{
  text-indent:-1em;
  padding-left:1em;
  margin-top:5px;
}
  
li.st_l02{
text-indent:-1em;
padding-left:1em;
}

div#sim_box02{
width:490px;
height:270px;
background-color:#ecebdf;
display:inline-block;
}

div.wrap05{
width:400px;
height:37px;
margin:30px 10px 10px 40px;
}

div.wrap06{
width:400px;
height:37px;
margin:5px 10px 20px 40px;
}

div.wrap07{
width:400px;
height:37px;
margin:5px 15px 40px 40px;
}

div.wrap08{
  width:400px;
  height:170px;
  margin:15px 15px 15px 33px;
}

div.txt_box02{
width:160px;
height:auto;
font-size:16px;
font-weight:bold;
line-height:140%;
float:left;
text-align:left;
background-color:#fff;
padding:10px 15px;
}

div.txt_box02_1{
width:160px;
height:auto;
font-size:16px;
font-weight:bold;
line-height:140%;
float:left;
text-align:left;
background-color:#fff;
padding:10px 15px;
}

div.disp_box01{
width:170px;
height:auto;
font-size:16px;
line-height:140%;
float:left;
background-color:#fff;
padding:5px;
}

div.disp_box02{
width:120px;
font-size:16px;
font-weight:bold;
line-height:140%;
text-align:right;
float:right;
background-color:#fff;
padding:5px 10px 5px 5px;
}

div.disp_box01_1{
width:170px;
height:auto;
font-size:16px;
line-height:140%;
float:left;
background-color:#fff;
padding:5px;
}

div.disp_box02_1{
width:120px;
font-size:16px;
font-weight:bold;
line-height:140%;
text-align:right;
float:right;
background-color:#fff;
padding:5px 10px 5px 5px;
}

div.disp_box03{
width:20px;
line-height:140%;
text-align:left;
float:left;
padding:5px;
}

span.txt_b01{
font-size:22px;
line-height:140%;
margin-left:5px;
}

div.clr{
clear:both;
}


@media screen and (max-width: 640px) {

div#sim_box01{
width:100%;
height:auto;
}

div.wrap01{
width:100%;
height:37px;
}

div.wrap02{
width:100%;
height:37px;
}

div.txt_box01{
width:100px;
height:auto;
margin:0 5px 0 10px;
}

div.inp_box01{
width:55%;
height:auto;
}

input.sim{
width:100%;
}

div.txt_box03{
width:20px;
margin:0 0 0 5px;
}

div.wrap03{
width:100%;
margin:15px 0 15px 0;
}

div.wrap04{
width:100%;
height:auto;
margin:10px 10px 10px 5px;
}

div#sim_txt01{
width:98%;
height:170px;
}

div#sim_box02{
width:100%;
height:auto;
}	

div.wrap05{
width:100%;
margin:30px 10px 10px 7px;
}

div.wrap06{
width:100%;
margin:5px 10px 20px 7px;
}

div.wrap07{
width:100%;
margin:5px 15px 40px 7px;
}

div.wrap08{
  width:100%;
  height:auto;
  margin:10px 10px 10px 5px;
}

div.txt_box02{
width:53%;
height:auto;
padding:10px 15px 10px 5px;
}

div.txt_box02_1{
width:40%;
height:auto;
padding:10px 15px 10px 5px;
}

div.disp_box01{
width:37%;
height:auto;
}

div.disp_box02{
width:100%;
padding:5px 10px 5px 5px;
}

div.disp_box01_1{
width:50%;
height:auto;
}

div.disp_box02_1{
width:100%;
padding:5px 10px 5px 5px;
}

div.disp_box03{
width:10%;
padding:5px 0 0 3px;
}

span.txt_b01{
margin:0;
}

div.sel_box01::after{
position:relative;
top:4px;
left:85%;
font-size:10px;	
content:"";
color:#000;
}

div#sim_txt02{
  width:98%;
  height:170px;
}

}