@charset "UTF-8";

/* base */
a:link,
a:visited {
 color: #425ff1;
 text-decoration: none;
}

a:hover,
a:active {
 color: #425ff1;
 text-decoration: underline;
}

body { min-width: 980px; }

#wrap {
	width: 100%;
	padding: 0;
	background: none;
}


/* header */
#header {
	background: url(../img/common_h_bg01.gif) top repeat-x;
}
.header_top {
	padding: 12px 0;
	margin: 0 auto;
	width: 980px;
}

.header_l, .header_r {
	display: table-cell;
	vertical-align: middle;
}
.header_l {
	width: 680px;
}
.header_r {
	width: 300px;
}

.header_l h1 a {
	height: auto;
	padding-top: 0;
}

.header_l h1, .header_l .code01 {
	display: table-cell;
	vertical-align: bottom;
}
.header_l .code01 { padding: 0 0 5px 20px; }

.header_r span {
	display: table-cell;
	vertical-align: middle;
}
.header_r input {
	box-sizing: border-box;
	border: 1px solid #ccc;
	padding: 5px;
	height: 33px;
}
.header_r input:focus { outline: none; }

.header_r .faq_input input {
	background-color: #f5f5f5;
	border-right: none;
	border-radius: 15px 0 0 15px;
	padding-left: 10px;
	width: 220px;
}

.header_r .faq_submit input {
	background: #333 url(../img/search_btn.png) 11px 6px no-repeat;
	background-size: 18px 18px;
	border: 1px solid #333;
	border-radius: 0 15px 15px 0;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	padding-left: 25px;
	width: 80px;
}



/* contents */
.h4ttl,
#faq_detail .h5ttl, #faq_result_list .h5ttl {
	background-color: #4FA200;
}
.h4ttl h4,
#faq_detail .h5ttl h5, #faq_result_list .h5ttl h5 {
	color: #fff;
}
.h4ttl h4 {
	border-left: 5px solid #8AC52C;
}


/* footer */
#footer {
	background-color: #fff;
	border-top: 1px solid #eee;
	color: #666;
	font-size: 90%;
	line-height: 1.5;
}
#footer .footer_inner {
	margin: 20px auto;
	width: 980px;
}

#footer a:link {
	color: #666;
}

#footer .ft_credit {
	font-size: 90%;
	padding: 5px 0 0;
	text-align: left;
	color: #666;
}





/* =================================================
  Sp
================================================= */
/*max-device-width*/
@media only screen and (max-width: 479px) {

/*body { min-width: 0; }*/
body { min-width: auto; }

.header_top, #footer .footer_inner {
	width: auto;
}


/* header */
#header {
	background: none;
	border-top: 7px solid #4fa200;
}
.header_top { padding: 0; }

#header h1 img {
	width: 10rem;
	height: 1rem;
  padding: 8px 0px 6px 6px;
}

.header_l, .header_r {
	display: block;
	padding: 10px;
	width: auto;
}
.header_r {
	background: #eee;
}

.header_l .code01 {
	font-size: 75%;
 	padding: 0 0 0px 20px;
}
.header_r .faq_input {
	width: 100%;
}
.header_r .faq_input input {
	background-color: #fff;
	width: 100%;
}



/* contents */
.h4ttl, #faq_detail .h5ttl, #faq_result_list .h5ttl {
	border-bottom: 2px solid #8AC52C;
}

#search_box .submit_button {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
#search_box .submit_button::-webkit-search-decoration {
  display: none;
}
#search_box .submit_button::focus {
  outline-offset: -2px;
}

#search_box .submit_button,
.category-box .category-tree ul.cate_01 li a,
.category-box .category-tree ul.cate_01 li a:hover {
	background: #FFA539;
}

.category-box .category-tree ul.cate_02 li a,
.category-box .category-tree ul.cate_02 li a:hover {
	background: #fff;
}



/* footer */
#footer {
	font-size: 75%;
	padding: 10px;
}


}