@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; }

#campus_header { margin: 0px 0px 10px 0px; }
#campus_header_left { width: 192px; float: left; }
#campus_header_right { width: 378px; line-height: 1.5; float: left; }
#campus_header_right img { margin: 0px 0px 5px 0px; }

#map { background: url(../images/course_guide/note_middle.gif); }
#map_left { width: 414px; float: left; }
#map_left table { margin: 0px 0px 0px 20px; }
#map_left table td { padding: 0px 15px 10px 0px; font-size: 90%; vertical-align: top; }
#map_left table td img { margin: 0px 0px 5px 0px; }
span.a { padding: 0px 0px 2px 15px; background: url(../images/campus/a.gif) 0em 0.2em no-repeat; display: block; }
span.b { padding: 0px 0px 2px 15px; background: url(../images/campus/b.gif) 0em 0.2em no-repeat; display: block; }
span.c { padding: 0px 0px 2px 15px; background: url(../images/campus/c.gif) 0em 0.2em no-repeat; display: block; }
span.d { padding: 0px 0px 2px 15px; background: url(../images/campus/d.gif) 0em 0.2em no-repeat; display: block; }
span.e { padding: 0px 0px 2px 15px; background: url(../images/campus/e.gif) 0em 0.2em no-repeat; display: block; }
span.f { padding: 0px 0px 2px 15px; background: url(../images/campus/f.gif) 0em 0.2em no-repeat; display: block; }
span.g { padding: 0px 0px 2px 15px; background: url(../images/campus/g.gif) 0em 0.2em no-repeat; display: block; }
span.h { padding: 0px 0px 2px 15px; background: url(../images/campus/h.gif) 0em 0.2em no-repeat; display: block; }
span.i { padding: 0px 0px 2px 15px; background: url(../images/campus/i.gif) 0em 0.2em no-repeat; display: block; }
#map_right { width: 156px; float: left; }
#map_right ul { margin: 0px 15px 0px 0px; padding: 0px; list-style: none; }
#map_right ul li { padding: 0px 0px 5px 15px; font-size: 90%; }
.list01 { background: url(../images/campus/01.gif) 0em 0.2em no-repeat; }
.list02 { background: url(../images/campus/02.gif) 0em 0.2em no-repeat; }
.list03 { background: url(../images/campus/03.gif) 0em 0.2em no-repeat; }
.list04 { background: url(../images/campus/04.gif) 0em 0.2em no-repeat; }
.list05 { background: url(../images/campus/05.gif) 0em 0.2em no-repeat; }
.list06 { background: url(../images/campus/06.gif) 0em 0.2em no-repeat; }
.list07 { background: url(../images/campus/07.gif) 0em 0.2em no-repeat; }
.list08 { background: url(../images/campus/08.gif) 0em 0.2em no-repeat; }
.list09 { background: url(../images/campus/09.gif) 0em 0.2em no-repeat; }
.list10 { background: url(../images/campus/10.gif) 0em 0.2em no-repeat; }
.list11 { background: url(../images/campus/11.gif) 0em 0.2em no-repeat; }
.list12 { background: url(../images/campus/12.gif) 0em 0.2em no-repeat; }
.list13 { background: url(../images/campus/13.gif) 0em 0.2em no-repeat; }
.list14 { background: url(../images/campus/14.gif) 0em 0.2em no-repeat; }
.list15 { background: url(../images/campus/15.gif) 0em 0.2em no-repeat; }
.list16 { background: url(../images/campus/16.gif) 0em 0.2em no-repeat; }

#feature { margin: 0px 0px 0px 10px; }
#feature table td { width: 275px; font-size: 90%; line-height: 1.5; vertical-align: top; }
#feature table td img { margin: 0px 0px 5px 0px; }
.feature1 { background: url(../images/campus/1.gif) 4px 0px no-repeat; }
.feature2 { background: url(../images/campus/2.gif) 4px 0px no-repeat; }
.feature3 { background: url(../images/campus/3.gif) 4px 0px no-repeat; }
.feature4 { background: url(../images/campus/4.gif) 4px 0px no-repeat; }
.feature5 { background: url(../images/campus/5.gif) 4px 0px no-repeat; }
.feature6 { background: url(../images/campus/6.gif) 4px 0px no-repeat; }
.feature { margin: 0px 10px 10px 68px; }

#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 20px 15px 10px; 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: }