@charset "UTF-8";

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

/* 一覧 */
#course_teachers_list { background: url(../images/course_teachers/list_back.gif) 0px 0px repeat-y; }
#course_teachers_list_inner { margin: 20px 15px 0px 15px; }
#course_teachers_list_inner ul { margin: 0px; padding: 0px; list-style: none; }
#course_teachers_list_inner ul li { margin: 0px 0px 20px 0px; width: 180px; float: left; display: block; }
#course_teachers_list_inner ul li img { margin: 0px 10px 5px 10px; }
#course_teachers_list_inner ul li a { margin: 0px 10px 0px 10px; padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }
#course_teachers_list_inner ul li span { font-size: 90%; }

#pagenavi { margin: 10px 0px 10px 0px; }
#pagenavi a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) left center no-repeat; }
#pagenavi ul { margin: 3px 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; }

/* 詳細 */
#course_teachers_detail { background: url(../images/course_teachers/list_back.gif) 0px 0px repeat-y; }
#course_teachers_detail_inner { margin: 20px 25px 0px 25px; }
#teacher_detail01 { margin: 0px 0px 25px 0px; }
#teacher_name { margin: 0px 0px 10px 0px; padding: 3px 5px 3px 5px; background: url(../images/course_teachers/detail_name_back.gif); color: #FFFFFF; font-weight: 700; }
#teacher_message_link { margin: 0px 0px 10px 0px; }
#teacher_message_link a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) left center no-repeat; }
#teacher_main_image { width: 310px; height: 210px; background-color: #DDDDDD; float: left; }
#teacher_main_image img { margin: 1px; border: solid 4px #FFFFFF; }
#teacher_zayu { width: 210px; height: 210px; background: url(../../../images/course_teachers/detail_zayu_back.gif) 24px 0px no-repeat; float: left; }
#teacher_zayu img { margin: 43px 0px 0px 43px; }
#teacher_detail02 { margin: 0px 0px 25px 0px; }
#teacher_detail03 { margin: 0px 0px 20px 0px; }
#teacher_detail03 ul { margin: 0px; padding: 0px; list-style: none; }
#teacher_detail03 ul li { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; background: url(../../../images/course_teachers/dotline.gif) bottom repeat-x; }
#teacher_detail03 ul li a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) left center no-repeat; display: block; }
#teacher_detail04 { margin: 0px 0px 25px 0px; }
#teacher_book { background: url(../../../images/course_teachers/detail_book_back.gif) 0px 0px no-repeat; }
#teacher_book img { margin: 33px 0px 0px 15px; }
#teacher_book_inner { padding: 10px 100px 15px 16px; }
#teacher_book_inner span { color: #77BB33; }
#teacher_detail05 { margin: 0px 0px 25px 0px; }
#teacher_detail05 span { color: #77BB33; }
#teacher_detail05 strong { margin: 0px 0px 10px 0px; color: #663333; font-size: 110%; display: block; }
#teacher_detail05 img { margin: 0px 0px 5px 0px; }
#teacher_detail06 { margin: 0px 0px 20px 0px; }
#teacher_detail06 strong { color: #663333; font-size: 110%; display: block; }
#extend_text { width: 382px; float: left; }
#extend_text_inner { width: 362px; }
#extend_image { width: 138px; background: url(../../../images/course_teachers/detail_extend_image_back.gif); float: left; }
#extend_image_inner { padding: 7px; font-size: 90%; line-height: 1.2; }
#extend_image_inner img { margin: 0px 0px 7px 0px; border: solid 2px #FFFFFF; }

.teacher_title { margin: 0px 0px 10px 0px; padding: 3px 5px 3px 5px; background: url(../../../images/course_teachers/detail_title_back.gif) repeat-y; color: #FFFFFF; font-weight: 700; }
.teacher_content { line-height: 1.5; }

/* 他 */
#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: auto; }

#side ul#menu_alpha { margin: 0px; padding: 0px; list-style: none; }
#side ul#menu_alpha li { width: 150px; height: 25px; }
#side ul#menu_alpha li a { width: 150px; height: 24px; text-indent: -10000px; display: block; overflow: auto; }

#side div#menu_beta { margin: 0px 0px 1px 0px; padding: 5px 0px 0px 0px; width: 150px; background: url(../images/exam/menu_back.gif); }
#side div#menu_beta ul { margin: 0px; padding: 0px 0px 2px 0px; list-style: none; }
#side div#menu_beta ul li { width:137px;padding: 0px 0px 3px 13px; height: auto !important; }
#side div#menu_beta ul li a { padding: 0px 0px 0px 9px; height: auto !important; background: url(../images/common/arrow_wh.gif) 0px center no-repeat; color: #FFFFFF; font-size: 78%; text-indent: 0; width:128px;}
#side div#menu_beta ul li a:hover { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_wh.gif) 0px center no-repeat; color: #88BB00; font-size: 78%; }

#side ul#menu_gamma { margin: 0px 0px 4px 0px; padding: 0px; list-style: none; }
#side ul#menu_gamma li { width: 150px; height: 25px; }
#side ul#menu_gamma li a { width: 150px; height: 24px; text-indent: -10000px; display: block; overflow: auto; }

#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: 0px 0px 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: 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; }