@charset "UTF-8";
@import url("../css/default.css");
@import url("../css/font.css");
@import url("../css/common.css");

/* CSS Document */



/*==========================================
コンテントボトムエリアの設定 
============================================*/
#contentsBottom{
	width:960px;
	margin:0 auto 250px;
    padding-top:55px;
}


/*==========================================
メインコンテントエリアの設定 
============================================*/
#mainContents{
	   float:left;
	   width:670px;
	   font-size:109%;
	   
}

#mainContents p.setumei{
	background:url(images/faq_icon01_mini.gif) no-repeat 108px top;
	padding-left:10px;
	padding-bottom:3px;
}

#mainContents ul.faqArea {
	display: block;
    text-align: left;
}

#mainContents ul.faqArea div{
	border-bottom:1px solid #bebebe;
}

#mainContents ul.faqArea  div p {
	font-size:134%;
    position: relative; 
    padding: 20px 10px;
    color: #4f5056;
    cursor: pointer;
	background:url(images/faq_icon01.gif) no-repeat left center;  
	padding-left:35px;
	margin-left:10px
}

 
#mainContents ul.faqArea div p span.wrap:before {
    position: absolute;
    display: block;/*12px12pxの正方形のブロックを作る*/
    content: "";
    width: 12px;
    height: 12px;
   margin-top:-7px;/*上にひっぱる*/
    top: 50%;
    right: 0;
    -webkit-transform: rotate(45deg);/*回転させてひし形にしてる*/
    transform: rotate(45deg);
    background: #5f87c0;/*背景色は青色*/
}

#mainContents ul.faqArea div p span.wrap:after {/*beforeでつくった四角の上に白い四角を重ねている*/
    position: absolute;
    display: block;
    content: "";
    width: 12px;
    height: 12px;
    margin-top:-10px;
    top: 50%;
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #fff;
}

#mainContents ul.faqArea div p.active span.wrap:before {
    margin-top: 0px;
    background: #ef7723;
}
 
#mainContents ul.faqArea div p.active span.wrap:after {
    margin-top: 3px;
    background: #fff;
}

#mainContents ul.faqArea div ul {
	background:#f6f6f6;
	padding:15px 0 15px 10px;
	margin-bottom:15px
}

#mainContents ul.faqArea div ul li{
	background:url(images/faq_icon02.gif) no-repeat left top;
	padding:2px 0 2px 35px;
	line-height:1.6;
}

#mainContents ul.faqArea a {
	text-decoration:underline;
}

#mainContents ul.faqArea a:hover {
	color:#ef7723;
}