@charset "utf-8";

/*====== 共通 ======*/
* { 
	padding: 0;
	margin: 0;
	word-break: break-all;
}
body {
	width: 100%;
	margin: 0 auto;
	background-color:#F9C051;
	text-align:center;
	width: 800px;
}

.fl { float: left; }
.fr { float: right; }
.h30{
	width: 800px;
	height: 30px;
}
.mr10{
	margin-right: 6px;
}
.mt10{
	margin-top: 10px;
}
.mt20{
	margin-top: 20px;
}



/*====== index.php ======*/
.main_index {
	width: 624px;
	background: url(../quiz2011/images/01/01_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 964px;
	height: auto !important;
	height: 964px;
}
.mix001{
	margin: 893px 132px 0 383px;
}



/*====== policy.php ======*/
.main_policy {
	width: 624px;
	background: url(../quiz2011/images/02/02_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 511px;
	height: auto !important;
	height: 511px;
}
.mix101{
	margin: 109px 124px 0 117px;
}
.mix102{
	margin-bottom: 110px;
}
.mix103{
	margin-left: 63px;
}
.mix104{
	margin-right: 53px;
}



/*====== quiz1.php ======*/
.main_q1 {
	width: 624px;
	background: url(../quiz2011/images/03/03_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 762px;
	height: auto !important;
	height: 762px;
}
.main_q1a {
	width: 454px;
	margin: 400px 0 0 120px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 45px;
	height: auto !important;
	_width: 624px;
	height: 45px;
}
.q1a {
	margin: 10px 10px 22px 0;
}
.q1a_img {
	margin: 0 0 15px 0;
}
.main_q1b {
	width: 454px;
	margin: 0 0 240px 120px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 38px;
	height: auto !important;
	_width: 624px;
	height: 38px;
}
.q1b {
	margin: 15px 10px 0 0;
}
.q1b_img {
	margin: 0;
}



/*====== quiz2.php ======*/
.main_q2 {
	width: 624px;
	background: url(../quiz2011/images/04/04_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 690px;
	height: auto !important;
	height: 690px;
}
.main_q2a {
	width: 454px;
	margin: 405px 0 0 110px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 45px;
	height: auto !important;
	_width: 624px;
	height: 45px;
}
.q2a {
	margin: 10px 10px 22px 0;
}
.q2a_img {
	margin: 0 0 15px 0;
}
.main_q2b {
	width: 454px;
	margin: 0 0 200px 110px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 38px;
	height: auto !important;
	_width: 624px;
	height: 38px;
}
.q2b {
	margin: 18px 10px 0 0;
}
.q2b_img {
	margin: 0;
}



/*====== quiz3.php ======*/
.main_q3 {
	width: 624px;
	background: url(../quiz2011/images/05/05_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 730px;
	height: auto !important;
	height: 730px;
}
.main_q3a {
	width: 454px;
	margin: 385px 0 300px 115px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 45px;
	height: auto !important;
	_width: 624px;
	height: 45px;
}
.q3a {
	margin: 10px 10px 22px 0;
}
.q3a_img {
	margin: 0 80px 15px 0;
}
.q3b_img {
	margin: 0;
}



/*====== quiz4.php ======*/
.main_q4 {
	width: 624px;
	background: url(../quiz2011/images/06/06_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 690px;
	height: auto !important;
	height: 690px;
}
.main_q4a {
	width: 454px;
	margin: 422px 0 220px 95px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 45px;
	height: auto !important;
	_width: 624px;
	height: 45px;
}
.q4a {
	margin: 18px 10px 22px 0;
}
.q4a_img {
	margin: 0 30px 15px 0;
}
.q4b_img {
	margin: 0;
}



/*====== quiz5.php ======*/
.main_q5 {
	width: 624px;
	background: url(../quiz2011/images/07/07_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 680px;
	height: auto !important;
	height: 680px;
}
.main_q5a {
	width: 454px;
	margin: 388px 0 250px 105px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 45px;
	height: auto !important;
	_width: 624px;
	height: 45px;
}
.q5a {
	margin: 18px 10px 22px 0;
}
.q5a_img {
	margin: 0 40px 15px 0;
}
.q5b_img {
	margin: 0;
}



/*====== input.template.php ======*/
.main_input {
	width: 624px;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 845px;
	height: auto !important;
	height: 845px;
}
.mix701 {
	width: 624px;
	background: url(../quiz2011/images/08/08_01.jpg) no-repeat;
	overflow: hidden !important;
	overflow: visible;
	min-height: 213px;
	height: auto !important;
	height: 213px;
}
.mix711 {
	margin: 70px 162px 22px 178px;
}
.mix712 {
	margin-right: 100px;
}
.mix702 {
	width: 480px;
	background: url(../quiz2011/images/08/08_02.jpg) repeat-y;
	padding: 10px 67px 10px 77px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	_width: 624px;
}
.mix703 {
	width: 624px;
	background: url(../quiz2011/images/08/08_03.jpg) no-repeat;
	overflow: hidden !important;
	overflow: visible;
	min-height: 58px;
	height: auto !important;
	height: 58px;
}
.mix731 {
	margin: 7px 91px 0 405px;
}
.tit{
	text-align: left;
	font-size: 12px;
	line-height: 28px;
}
.fred { color:red; font-weight: bold; }
.tab {
	width: 100%;
	border: solid #AEA9A7 1px;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	font-size: 12px;
	line-height: 16px;
}
.tab td{ padding: 5px 10px; border: solid #AEA9A7 1px; vertical-align: middle; }



/*====== confirm.template.php ======*/
.main_confirm {
	width: 624px;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 819px;
	height: auto !important;
	height: 819px;
}
.mix801 {
	width: 624px;
	background: url(../quiz2011/images/09/09_01.jpg) no-repeat;
	overflow: hidden !important;
	overflow: visible;
	min-height: 216px;
	height: auto !important;
	height: 216px;
}
.mix821{
	width: 480px;

}
.mix803 {
	width: 624px;
	background: url(../quiz2011/images/09/09_04.jpg) no-repeat;
	overflow: hidden !important;
	overflow: visible;
	min-height: 35px;
	height: auto !important;
	height: 36px;
}



/*====== complete.template.php ======*/
.main_complete {
	width: 624px;
	background: url(../quiz2011/images/10/10_01.jpg) no-repeat;
	margin: 0 88px;
	overflow: hidden !important;
	overflow: visible;
	min-height: 709px;
	height: auto !important;
	height: 709px;
}
.mix901{
	margin: 625px 258px 0 252px;
}


/*====== end.html ======*/
.main_end {
	width: 824px;
	background: url(../quiz_close/images/end/end_01.jpg) no-repeat;
	margin: 0 auto;
	height: 2403px;
}
.mix_end{
	margin: 2280px auto 0 auto;
}