#faq dl{
margin:0 10px 10px;
}

#faq dt{
position:relative;
margin:10px 0 0;
padding:12px 40px 12px 40px;
min-height:1.2em;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#f6f6f6;
font-size: 14px;
font-weight: bold;
line-height: 1.6em;
}
#faq dt::after{
  content:'';
position:absolute;
right:10px;
top:9px;
width:20px;
height:20px;
margin:0;
text-indent:0;
-moz-border-radius:20px;
-webkit-border-radius:20px;
border-radius:20px;
text-align:center;
color:#aaaaaa;
background:-moz-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(255,255,255,0.2) 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0,0,0,0.2)),color-stop(1, rgba(255,255,255,0.3)));
z-index:25;
line-height:20px;
border: 4px solid #ddd;
}
#faq dt::before{
content:'Q.';
left: 6px;
position: absolute;
top: 12px;
font-size: 31px;
line-height: 20px;
color: #ddd;
font-weight: bold;
}

#faq dt.selected{
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
background:#f6f6f6;
}

#faq dt.selected::after{
content:'';
}

#faq dd{
padding:10px 10px 10px 40px;
background:#ffffff;
font-size: 14px;
line-height: 1.6em;
}
#faq dd::before{
content:'A.';
left: 18px;
position: absolute;
font-size: 31px;
line-height: 20px;
color: #ddd;
font-weight: bold;
}
#faq dd a{
text-decoration: underline;
color:#0000ff;
}