@charset "UTF-8";

/* 全体
====================================================== */
body{
	background:#faf3e8;
}
div#faq{
	padding-bottom:10px;
	width:640px;
	text-align:left;
}
#faq a{
	text-decoration:none;
}


/* タイトル
====================================================== */
h1{
	padding-bottom:10px;
}

/* トップキーワード検索
====================================================== */
#topSearch{
	padding:0 0 10px 10px;
	width:620px;
}
#topSearch h2{
	padding:9px 0 0 10px;
	width:610px;
	height:24px;
	background:url(/images/index/faq/headBg1.gif) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#topSearch #topSearchBody{
	padding:9px;
	border-right:1px solid #dec69d;
	border-bottom:1px solid #dec69d;
	border-left:1px solid #dec69d;
	background:#fff;
}
.inputBtn{
	vertical-align:top;
}

/* トップカテゴリ
====================================================== */
#topCat{
	padding:0 0 0 10px;
	width:620px;
}
#topCat h2{
	padding:9px 0 0 10px;
	width:610px;
	height:24px;
	background:url(/images/index/faq/headBg1.gif) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#topCat #topCatBody{
	padding:9px 9px 0px 0;
	border-right:1px solid #dec69d;
	border-bottom:1px solid #dec69d;
	border-left:1px solid #dec69d;
	background:#fff;
}
#topCat #topCatBody ul li{
	float:left;
	padding:0 0 7px 9px;
	width:295px;
	height:50px;
}
#topCat #topCatBody ul li a{
	display:block;
	padding-top:15px;
	width:295px;
	height:35px;
	background:url(/images/index/faq/btnBg.gif) no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#825b12;
	text-decoration:none;
	text-align:center;
}
#topCat #topCatBody ul li a:hover{
	background:url(/images/index/faq/btnBg_o.gif) no-repeat;
}

/* コンテンツ
====================================================== */
div#contents{
	padding:0 0 0 10px;
	width:620px;
}

/* FAQリスト
====================================================== */
#faqList{
	float:left;
	width:430px;
}
#faqList h2{
	padding:9px 0 0 10px;
	width:420px;
	height:24px;
	background:url(/images/index/faq/headBg2.gif) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#faqList #faqListBody{
	padding:9px;
	width:410px;
	border-right:1px solid #dec69d;
	border-bottom:1px solid #dec69d;
	border-left:1px solid #dec69d;
	background:#fff;
}
#faqList #faqListBody ul li{
	margin-bottom:7px;
	padding-bottom:7px;
	border-bottom:1px solid #e9e4da;
	font-size:12px;
}
#faqList #faqListBody ul li a{
	display:block;
	padding-left:15px;
	background:url(/images/index/faq/arrow1.gif) no-repeat 0% 50%;
	color:#7d570f;
}
#faqList #faqListBody ul li a:hover{
	color:#f00;
}


/* 詳細
====================================================== */
#faqDetail{
	float:left;
	width:430px;
}
#faqDetail h2{
	padding:9px 0 0 10px;
	width:420px;
	height:24px;
	background:url(/images/index/faq/headBg2.gif) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#faqDetail #faqDetailBody{
	width:428px;
	border-right:1px solid #dec69d;
	border-bottom:1px solid #dec69d;
	border-left:1px solid #dec69d;
	background:#fff;
}
#faqDetail #faqDetailBody #question{
	padding:0 15px;
	background:url(/images/index/faq/bg1.gif) repeat-y;
}
#faqDetail #faqDetailBody #question #iconQ{
	background:url(/images/index/faq/bgQ.gif) no-repeat;
	min-height:35px;
}
#faqDetail #faqDetailBody #question #iconQ p{
	padding:8px 0 0 37px;
	font-size:14px;
	color:#6c4705;
}
#faqDetail #faqDetailBody #answer{
	padding:0 15px;
	background:url(/images/index/faq/bg2.gif) repeat-y;
}
#faqDetail #faqDetailBody #answer #iconA{
	background:url(/images/index/faq/bgA.gif) no-repeat;
	min-height:35px;
}
#faqDetail #faqDetailBody #answer #iconA div{
	padding:8px 0 0 37px;
	font-size:12px;
	color:#6c4705;
	line-height:1.5;
}
#faqDetail #faqDetailBody .backBtn{
	padding-bottom:10px;
	text-align:center;
}

/* サイドバー
====================================================== */
#faqSidebar{
	float:right;
	width:180px;
}
#faqSidebar h2{
	padding:9px 0 0 10px;
	width:170px;
	height:24px;
	background:url(/images/index/faq/headBg3.gif) no-repeat;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
#faqSidebar #searchBody{
	margin-bottom:10px;
	padding:9px;
	width:160px;
	border-right:1px solid #dec69d;
	border-bottom:1px solid #dec69d;
	border-left:1px solid #dec69d;
	background:#fff;
}
#faqSidebar #searchBody .faqBtn{
	padding-top:10px;
	text-align:center;
}
#faqSidebar #catBody{
	padding:9px 9px 0 9px;
	width:160px;
	border-right:1px solid #dec69d;
	border-bottom:1px solid #dec69d;
	border-left:1px solid #dec69d;
	background:#fff;
}
#faqSidebar #catBody ul li{
	margin-bottom:7px;
	padding-left:14px;
	background:url(/images/index/faq/arrow1.gif) no-repeat 0% 50%;
	font-size:12px;
}
#faqSidebar #catBody ul li a{
	color:#7d570f;
}
#faqSidebar #catBody ul li a:hover{
	color:#f00;
}