@charset "utf-8";
/* ===================================================================
CSS information

 file name  :faq.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */


/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* ページタイトル背景
----------------------------------------------------------- */
#faq #wrp_pagetitle {
	background: url(../faq/images/title.jpg) top center no-repeat;
}

#faq #cnt_faq_main {
	width: 680px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}


#faq h3 {
	background:url(../faq/images/tit_category.gif) top left no-repeat;
}


/* tタブ設定
----------------------------------------------------------- */
#faq .tabNav {
	margin: 0 auto;
	padding: 0;
	width: 664px;
	height: 30px;
}

#faq .tabNav li {
	width: 90px;
	height: 30px;
	float: left;
	overflow: hidden;
}

#faq .tabNav li a {
	width: 90px;
	height: 30px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#faq .tabNav #tab01 a{
	background: url(../faq/images/tab.gif) 0 0 ;
}

#faq .tabNav #tab01 a:hover,
#faq .tabNav #tab01 a.active {
	background: url(../faq/images/tab.gif) 0 -30px ;
}

#faq .tabNav #tab02 {
	margin: 0 0 0 6px;
}

#faq .tabNav #tab02 a{
	background: url(../faq/images/tab.gif) -96px 0 ;
}

#faq .tabNav #tab02 a:hover,
#faq .tabNav #tab02 a.active {
	background: url(../faq/images/tab.gif) -96px -30px ;
}

#faq .tabNav #tab03 {
	margin: 0 0 0 5px;
}

#faq .tabNav #tab03 a{
	background: url(../faq/images/tab.gif) -191px 0 ;
}

#faq .tabNav #tab03 a:hover,
#faq .tabNav #tab03 a.active {
	background: url(../faq/images/tab.gif) -191px -30px ;
}

#faq .tabNav #tab04 {
	margin: 0 0 0 6px;
}

#faq .tabNav #tab04 a{
	background: url(../faq/images/tab.gif) -287px 0 ;
}

#faq .tabNav #tab04 a:hover,
#faq .tabNav #tab04 a.active {
	background: url(../faq/images/tab.gif) -287px -30px ;
}

#faq .tabNav #tab05 {
	margin: 0 0 0 6px;
}

#faq .tabNav #tab05 a{
	background: url(../faq/images/tab.gif) -383px 0 ;
}

#faq .tabNav #tab05 a:hover,
#faq .tabNav #tab05 a.active {
	background: url(../faq/images/tab.gif) -383px -30px ;
}

#faq .tabNav #tab06 {
	margin: 0 0 0 5px;
}

#faq .tabNav #tab06 a{
	background: url(../faq/images/tab.gif) -478px 0 ;
}

#faq .tabNav #tab06 a:hover,
#faq .tabNav #tab06 a.active {
	background: url(../faq/images/tab.gif) -478px -30px ;
}

#faq .tabNav #tab07 {
	margin: 0 0 0 6px;
}

#faq .tabNav #tab07 a{
	background: url(../faq/images/tab.gif) -574px 0 ;
}

#faq .tabNav #tab07 a:hover,
#faq .tabNav #tab07 a.active {
	background: url(../faq/images/tab.gif) -574px -30px ;
}


/* 質問div
----------------------------------------------------------- */
#faq .wrp_faq {
	margin: 0 0 40px 0;
	padding: 10px 25px 30px 25px;
	width: 628px;
	background: #f9f8f8;
	border: #dfddd7 solid 1px;
}

#faq .wrp_faq .cnt_faq {
	margin: 0;
	padding: 20px 0;
	width: 628px;
	background: url(../faq/images/line_dot.gif) bottom left repeat-x ;
}

#faq .wrp_faq .cnt_faq p {
	margin: 0 auto;
	padding: 0 0 0 30px;
}

#faq .wrp_faq .cnt_faq p.question {
	margin: 0 auto 15px auto;
	background: url(../faq/images/icon_q.gif) 0 0 no-repeat;
	color: #12016b;
	font-size: 14px;
	font-weight: bold;
}


#faq .wrp_faq .cnt_faq p.answer {
	margin: 0 auto;
	background: url(../faq/images/icon_a.gif) 0 0 no-repeat;
}

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}