@charset "utf-8";

/* FAMILYEXTERIOR FAQ.CSS  */


/*---------------------------------------
*	
*	00.WORKS  
*		00_01.FAQ
*
*	MODULES
*		MO_01.CLEARFIX
*		MO_02.TEXT
*		MO_03.LIST
*
*--------------------------------------*/



/**--------------------------------------
	00_01.WORKS_INDEX
---------------------------------------**/

div.faq
{
	padding: 0 0 25px 0;
	background: #FFF;
}

#faqTop
{
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	background: url(../../common/images/cmn_dot_hdevider.gif) repeat-x left bottom;
}

div.faq h2
{
	margin: 0 0 25px 25px;
	padding: 35px 0 0 0;
}

#faqNav
{
	margin: 0 0 0 25px;
	padding: 20px;
	width: 596px;
	border: 2px solid #DDDDDD;
}

#faqNav ul
{
	width: 290px;
}

#faqNav ul li
{
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	background: url(../../common/images/cmn_inpage_link_ico.gif) no-repeat left 8px;
	font-size: 85%;
}

#faqNav ul.left
{
	float: left;
	background: url(../../common/images/cmn_dot_vdevider.gif) repeat-y right top;
}

#faqNav ul.right
{
	float: right;
}


div.faqBox
{	
	margin: 0 0 40px 25px;
	width: 640px;
}

div.faqBox span
{
	display: none;
	visibility: hidden;
}

div.faqBox dl
{
	margin: 0 0 30px 0;
}

div.faqBox dl dt,
div.faqBox dl dd.answ
{
	padding: 14px 0 0 60px;
	line-height:1;
}

div.faqBox dl dt
{
	display: block;
	height: 40px;
	background: url(../images/faq_q_ico.gif) no-repeat;
}

div.faqBox dl dd.answ
{
	height: 40px;
	background: url(../images/faq_a_ico.gif) no-repeat;
}

div.faqBox dl dd.aText
{
	padding: 0 0 0 60px;
}

div.faqBox p.back2top
{
	text-align: right;
}


/*---------------------------------------

	MODULES
	
---------------------------------------**/


/*---------------------------------------
	MO_01.CLEARFIX
---------------------------------------**/

.clearfix:after,
#faqNav:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix,
#faqNav
{
	display:inline-block;
}

/* \*/
* html .clearfix,
* html #faqNav
{ 
	height:1%;
}
/* */

/*---------------------------------------
	MO_02.TEXT
	
	Font-size Adjustment.
	
	77% = 10px	|	122% = 16px	|	167% = 22px	
	85% = 11px	|	129% = 17px	|	174% = 23px 
	92% = 12px	|	136% = 18px	|	182% = 24px 
	100% = 13px	|	144% = 19px	|	189% = 25px 
	107% = 14px	|	152% = 20px	|	197% = 26px 
	114% = 15px	|	159% = 21px	| 
---------------------------------------**/

* {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

body {
	line-height: 1.7;
	color: #333;
	background-color: #000;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
/*
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
*/
}

/* for WinIE6*/
* html body
{
	font-family: "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
/*
	font-family: "ＭＳ Ｐ明朝","MS PMincho",serif;
*/
}

/* for WinIE7*/
*:first-child+html body
{
	font-family: "ＭＳ Ｐゴシック","MS PGothic", sans-serif;
/*
	font-family: "ＭＳ Ｐ明朝","MS PMincho",serif;
*/
}


/*---------------------------------------
	MO_03.LIST
---------------------------------------**/

ul,
ol,
dl
{
	list-style-position:outside;
}