@charset "utf-8"; 

@import url("common.css");


/* ============================================================ contents */
#img-area {
	height: 189px;
	background: url(/images/bg_all2.png) repeat-x;
}
#img-area .img-area-wrap {
	height: 179px;
	width: 1046px;
	margin: 0 auto;
}
#contents p.pankuzu {
	margin-top: 10px;
	padding-bottom: 8px;
	font-size: 10px;
}
#contents p.pankuzu a {
	color: #029999;
}
#contents h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}
#contents h4 {
	padding-left: 30px;
	padding-top: 25px;
	padding-bottom: 7px;
	margin-bottom: 5px;
	font-size: 12px;
	background: url(/images/faq_title_s1.png) no-repeat bottom;
}
#contents h4.t2 {
	background: url(/images/faq_title_s2.png) no-repeat bottom;
}
#contents .inside-01 p {
	margin: 0 2px 20px 2px;
}
#contents .button {
	margin-left: 0;
	margin-bottom: 35px;
}
#contents .button li {
	width: 130px;
	float: left;
}
#contents .button li.button-L {
	margin-right: 0;
}
#contents .faq-list {
	background: #DFEFFF;
	border: 1px dotted #d6d6d6;
	padding: 16px;
}
#contents .faq-list li {
	line-height: 24px;
}
#contents .faq-list li a {
	color: #029999;
}
#contents .answer-area {
	border: 1px solid #d6d6d6;
	background: #fff;
	margin-bottom: 5px;
	padding: 4px;
}
#contents .answer-area .answer-wrap1 {
	background: #f7f7f7;
	padding: 5px;
}
#contents .answer-area .answer-wrap2 {
	background: url(/images/faq_bg.png) no-repeat bottom right;
	padding: 5px;
}
#contents .answer-area .answer-wrap2 p {
	padding-bottom: 20px;
}
#contents .answer-area .answer-wrap2 p.txt {
	padding-bottom: 0;
}
#contents .answer-area .answer-wrap2 ul {
	background: #fff;
	padding: 8px;
	margin-bottom: 8px;
}
#contents .answer-area .answer-wrap2 a {
	color: #029999;
}


#contents em {
	color: #cc3333;
	font-style: normal;
}

@media screen and (max-width:780px){
	#contents .button li {
		width: 33%;
		float: left;
	}	
	
	#contents h4 {
		padding-left: 10px;
	}
}