@charset "utf-8";
/* CSS Document */

#Trial-Unit {
	vertical-align:top;
	display: inline-block;
	margin: 1px 1px 10px 1px;
	width:680px;
	height:auto;
	/*height:800px;*/
	/*background-color:purple;*/
	padding:1px;
}
.Trial-Head {
	background-image: url(../img/trial/trial_header_pc.jpg);
	background-size:contain;
	background-repeat: no-repeat;
	vertical-align:top;
	display: inline-block;
	margin: 5px;
	width:655px;
	height:220px;
	/*background-color:skyblue;*/
	padding: 5px;
	/*border-color: #b8860b;
	border-width: 3px;
	border-style: solid;*/
	color:#696969;
	color:#ea618e;
	font-size:16px;
	font-weight:700;
	/*-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: #dda520;
	text-shadow: 2px 2px 1px #deb887;*/
	/*border-color: #deb887;
	border-width: 0 0 2px 0;
	border-style: dotted;*/
	text-align:left;
}
.Trial-Head-Text {
	margin: 5px 5px 5px 230px;
	width:400px;
	vertical-align:top;
	display: inline-block;
	/*background-color:yellow;*/
	text-align:left;
	line-height:1.4;
	padding: 3px;
	font-size:20px;
}
.Qanda-List {
	vertical-align:top;
	display: inline-block;
	margin: 5px;
	width:670px;
	/*height:360px;*/
	/*background-color:pink;*/
	/*border-color: #b8860b;
	border-width: 3px;
	border-style: solid;*/
}
	.Cond-Line {
		margin: 2px;
		width:99%;
		/*background-color:green;
		border-color: #deb887;
		border-width: 0 0 2px 0;
		border-style: dotted;*/
	}
		.Question-Box {
			width:100%;
			background-color:rgba(222,184,135,0.2);
			font-size:18px;
			padding: 8px;
			line-height:1.6;
			color:#b8860b;
			/*color:#866629;*/
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
			border-radius:10px;
			text-align:left;
		}
		.Answer-Box {
			margin:0 0 10px 3%;
			width:97%;
			font-size:16px;
			padding: 3px 8px 3px 8px;
			line-height:1.6;
			color:#696969;
			text-align:left;
		}
		.Answer-Left {
			width:5%;
			vertical-align:top;
			display: inline-block;
			font-size:16px;
			font-weight:700;
			line-height:1.6;
			color:#696969;
			text-align:left;
			/*background-color:yellow;*/
		}
		.Answer-Text {
			width:94%;
			vertical-align:top;
			display: inline-block;
			font-size:16px;
			line-height:1.6;
			color:#393939;
			text-align:left;
			/*background-color:green;*/
		}
		.Q-Mark {
			background-color: #1e90ff;
			background-color: #ff69b4;
			color:#ffffff;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			text-align: center;
			padding: 1px 7px;
			margin: 0 10px 0 0;
			font-weight:700;
		}
		.A-Mark {
			background-color: #ff69b4;
			background-color: #696969;
			color:#ffffff;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			border-radius:5px;
			text-align: center;
			padding: 1px 7px;
			font-weight:700;
		}