@charset "UTF-8";

@import url(../css/base.css);

#contentsArea{
	width:749px;
	margin-top:38px;
}

#contentsArea h2{
	margin-bottom:10px;
}

#contentsArea .faqBoxBottom{
	background:url(images/bg_bottom.gif) no-repeat left bottom;
	padding-bottom:28px;
}

#contentsArea .faqBox{
	background:url(images/bg.gif) repeat-y left top;
}

#contentsArea .faqBoxTop{
	background:url(images/bg_top.gif) no-repeat left top;
	padding:28px 16px 0 20px;
}
#contentsArea .faqBoxTop .questionArea{
	float:left;
	width:310px;
	margin-right:50px;
}

#contentsArea .faqBoxTop .questionArea .controls{
	margin-top:10px;
}

#contentsArea .faqBoxTop .questionArea .controls li{
	float:left;
	margin-right:5px;
}

#contentsArea .faqBoxTop .questionArea .controls li#p01{
	background:url("images/bt_01_on.gif") no-repeat left top;
	width:12px;
	height:12px;
}

#contentsArea .faqBoxTop .questionArea .controls li#p02{
	background:url("images/bt_02_on.gif") no-repeat left top;
	width:12px;
	height:12px;
}

#contentsArea .faqBoxTop div.scroller{
	width:310px;
	overflow: auto;
	overflow-x:hidden;
	overflow-y:hidden;
}

#contentsArea .faqBoxTop #scrollArea{
	width:670px;
}

#contentsArea .faqBoxTop .section{
	width:310px;
	float:left;
}

#contentsArea .faqBoxTop #answerArea{
	float:left;
	width:330px;
}

#contentsArea .faqBoxTop #answerArea .que{
	background:url(images/ico_q.gif) no-repeat left center;
	padding-left:16px;
	line-height:200%;
	*font-size:105%;
}

#contentsArea .faqBoxTop #answerArea .ans{
	background:url(images/ico_a.gif) no-repeat left 4px;
	padding-left:16px;
	line-height:170%;
	margin-top:3px;
}

#contentsArea .faqBoxTop .section li{
	background:url(images/ico_q.gif) no-repeat left center;
	padding-left:16px;
	line-height:200%;
}

#contentsArea .faqBoxTop .section li a:link,#contentsArea .faqBoxTop .section li a:visited{
	color:#888;
}

#contentsArea .faqBoxTop .section li a:hover{
	color:#00c154;
	text-decoration:none;
}