@charset "utf-8";
/* CSS Document */

/* index */
h4{
	color:#00BFFF;
	font-size:1.1em;
	text-align: center; 
}

h5{
	color:#00BFFF;
	margin-left:30px;
	font-size:1.1em;
	text-align: left; 
}

#main ul.Q_list{
	margin-left:0;
	margin-bottom:10px;
	list-style:none;
}

ul.Q_list li{
	counter-increment: q_no;
	color: #B99956;
	font-size: 1em;
	margin-top:10px;
	margin-left:0;
	border-bottom:1px dotted #ccc;
}
ul.Q_list li:before {
	content: "Q" counter(q_no)"." ;
	font-size: 1.5em ;
	font-weight:bold;
}

ul.Q_list li a{
	display:block;
	margin-top:-2.2em;
	padding:0px 1.5em 0.5em 4.2em;
	font-size:1em;
	background: url(../../../images/common/arrow_brown.png) no-repeat center right;
}

#main ul.Q{
	margin-left:0;
	margin-bottom:10px;
	list-style:none;
}

ul.Q li{
	padding-left:32px;
	margin-left:0;
	background:url(../images/Q.png) no-repeat left 7px;
	border-bottom:1px dotted #ccc;
}

/*ul.Q li a{
	display:block;
	background: url(../../../images/common/arrow_brown.png) no-repeat center right;
	padding:0.5em 1.5em 0.5em 0; 
}*/

ul.list_disc_b {
	color:#00BFFF;
	list-style:disc;
	margin-bottom:15px;
}

li span {
  color: #000;
}

/* ------------ */

span.Q{
	padding-left:32px;
	background:url(../images/Q.png) no-repeat;
	color: #a8802c;
	font-weight:bold;
}
span.Q span{
	display:none;
}
p.A{
	padding-left:32px;
	background:url(../images/A.png) no-repeat;
}

p.caption {
color: #00BFFF;
caption-side:top;
text-align:center;
font-weight:bold;
}

.note {
	list-style:decimal;
	margin-left:2em;
}
#main ol.none {
	list-style:none;
	margin-left:-1em;
}
.box {
  border-style:solid; 
  border-color:#000000;
  border-width:1px;
  padding:15px;  
}

ul.re12_list li {
	list-style:none;
	list-style-position:outside;
	margin-left:1em;
	text-indent:-1em;
}

/* -----改修相談------- */
p.renovation{
	color: #a8802c;
	font-weight:bold;
	padding-left:3em;
	text-indent:-3em;
}

/* ------アコーディオン ul
ul.accordion {
	width:90%;
	margin:0 auto 30px;
	padding:10px;
}
ul.accordion a {
	display:block;
	padding:10px 0;
	background-position:97% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
ul.accordion span {
	display:block;
	padding:10px;
	background-position:97% center;
	background-repeat:no-repeat;
	color:#333;
	font-weight:bold;
}
/*ul.accordion ul {
	display:none;
}*/
/* ------ul.accordion > li {
	list-style:none;
}
ul.accordion > li > p {
	cursor:pointer;
	background-color: #FAF5E9;
}
ul.accordion > li > p span {
	background-image: url(../../../images/common/arrow_brown.png);
}
ul.accordion > li > p span.open {
	background-image:url(../img/close.png);
}
ul.accordion > li > ul > li {
	background-image: url(../images/Q.png) no-repeat center;
	border-bottom: 1px solid #CFB56A;
	list-style: none;
	background-color: #FFF;
}
ul.accordion > li > ul > li > p {
	background:#999;
}
ul.accordion > li > ul > li > a span.qu {
	background:url(../images/Q.png) no-repeat 10px center;
	padding-left:3em;
	background-color: #FAF5E9;
}
ul.accordion > li > ul > li > a span.ans {
	background:url(../images/A.png) no-repeat 10px center;
	padding-left:3em;
	background-color: #FFF;
}
ul.accordion > li > ul > li > ul > li {
	border-bottom:1px dotted #888;
}
ul.accordion > li > ul {
	margin-bottom: 1em;
}
------ */

/* ------よくある質問------ */
p.yokuaru {
	border:1px solid #CFB56A;
	margin:0 10px;
	padding:20px;
}

p.yokuaru a {
	margin-right:2em;
	cursor: pointer;
}

.faq_in {
	border:1px solid #CFB56A;
	font-size:1.2em;
	width:75%;
	margin:0 10px;
	padding:5px;
}

.faq_btn {
	border: 1px solid #a8802c;
	color: #a8802c;
	background: #fff;
	font-size:1.2em;
	margin:0 10px;
	padding:5px 2em;
	font-weight:bold;
}

input.faq_btn:hover {
	border:1px solid #a8802c;
	background:#a8802c;
	color:#fff;
}
ul.cate > li {
	list-style:none;
	margin: 10px 10px 0 0;
	float: left;
	width: 48%;
}

ul.cate > li a {
	display: block;
	background: url(../../../images/common/arrow_brown.png) no-repeat 10px center;
	border: 1px solid #a8802c;
	color: #a8802c;
	padding: 10px 20px;
	cursor: pointer;
}
ul.cate > li a:hover {
	border:1px solid #a8802c;
	background: url(../../../images/common/arrow_wh.png) no-repeat 10px center #a8802c;
	color:#fff;
}
.cate {
	margin-bottom: 2em;
	overflow: hidden;
}

/* ------アコーディオン dl------ */
dl.accordion {
	width:98%;
	margin:0 auto 30px 0;
	padding:10px;
}
dl.accordion > dt {
	display:block;
	padding:1em 0;
	border-bottom: 1px solid #CFB56A;
	font-weight:bold;
}
dl.renovation > dt {
	padding:1em;
}
.icon_q  {
	float: left;
	margin-right: 10px;
	text-indent: -9999px;
	display: block;
	width: 25px;
	height: 23px;
	background: url(../images/Q.png) no-repeat;
}
dl.accordion dd {
	display:none;
}
dl.accordion > dt > p {
	margin-bottom:0;
}
dl.accordion > dt > p {
	display:block;
	cursor:pointer;
	padding-right:60px;
	padding-left: 38px;
}
dl.renovation > dt > p {
	padding-left: 0;
}
dl.accordion > dt {
	background: url(../images/open.png) no-repeat right center;
}
dl.accordion > dt.open {
	background: url(../images/close.png) no-repeat right center;
}
dl.accordion > dd {
	background:url(../images/A.png) no-repeat 10px center;
	padding:1em 10px 1em 3em;
	background-color: #FAF5E9;
	border-bottom: 2px solid #CFB56A;
}
dl.renovation > dd {
	background-image:none;
	padding:1em 10px 1em 1em;
}

.next {
	background: url(../../../images/common/footer_nav.gif) no-repeat left;
	padding-left:1.3em;
}

p.cate_title {
	background-color:#a8802c;
	color:#fff;
	padding:10px;
	font-weight:bold;
}

/* ------キーワード検索------ */
dl.key_list {
	width:98%;
	margin:0 auto 30px 0;
	padding:10px;
}
dl.key_list > dt {
	display:block;
	padding:1em 0;
	border-bottom: 1px solid #CFB56A;
	font-weight:bold;
}
dl.key_list > dt > p {
	margin-bottom:0;
}
dl.key_list > dd {
	background:url(../images/A.png) no-repeat 10px center;
	padding:1em 10px 1em 3em;
	background-color: #FAF5E9;
	border-bottom: 2px solid #CFB56A;
}
.highlight {
	background-color: #FC6;
}
p.button {
	text-align:center;
}
p input.form_btn {
	display: inline-block;
	width:235px;
	margin:0 1em 0;
	padding:0.5em 2em;
	font-size:110%;
	font-weight:bold;
	cursor: pointer;
}

.form_btn {
	border:1px solid #a8802c;
	color:#a8802c;
	background:#fff;
}

input.form_btn:hover {
	border:1px solid #a8802c;
	background:#a8802c;
	color:#fff;
}

/* ------詳細ページ------ */

.kanren {
	border:3px solid #CFB56A;
	margin:20px 10px 40px 30px;
	padding:15px;
	clear: both;
}

p.return {
	text-align:center;
}
p.return a {
	border:1px solid #CFB56A;
	color: #a8802c;
	font-size:1.2em;
	padding:10px 3em;
	background:url(../../../images/common/return_bw.png) no-repeat 13px center #FFF;
}

p.return a:hover {
	border:1px solid #a8802c;
	color:#fff;
	background:url(../../../images/common/return_wh.png) no-repeat 13px center #a8802c;
}

/*ul.accordion > li > ul > li > ul > li:last-child {
	border:none;
}*/

/* ------新カテゴリ検索------ */
#main ul.category {
	display: flex;
	flex-wrap: wrap;
}
#main ul.category li {
	list-style: none;
}
#main ul.category li a {
	cursor: pointer;
}
#main ul li.parent {
	width: 48%;
	margin: 0 2% 20px 0;
}
.category h3 {
	padding: 10px 20px;
	border: 1px solid #a8802c;
	border-radius: 20px;
	color: #a8802c;
	text-align: center;
	background-image: none;
	font-size: 14px;
	line-height: 1em;
}
#main ul.sub_category {
	margin-left: 1em;
}
.sub_category li {
	margin: 1em 0;
}
.sub_category li::before {
	font-family: FontAwesome;
	content: "\f105";
	color: #868e96;
	padding-right: 5px;
}
.link-item-num {
	color: #868e96;
	font-size: 12px;
	margin-left: 5px;
}
p span.main_sub::before {
	font-family: FontAwesome;
	content: "\f105";
	padding: 0 8px;
}