@charset "shift_jis";

#wrapper03 {
	background: url(../teach/images/bg03.png) center 15px no-repeat;
}

#header {
	height: 193px;
}

/* ========================================
	#main
======================================== */
/* --------------------------------
	#teach
-------------------------------- */
#teach {
	position: relative;
	background: url(../teach/images/teach_bg01.png) 0 0 repeat;
}

#teach a {
	color: #FFF;
}

#teach-inner {
	position: relative;
	padding: 90px 30px 30px 30px;
	background: url(../teach/images/teach_bg02.png) 0 0 no-repeat;
	z-index: 1;
}

.chara {
	position: absolute;
	right: 12px;
	top: -90px;
	z-index: -1;
}

.question {
	display: block;
	width: 687px;
	height: 70px;
	line-height: 70px;
	margin-bottom: 20px;
	background: url(../teach/images/qa_bg01.png) right 0 no-repeat;
}

.question .icon {
	float: left;
	margin-right: 50px;
}

.question p,
.answer p {
	font-size: 18px;
	font-weight: bold;
}

.answer {
	margin: 0 0 20px 197px;
}

.answer-wrap {
	background: url(../teach/images/qa_bg02.png) left top no-repeat;
	width: 610px;
	padding-top: 29px;
	position: relative;
}
.answer-arw {
	position: absolute;
	right: 0;
	top: 29px;
}

.answer-bg {
	padding: 0 20px 25px 17px;
	display: block;
	background: url(../teach/images/qa_bg03.png) left bottom no-repeat;
}

.answer .icon {
	float: right;
	margin-left: 14px;
}

.answer p {
	color: #FFF;
	line-height: 1.6;
}

.pagination {
	text-align: center;
}
.pagination li {
	display: inline;
}

/* alpha */
a:link img.alpha, 
a:visited img.alpha{
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}

a:hover img.alpha, 
a:active img.alpha {
	opacity: 0.7;
	-moz-opacity: 0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE6/7 */
	-ms-filter: "alpha(opacity=70)"; /* IE8 */
}