@charset 'utf-8';

/* ============================================
// Static Content CSS
// ============================================
	+++ Index +++
	COMMON
		FONT STYLE
	FAQ CONTENT
		FAQ Content COMMON PARTS
		FAQ Content CATEGORY//window// PARTS
		FAQ Content TOP
		FAQ Content SEARCH
		FAQ Content ENTRY
// ============================================ */
/* COMMON
----------------------------------------------- */
/* FONT STYLE
----------------------------------------------- */
.font_red {
	color: #eb0003;
}

.faq_entry_content ul {
	margin: 12px 24px 0;
}

.faq_entry_content li {
	padding-bottom: 8px;
}

.ul_attention {
	padding-left: 1em;
}

.ul_attention li {
	text-indent: -1em;
}

.ol_decimal {
	padding-left: 4em;
	margin-bottom: 20px;
}

.ol_decimal li {
	list-style-type: decimal;
}

.ol_decimal li img {
	display:block;
	margin:auto;
	padding: 8px 0 16px;
}

.dl_vertical {
	width: 80%;
	margin: auto auto 24px;
}

.dl_vertical dt {
	font-weight: bold;
	padding: 4px 12px;
	border-bottom: 2px #666 solid;
}

.dl_vertical dd {
	padding: 12px 24px 24px;
}

.dl_vertical dd ul {
	padding-left: 1em;
	list-style: disc;
}
/*Add 2018.05*/
.ol_liststyle_none {
	padding-left: 4em;
	margin-bottom: 20px;
}
.ol_liststyle_none li {
    list-style-type: none;
}
.ol_liststyle_none li img {
	display:block;
	margin:auto;
	padding: 8px 0 16px;
}

/*
// ============================================ */
/* FAQ Content Section
----------------------------------------------- */
/* FAQ Content COMMON PARTS
----------------------------------------------- */
.faqcontent_section {
	margin: 0 0 24px;
}

.faq_navigation {
	margin-bottom: 24px;
}

.faq_searchbox {
	margin-bottom: 12px;
	padding: 6px 8px 10px;
	border-radius: 5px;
	background-color: #fff;
}

.faq_searchbox .search_title {
	font-size: 15px;
	font-weight: bold;
	display: inline-block;
	float: left;
	padding: 12px 12px 12px 50px;
	color: #575757;
	background: url(../../images/pc/qa/icon_faqmenu_search.png) 16px 50% no-repeat;
}

.faq_searchbox .search_form {
	float: right;
	margin-top: 6px;
	margin-right: 14px;
	margin-left: 4px;
	padding: 3px 4px 4px;
	border-radius: 4px;
	background-color: #e9e9e9;
}

.search_form input:first-child {
	font-size: 16px;
	line-height: 30px;
	z-index: 5;
	width: 350px;
	margin-top: 1px;
	margin-right: 0;
	padding-right: 6px;
	padding-left: 6px;
	border: solid #d2d2d2;
	border-width: 1px 0 1px 1px;
	border-radius: 3px 0 0 3px;
	background-color: #fff;
	box-shadow: inset 1px 1px 0 0 rgba(215, 215, 215, .5);
}

@media all and (-ms-high-contrast:none) {

.search_form input:first-child {
	height: 30px;
}
}

:root .search_form input:first-child {
	height: 30px\0/;
	margin-right: -4px\0/;
}

.search_form input:last-child {
	font-size: 14px;
	z-index: 10;
	width: 70px;
	height: 32px;
	padding: 7px 6px 6px 6px;
	text-align: center;
	color: #fff;
	border: 1px solid #999;
	border-radius: 0 3px 3px 0;
	background: #686868;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxJSIgc3RvcC1jb2xvcj0iI2MwYzBjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjODY4Njg2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY4Njg2OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top, rgb(192,192,192) 1%, rgb(134,134,134) 5%, rgb(104,104,104) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, rgb(192,192,192)), color-stop(5%, rgb(134,134,134)), color-stop(100%, rgb(104,104,104)));
	background: -webkit-linear-gradient(top, rgb(192,192,192) 1%, rgb(134,134,134) 5%, rgb(104,104,104) 100%);
	background: -o-linear-gradient(top, rgb(192,192,192) 1%, rgb(134,134,134) 5%, rgb(104,104,104) 100%);
	background: -ms-linear-gradient(top, rgb(192,192,192) 1%, rgb(134,134,134) 5%, rgb(104,104,104) 100%);
	background: linear-gradient(to bottom, rgb(192,192,192) 1%, rgb(134,134,134) 5%, rgb(104,104,104) 100%);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .5);
}

.faq_menu {
	margin: 0 12px 24px;
	padding: 24px 24px 12px;
	border-radius: 5px;
	background-color: #eee;
}

.bt_outline li {
	font-weight: 600;
	display: block;
	margin: 0 8px 8px 0;
	padding: 3px 0 0 3px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 0 rgba(200, 200, 200,.5);
}

.faq_contentlink li {
	float: left;
	width: 233px;
	height: 53px;
}

.faq_contentlink li:nth-child(3),
ul.faq_contentlink li:nth-child(6) {
	margin-right: 0;
}

.faq_contentlink li a {
	font-size: 110%;
	font-weight: 600;
	line-height: 1.2;
	display: table-cell;
	width: 168px;
	height: 48px;
	margin: 0;
	padding-left: 60px;
	vertical-align: middle;
	text-decoration: none;
	color: #fff;
	border: 1px solid #186b94;
	border-radius: 4px;
	background: #2da2dd 20px 12px no-repeat;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .65);
}

.faq_contentlink li a span {
	font-size: 12px;
}

.faq_contentlink li a span.pl05em {
	padding-left: .5em;
}

.faq_contentlink li a:hover {
	border: #9b5800 1px solid;
	background: #ffb400 20px 12px no-repeat;
}

.faq_contentlink li.member a {
	background-image: url(../../images/pc/qa/icon_faqmenu_member.png);
}

.faq_contentlink li.deruca a {
	background-image: url(../../images/pc/qa/icon_faqmenu_deruca.png);
}

.faq_contentlink li.secure a {
	background-image: url(../../images/pc/qa/icon_faqmenu_secure.png);
}

.faq_contentlink li.edit a {
	background-image: url(../../images/pc/qa/icon_faqmenu_edit.png);
}

.faq_contentlink li.vote a {
	background-image: url(../../images/pc/qa/icon_faqmenu_vote.png);
}

.faq_contentlink li.draw a {
	background-image: url(../../images/pc/qa/icon_faqmenu_draw.png);
}

.faq_banner_area {
	margin: 12px 12px 70px;
}

.faq_banner_area li {
	float: left;
	margin-right: 24px;
}

.faq_banner_area li:last-child {
	margin-right: 0;
}

.feeld_cs_info {
	margin: auto 24px;
}

.feeld_cs_info .contact_feed {
	margin-bottom: 20px;
	padding: 0 24px 30px;
	border-bottom: 1px dotted #ccc;
}

.feeld_cs_info .contact_feed .txt_contact_feed {
	float: left;
	padding-top: 8px;
}

.feeld_cs_info .contact_feed ul.contact_link {
	float: right;
}

.feeld_cs_info .contact_feed ul.contact_link li a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	display: table-cell;
	width: 315px;
	height: 52px;
	margin: 0;
	padding-top: 4px;
	padding-left: 115px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	border: 1px solid #e52873;
	border-radius: 5px;
	background: url(../../images/pc/common/icon_faqbn_contact.png) #ed6386 70px 16px no-repeat;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .65);
}

.feeld_cs_info .contact_feed ul.contact_link li a:hover {
	border: 1px solid #ed6386;
	background: url(../../images/pc/common/icon_faqbn_contact.png) #ff8ebb no-repeat 70px 16px;
}

.feeld_cs_info .contact_feed ul.contact_link li a span {
	font-size: 12px;
	font-weight: normal;
}

.feeld_cs_info .tel_feed {
	margin-bottom: 36px;
	padding: 0 24px 24px;
}

.feeld_cs_info .tel_feed address {
	font-style: normal;
}

.feeld_cs_info .tel_feed .num {
	font-family: Verdana;
}

.feeld_cs_info .tel_feed .txt_tel_feed {
	float: left;
	padding-top: 36px;
}

.feeld_cs_info .tel_feed .txt_tel_feed span {
	font-size: 17px;
	font-weight: bold;
	line-height: 20px;
	display: block;
	margin-bottom: 12px;
	color: #0880bd;
}

.tel_feed .txt_cs_name {
	font-size: 15px;
	font-weight: 800;
}

.feeld_cs_info .tel_feed .tel_num {
	font-size: 50px;
	font-weight: 700;
	line-height: .8;
	letter-spacing: -3px;
}

.feeld_cs_info .tel_feed .tel_num img {
	margin-right: 3px;
	vertical-align: middle;
}

.feeld_cs_info .tel_feed .tel_deruca_cs {
	float: right;
	text-align: right;
}

.tel_feed .reception_hours .num {
	font-weight: 500;
	padding-left: 4px;
	letter-spacing: 1px;
}

.tel_feed .txt_other_tel {
	font-size: 20px;
	line-height: 20px;
	margin-bottom: 8px;
}

.tel_feed .txt_other_tel .num {
	font-size: 26px;
	font-weight: 500;
	padding-left: 8px;
}

.feeld_cs_info .tel_feed .reception_hours {
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #fff;
	background: #000;
}

.faqcontent_section .pager {
	height: 24px;
	margin: -8px 12px 60px;
}

/* FAQ Content CATEGORY//window// PARTS
----------------------------------------------- */
.faq_category_list {
	width: 776px;
}

.box_category_index {
	margin: 0 12px 12px;
	border-bottom: 1px solid #ccc;
	background: url(../../images/pc/qa/bg_box_faq_entry.jpg) center bottom repeat-x;
}

.title_category_index {
	font-size: 14px;
	height: 30px;
	padding: 18px 12px 13px;
	color: #666;
	border-top: 3px solid #9fd356;
	border-bottom: 1px solid #fff;
	background: #f0f7e5;
	box-shadow: inset 0 1px 0 0 rgb(204, 204, 204);
}

.title_category_index .category_name {
	font-size: 16px;
	font-weight: bold;
	padding-right: 4px;
	color: #4e8008;
}

.category_list {
	padding: 40px 80px 72px;
	box-shadow: inset 0 1px 0 0 rgb(204, 204, 204);
}

.category_list li {
	padding-bottom: 24px;
	padding-left: 48px;
	text-indent: -48px;
	color: #9fd356;
}

.category_list li a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #1976d2;
}

.category_list li a:hover {
	text-decoration: none;
}

.box_category_link {
	margin: 0 24px;
	padding-bottom: 12px;
}

.box_category_link .bt_outline li {
	font-weight: bold;
	float: left;
	height: 36px;
	margin: 0 8px 8px 0;
	padding: 3px 3px 1px;
	border: 1px solid #d5d5d5;
	border-radius: 5px;
	box-shadow: inset 0 1px 0 0 rgba(200, 200, 200,.5);
}

.box_category_link li:last-child {
	float: right;
	margin-right: 0;
}

.box_category_link li a {
	font-weight: 600;
	line-height: 32px;
	display: block;
	float: left;
	min-width: 160px;
	height: 32px;
	margin: 0;
	padding: 0 24px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	border: 1px solid #186b94;
	border-radius: 4px;
	background: #2da2dd;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .65);
}

.box_category_link li a:hover {
	border: #9b5800 1px solid;
	background: #ffb400;
}

.box_category_index .category_list li:before {
	font-size: 18px;
	font-weight: 600;
	display: inline-block;
	margin-left: 48px;
	content: 'Q.';
	text-decoration: none;
	text-indent: -30px;
	color: #9fd356;
}

/* FAQ Content TOP
----------------------------------------------- */
.dl_tblstyle_portrait {
	margin: 0 12px 24px;
	box-shadow: inset 0 1px 0 0 rgb(200, 200, 200);
}

.dl_tblstyle_portrait dt {
	font-size: 14px;
	font-weight: bold;
	display: inline;
	float: left;
	clear: both;
	width: 115px;
	margin-top: 2px;
	margin-right: -115px;
	padding: 18px 20px 20px;
	text-align: center;
	border-top: 1px solid #fff;
}

.dl_tblstyle_portrait dd {
	margin-top: 2px;
	margin-left: 155px;
	padding: 14px 12px 20px 20px;
	border-top: 1px solid #fff;
	border-left: 2px solid #fff;
	background-color: #fff;
	box-shadow: inset 1px 0 0 0 rgb(200, 200, 200);
}

.dl_tblstyle_portrait a:link,
.dl_tblstyle_portrait a:active,
.dl_tblstyle_portrait a:visited {
	text-decoration: none;
	color: #666;
}

.dl_tblstyle_portrait a:hover {
	text-decoration: none;
	color: #666;
	background-color: #eff6ff;
}

.faqbox_blue {
	border-top: 3px solid #12aed5;
	background-color: #f3f8fb;
}

.faqbox_blue dt {
	color: #12aed5;
}

.faqbox_orange {
	border-top: 3px solid #f98d00;
	background-color: #fef9f3;
}

.faqbox_orange dt {
	color: #f98d00;
}

.li_question li {
	margin: 0 0 0 4px;
	padding-left: 24px;
	text-indent: -24px;
}

.li_question li:before {
	font-weight: bold;
	padding-right: 4px;
	content: 'Q.';
	color: #9fd356;
}

/* FAQ Content SEARCH
----------------------------------------------- */
.faq_search_result {
	margin: auto 12px;
}

.title_search_result {
	font-size: 16px;
	height: 30px;
	margin-bottom: 24px;
	padding: 18px 12px 13px;
	color: #666;
	border-top: 3px solid #9fd356;
	border-bottom: 1px solid #ccc;
	box-shadow: inset 0 1px 0 0 rgb(204, 204, 204);
}

.title_search_result .search_word {
	padding-right: 4px;
	color: #4e8008;
}

.title_search_result .hit_count {
	font-weight: bold;
}

.result_list {
	margin-bottom: 20px;
}

.result_list a {
	text-decoration: none;
}

.result_list dl {
	padding: 8px 24px;
}

.result_list a dl:hover {
	border-radius: 4px;
	background-color: #eff6ff;
}

.result_list li {
	padding: 8px 0;
	border-bottom: 1px dashed #ccc;
}

.result_list a dt {
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	color: #1976d2;
}

.result_list dt {
	padding: 4px 8px;
}

.result_list dt:before {
	font-size: 18px;
	display: inline-block;
	padding-right: 4px;
	content: 'Q.';
	text-decoration: none;
	color: #9fd356;
}

.result_list a:hover dt {
	text-decoration: none;
}

.result_list dd {
	padding: 8px 32px;
	color: #5b5b5b;
}

.result_list span {
	background-color: #fff799;
}

.faq_search_result_blank {
	margin-bottom: 24px;
	padding: 170px 20px 24px;
	text-align: center;
	color: #666;
	border: 5px dashed #eee;
	border-radius: 12px;
	background: url(../../images/pc/qa/bg_faq_searchresult_blank.png) center 16px no-repeat;
}

.faq_search_result_blank .title_result_blank {
	font-size: 24px;
	margin-bottom: 36px;
}

.faq_search_result_blank .txt_result_brank {
	font-size: 18px;
	margin-bottom: 20px;
}

/* FAQ Content ENTRY
----------------------------------------------- */
.faq_entry {
	margin: auto 12px;
}

.box_faq_entry {
	position: relative;
	padding: 18px 12px 13px;
	color: #666;
	border-top: 3px solid #9fd356;
	border-bottom: 1px solid #ccc;
	background: url(../../images/pc/qa/bg_box_faq_entry.jpg) center bottom repeat-x;
	box-shadow: inset 0 1px 0 0 rgb(204, 204, 204);
}

.box_faq_entry .title_q {
	position: absolute;
	z-index: 10;
	top: 36px;
	left: 24px;
	display: block;
	padding-right: 8px;
}

.box_faq_entry .title_q:after {
	position: absolute;
	top: 65px;
	left: 63px;
	width: 0;
	height: 0;
	margin-top: -15px;
	content: ' ';
	-webkit-transform: rotate(33deg);
	-moz-transform: rotate(33deg);
	-ms-transform: rotate(33deg);
	-o-transform: rotate(33deg);
	transform: rotate(33deg);
	pointer-events: none;
	border: solid transparent;
	border-width: 12px 0 12px 25px;
	border-color: rgba(159, 211, 86, 0);
	border-left-color: #9fd356;
}

.box_faq_entry .title_q span {
	font-size: 40px;
	font-weight: bold;
	line-height: 70px;
	display: block;
	width: 80px;
	height: 80px;
	text-align: center;
	letter-spacing: -2px;
	color: #fff;
	border-radius: 40px;
	background: #9fd356;
}

.box_faq_entry .arrow_entry_content {
	position: absolute;
	z-index: 5;
	top: 116px;
	left: 58px;
	display: block;
	width: 40px;
	height: 92px;
	background: url(../../images/pc/qa/arrow_entry_content.png) right bottom no-repeat;
}

.box_faq_entry .faq_entry_title {
	font-size: 22px;
	font-weight: 500;
	margin: 60px 12px 24px 116px;
	color: #4e8008;
}

.box_faq_entry .faq_entry_content {
	display: block;
	margin: auto 12px 24px 88px;
	padding: 24px 24px 12px;
	border: 1px solid #9fd356;
	border-radius: 6px;
}

.faq_entry_content p {
	margin-bottom: 24px;
}

.faq_entry_content ul.qa_guide_link {
	margin: 12px 24px;
	padding-left: 16px;
	list-style: disc;
}

.faq_entry_content ul.qa_guide_link .tel_num {
	font-size: 18px;
	font-weight: bold;
}

.faq_entry_content table {
	width: 90%;
	margin: 24px auto;
	border-collapse: collapse;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}

.faq_entry_content table th,
.faq_entry_content table td {
	padding: 4px 12px;
	vertical-align: middle;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

.faq_entry_content table th {
	color: #fff;
	background-color: #72a52b;
}

.faq_entry_content table td.no_border {
	border: none;
}

.faq_entry_content table tr.odd td {
	background-color: #f5f5f5;
}

.faq_entry_content table td {
	font-weight: bold;
}

.faq_entry_content table td p {
	margin-bottom: 0;
}

.faq_entry_content table td ul {
	margin-top: 0;
}

.faq_entry_content table td li {
	font-weight: normal;
	padding-bottom: 4px;
}

.faq_entry_content .img_area {
	padding-bottom: 24px;
	text-align: center;
}

.v_aln_m {
	vertical-align: middle;
}

.faq_entry_content dd ol {
	margin: auto auto 0 40px;
	list-style: decimal;
}

.info_other_faq {
	display: block;
	width: 180px;
	height: 88px;
	margin-left: 396px;
	padding-top: 40px;
	text-align: center;
	color: #fff;
	background: url(../../images/pc/qa/bg_baloon.png) 0 0 no-repeat;
}

.box_faq_entry .faq_contentlink li {
	float: right;
}

.box_next_entry {
	position: relative;
	display: table;
	margin-bottom: 24px;
	padding: 12px 24px;
	text-align: right;
	border-bottom: 1px solid #ccc;
}

.box_next_entry .nextlink {
	display: table-cell;
	width: 100%;
	padding-left: 12px;
	vertical-align: middle;
}

.box_next_entry .bt_outline {
	float: left;
	width: 170px;
	vertical-align: middle;
}

.box_next_entry .bt_outline li {
	margin: 0;
	padding: 3px;
}

.box_next_entry .bt_outline .faq_top a {
	font-size: 14px;
	line-height: 1.2;
	display: table-cell;
	width: 164px;
	height: 33px;
	padding: 0 8px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #5f5f5f;
	border: 1px solid #8a8a8a;
	border-radius: 4px;
	background: #d4d4d4;
	box-shadow: inset 0 1px 0 0 rgba(255, 255, 255, .65);
}

.box_next_entry .bt_outline .faq_top a:hover {
	border: 1px solid #888;
	background: #eee;
}

/* ============================================
↓↓↓↓base.cssで実装されたら削除します↓↓↓↓
// ============================================ */
/* Modal Window
----------------------------------------------- */
#BG {
	position: fixed;
	z-index: 500;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,.75);
}

/* pager
----------------------------------------------- */
.pager_head {
	margin-bottom: 24px;
	text-align: right;
	color: #bd0003;
	border: 1px solid #bd0003;
}
/* ============================================
↑↑↑↑base.cssで実装されたら削除します↓↓↓↓
// ============================================ */