@charset "utf-8";


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

FAQ

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

body#faq {

}


/*コンテンツエリア
----------------------------------------*/
body#faq div#content {
	width: 950px;
	margin: 0 auto;
	padding: 0 0 30px 0;
	position: relative;
}

body#faq div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

body#faq div#content div#main {
	width: 710px;
	float: left;
	display: inline;
}

body#faq div#content div#main h3 {
	margin: 0 0 10px 0;
}


/*カテゴリのリード文
----------------------------------------*/
body#faq div#content div#main div.lead {
	background: url(../../method/images/article_bg02_btm.gif) no-repeat left bottom;
	width: 710px;
	margin: 0 auto 20px auto;
}

body#faq div#content div#main div.lead h2 {
	margin: 0;
	padding: 0;
}

body#faq div#content div#main div.lead p {
	line-height: 1.5;
	padding: 15px;
}


/*質問一覧
----------------------------------------*/
ul#qlist {
	width: 690px;
	margin: 20px 10px 20px 10px;
}

ul#qlist li {
	background: url(../../faq/images/pic_q.gif) no-repeat left center;
	padding: 10px 0 10px 30px;
	line-height: 1.6;
}

* html ul#qlist li {
	padding: 10px 0 10px 15px;
	line-height: 1.6;
}

*:first-child+html ul#qlist li {
	padding: 10px 0 10px 15px;
	line-height: 1.6;
}


/*解答一覧
----------------------------------------*/
body#faq div#content div#main dl.answer {
	margin: 0 10px 0 10px;
}


body#faq div#content div#main dl.answer dt {
	background: url(../../faq/images/pic_a.gif) no-repeat 10px 10px #EAEAEA;
	border: 1px solid #CCC;
	border-bottom: none;
	padding: 11px 0 11px 43px;
	width: 647px;
	line-height: 1.5;
}

body#faq div#content div#main dl.answer dd {
	background: url(../../faq/images/pic_q2.gif) no-repeat 10px 10px;
	border: 1px solid #CCC;
	padding: 11px 11px 11px 43px;
	width: 636px;
	margin: 0;
}

body#faq div#content div#main dl.answer dd p {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

body#faq div#content div#main dl.answer dd p.more,
body#faq div#content div#main dl.answer dd p.more a {
	text-align: right;
	background: url(../images/ico_list_arrow2.gif) no-repeat 548px center;
	color: #CC0000;
	padding: 0 0 0 10px;
}

body#faq div#content div#main dl.answer dd p span.charge {
	color: #CC6600;
	font-weight: bold;
}

/*もどる*/
body#faq div#content div#main p.backtolist {
	background: url(../images/ico_arrow3.gif) no-repeat 620px center;
	text-align: right;
	margin: 10px 10px 15px 0;
}
