@charset "UTF-8";

#contents { width: 595px; float: left; }
#contents_inner { margin: 0px 10px 15px 15px; width: 570px; color: #333333; font-size: 78%; line-height: 1.2; }

.faq_list { height: auto !important; height: 1em; background: url(../images/common/pagetop.gif) 0px bottom repeat-x; font-size: 110%; }
.faq { padding: 15px 0px 15px 0px; width: 470px; background: url(../images/faq/q.gif) 0px 18px no-repeat; float: left; }
.faq p { margin: 0px; padding: 0px 0px 0px 15px; }
.answer_button { padding: 16px 0px 0px 0px; float: right; }
.answer_button a { width: 75px; height: 16px; text-indent: -10000px; display: block; overflow: hidden; background: url(../images/faq/button.gif); }
.answer_button a:hover { width: 75px; height: 16px; text-indent: -10000px; display: block; overflow: hidden; background: url(../images/faq/button_on.gif); }

.faq_detail { height: auto !important; height: 1em; font-size: 110%; }
.faq_q { padding: 15px 0px 10px 0px; width: 570px; background: url(../images/faq/q.gif) 0px 18px no-repeat; }
.faq_q p { margin: 0px; padding: 0px 0px 0px 15px; }
.faq_a { width: 570px; background: url(../images/faq/a.gif) 0px 3px no-repeat; }
.faq_a p { margin: 0px; padding: 0px 0px 0px 15px; }
.faq_link { padding: 10px 0px 0px 15px; }
.faq_link a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) left center no-repeat; font-size: 90%; }

#pagenavi ul { margin: 15px 0px 0px 0px; padding: 0px; list-style: none; }
#pagenavi ul li.pageback { float: left; }
#pagenavi ul li.pageback a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl_rev.gif) left center no-repeat; }
#pagenavi ul li.pagenext { float: right; }
#pagenavi ul li.pagenext a { padding: 0px 9px 0px 0px; background: url(../images/common/arrow_bl.gif) right center no-repeat; }

.pagetop_noline { padding: 5px 0px 0px 0px; width: 570px; text-align: right; }
.pagetop_noline a:link { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 90%; text-decoration: none; }
.pagetop_noline a:visited { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 90%; text-decoration: none; }
.pagetop_noline a:hover { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #88BB00; font-size: 90%; text-decoration: none; }

#pagetop_list { margin: 0px 0px 0px 15px; padding: 5px 0px 0px 0px; width: 570px; background: url(../images/common/pagetop.gif) 0px 0px repeat-x; text-align: right; clear: both; position: relative; }
#pagetop_list span { position: absolute; top: 5px; left: 0px; }
#pagetop_list span a { background: url(../images/common/pageback_arrow.gif) 0px center no-repeat !important; }
#pagetop_list a:link { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 70%; text-decoration: none; }
#pagetop_list a:visited { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #333333; font-size: 70%; text-decoration: none; }
#pagetop_list a:hover { padding: 0px 0px 0px 12px; background: url(../images/common/pagetop_arrow.gif) 0px center no-repeat; color: #88BB00; font-size: 70%; text-decoration: none; }

#side { width: 150px; float: left; }
#side ul { margin: 0px 0px 4px 0px; padding: 0px; list-style: none; }
#side ul li { width: 150px; height: 25px; }
#side ul li a { width: 150px; height: 24px; text-indent: -10000px; display: block; overflow: }
#menu01 a { background: url(../images/life/01.gif); }
#menu02 a { background: url(../images/life/02.gif); }
#menu03 a { background: url(../images/life/03.gif); }
#menu04 a { background: url(../images/life/04.gif); }
#menu05 a { background: url(../images/life/05.gif); }
#menu06 a { background: url(../images/life/06.gif); }
#menu07 a { background: url(../images/life/07.gif); }
#menu01 a:hover { background: url(../images/life/01on.gif); }
#menu02 a:hover { background: url(../images/life/02on.gif); }
#menu03 a:hover { background: url(../images/life/03on.gif); }
#menu04 a:hover { background: url(../images/life/04on.gif); }
#menu05 a:hover { background: url(../images/life/05on.gif); }
#menu06 a:hover { background: url(../images/life/06on.gif); }
#menu07 a:hover { background: url(../images/life/07on.gif); }

h2 { margin: 0px; padding: 0px; display: inline; }
h3 { margin: 0px 0px 5px 0px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }

/* バナー */
#banner h4 { margin: 0px 0px 5px 0px; }
#banner h4#banner01 a { width: 150px; height: 32px; background: url(../images/life/goodnius.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner01 a:hover { width: 150px; height: 32px; background: url(../images/life/goodnius_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner02 a { width: 150px; height: 32px; background: url(../images/life/career.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner02 a:hover { width: 150px; height: 32px; background: url(../images/life/career_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner03 a { width: 150px; height: 32px; background: url(../images/common/banner_form.gif); text-indent: -10000px; display: block; overflow: }
#banner h4#banner03 a:hover { width: 150px; height: 32px; background: url(../images/common/banner_form_on.gif); text-indent: -10000px; display: block; overflow: }