@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates);
/* Estimate */
#Black{
  position: absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  background: rgba(0, 0, 0, 0.7); /* RGBを10進数(0～255)で指定、不透明度を0～1.0で指定 */
  z-index: 1;
}
#Black p#Loader{
  position: absolute;
  background: #fff;
  padding: 10px;
  border-radius: 5px;
  display: inline-block;
}
#Stage{
  top:20px;
  left:20px;
  position: absolute;
  width:960px;
  height:600px;
  border-radius: 5px;
  background: #fff;
  z-index: 2;
  background: url(../img/Simulator/StageBack.jpg) no-repeat left top;
}

#Stage p#Close{
  margin:0;
  padding: 0;
  position: absolute;
  left:0;
  top:0;
  cursor: pointer;
}
#Stage div#Admin{
  position: absolute;
  top:55px;
  left:40px;
  width:400px;
  height:540px;
}

#Stage div#User{
  position: absolute;
  top:55px;
  right:40px;
  width:400px;
  height:540px;
}
#Stage dl.Fukidashi{
  background: #fff;
  border-radius: 5px;
  height:230px;
  position: relative;
}
#Stage dl.Fukidashi dt{
  padding:12px 0 0 17px;
}


#Stage p.Anime{
  position: absolute;
  width:400px;
  top:242px;
  padding:12px 0 0 0;
  text-align: center;
}
#Stage p.Anime img.Sub{
  display: none;
}

#Stage p.Anime img{
  position: absolute;
  right:150px;
}

#Stage div#Admin dl.Fukidashi dd{
  margin:55px 0 0 0;
  display: table;
}
#Stage div#Admin dl.Fukidashi dd div{
  display: table-cell;
  text-align: center;
  width:400px;
}

#Stage div#Admin dl.Fukidashi dd em#Num{
  display: table-cell;
  padding:0 0 0 15px;
  width:90px;
  text-align: center;
  vertical-align: middle;
  font-family: 'Montserrat Alternates', sans-serif;;
  font-size:30px;
  color:#0F75B1;
  font-weight: normal;
}
#Stage div#Admin dl.Fukidashi dd em#Num strong{
    font-size:60px;
    font-weight: normal;
}

#Stage div#Admin dl.Fukidashi dd span,
#Stage div#Admin dl.Fukidashi dd p{
  display: table-cell;
  text-align: left;
  vertical-align: middle;
  color:#300;
  font-size:18px;
  line-height: 1.4;
}


#Stage div#Admin dl.Fukidashi dt.Thankyou{
  padding-top:25px;
  text-align: center;
}
#Stage div#Admin dl.Fukidashi dd.Thankyou{
  margin:5px 0 0 0;
  width: 100%;
}
#Stage div#Admin dl.Fukidashi dd.Thankyou p{
  margin:0.8em 0 0 0;
  text-align: center;
  line-height: 1.5;
  font-size:85%;
  display: block;
}

#Stage div#User p.TitleQuestion{
  margin:10px 0px -8px 20px;;
  font-size:0.65em;
}
#Stage div#User label{
  cursor: pointer;
}
#Stage div#User input[type="radio"],
#Stage div#User input[type="checkbox"]{
  vertical-align: middle;
}
#Stage div#User input[type="tel"],
#Stage div#User input[type="email"],
#Stage div#User input[type="text"]{
  border-radius: 5px;
  width:185px;
}
#Stage div#User select{
  border-radius: 5px;
}
#Stage div#User dl.Fukidashi dd ul.radio,
#Stage div#User dl.Fukidashi dd ul.checkbox{
  margin:10px 10px 0 15px;
}
#Stage div#User dl.Fukidashi dd ul.radio li,
#Stage div#User dl.Fukidashi dd ul.checkbox li{
  font-size:13px;
  line-height:1.4;
}

#Stage div#User dl.Fukidashi dd div.Col2 ul.radio li{
  padding-bottom:3px;
  width:45%;
  display: inline-block;
}

#Stage div#User dl.Fukidashi dd ul.Narrow.radio li,
#Stage div#User dl.Fukidashi dd ul.Narrow.checkbox li{
  font-size:12px;
}
#Stage div#User dl.Fukidashi dd p.SpaceButton{
  position: absolute;
  margin:10px auto 0 auto;
  padding:0;
  bottom:10px;
  text-align: center;
  width: 100%;
}
#Stage div#User dl.Fukidashi dd p.SpaceButton img,
#Stage div#User dl.Fukidashi dd p.SpaceButton input{
  cursor: pointer;
}

#Stage div#User p.NoteCheckBox{
  margin:0px 20px 0px 20px;
  font-size:12px;
  float:right;
}

#Stage div#User ol.Target{
  margin:25px auto 0 auto;
  display: table;
  table-layout: fixed;

}
#Stage div#User ol.Target li{
  display: table-cell;
  padding: 0 3px;
  text-align: center;
}
#Stage div#User ol.Target li img{
  display: block;
}
#Stage div#User ol.Target li label{
  cursor: pointer;
}
#Stage div#User dl.Problem{
  padding:5px 0 0 0;
}
#Stage div#User dl.Problem dt{
  margin:10px 0 0 15px;
  padding: 0;
  font-size:12px;
  font-weight: bold;
}
#Stage div#User dl.Problem dd{
  margin:3px 0 0 15px;
  font-size:12px;
  line-height:2;
}
#Stage div#User p.TextArea{
  margin:10px 15px 0 15px;
}
#Stage div#User textarea#Comment{
  border-radius: 5px;
  display: block;
  width: 360px;
  height: 130px;
}
#Stage div#User div.TableInfo{
  margin:-20px 0 0 0;
}
#Stage div#User div.TableInfo p.Note{
  margin:0 14px -5px 110px;
  color:#f00;
  font-size:75%;
  line-height:1.2;
}
#Stage div#User div.TableInfo table{
  margin:10px 15px 0 15px;
  display: block;
}
#Stage div#User  div.TableInfo span{
  font-size:10px;
}
#Stage div#User  div.TableInfo th{
  padding:1px 0 ;
  font-size:12px;
  width:150px;
  line-height: 1.4;
  vertical-align: top;
}
#Stage div#User div.TableInfo td{
  padding:1px 0 ;
  font-size:12px;
  line-height: 1.4;
  vertical-align: top;

}

/* Uwaki */
#Stage.Uwaki{
  background-image:url(../img/Uwaki/StageBack.jpg);
}
#Stage.Uwaki .Next,
#Stage.Uwaki .Back{
  cursor: pointer;
}
/*1ページ目*/
div#move {
  width:680px;
  margin:25px auto 0 auto;
}
div#move p.logo {
  text-align:center;
}
div#move p.title {
  margin-top:25px;
  font-size:2em;
  font-weight:bold;
  color:#fff;
  text-align:center;
}
div#move ol {
  display:table;
  margin:70px auto 0 auto;
}
div#move ol li {
  display:table-cell;
  padding:0 5px;
  cursor:pointer;
}
div#move ol li p {
  text-align:center;
}
div#move ol li p.radio {
  margin-top:10px;
}
div#move p.button,
div#move p.go2checker {
  clear:both;
  margin-top:20px;
  text-align:center;
}
/*2ページ目*/
div#move div.q_wrapper {
  background-color:#fff;
  margin-top:10px;
  padding:5px 15px 15px 15px;
  background-color:rgba(255,255,255,0.7);
  border-radius:8px;
  box-shadow:1px 1px 3px #666;
}
div#move div.q_wrapper dl {
  margin-top:5px;
  padding-bottom:2px;
  border-bottom:dotted 1px #999;

}
div#move div.q_wrapper dl dt,
div#move div.q_wrapper dl dd {
  float:left;
}
div#move div.q_wrapper dl dt {
  width:40px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1.2em;
  font-weight:bold;
  color:#036;
}
div#move div.q_wrapper dl dd.q {
  width:520px;
  margin-top:5px;
  font-size:0.7em;
}
div#move div.q_wrapper dl dd p{
  float:left;
  width:40px;
  padding:3px 0 1px 0;
  font-weight:bold;
  background-color:#900;
  color:#fff;
  opacity:0.4;
  text-align:center;
  cursor:pointer;
  font-size:16px;
}
div#move div.q_wrapper dl dd p:nth-of-type(2){
  background-color:#036;
  margin-left:10px;
}
div#move div.q_wrapper dl dd p.Checked{
  opacity:1
}

/*3ページ目*/
div#move ul {
}
div#move ul li {
  margin-top:15px;
  text-align:center;
}
div#move ul li dl {
  
  background-color:rgba(255,255,255,0.7);
  padding:10px 30px 5px 30px;
  border-radius:8px;
  box-shadow:1px 1px 3px #666;
}
div#move ul li dl dt {
  float:left;
  width:100px;
  font-weight:bold;
  line-height:1.3em;
}
div#move ul li dl dd {
  float:right;
  width:520px;
  font-size:0.9em;
  line-height:1.3em;
}

div#move .red{
  color:#c30;
  text-shadow: 1px 1px 0px #fff;
}
div#move .rate{
  color:#fc0;
  text-shadow: 1px 1px 0px #000;
}