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

 style info :switchHat.jsのサンプル用の指定
=================================================================== */
.allOpenBtn,
.switchHat {
	display:none;
}

img.img-q {
	padding:5px 7px 0px 0px;
	float:left;
}

.answer {
	padding:10px 0px 0px 23px;
}


.img-a {
	width:15px;
	height:15px;
	padding:5px 7px 0px 0px;
}

.af_img-a {
	padding:0 20px 0 0;
	position:relative;
	top:-17px;
	left:23px;
}

.displaySwitchL {
	width:250px;
	margin-top:10px;
	font-size:11pt;
	float:left;
}

.displaySwitchR {
	width:350px;
	margin-top:0px;
	text-align:left;
	font-size:11pt;
	color:#000000;
	letter-spacing:1px;
	line-height:175%;
	float:right;
}

.switchOn {
	display: block;
}

span.switchOn {
	display: inline;
}

.closeBtnHat {
	margin: -5px 0px 20px 20px;
}

.allOpenBtn,
.closeBtnHat span,
.switchHat {
	color: #00c;
}

.closeBtnHat span {
	padding: 5px 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.allOpenBtn:after,
.switchHat:after {
	content: " ＋";
}

.allOpenBtn:hover,
.closeBtnHat span:hover,
.switchHat:hover {
	color: #090;
}

.nowOpen {
	color: #00c;
}

.nowOpen:after {
	content: " －";
}

.faq dt.nowOpen:after {
	content: " ";
}

.faq {
	margin-top: 20px;
}

.faq dt {
	/zoom: 1;
	margin-top: 20px;
	margin-bottom: 1px;
	padding: 5px 15px;
	background: #eee;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.faq dt.switchOn {
	margin-top: 0;
}

.faq dt.nowOpen,
.faq dt.switchOn:hover {
	background: #eef;
}


.faq dd {
	padding: 10px 20px;
}