@charset "utf-8";

.tabContainer {
width: 750px;
margin: 10px auto;
padding:10px;
background:#F5F5DC;
}

/* タブ */
.tabContainer ul.tabMenu li {
float: left;
margin-right: 5px;
padding: 0;
position: relative;
letter-spacing: .1em;
}

/* 未選択のタブ */
.tabContainer ul.tabMenu li a {
	display: block;
	float: left;
	padding: 5px 10px;
	background: url(../img/qa/bg_qa.gif) no-repeat right top;
	border-left: 1px solid #999;
	color: #999;
	text-decoration: none;
}

/* 選択中のタブ */
.tabContainer ul.tabMenu li.active a {
	position: relative;
	top: 1px;
	background:#fff url(../img/qa/bg_qa.gif) no-repeat right top;
	border-left: 1px solid #595959;
	color: #000;
}

/* カーソルオン時 */
.tabContainer ul.tabMenu li a:hover {
	color: #000;
}

/* Q&A */
.tabContainer dl {
	clear: both;
	width: 680px;
	background:#fff;
	padding: 10px;
	border: 1px solid #999;
}

/* Q */
.tabContainer dl dt {
margin: 0 0 5px;
padding:5px 5px 10px 35px;
background: url(../img/qa/help.gif) no-repeat 3px 3px;
vertical-align: middle ;
border-bottom: 1px dotted #999;border-top: 1px solid #fff;
border-left: 1px solid #fff;border-right: 1px solid #fff;
}

.tabContainer dl dt:hover{
background:#F5F5DC url(../img/qa/help.gif) no-repeat 3px 3px;
border: 1px dotted #999;
}


/* A */
.tabContainer dl dd {
	margin-bottom: 15px;
	padding: 0 10px 0 35px;
	background: url(../img/qa/info.gif) no-repeat 0px 0px;
	border-bottom: 1px dotted #999;
}

/*----------------------------------------------------
 * 
 * タブとよくある質問の指定ココまで△△△
 * 
----------------------------------------------------*/