@charset "utf-8";

/* template start */
/* space start */
#blocks {
	position: relative;
	display: block;
	width: 1024px;
	line-height:120%;
}
#quiz_block {
	position: relative;
	display: block;
	line-height:120%;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
}
	#quiz_breadcrumb {
		position: relative;
		display: block;
		top: 25px;
		width: 600px;
		height: 100px;
		margin-left: auto;
		margin-right: 0px;
	}
	#quiz_breadcrumb_s {
		color:#888888;
		font-size: 1.5rem;
		line-height: 50px;
		text-align: center;
	}
		.quiz_q {
			margin: 0px 5px;
			color:#888;
		}
		.quiz_q_main {
			background-color: #e9e9e9;
			border-radius: 50%
		}
		.quiz_q_select {
			background-color: #f08300;
			color:#fff;
			border-radius: 50%
		}
		.quiz_q_end {
			background-color: #ffe100;
			border-radius: 50%
		}

		#quiz_q1, #quiz_q2, #quiz_q3, #quiz_q4, #quiz_q5, #quiz_q6 {
			width: 50px;
		}
		#quiz_qend {
			width: 80px;
		}

	#quiz_main {
		position: relative;
		display: block;
		margin: 0 40px 40px;
		padding: 0px 0px 0px 0px;
		border: 1px solid #ffe100;
		border-radius: 10px;
	}
	#quiz_head {
		padding: 0 20px 20px;
		background: #ffe100;
		/*↓背景グラデーションの指定*/
		background: -moz-linear-gradient(top, #ffe100, #FFFFFF);
		background: -webkit-linear-gradient(top, #ffe100, #FFFFFF);
		background: linear-gradient(#ffe100, #FFFFFF);
		border-radius: 10px;
	}
		#quiz_count {
			position: relative;
			display: block;
			top: 0px;
			left: 0px;
			width: 161px;
			height: 152px;
			text-align: center;
		}
			#quiz_count_h {
				position: relative;
				display: block;
				top: 10px;
				height: 138px;
				font-weight: bold;
				color: #FFFFFF;
			}
		#quiz_head_text {
			position: relative;
			display: block;
			top: 60px;
			left: 20px;
			width: 862px;
			font-size: 26px;
			line-height:140%;
		}

	#quiz_quiession_main {
		position: relative;
		display: block;
		top: -30px;
		height: 370px;
	}
		.quiz_img {
			position: relative;
			display: block;
			height: 400px;
			width: 475px;
			text-align: center;
		}
			.quiz_img_center {
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				height: 390px;
				width: 450px;
				margin: auto;
			}
			.anser_img_o, .anser_img_x {
				position: absolute;
				display: block;
				top: 340px;
				right: 0;
				left: 0;
				width: 370px;
				margin: auto;
				font-weight: bold;
				font-size: 48px;
				line-height: 48px;
			}
			.anser_img_o {
				color:#f00;
			}
			.anser_img_x {
				color:#00f;
			}

		#quiz_quiessions {
			margin: 0px 0px 0px 0px;
			padding: 0px 40px 10px 475px;
		}
			.quiz_quiession {
				position: relative;
				display: block;
				margin: 40px 0px 30px 0px;
				padding: 0 0px 0px 0px;
				height: 80px;
				border: 1px solid #dfdfdf;
				background: #f5f5f5;
				color: #000;
				font-size: 2.2rem;
				line-height: 80px;
				text-decoration: none;
				border-radius: 10px;
			}
			.quiz_quiession_num {
				margin: 0 40px 0 0;
				padding: 0 20px 0 30px;
				background: #888888;
				color: #fff;
				font-size: 48px;
				text-align: center;
				border-radius: 10px 0 0 10px;
			}
			.quiz_quiession_num:after {
				position: absolute;
				display: block;
				content: " ";
				top: 0;
				right: 269px;
				width: 0;
				height: 0;
				border: 40px solid transparent;
				border-left: 19px solid #888888;
			}
			.quiz_quiession:hover {
				cursor: pointer;
				background: #f0f0f0;
				color: #f08300;
			}
			.quiz_quiession:hover > .quiz_quiession_num {
				cursor: pointer;
				background: #f08300;
			}
			.quiz_quiession:hover > .quiz_quiession_num:after {
				cursor: pointer;
				position: absolute;
				display: block;
				content: " ";
				top: 0;
				right: 269px;
				width: 0;
				height: 0;
				border: 40px solid transparent;
				border-left: 19px solid #f08300;
			}
	#quiz_anser_main {
	}
		#quiz_ansers {
			margin: 0px 0px 0px 0px;
			padding: 0px 40px 10px 300px;
		}
			.quiz_anser {
				position: relative;
				display: block;
				margin: 40px 0px 0px 0px;
				padding: 0 0px 0px 0px;
				height: 80px;
				border: 1px solid #dfdfdf;
				background: #f5f5f5;
				color: #000;
				font-size: 2.2rem;
				line-height: 80px;
				text-decoration: none;
				border-radius: 10px;
			}
			.quiz_anser_num {
				margin: 0 40px 0 0;
				padding: 0 20px 0 30px;
				background: #f08300;
				color: #fff;
				font-size: 48px;
				text-align: center;
				border-radius: 10px 0 0 10px;
			}
			.quiz_anser_num:after {
				position: absolute;
				display: block;
				content: " ";
				top: 0;
				right: 269px;
				width: 0;
				height: 0;
				border: 40px solid transparent;
				border-left: 19px solid #f08300;
			}

			.quiz_anser_img {
				position: relative;
				display: block;
				width: 350px;
				height: 50px;
				margin: 60px auto;
				margin-bottom: 0px;
				color: #f08300;
				line-height:120%;
				font-size: 2.2rem;
			}
			.quiz_anser_explanation {
				height: 100px;
				line-height:120%;
				font-size: 1.4rem;
			}
		.quiz_next {
			position: relative;
			display: block;
			height: 70px;
			margin: 20px 0px;
		}
			.quiz_next_text {
				position: absolute;
				top: 20px;
				bottom: 0;
				right: -20px;
				width: 280px;
				height: 60px;
				background: #888888;
				color: #fff;
				font-size: 24px;
				text-align: center;
				border-radius: 30px;
				line-height:260%;
			}
			.quiz_next_text:hover {
				cursor: pointer;
				background: #f08300;
			}

	#quiz_result_main {
		position: relative;
		display: block;
		top: -40px;
	}
		#quiz_result {
		}
			#quiz_head_result_text {
				top: 0px;
				height: 154px;
				text-align: center;
				font-size: 56px;
				line-height:200%;
				font-weight: bold;
			}
			.quiz_result_img {
				position: relative;
				display: block;
				height: 50px;
				margin: 0px auto;
				margin-bottom: 0px;
				padding-top: 40px;
				line-height:120%;
				font-size: 3.3rem;
				text-align: center;
				color: #f08300;
				font-weight: bold;
			}
			.quiz_result_explanation {
				position: relative;
				display: block;
				height: 100px;
				padding-top: 50px;
				line-height:150%;
				font-size: 2.2rem;
				text-align: center;
			}
			.quiz_result_explanation_all {
				position: relative;
				display: block;
				height: 100px;
				padding-top: 80px;
				line-height:150%;
				font-size: 4.0rem;
				text-align: center;
			}

		#quiz_results {
			width: 800px;
			margin: 0px auto;
		}
			#quiz_result_text {
				color: #f08300;
				line-height:150%;
				font-size: 2.2rem;
			}
			.quiz_result_table {
				position: relative;
				display: block;
				margin: 10px 0px 0px 0px;
				padding: 10px 0px;
				font-size: 1.5rem;
			}
				.quiz_result_table_border_left {
					border-left: 1px solid #ffe100;
				}
				.quiz_result_anser {
					position: relative;
					display: block;
					margin: 0px 25px 0px 25px;
					padding: 10px 0px;
				}
				.quiz_result_num {
					position: relative;
					display: block;
					margin: 0px 25px 0px 25px;
					padding: 10px 0px;
				}
				.quiz_result_quiession {
					position: relative;
					display: block;
					height: 70px;
					width: 550px;
					margin: 0px 25px;
					padding: 0px 0px;
				}
					.quiz_result_anser_text_o {
						position: relative;
						display: block;
						width: 48px;
						font-size: 3.0rem;
						color:#f00;
						line-height: 50px;
						text-align: center;
					}
					.quiz_result_anser_text_x {
						position: relative;
						display: block;
						width: 48px;
						font-size: 3.0rem;
						color:#00f;
						line-height: 50px;
						text-align: center;
					}
					.quiz_result_num_text {
						position: relative;
						display: block;
						width: 50px;
						background-color: #f08300;
						color:#fff;
						border-radius: 50%;
						text-align: center;
						line-height: 50px;
					}
					.quiz_result_quiession_text {
						position: relative;
						display: block;
						padding: 10px 0px;
						font-size: 1.2rem;
						line-height: 140%;
					}
			.quiz_result_table_border {
				border-top: 1px solid #ffe100;
			}

			.quiz_next_retrun {
				position: absolute;
				top: 20px;
				bottom: 0;
				width: 360px;
				height: 60px;
				background: #888888;
				color: #fff;
				font-size: 24px;
				text-align: center;
				border-radius: 30px;
				line-height:260%;
			}
			.quiz_next_retrun:hover {
				cursor: pointer;
				background: #f08300;
			}

			.quiz_next_top {
				position: absolute;
				top: 20px;
				bottom: 0;
				right: 0px;
				width: 280px;
				height: 60px;
				background: #888888;
				color: #fff;
				font-size: 24px;
				text-align: center;
				border-radius: 30px;
				line-height:260%;
			}
			.quiz_next_top:hover {
				cursor: pointer;
				background: #f08300;
			}
/* space end */
/* template end */