@charset "utf-8";

/*
======== table of content. =================================

summary:コンテンツ用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

============================================================
*/

div#main ul{
margin:20px 0 0 4px;
}

div#main ul li{
	padding:0 20px 20px 13px;
	font-size:92%;
	background:url(../voice/images/ic_01.gif) no-repeat left 6px; 
	float:left;
	}

div#main h2{
width:610px;
height:33px;
padding:7px 0 0 10px;
font-size:14px;
color:#333;
font-weight:bold;
background:url(../faq/images/ttl_bg.jpg) no-repeat left top;
clear:both;
}
	
div#main .section{
width:590px;
margin:0;
padding:10px 15px 0 15px;
background:url(../faq/images/content_bg.gif) repeat-y left top;
}

div#main .section ul{
width:590px;
padding:0;
margin:0 0 10px 0;
background:url(../faq/images/line.gif)  no-repeat left bottom;
}

div#main .section ul.no-boder{
width:590px;
padding:0;
margin:0;
background:none;
}

div#main .section ul li{
padding: 0 0 15px 36px;
font-size:100%;
background:url(../faq/images/ic_01.jpg) no-repeat left top;
float:none;
}

div#main .section ul li p{padding:3px 0 0 0;}


div#main p.pagetop{
	clear: both;
	width: 620px;
	text-align: right;
	padding: 10px 0 20px 0;
}


/*details*/

div#main .section-details{
width:590px;
padding:15px 10px 20px 10px;
margin:30px 0 300px 0;
border: 5px solid #F0F0F0;
}

div#main .section-details dl{
width:590px;
}

div#main .section-details dl dt{
margin:0 0 15px 0; 
background:url(../faq/images/line02.gif) no-repeat left bottom;
}

div#main .section-details dl dt p.question{
padding: 3px 0 20px 36px;
font-size:100%;
font-weight:bold;
background:url(../faq/images/ic_01.jpg) no-repeat left top;
}

div#main .section-details dl dd p.answer{
padding: 3px 0 20px 36px;
font-size:100%;
background:url(../faq/images/ic_02.jpg) no-repeat left top;
}

div#main .section-details .btn-index{
width:590px;
text-align:right;
}