@import url(https://fonts.googleapis.com/css?family=Montserrat+Alternates);
@import url(https://fonts.googleapis.com/css?family=Lusitana);
/* 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:45px;
	left:40px;
	width:400px;
	height:550px;
}

#Stage div#User{
	position: absolute;
	top:45px;
	right:40px;
	width:400px;
	height:550px;
}
#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 30px;
	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 dd span{
  padding-left: 20px;
}

#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="email"],
#Stage div#User input[type="text"]{
	border-radius: 5px;
	width:165px;
}
#Stage div#User input[type="tel"]{
	border-radius: 5px;
	width:30px;
}
#Stage div#User select{
	border-radius: 5px;
}
#Stage div#User dl.Fukidashi dd em{
  font-size:10px;
}
#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;
	font-size:14px;
}
#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:11px;
	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:170px;
	line-height: 1.4;
	vertical-align: middle;
}
#Stage div#User div.TableInfo td{
	padding:1px 0 ;
	font-size:12px;
	line-height: 1.4;
	vertical-align: middle;

}

/* 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;
}

/* Checker4 */
body#Checker4 #Close{
  display: none;
}

body#Checker4 div#Form{
  margin:50px 0 ;
  padding:30px 20px;
  border-radius: 10px;
  background-color: rgba(255,255,255,0.8);
  box-shadow: 2px 2px 5px #000;
}
body#Checker4 div#Form p{
  line-height: 1.5;
}

body#Checker4 div#Form div.Table{
  margin:20px 20px 0 20px;
}
body#Checker4 div#Form th{
  padding:10px 0;
  vertical-align: middle;
}
body#Checker4 div#Form td{
  padding:10px 0;
  vertical-align: middle;
}
/*Isya*/
div#Isya {
	position:absolute;
	position:relative;
	top:25px;
	left:50px;
	width:860px;
	height:560px;
}
div#Isya p.Title {
	margin-left:85px;
}
div#Isya div#Bg {
	background:#fff;
	border-radius:8px;
	width:630px;
	margin-top:25px;
	padding:22px 38px;
}
div#Isya div#Bg p {
	font-size:15px;
	color:#333;
	text-align:center;
}
div#Isya div#Bg p.BtnKeisan {
	margin-top:23px;
}
div#Isya div#Bg table {
	margin-top:20px;
	border:solid 1px #9A8A7A;
	width:628px;
}
div#Isya div#Bg table tr th,
div#Isya div#Bg table tr td {
	width:50%;
	border:dotted 1px #9A8A7A;
	padding:6px 20px;
	font-size:15px;
	color:#333;
	vertical-align:middle;
}
div#Isya div#Bg table tr th {
	background:#EAE8E8;
}
div#Isya p.Woman {
	position:absolute;
	right:0;
	bottom:0;
}
/*Isya2*/
div#Isya div#Bg ul {
	display:table;
}
div#Isya div#Bg ul li {
	display:table-cell;
	width:315px;
	cursor:pointer;
}
div#Isya div#Bg ul li.Right div.Anima {
	width:315px;
	height:300px;
	margin-top:-20px;
}
div#Isya div#Bg ul li.Left p {
	margin-top:10px;
	line-height:1.5em;
	text-align:left;
}
div#Isya div#Bg ul li.Left p.Result {
	margin:25px 10px;
	font-size:23px;
	font-weight:bold;
}
div#Isya div#Bg ul li.Left p.Result span {
	background:#FBFAF4;
	border:solid 2px #666;
	border-right:solid 2px #CCC;
	border-bottom:solid 2px #CCC;
	padding:5 10px 0 30px;
	font-family: 'Lusitana', serif;
	font-size:45px;
	color:#C00;
}
div#Isya div#Bg ul li.Left p.Note{
  margin:5px 0 -5px 0;
  font-size:8px;
}
div#Isya div#Bg ul li.Left p span.Red {
	color:#C00;
}
