@charset "UTF-8";

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

#club_header { margin: 0px 0px 10px 0px; }
#club_header_left { width: 120px; float: left; }
#club_header_right { width: 450px; line-height: 1.5; float: left; }
#club_header_right img { margin: 0px 0px 5px 0px; }
#club_header_right ul { margin: 0px; padding: 0px; list-style: none; }
#club_header_right ul li { padding: 0px 6px 0px 0px; display: inline; }
#club_header_right ul li a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }

#club01 { margin: 0px 0px 30px 0px; }
#club01 span { color: #77BB33; }
#club01_left { width: 394px; float: left; }
#club01_left table td { padding: 0px 21px 15px 0px; font-size: 90%; line-height: 1.4; vertical-align: top; }
#club01_left table td img { margin: 0px 0px 5px 0px; }
#club01_right { width: 176px; font-size: 90%; line-height: 1.4; float: left; }
#club01_right p { margin: 0em 0em 1em 0em; padding: 0px; }
#club01_others { padding: 15px; background: url(../images/course_guide/paper.gif); font-size: 90%; line-height: 1.5; }
#club01_others_alpha ul { margin: 7px 0px 12px 0px; padding: 0px; list-style: none; }
#club01_others_alpha ul li { padding: 0em 1em 0em 0em; display: inline; }
#club01_others_alpha ul li span { color: #11AACC; }
#club01_others_beta ul { margin: 7px 0px 12px 0px; padding: 0px; list-style: none; }
#club01_others_beta ul li { padding: 0em 1em 0em 0em; display: inline; }
#club01_others_beta ul li span { color: #33AA66; }
#club01_others_gamma ul { margin: 7px 0px 12px 0px; padding: 0px; list-style: none; }
#club01_others_gamma ul li { padding: 0em 1em 0em 0em; display: inline; }
#club01_others_gamma ul li span { color: #99BB00; }

#club02 span { color: #FF9900; }
#club02_header table td { padding: 0px 0px 15px 0px; font-size: 90%; line-height: 1.4; vertical-align: top; }
#club02_others { padding: 15px; background: url(../images/course_guide/paper.gif); font-size: 90%; line-height: 1.5; }
#club02_others_alpha ul { margin: 7px 0px 12px 0px; padding: 0px; list-style: none; }
#club02_others_alpha ul li { padding: 0em 1em 0em 0em; display: inline; }
#club02_others_alpha ul li span { color: #EE6666; }
#club02_others_beta ul { margin: 7px 0px 12px 0px; padding: 0px; list-style: none; }
#club02_others_beta ul li { padding: 0em 1em 0em 0em; display: inline; }
#club02_others_beta ul li span { color: #CC9900; }
.tbl_side { width: 160px; }
.tbl_centre { width: 250px; }
.tbl_centre p { margin: 0px 30px 0px 30px; padding: 0px; }

#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 15px 0px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }

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

/* バナー */
#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: }