@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_guide01 { padding: 0px 0px 0px 150px; background: url(../images/course_guide/main01.jpg) 0px top no-repeat; }
#course_guide01 img { margin: 5px 0px 5px 0px; }
#course_guide02 { padding: 0px 0px 0px 177px; background: url(../images/course_guide/main02.jpg) 0px top no-repeat; }
#course_guide02 img { margin: 5px 0px 5px 0px; }
#course_guide03 { padding: 0px 0px 0px 141px; background: url(../images/course_guide/main03.jpg) 0px top no-repeat; }
#course_guide03 img { margin: 5px 0px 5px 0px; }
#course_guide04 { padding: 0px 0px 0px 177px; background: url(../images/course_guide/main04.jpg) 0px bottom no-repeat; }
#course_guide04 img { margin: 5px 0px 5px 0px; }
#course_q { padding: 2px 0px 2px 42px; background: url(../images/course_guide/q.gif) 0px center no-repeat; }
#course_a { padding: 0px 0px 15px 0px; font-size: 110%; line-height: 1.4; }

#semi { padding: 0px 0px 0px 15px; background: url(../images/course_guide/note_middle.gif) 0px 0px repeat-y; }
#semi h3 { margin: 0px 15px 0px 0px; }
#semi_alpha { padding: 10px 0px 0px 0px; width: 125px; text-align: center; float: left; }
#semi_alpha img { margin: 0px 0px 5px 0px; }
#semi_beta { padding: 10px 0px 0px 0px; width: 415px; float: left; }
#semi_beta img { margin: 0px 0px 0px 15px; }
#semi_resume { margin: 10px 0px 0px 15px; }
#semi_category01 { padding: 1px 5px 1px 5px; background-color: #5577BB; color: #FFFFFF; }
#semi_category02 { padding: 1px 5px 1px 5px; background-color: #CC6699; color: #FFFFFF; }
#semi_category03 { padding: 1px 5px 1px 5px; background-color: #EEAA33; color: #FFFFFF; }
#semi_category04 { padding: 1px 5px 1px 5px; background-color: #EE6666; color: #FFFFFF; }
#semi_content01 { margin: 10px 0px 10px 0px; padding: 0px; color: #3399CC; font-size: 105%; line-height: 1.4; }
#semi_content02 { margin: 10px 0px 10px 0px; padding: 0px; color: #CC3366; font-size: 105%; line-height: 1.4; }
#semi_content03 { margin: 10px 0px 10px 0px; padding: 0px; color: #EE8800; font-size: 105%; line-height: 1.4; }
#semi_content04 { margin: 10px 0px 10px 0px; padding: 0px; color: #992233; font-size: 105%; line-height: 1.4; }
#semi_profile { margin: 0px; padding: 0px; line-height: 1.4; }
#semi_profile span { color: #77BB33; }
#semi_link { text-align: right; }
#semi_link a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }

#others { background: url(../images/course_guide/note_middle.gif) 0px 0px repeat-y; }
#others h3 { margin: 0px 15px 0px 15px; }
#others ul { margin: 0px 0px 0px 3px; padding: 0px; list-style: none; }
#others ul li { margin: 10px 0px 0px 0px; width: 276px; float: left; }
.others { margin: 0px 0px 0px 12px; padding: 10px; background: url(../images/course_guide/paper.gif); }
.others img { margin: 0px 9px 0px 0px; float: left; }
.others p.semi_resume { margin: 0px; padding: 0px; width: 115px; float: left; }
.others span { margin: 0px 0px 3px 0px; color: #660000; display: block; }
.others a { margin: 4px 0px 0px 0px; padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; color: #000055; display: block; }

.centre { text-align: center; }

#message { margin: 20px 0px 20px 0px; color: #333333; font-size: 80%; line-height: 1.2; position: relative; }
a#readmore { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; position: absolute; top: 40px; right: 30px; }
a#readmore2 { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; position: absolute; top: 60px; right: 30px; }
.readmore { margin: 0px 0px 0px 15px; padding: 15px 30px 10px 0px; background: url(../images/exam_list/message_inner.gif) 0px 0px repeat-y; text-align: right; }
.readmore a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }
#message_inner1 { margin: 0px 0px 0px 15px; padding: 0px 10px 0px 0px; background: url(../images/exam_list/message_inner.gif) 0px 0px repeat-y; }
#message_inner2 { margin: 0px 0px 0px 15px; padding: 0px 10px 0px 0px; background: url(../images/exam_list/message_inner.gif) 0px 0px repeat-y; }
#message_inner3 { margin: 0px 0px 0px 15px; padding: 0px 10px 10px 0px; background: url(../images/exam_list/message_inner.gif) 0px 0px repeat-y; }
#message_inner1 span { color: #77BB33; }
#message_inner2 span { color: #77BB33; }
#message_inner3 span { color: #77BB33; }
.message { margin: 0px 15px 0px 15px; padding: 15px 15px 15px 15px !important; padding: 15px 15px 0px 15px; height: auto !important; height: 1em; background: #FFFFEE url(../images/message/dotline.gif) 15px bottom no-repeat; }
.message img { margin: 0px 9px 0px 0px; float: left; }
.message_inner { width: 400px; float: left; }
.message_inner .message_header { margin: 5px 0px 5px 0px; }
.message_inner strong { color: #660000; font-size: 110%; line-height: 1.4; }
.message_inner p { margin: 0px; padding: 0px; font-size: 105%; line-height: 1.4; }
.message_inner a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }
.message_footer { margin: 0px 0px 0px 15px; }

#course_link { margin: 10px 30px 0px 0px; text-align: right; }

#zadankai { margin: 0px 0px 20px 0px; background: url(../images/course_guide/note_middle.gif) 0px 0px repeat-y; }
#zadankai h3 { margin: 0px 30px 0px 30px; }
#zadankai table { margin: 20px 20px 0px 20px; }
#zadankai table td { padding: 0px 10px 15px 10px; font-size: 90%; vertical-align: top; }
#zadankai table td img { margin: 0px 0px 5px 0px; }
#zadankai ul { margin: 30px 30px 0px 30px; padding: 0px; list-style: none; }
#zadankai ul li { line-height: 1.4; clear: both; }
#zadan_header { margin: 15px 30px 0px 30px; }
#zadan_header span { color: #77BB33; }
#zadan_header01 { width: 223px; float: left; }
#zadan_header02 { width: 287px; float: left; }
#zadan_header01b { width: 256px; float: left; }
#zadan_header02b { width: 254px; float: left; }
.zadan_name { padding: 0em 0em 1em 0em; width: 60px; float: left; }
.zadan_content { padding: 0em 0em 1em 0em; width: 450px; float: left; }
#zadan_footer { margin: 0px 30px 0px 30px; padding: 15px 0px 0px 0px; background: url(../images/course_guide/zadankai_line.gif) repeat-x; text-align: right; }
#zadan_footer a { padding: 0px 0px 0px 15px; background: url(../images/common/arrow_bl.gif) 6px center no-repeat; }
#separate { margin: 0px 30px 0px 30px; height: 10px; background: url(../images/course_guide/zadankai_line.gif) bottom repeat-x; }

#semi_info { margin: 0px 0px 15px 0px; padding: 0px 0px 20px 0px; background: url(../images/course_guide/paper.gif); }
#semi_info_inner { margin: 0px 30px 0px 30px; }
#semi_info_inner h3 { margin: 30px 0px 10px 0px; }
#semi_info_inner .pagetop { margin: 10px 0px 0px 0px; width: 510px; }
.semi_info { margin: 0px 0px 5px 0px; }
.semi_info_left { width: 167px; float: left; }
.semi_info_left_inner { width: 156px; }
.photo { border: solid 1px #CCCCCC; }
.photo img { border: solid 4px #FFFFFF; }
.name { margin: 5px 0px 10px 0px; font-size: 90%; }
.theme { font-size: 90%; }
.theme img { margin: 0px 0px 2px 0px; }
.semi_info_right { width: 343px; float: left; }
.semi_info p { margin: 0px 0px 3px 0px; padding: 0px; line-height: 1.4; }
.semi_info p strong { color: #660000; font-size: 110%; }
#semi_info_footer { margin: 0px 0px 20px 0px; font-size: 90%; text-align: right; }
#semi_info_footer a { padding: 0px 0px 0px 15px; background: url(../images/common/arrow_bl.gif) 6px center no-repeat; }

#graduate_header { margin: 0px 0px 30px 0px; }
#graduate_header_left { width: 150px; float: left; }
#graduate_header_right { width: 420px; line-height: 1.5; float: left; }
#graduate_header_right img { margin: 0px 0px 10px 0px; }

#graduate_message { padding: 15px; background: url(../images/course_guide/paper.gif); line-height: 1.5; }
#graduate_message p { margin: 0px; padding: 0px; }
#graduate_message strong { color: #660000; font-size: 110%; }
#graduate_message span { color: #77BB33; }
#graduate_message img { margin: 0px 12px 2px 0px; float: left; }
#graduate_message_inner { float: left; }
.graduate_message { font-size: 90%; }

.graduate h4 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 3px; border-left: solid 10px #77BB33; font-size: 105%; }
.graduate p { margin: 0px 0px 15px 0px; padding: 0px; font-size: 90%; line-height: 1.5; }
.graduate table { margin: 0px 0px 10px 0px; width: 570px; border-collapse: collapse; }
.graduate table th { padding: 5px 12px 5px 12px; border: solid 1px #999999; color: #FFFFFF; font-size: 95%; font-weight: 400; text-align: center; white-space: nowrap; }
.graduate table td { padding: 5px 12px 5px 12px; border: solid 1px #999999; font-size: 95%; text-align: center; }
.graduate_inner { padding: 15px; background: url(../images/course_guide/paper.gif); line-height: 1.5; }
.g01 { background: url(../images/exam_list/th01.gif); }
.g02 { background: url(../images/exam_list/th02.gif); }
.g03 { background: url(../images/exam_list/th03.gif); }
.g04 { background: url(../images/exam_list/th04.gif); }
.coloured01 { background-color: #99BBDD; color: #FFFFFF; white-space: nowrap; }
.coloured02 { background-color: #EEAACC; color: #FFFFFF; white-space: nowrap; }
.coloured03 { background-color: #EECC66; color: #FFFFFF; white-space: nowrap; }
.coloured04 { background-color: #FFAAAA; color: #FFFFFF; white-space: nowrap; }

.left { text-align: left !important; }
.item { margin: 0px 0px 5px 0px; }
.item span { color: #77BB33; }

#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: }

#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: }

#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 { padding: 0px 0px 3px 13px; height: auto !important; width:137px;}
#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: auto; }
#banner h4.gamma a:hover { width: 150px; height: 32px; background: url(../images/common/banner_form_on.gif); text-indent: -10000px; display: block; overflow: auto; }

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

.pagetop_noline { padding: 5px 0px 30px 0px; 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; }