@charset "utf-8";

/* ####################################### */
/* F.A.Q */
/* ####################################### */
#faqTitle {
margin-top: 25px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
width: 216px;
height: 38px;
border-top: 1px solid #e2d4ba;
border-bottom: 1px solid #e2d4ba;
}

#faqSubNavi {
margin-top: 10px;
margin-right: 0;
margin-bottom: 0;
margin-left: 0;
padding: 0;
color: #b38848;
background: #eeead7 url(../img/navi_bg.jpg) repeat-x left top;
font-size: 90%;
border-top: 1px solid #b38848;
}

#faqSubNavi li {
margin: 0;
padding: 0;
text-indent: 1.5em;
height: 34px;
line-height: 34px;
border-bottom: 1px dotted #b38848;
}
#faqSubNavi li.naviEnd {
border-bottom: 1px solid #b38848;
}
#faqSubNavi li a {
display: block;
/*width: 204px;*/
height: 34px;
color: #b38848 !important;
}
#faqSubNavi li a,#faqSubNavi li a:link,#faqSubNavi li a:visited {color: #b38848 !important;}
#faqSubNavi li a:active,#faqSubNavi li a:hover {color: #fff !important; background: transparent url(../img/navi_rollover.gif) no-repeat center center;}
#faqSubNavi li a.current,#faqSubNavi li a.current:link,#faqSubNavi li a.current:visited,#faqSubNavi li a.current:active,#faqSubNavi li a.current:hover {color: #fff !important; background: transparent url(../img/navi_rollover.gif) no-repeat center center;}

/* #subArea 216px */
#faqArea {
margin-top: 20px;
margin-right: 0;
margin-bottom: 10px;
margin-left: 0;
padding: 0;
float: right;
width: 712px;
font-size: 100%;
text-align: center;
color: #777 !important;
background: transparent url(../img/area_bg.gif) repeat-y left top;
}
#faqArea:before {
display: block;
content: url(../img/area_top.gif);
height: 10px;
line-height: 10px;
}
#faqArea:after {
display: block;
content: url(../img/area_bottom.gif);
height: 10px;
line-height: 10px;
}

#faqArea ul {
margin: 0 auto;
padding: 1em 0;
width: 630px;
color: #6ac3c2;
font-size: 100%;
text-align: left;
}
#faqArea ul li {margin-bottom: 0.5em;}
#faqArea li a,#faqArea li a:link,#faqArea li a:visited {color: #6ac3c2;}
#faqArea li a:active,#faqArea li a:hover {color: #777;}

#faqArea h4 {
margin: 1em auto 0 auto;
padding: 0 23px;
width: 630px;
height: 34px;
line-height: 34px;
color: #fff;
background: transparent url(../img/faq_bg.gif) no-repeat left top;
font-size: 110%;
text-align: left;
}
span.toTop {
float: right;
font-size: 80%;
/*vertical-align: middle;*/
}
span.toTopp a,span.toTop a:link,span.toTop a:visited {color: #fff; text-decoration: underline;}
span.toTop a:active,span.toTop a:hover {color: #086664;}

#faqArea p {
margin: 0 auto;
padding: 0.5em;
width: 630px;
font-size: 100%;
text-align: left;
}
/*floatのクリア*/
#faqArea h4:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#faqArea h4 {display: inline-block;}
/* hide IE-MAC \*/
* html #faqMenu h3 {height: 1%;}
#faqArea h4 {display: block;}
/* end hide IE-MAC */