@charset "utf-8";

#contents .fold_button_open_faq a,
#contents .fold_button_close_faq a {
	color: #0000cc;
	text-decoration: none;
}
#contents .fold_button_open_faq a:before {
	content: url(common/open.gif);
	padding-right: 0.5em;
	vertical-align: -3px;
}
#contents .fold_button_close_faq a:before {
	content: url(common/close.gif);
	padding-right: 0.5em;
	vertical-align: -3px;
}

#contents .fold_button_open_faq a:hover { color: #ff6600; }
#contents .fold_button_close_faq a:hover { color: #ff6600; }

#contents div.FAQ_fold_area {
	margin-left: -0.3em;
	margin-top: 1.0em;
}

#contents div.FAQ_area {
	clear:both;
	margin-bottom:20px;
	display: table;
	width:100%;
}
#contents div.FAQ_subarea {
	clear:both;
	display: table;
	width:100%;
	min-height:80px;
	margin: 0.5em 0;
	padding-bottom: 0.5em;
	border-bottom: 2px dotted #cccccc;
}

#contents div.FAQ_subarea ul {
	margin-top: 1em;
	width:80%;
	z-index:1;
}
#contents div.FAQ_subarea div.FAQ_link_area {
	float:right;
	z-index:10;
}

#contents div.FAQ_subarea .FAQ_icon_img_area p.FAQ_icon_titile{
	display: none;
}

#contents h2.faq {
	display:block;
	min-height:20px;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0.5em;
}
#contents h3.faq {
	display:block;
	min-height:20px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 1em;
	margin-bottom: 0.5em;
	border-bottom: 4px solid #cc0000;
}
#contents h4.faq {
	padding: 0.3em 0.5em;
	color: #333333;
	text-align: left;
	background: #e5e5e5; /* IE8, IE9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#cccccc)); /* Android2.3, Safari5.1 */
	background: linear-gradient(to left, #e5e5e5 0%, #cccccc 100%);
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0.2em;
}
#contents h4.faq img{
	padding-left:0.5em;
	vertical-align:middle;
}

#contents .FAQ_fold_section h4.fold_button_close_faq,
#contents .FAQ_fold_section h4.fold_button_open_faq {
	display: block;
	padding: 0.3em 0.5em 0.1em ;
	color: #333333;
	text-align: left;
	background: #e5e5e5; /* IE8, IE9 */
	background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#cccccc)); /* Android2.3, Safari5.1 */
	background: linear-gradient(to left, #e5e5e5 0%, #cccccc 100%);
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 0.2em;
}
#contents .FAQ_fold_section h4.fold_button_open_faq a:before {
	content: url(screens/open_faq.gif);
	padding-right: 0.5em;
	vertical-align: -3px;
}
#contents .FAQ_fold_section h4.fold_button_close_faq a:before {
	content: url(screens/close_faq.gif);
	padding-right: 0.5em;
	vertical-align: -3px;
}
#contents .FAQ_fold_section div.FAQ_fold_area {
	margin-left: -0.3em;
	margin-top: 0.5em;
}

#contents .FAQ_fold_section div.FAQ_fold_area ul {
	margin:0.5em 0em;
}
#contents .FAQ_fold_section div.FAQ_fold_area ul li {
	margin-left:2em;
}
#contents .FAQ_fold_section div.FAQ_fold_area ul hr {
	margin:0.5em;
}
#contents .FAQ_fold_section div.FAQ_fold_area p {
	margin-left:1em;
}
#contents ul.FAQ_button {
	list-style: none;
	padding-left: 0;
}
#contents ul.FAQ_button li { margin-bottom: 0.5em; }
#contents ul.FAQ_button a {
	display: table;
	width: 96%;
	padding: 0.5em 2%;
	color: #000000;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #999999;
	border-radius: 5px;
	-webkit-box-shadow: 1px 1px 0.1px #000000; /* Android2.3 */
	box-shadow: 1px 1px #000000;
}
#contents ul.FAQ_button a:hover {
	color: #ff6600;
	border-color: #000000;
}
#contents ul.FAQ_button span.FAQ_image {
	display: table-cell;
	width: 22%;
	padding-right: 2%;
	vertical-align: middle;
}
#contents ul.FAQ_button span.FAQ_image img { width: 100%; }
#contents ul.FAQ_button span.FAQ_title {
	display: table-cell;
	width: 76%;
	vertical-align: middle;
	font-weight: bold;
}

@media screen and (min-width: 480px) {
	#contents div.FAQ_subarea ul {
		float:left;
		display:block;
	}
	#contents div.FAQ_subarea .FAQ_icon_img_area {
		float:left;
	}

	#contents div.FAQ_subarea .FAQ_icon_img_area p.FAQ_icon_titile{
		display: block;
		text-align:center;
		font-size: 0.9em;
	}
	/* 目次（ボタン） */
	#contents ul.FAQ_button li {
		display: inline-block;
		width: 31%;
		margin: 0 0 1em 1%;
		vertical-align: top;
	}
	#contents ul.FAQ_button li a {
		display: block;
	}
	#contents ul.FAQ_button span.FAQ_image {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
	#contents ul.FAQ_button span.FAQ_image img { width: auto; }
	#contents ul.FAQ_button span.FAQ_title {
		display: block;
		width: auto;
		margin: 5px;
		text-align: center;
		font-size: 0.9em;
	}

}
@media screen and (min-width: 800px) {
}

@media print {
	/* 目次（ボタン） */
	#contents ul.FAQ_button li {
		display: inline-block;
		width: 28%;
		margin: 0 4% 1em 0;    /* 印刷時は左寄せ */
		vertical-align: top;
	}
	#contents ul.FAQ_button li a {
		display: block;
	}
	#contents ul.FAQ_button span.FAQ_image {
		display: block;
		width: auto;
		padding-right: 0;
		text-align: center;
	}
	#contents ul.FAQ_button span.FAQ_image img { width: auto; }
	#contents ul.FAQ_button span.FAQ_title {
		display: block;
		width: auto;
		margin: 5px;
		text-align: center;
	}

	#contents div.FAQ_subarea ul {
		width:80%;
		float:left;
	}
	#contents div.FAQ_subarea .FAQ_icon_img_area {
		width:15%;
		float:left;
	}

	#contents div.FAQ_subarea .FAQ_icon_img_area p.FAQ_icon_titile{
		width:100%;
		display: block;
		text-align:center;
		font-size: 0.9em;
	}
}