@charset "utf-8";

/*
---------------------------------------
  main-contents
---------------------------------------
*/

.main {
	width: 760px;
	float: left;
}

.side {
	width: 220px;
	float: right;
}

.sideNav {
	margin-bottom: 15px;
}

.bnrArea li + li {
	margin-top: 8px;
}

/* サイドメニュー */

.question-cat-list {
  width: 100%;
  margin-bottom: 10px;
}

.question-cat-list-ttl {
  background: #ddd;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.6em;
  padding: 5px 0;
  text-align: center;
}

.question-cat-list ul {
  border: 2px solid #ddd;
}

.question-cat-list li {
  padding: 10px;
  font-size: 14px;
}

.question-cat-list ul li+li {
  border-top: 1px dotted #ddd;
}

.question-cat-list li a {
  line-height: 1.4em;
  text-decoration: none;
}

.question-cat-list li a:hover {
  text-decoration: underline;
}

/* question_single */

#question-single-page {
}

.question_q {
	font-size: 20px;
	line-height: 1.5em;
	margin-bottom: 20px;
}

.question_q:before {
	content: "Q.";
	color: #299200;
}

.question_a {
	width: 100%;
	padding: 15px;
	background: #f2ebe7;
	font-size: 15px;
	line-height: 1.5em;
	margin-bottom: 30px;
}

.question_top_btn {
	text-align: right;
}

.question_top_btn a {
	background: -webkit-gradient(linear, left top, left bottom, from(#e4f1e4), to(#c2ddc2));
	background: -webkit-linear-gradient(top, #e4f1e4, #c2ddc2);
	background: linear-gradient(to bottom, #e4f1e4, #c2ddc2);
	border: #a8ada5 1px solid;
	border-radius: 6px;
	text-shadow: 1px 1px 1px white;
	text-align: center;
	font-size: 15px;
	padding: 10px 20px;
	position: relative;
	color: black;
}

.question_top_btn a:after {
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #4e504e;
	border-right: 2px solid #4e504e;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 6%;
	top: 50%;
	margin-top: -5px;
}

/* 質問一覧 */

.question-list-ttl {
	font-size: 28px;
	line-height: 1.4em;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	margin-bottom: 15px;
}

.question-list-desc > p {
	font-size: 15px;
	line-height: 1.4em;
	margin-bottom: 30px;
}

.faq-list-box {
	width: 100%;
	border: 1px solid #f3f3f3;
}

.faq-list {
	width: 100%;
	padding: 20px;
}

.faq-list + .faq-list {
	border-top: 1px solid #f3f3f3;
}

.faq-list > dt,
.faq-list > dd {
	font-size: 16px;
	line-height: 1.6em;
}

.faq-list > dt:before,
.faq-list > dd:before {
	content: "Q.";
	font-size: 26px;
	letter-spacing: 8px;
	text-shadow: 1px 1px 1px #fff, 2px 2px 3px #AFACAC;
	font-family: 'Vidaloka', serif;
	font-weight: normal;
	color: #444;
}

.faq-list > dd {
	padding: 10px 15px;
	background-color: #f4f4f4;
	margin: 10px 0 0;
}

.faq-list > dd:before {
	content: "A.";
}

.questioin-list-nav {
	width: 100%;
	overflow: hidden;
}

.questioin-list-nav li {
	border: 5px solid #f3f3f3;
	width: 310px;
	float: left;
	margin-bottom: 35px;
}

.questioin-list-nav li.middle {
	margin-left: 35px;
	margin-right: 35px;
}

.questioin-list-nav li > a {
	display: block;
	line-height: 70px;
	text-align: center;
	text-decoration: none;
	background: #fff;
	font-size: 16px;
	color: #333;
}

.questioin-list-nav li > a:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url(../../img/common/arrow01.png) no-repeat left center;
	width: 15px;
	height: 30px;
}

.questioin-list-nav li > a:hover,
.questioin-list-nav .question li.question > a,
.questioin-list-nav .style li.style > a,
.questioin-list-nav .kazokusou li.kazokusou > a,
.questioin-list-nav .cost li.cost > a,
.questioin-list-nav .protocol li.protocol > a,
.questioin-list-nav .religion li.religion > a,
.questioin-list-nav .imanner li.imanner > a,
.questioin-list-nav .smanner li.smanner > a {
	background: #dcdcdc;
}