@charset "UTF-8";

/*===============================================================================
FAQ
===============================================================================*/

/*--------------------------------------------- メインイメージ開始 */

#main_img{
	background: url( "../img/support/faq/faq_mainimg.gif") no-repeat left top;
}

/*--------------------------------------------- メインイメージ終了 */

/*--------------------------------------------- サブメニュー開始 */
#submenu li.s_title{
	width: 236px;
	height:45px;
	padding: 1px 0 2px 0;
	margin:0 auto;
}

#submenu li.s_title a{
	text-indent: -9999px;
	font-size: 0;
	width: 236px;
	height:45px;
	display:block;
	background:url("../img/common/sub_menu_t02.gif") no-repeat left top;
}

#submenu li.s_title a:hover{
	background:url("../img/common/sub_menu_t02a.gif") no-repeat left top;
}

/*--------------------------------------------- サブメニュー終了 */

/*--------------------------------------------- INDEXコンテンツ開始 */

/* h1タイトル */	
#faq_main{
	width: 650px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	}
#faq_main p{
	width: 600px;
	padding: 0 ;
	margin: 0 auto;
	text-align:left;
	}

#faq_main h1{
	width: 630px;
	height: 30px;
	padding: 0 0 5px 0;
	margin: 0 auto;
	text-indent: -9999px;
	font-size: 0;
	background: url( "../img/support/faq/title.gif") no-repeat left top;}
	
#faq_main h2{
	background: url( "../img/support/faq/title_sub.gif") no-repeat center;
	width: 595px;
	height: 25px;
	padding: 5px 0 5px 35px;
	margin:10px auto 5px auto;
	text-align:left;
	font-size:12px;
	line-height:30px;
	clear:both;
	}


/*--------------------------------------------- FAQ INDEX開始*/

#faq_box{
	width: 600px;
	overflow: auto;
	background:#f2f2f2;
	margin:10px auto;
	padding:10px 0;
	border:solid #ccc 1px;
	text-align:left;
	line-height: 20px;

	}

#faq_box .index_title{
	float:left;
	width:100px;
	padding:10px 0;
	font-weight:bold;
	border-right:dotted #333 1px;
	text-align:center;
	}

#faq_box .index{
	float:left;
	width:150px;
	padding-left:30px;
}
#faq_box .index02{
	float:left;
	width:160px;
	padding-left:40px;
}

#faq_box .index a,
#faq_box .index02 a{
	padding-left:15px;
	background: url( "../img/support/faq/arrow_icon.png") no-repeat left center;
	
}

#faq_top{
	width: 600px;
	text-align:right;
	margin:0 auto;
}

#faq_top a{
	padding:0 5px 0 17px;
	background: url( "../img/support/faq/pagetop_icon.gif") no-repeat left center;
	text-decoration:underline;
}
/*--------------------------------------------- FAQ開始*/
#qa {
	clear:both;
	width: 600px;
	text-align:left;
	margin:0 auto;
}

#qa dt {
	padding: 20px 0 30px 65px;
	border-top: 1px solid #e2e2e2;
	font-weight: bold;
	font-size:14px;
	text-align:left;
}

#qa dd {
	margin-bottom: 10px;
	padding: 10px 20px 15px 80px;
	line-height: 17px;
	border-bottom: 1px solid #e2e2e2;
	
}
#qa dt.odd {
	background: #f2f2f2 url("../img/support/faq/q.png") no-repeat 15px 14px;
}
#qa dd.odd {
	background: #f2f2f2 url("../img/support/faq/a.png") no-repeat 30px top;
}
#qa dt.even {
	background: #fffffc url("../img/support/faq/q.png") no-repeat 15px 14px;
}
#qa dd.even {
	background: #fffffc url("../img/support/faq/a.png") no-repeat 30px top;
}

#qa dt.toi {
	background: #ffffff url("../img/support/faq/exclamation_mark.png") no-repeat 15px 14px;
	border-top: 1px dotted #333333;
	margin-top:30px;
	padding: 20px 20px 20px 70px;
}
#qa dd.toi{
	background: #ffffff;
	padding: 0 40px 20px 60px;
	border-bottom: 1px dotted #333333;
}