/* CSS Document */
@charset "utf-8";


#contentsArea .faq {
}
/*------------------------------------
	faq top
------------------------------------*/

#faq {
	padding:30px 0;
	overflow:hidden;
}

.faq-area {
	margin:30px 0;
}

.faq-btn {
	padding:20px;
	font-size:18px;
	font-weight:bold;
    background:url(../images/icon_plus.png) 96% center no-repeat #e0e0e0;
	margin-bottom:10px;
	cursor:pointer;
	border-bottom:1px solid #9c9b9b;
	border-top:1px solid #9c9b9b;
}
.faq-btn.active {
    background:url(../images/icon_minus.png) 96% center no-repeat #e0e0e0;
	margin-bottom:0;
}

.faq-open{
	background:#fff;
	padding:0 20px;
	margin-bottom:30px;
	border-bottom:1px solid #9c9b9b;
}

.faq-open h2{
    background:url(../images/icon_question.jpg) left 30px no-repeat;
	padding:40px 10px 10px 50px;
	margin-bottom:20px;
}
.faq-open p{
    background:url(../images/icon_answer.jpg) left top no-repeat;
	padding:10px 10px 30px 50px;
	color:#131652;
	border-bottom:1px solid #9c9b9b;
}
.faq-open p:last-child{
	border:none;
}



#faq li a{
	display:block;
	position:relative;
}

#faq li.noMargin {
	margin-right:0;
}

#faq li span {
	font-size:16px;
	display:block;
	background:#fff;
	padding:5px 20px;
}

#faq li img {
	max-width:300px;
	vertical-align: bottom;
	width:100%;
}

@media screen and (max-width:768px) {
	#faq li {
		float:none;
		margin:0 auto 20px;;
		position:relative;
		background:#fff;
	}
	#faq li img {
		max-width:100%;
		width:100%;
	}
}







#faqMenu li{
    display:block;
    width:185px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    cursor:pointer;
    background:url(images/i_swich.png) 177px -69px no-repeat;
    padding-right:15px;
    }
#faqMenu dl{
    background:#f2f2f2;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    display:none;
    }
	#faqMenu li.active dl{
    background:#f2f2f2;
    width:200px;
    height:50px;
    line-height:50px;
    text-align:center;
    border:#666 1px solid;
    display: block;
    }
#faqMenu li.active{
    background:url(images/i_swich.png) 177px 18px no-repeat;
    }
	
	
	
	#faqMenu {
  width: 500px;
}
 
#faqMenu li {
  border-bottom: solid 1px white;
  background-color: #00BCD4;
  color: white;
  cursor: pointer;
  padding: 10px;
  font-weight: bold;
}
 
#faqMenu dl {
  border: solid 1px Silver;
  margin: 0px;
  padding: 10px;
}