@charset "UTF-8";

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

#course_guide { }

#course { margin: 0px 0px 10px 0px; }
#course a:link { color: #FFFFFF; text-decoration: none; }
#course a:visited { color: #FFFFFF; text-decoration: none; }
#course a:hover { color: #88BB00; text-decoration: none; }
#course #primary { margin: 5px 0px 0px 0px; width: 580px; background: url(../images/course/primary.gif) 0px 0px repeat-y; }
#course #secondary { margin: 5px 0px 0px 0px; width: 580px; background: url(../images/course/secondary.gif) 0px 0px repeat-y; }

.course { padding: 10px 10px 10px 10px; color: #FFFFFF; float: left; }

.course .inner { width: 270px; }
.course .main { margin: 0px 10px 0px 0px; float: left; }
.course .icon { margin: 0px 4px 0px 0px; float: left; }
.course .title { margin: 4px 0px 3px 0px; clear: both; }
.course p { margin: 0px; padding: 0px; width: 120px; float: left; }
.course span { font-size: 105%; line-height: 1.3; display: block; }
a.alpha { padding: 0px 0px 0px 9px; background: url(../images/top/alpha_arrow.gif) 0px center no-repeat; }
a.beta { padding: 0px 0px 0px 9px; background: url(../images/top/beta_arrow.gif) 0px center no-repeat; }
a.gamma { padding: 0px 0px 0px 9px; background: url(../images/top/gamma_arrow.gif) 0px center no-repeat; }
a.delta { padding: 0px 0px 0px 9px; background: url(../images/top/delta_arrow.gif) 0px center no-repeat; }

#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/course/01.gif); }
#menu02 a { background: url(../images/course/02.gif); }
#menu03 a { background: url(../images/course/03.gif); }
#menu04 a { background: url(../images/course/04.gif); }
#menu05 a { background: url(../images/course/05.gif); }
#menu06 a { background: url(../images/course/06.gif); }
#menu07 a { background: url(../images/course/07.gif); }
#menu08 a { background: url(../images/course/08.gif); }
#menu09 a { background: url(../images/course/09.gif); }
#menu10 a { background: url(../images/course/10.gif); }
#menu11 a { background: url(../images/course/11.gif); }
#menu12 a { background: url(../images/course/12.gif); }
#menu13 a { background: url(../images/course/13.gif); }
#menu01 a:hover { background: url(../images/course/01on.gif); }
#menu02 a:hover { background: url(../images/course/02on.gif); }
#menu03 a:hover { background: url(../images/course/03on.gif); }
#menu04 a:hover { background: url(../images/course/04on.gif); }
#menu05 a:hover { background: url(../images/course/05on.gif); }
#menu06 a:hover { background: url(../images/course/06on.gif); }
#menu07 a:hover { background: url(../images/course/07on.gif); }
#menu08 a:hover { background: url(../images/course/08on.gif); }
#menu09 a:hover { background: url(../images/course/09on.gif); }
#menu10 a:hover { background: url(../images/course/10on.gif); }
#menu11 a:hover { background: url(../images/course/11on.gif); }
#menu12 a:hover { background: url(../images/course/12on.gif); }
#menu13 a:hover { background: url(../images/course/13on.gif); }

h2 { margin: 0px; padding: 0px; display: inline; }
h3 { margin: 10px 10px 10px 0px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }
h5.msg01 { margin: 0px 15px 0px 15px; padding: 0px; background-color: #FFFFEE; font-size: 100%; text-align: center; }
h5.msg01 span { margin: 0px 15px 0px 15px; padding: 3px 0px 3px 0px; background: url(../images/message/h5.gif); color: #FFFFFF !important; font-weight: 400; display: block; }

/* バナー */
#banner h4.gamma { display: inline; }
#banner h4.gamma a { width: 150px; height: 32px; background: url(../images/common/banner_form.gif); text-indent: -10000px; display: block; overflow: }
#banner h4.gamma a:hover { width: 150px; height: 32px; background: url(../images/common/banner_form_on.gif); text-indent: -10000px; display: block; overflow: }

#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: 70%; 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: 70%; 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: 70%; text-decoration: none; }
#pagetop_banner a.pagetop_banner { background: none; }