/* ----------------------------------------
e87.com いいはなドットコム　CSS

date:2007/05/18
faq
---------------------------------------- */
/* 
frame
----------------------------------- */
#contents { width:950px; margin:0 auto; }
#contents #leftNavi { width:155px; float:right; }
/* 
bottomArea
----------------------------------- */
#contents .pagetop { width:930px; text-align:right; margin:25px 0; }
#contents .pagetop p { font-size:100%; margin:0 5px 0 0; }
#contents .allow { color:#ca417d; font-size:100%; }
/* 
beginer.html mainArea id="faq"
------------------------------------------------------------ */
#faq h1 { padding:0 0 0 40px; margin:0 0 25px 0; font-size:140%; color:#000000; font-weight:bold; background:url(//img.e87.com/faq/images/tit_bg01.gif) no-repeat left top; border-bottom:2px solid #ca417d; line-height:160%; }
#faq #mainBox { width:870px; margin:25px 0 0 2px; border: #f99bcc 3px solid; border-radius: 10px; }
#faq .mainBoxInner { padding:12px; }
#faq .mainBoxTop { height:6px; }
#faq .mainBoxBottom { height:6px; }
#faq #mainBox h2 { background:url(//img.e87.com/faq/images/icon_01.gif) no-repeat left 2px; padding:0 0 0 20px; line-height:180%; font-weight:bold; color:#ca417d; }
#faq #mainBox .topLeft { width:260px; float:left; margin:10px 0 0 0; }
#faq #mainBox .topRight { width:260px; float:left; margin:10px 0 0 20px; }
#faq #mainBox .topLeft p { margin:2px 0 2px 7px; padding:0 0 0 10px; background: url(//img.e87.com/faq/images/allow2.gif) no-repeat left 5px; }
#faq #mainBox .topRight p { margin:2px 0 2px 7px; padding:0 0 0 10px; background: url(//img.e87.com/faq/images/allow2.gif) no-repeat left 5px; }
#faq #mainBox .topLeft p a { text-decoration:none; }
#faq #mainBox .topLeft p a:hover { text-decoration:underline; }
#faq #mainBox .topRight p a { text-decoration:none; }
#faq #mainBox .topRight p a:hover { text-decoration:underline; }
#faq #mainBox .innerBox { margin:30px 0 0 0; }
#faq #mainBox .innerTit { background:url(//img.e87.com/faq/images/dot_line.gif) repeat-x bottom ; margin:0 0 2px 0; }
#faq #mainBox .leftBox { float:left; width:100%; }
#faq #mainBox .rightBox { float:left; width:100%; margin:0 0 0 15px; }
#faq #mainBox .centerLeft .centerInner p { margin:2px 0 2px 7px; padding:0 0 0 10px; background: url(//img.e87.com/faq/images/allow2.gif) no-repeat left 5px; }
#faq #mainBox .centerRight .centerInner p { margin:12px 0 2px 7px; padding:0 0 0 10px; background: url(//img.e87.com/faq/images/allow2.gif) no-repeat left 5px; }
#faq #mainBox .centerLeft { margin:0 0 20px 0; }
#faq #mainBox .centerRight { margin:0 0 20px 0; }
#faq #mainBox .innerSubTit { margin:12px 0 5px 0; font-weight:bold; }
#faq #mainBox .centerLeft p a { text-decoration:none; }
#faq #mainBox .centerLeft p a:hover { text-decoration:underline; }
#faq #mainBox .centerRight p a { text-decoration:none; }
#faq #mainBox .centerRight p a:hover { text-decoration:underline; }
#faq #mainBox .centerRight .InnerRight p { margin:2px 0 2px 7px; }



/* 
2nd
----------------------------------- */
#faq #topArea { margin:0 15px 30px 20px; }
#faq #topArea h2 { line-height:180%; font-weight:bold; color:#ca417d; } 

#faq #topArea p.number { width:20px; margin:0 5px 0 0; color:#ca417d; font-size:100%; font-weight:bold; text-align:right; line-height:150%; float:left; }
#faq #topArea p.subTit { width:805px; line-height:150%; font-size:100%; }
#faq #innerWrap .innerBox { margin:0 0 20px 0; }
#faq #innerWrap { margin:0 15px 30px 15px; }
#faq .innerBox dl.answer { margin:10px 0 0 0; }
#faq .innerBox .question dt { display:block; width:35px; margin:0 5px 0 0; background:#ca417d; font-size:100%; font-weight:bold; text-align:center; padding:3px 0; float:left; line-height:150%; color:#ffffff; }
#faq .innerBox .question dt a { text-decoration:none; }
#faq .innerBox .question dd { width:950px; _width:950px; padding:3px 10px; color:#ca417d; background:#f0f0f0; font-size:100%; float:left; line-height:150%; }
#faq .innerBox .answer dt { display:block; width:15px; margin:0 5px 0 0; color:#ca417d; font-size:100%; font-weight:bold; text-align:center; line-height:150%; float:left; }
#faq .innerBox .answer dd { width:825px; line-height:150%; font-size:100%; float:left; }
#faq .innerBox .top { margin:5px 0 0 0; font-size:100%; float:right; }
#faq .innerBox .top a { color:#ca417d; font-size:80%; }
#faq .innerBox .top a:hover { color:#ca417d; text-decoration:none; }
#faq .innerBox p.inquiry { display:block; margin:10px 0 0 40px; }
#faq .innerBox .answer a:hover { text-decoration:none; }
#faq .innerBox p.inquiry a:hover  { text-decoration:none; }
#faq .innerBox .tel1 { margin:10px 0 0 40px; }
#faq .innerBox .tel1 span { display:block; float:left; }
#faq .innerBox .tel1 span.box { padding:0 10px 0 30px; }
#faq .innerBox .tel2 { margin:3px 0 5px 40px; }
#faq .innerBox .tel2 span { display:block; float:left; }
#faq .innerBox .tel2 span.box { padding:0 10px 0 30px; }
#faq .innerBox .exam { margin:10px 0 0 40px; }
#faq .bottomLinkBox01,
#faq .bottomLinkBox02 { padding:0 0 50px 0; width:800px; }
#faq .bottomLinkBox01 div,
#faq .bottomLinkBox02 div{ float:left; padding-right:20px; }

#faq .bottomLinkBox a { color:#ca417d; }
#faq .bottomLinkBox01 div p,
#faq .bottomLinkBox02 div p { color:#ca417d; padding:0 0 0 10px; background: url(//img.e87.com/faq/images/allow2.gif) no-repeat left 2px; }

/* 
attention
----------------------------------- */
.attention { border: solid #C00 3px; margin-bottom:15px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; line-height:1.3; }
.attention dt { background:url(//img.e87.com/images/excla_01.jpg) no-repeat left top; height:20px; padding-left:23px; color:#C00; font-weight:bold; margin:15px 0 0 15px; }
.attention dd { padding-left:23px; margin:0 15px 15px 0; font:1.1em; }

.attention dd span { font-weight:bold; color:#C00; }