@charset "utf-8";

/********************************************
FAQ STYLES　[ /css/faq.css ]
********************************************/

/* ------------------------------------------------- 
INDEX
-------------------------------------------------
・よくあるご質問　一覧
・よくあるご質問　カテゴリ別
------------------------------------------------- */



/* ------------------------------------------------- 
よくあるご質問　一覧
------------------------------------------------- */

div#FaqListArea {
	width:650px;
	padding:5px 5px 0 5px;
	border-bottom:1px solid #f0eee0;
	background-color:#cac7b6;
}

div.Ctgry1Set {
	width:648px;
	margin:0 0 5px 0;
	border:1px solid #f0eee0;
	background-image:url(../faq/images/faq_bg.gif);
	background-position:left top;
	background-repeat:repeat-y;
	zoom:1;/*clearfix for IE 5.5-7*/
}

div.Ctgry1Set:after {/*clearfix for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div.Ctgry1Set h3 {
	float:left;
	width:146px;
	padding:10px 0 0 13px;
	color:#4e4625;
	font-weight:bold;
}

div.Ctgry1Set ul {
	float:right;
	width:460px;
	padding:10px 20px 0 0;
}

div.Ctgry1Set li {
	width:460px;
	padding:0 0 10px 0;
}

div.Ctgry1Set li img {
	margin:0 5px 0 0;
	vertical-align:middle;
}

div.Ctgry1Set a:link,div.Ctgry1Set a:active,div.Ctgry1Set a:visited {
	color: #b69709;
	text-decoration: underline;
}

div.Ctgry1Set a:hover {
	color: #b69709;
	text-decoration: none;
}


/* ------------------------------------------------- 
よくあるご質問　カテゴリ別
------------------------------------------------- */

h3#CtgryTitle {
	padding:15px 5px 10px 8px;
	background-image:url(../faq/images/ctgry_hd.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#4e4625;
	font-weight:bold;
	font-size:150%;
}

ul#CtgryList {
	padding:10px 0 25px 0;
	background-image:url(../../images/line_dot_gry.gif);
	background-position:left top;
	background-repeat:repeat-x;
	text-align:center;
	color:#4e4625;
}

ul#CtgryList li {
	display:inline;
	font-size:85%;
}

ul#CtgryList a:link,ul#CtgryList a:active,ul#CtgryList a:visited {
	color: #b69709;
	text-decoration: underline;
}

ul#CtgryList a:hover {
	color: #b69709;
	text-decoration: none;
}

div.QA1Set {
	width:660px;
	margin:0 0 15px 0;
	padding:0 0 10px 0;
	background-color:#8b825e;
	background-image:url(../faq/images/ctgry_box_ft.gif);
	background-position:left bottom;
	background-repeat:no-repeat;
}

div.QA1Set h4 {
	width:634px;
	padding:6px 13px;
	background-image:url(../faq/images/ctgry_box_hd.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#f2f0e2;
	font-weight:bold;
	zoom:1;/*clearfix for IE 5.5-7*/
}

div.QA1Set h4:after {/*clearfix for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div.QA1Set span {
	display:block;
}

div.QA1Set h4 span.left {
	width:18px;
}

div.QA1Set h4 span.right {
	width:610px;
}

div.QA1Set p.Ans {
	width:600px;
	margin:0 5px;
	padding:15px 15px 15px 35px;
	background-color:#f2f0e2;
	background-image:url(../faq/images/ctgry_a_hd.gif);
	background-position:left top;
	background-repeat:no-repeat;
	color:#4e4625;
	line-height:165%;
	zoom:1;/*clearfix for IE 5.5-7*/
}

div.QA1Set p.Ans:after {/*clearfix for modern browser*/
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

div.QA1Set p.Ans span.left {
	width:18px;
}

div.QA1Set p.Ans span.right {
	width:575px;
}