.q_select {
	padding: 6px 6px 2px;
	font-size: 130%;
	font-weight: bold;
	color: #ff4c4c;
	border-bottom: 1px solid #ff4c4c;
	margin-bottom: 6px;
}

div.question {
	max-width: 800px;
}

div.answer {
	max-width: 800px;
	padding: 4px;
	left: 10px;
	position: relative;
}

.cle {
	clear: left;
	line-height: 125%;
}

/* @group quiz_dl */

a {
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
}

dl.q_select {}

dd.q1 {
	background: url(img/quiz_1.gif) no-repeat 0 50%;
	padding-left: 38px;
	margin-top: 10px;
	margin-left: 40px;
	line-height: 30px;
	margin-bottom: 10px;
}

dd.q1:hover {
	background: url(img/quiz_1_on.gif) no-repeat 0 50%;
}

dd.q2 {
	background: url(img/quiz_2.gif) no-repeat 0 50%;
	padding-left: 38px;
	margin-top: 10px;
	margin-left: 40px;
	line-height: 30px;
	margin-bottom: 10px;
}

dd.q2:hover {
	background: url(img/quiz_2_on.gif) no-repeat 0 50%;
	margin-bottom: 10px;
}

dd.q3 {
	background: url(img/quiz_3.gif) no-repeat 0 50%;
	padding-left: 38px;
	margin-top: 10px;
	margin-left: 40px;
	line-height: 30px;
}

dd.q3:hover {
	background: url(img/quiz_3_on.gif) no-repeat 0 50%;
}

/* @end */

.qab {
	/* visibility: hidden; */
	display: none;
}

.buta {
	background-color: #beccff;
	padding: 4px;
	border: 1px dotted #20357f;
	margin: 4px;
	margin-right: 20px;
	color: #304fbe;
	max-width: 800px;
	font-size: 0.9em;
}

.inu {
	background-color: silver;
	padding: 4px;
	border: 1px dotted gray;
	margin: 4px;
	margin-right: 20px;
	max-width: 800px;
	font-size: 0.9em;
	height: auto;
}