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


/*=======================================
index:
[00]#exArea
[01]#interviewArea

=======================================*/

/*[00]#exArea
====================================*/
#exArea{
	margin-bottom:12px;
	background:url(../images/bg_ex_mid.gif) repeat-y left top;
}
#exArea02{
	padding-bottom:15px;
	background:url(../images/bg_ex_bot.gif) no-repeat left bottom;
}

	#exArea img{
		vertical-align:bottom;
	}
	#exBox{
		min-height:326px;
	}
	* html #exBox{
		height:326px;
	}
		#exLeft{
			float:left;
			display:inline;
			margin:9px 7px 0 21px;
			width:171px;
			background:url(../images/bg_profile_mid.gif) repeat-y left top;
		}
			#exLeft dd{
				padding:0 15px 15px;
				background:url(../images/bg_profile_bot.gif) no-repeat left bottom;
			}
		#exRight{
			float:right;
			display:inline;
			width:499px;
			margin-right:24px;
		}
		#exRight02{
			position:absolute;
		}		
			#exCon{
				position:absolute;
				left:40px;
				top:60px;
			}
			#exCon h4{
				margin-bottom:14px;
			}
			#exCon li{
				list-style-type:none;
			}
			.exList01{
				margin-bottom:20px;
			}
			.exList02 li{
				padding-left:13px;
				line-height:1.5;
				background:url(../images/ico_list.gif) no-repeat 0 3px;
			}
	#flowArea{
		margin-left:17px;
		width:682px;
	}
		.flowBox{
			margin-bottom:7px;
		}
		.flowBox h4{
			margin-bottom:13px;
		}
		.flowBox ul{
			margin-bottom:12px;
		}
		.flowBox li{
			float:left;
			display:inline;
			margin:0 0 3px 3px;
		}
		.flowBox li.flowFirst{
			margin-left:7px;
		}
		.flowBox li.flowTxt{
			float:left;
			display:inline;
			margin-left:15px;
			width:300px;
		}
		.flowRight{
			float:right;
			display:inline;
			margin-right:22px;
			width:560px;
		}
		.flowLeft{
			float:left;
			display:inline;
			margin-left:28px;
			width:46px;
		}
		.flowCompletion{
	margin:0 60px 0 8px;
		}

/*[01]#interviewArea
====================================*/
#interviewArea{
	padding-bottom:35px;
	background:url(../images/bg_interview_bot.gif) no-repeat left bottom #f8f7f5;
}
	#interviewArea img{
		vertical-align:bottom;
	}
	.question{
		margin:0 34px 13px 32px;
	}
		.qLeft{
			float:left;
			display:inline;
			width:47px;
		}
		.qRight{
			float:right;
			display:inline;
			width:603px;
			background:url(../images/bg_q_mid.gif) repeat-y left top;
		}
			.qRight p{
				color:#1a93dc;
				font-weight:bold;
				background:url(../images/bg_q_top.gif) no-repeat left top;
			}
			.qRight span{
				display:block;
				padding:18px 20px 15px 38px;
				background:url(../images/bg_q_bot.gif) no-repeat left bottom;
			}
	.answer{
		margin:0 34px 23px 68px;
	}
		.aLeft{
			float:left;
			display:inline;
			padding-top:3px;
			width:36px;
		}
		.aRight{
			float:right;
			display:inline;
			width:573px;
			background:url(../images/bg_a_mid.gif) repeat-y left top;
		}
			.aRight p{
				background:url(../images/bg_a_top.gif) no-repeat left top;
			}
			.aRight span{
				display:block;
				padding:18px 20px 15px 38px;
				background:url(../images/bg_a_bot.gif) no-repeat left bottom;
			}
		.aRight02{
			float:right;
			display:inline;
			width:573px;
			background:url(../images/bg_a_mid02.gif) repeat-y left top;
		}
			.aRight02 p{
				background:url(../images/bg_a_top02.gif) no-repeat left top;
			}
			.aRight02 span{
				display:block;
				padding:18px 20px 15px 38px;
				background:url(../images/bg_a_bot02.gif) no-repeat left bottom;
			}
			#answerLast{
				margin-bottom:0;
			}