@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: #f0f;
}

.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;
}