@charset "Shift_JIS";

/******************************************

詳細ページにインクルードしているFAQコーナーで使うための共通設定用

*******************************************/

/*========================================
レイアウト
========================================*/
#tab_faq .faq_box { line-height:1.5; }

.faq_box {
	border:0.2em solid #ccc;
	padding:0 1em;
	margin-bottom:1em;
}

.body_sph .faq_box { padding:0 0.5em; }

.faq_box dt,
 .faq_box dd { padding:1em 0; }

.faq_box dt { font-weight:bold; }

.faq_box dd.faq_a {
border-top:0.1em solid #ccc;
}

/*aのリンク下線表示*/
.faq_box dd.faq_a a:link,
.faq_box dd.faq_more a:link{
text-decoration: underline !important;
color: #004098;
}

.faq_box dd.faq_a a:visited,
.faq_box dd.faq_more a:visited{
text-decoration: underline !important;
color: #004098;
}

.faq_box dd.faq_a a:hover,
.faq_box dd.faq_more a:hover{
text-decoration: none !important;
color: #004098;
}

.faq_box dd.faq_a .contact_us a:link,
.faq_box dd.faq_a .navi_btn a:link{
text-decoration:none !important;
}









#tab_box_faq .faq_box dd { font-size:0.9em; }

/*clearfix*/

.faq_box dd:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.faq_box dd { min-height: 1px; }

* html .faq_box dd {
/*height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/ }

.faq_box dt.faq_q { background:url("/common/image/mark_faq_q.png") no-repeat left center; }

.body_sph .faq_box dt.faq_q { background-position:left 1em; }

.faq_box dd.faq_a {
	background:url("/common/image/mark_faq_a.png") no-repeat left 1em;
	min-height:3em;
}

.faq_box dt.faq_q,
 .faq_box dd.faq_a {
	padding-left:2.5em;
	background-size: 2em auto;
	-webkit-background-size: 2em auto;
	-moz-background-size: 2em auto;
	-o-background-size: 2em auto;
	-ms-background-size: 2em auto;
}

.faq_a img { max-width:100%; }
 .faq_a h3:not(.global_h3) {
 margin:1em 0 0.5em;
 border-left:0.3em solid #000;
 padding-left:0.5em;
}

.faq_a h3:first-child { margin-top:0; }
 .faq_a h4:not(.global_h4) {
margin-top:1em;
}
 .faq_a h4:not(.global_h4):before {
content:"【";
}
 .faq_a h4:not(.global_h4):after {
content:"】";
}

/*========================================
商品比較
========================================*/
.table_hikaku {
	margin:0.35em 0;
	border-collapse:collapse;
	table-layout:fixed;
	border:0.2em solid #ccc;
}

.body_sph .table_hikaku { font-size:0.88em; }

.table_hikaku tr { border-top:0.1em solid #ccc; }

.table_hikaku th,
.table_hikaku td {
	vertical-align:middle;
	padding:0.4em;
}

.table_hikaku th {
	background-color:#d8e9f3;
	font-weight:bold;
	white-space:nowrap;
}

.table_hikaku tbody th { text-align:left; }

.body_pc .table_hikaku tbody th { background:#fff; }

.body_pc .table_hikaku th,
.body_pc .table_hikaku td { border-left:0.1em dotted #ccc; }

.body_pc .table_hikaku span { display:block; }

.body_sph .table_hikaku thead { display:none; }

.body_sph .table_hikaku tbody td { border-top:0.1em dotted #ccc; }

.body_sph .table_hikaku tbody tr,
.body_sph .table_hikaku tbody th,
.body_sph .table_hikaku tbody td { display:block; }

/*========================================
使用順
========================================*/
.list_process li {
	border:0.15em solid #d8e9f3;
	border-radius:0.4em;
	-webkit-border-radius:0.4em;
	-moz-border-radius:0.4em;
	padding:0.7em 0.5em;
	text-align:center;
	position:relative;
}

.list_process li.here { background:#d8e9f3; }

.list_process li a { display:inline-block; }

.body_pc .list_process {
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse:separate;
	border-spacing:1em 0.5em;
}

.body_pc .list_process li {
	display:table-cell;
	vertical-align:middle;
}

.body_sph .list_process li { margin-bottom:1em; }

.list_process li:after {
	font-size:1.5em;
	color:#004098;
	position:absolute;
	margin:auto;
	width:1em;
	height:1em;
}

.body_pc .list_process li:after {
	content:"⇒";
	right:-0.8em;
	top:0;
	bottom:0.6em;
}

.body_sph .list_process li:after {
	content:"▼";
	right:0;
	left:0;
	bottom:-0.3em;
	z-index:1;
}

.list_process li:last-child:after { content:""; }