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

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

.switchOn {
	display: block;
}

span.switchOn {
	display: inline;
}

.closeBtnHat {
	margin: 30px 0 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: #3e3e3e;
}

/*.nowOpen:after {
	content: " −";
}
*/
.faq dt.nowOpen:after {
	content: "";
}

/*.faq {
	margin-top: 20px;
}
*/
.faq dt {
	/zoom: 1;
	margin: 15px 0;
	padding: 5px 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #f9869a;
	font-size: 18px;
	color: #fff;
}

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

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


.faq dd {
	padding: 10px 20px 10px 25px;
	background: #fff;
	margin-bottom: 20px;
}

.faq dt,
.faq dd {
	float: none !important;
}
.faq dt {
	margin-right: 0;
}