@charset "UTF-8";

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

#message { margin: 0px 0px 15px 0px; }
#message_inner { background: url(../images/exam_list/message_inner.gif) 0px 0px repeat-y; }
#message_inner span { color: #77BB33; }

#message_navi { margin: 0px 0px 0px 15px; padding: 0px; list-style: none; }
#message_navi li { margin: 0px 3px 0px 0px; float: left; }
#message_navi li a { width: 95px; height: 16px; text-indent: -10000px; display: block; overflow: }
#tab01 a { background: url(../images/message/tab01.gif); }
#tab01 a:hover { background: url(../images/message/tab01on.gif); }
#tab02 a { background: url(../images/message/tab02.gif); }
#tab02 a:hover { background: url(../images/message/tab02on.gif); }
#tab03 a { background: url(../images/message/tab03.gif); }
#tab03 a:hover { background: url(../images/message/tab03on.gif); }
#tab04 a { background: url(../images/message/tab04.gif); }
#tab04 a:hover { background: url(../images/message/tab04on.gif); }

.message { margin: 0px 14px 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_detail { margin: 0px 15px 0px 15px; padding: 15px 15px 15px 15px !important; padding: 15px 15px 0px 15px; height: auto !important; height: 1em; background-color: #FFFFEE; }
.message_alpha { margin: 0px 13px 0px 0px; float: left; }
.message_alpha_img { margin: 0px 0px 5px 0px; border: solid 1px #CCCCCC; }
.message_alpha_img img { border: solid 5px #FFFFFF; }
.message_alpha_inner01 { padding: 5px; background-color: #5577BB; color: #FFFFFF; text-align: center; }
.message_alpha_inner01 span { color: #FFFFFF !important; font-size: 105%; }
.message_alpha_inner02 { padding: 5px; background-color: #CC6699; color: #FFFFFF; text-align: center; }
.message_alpha_inner02 span { color: #FFFFFF !important; font-size: 105%; }
.message_alpha_inner03 { padding: 5px; background-color: #EEAA33; color: #FFFFFF; text-align: center; }
.message_alpha_inner03 span { color: #FFFFFF !important; font-size: 105%; }
.message_alpha_inner04 { padding: 5px; background-color: #EE6666; color: #FFFFFF; text-align: center; }
.message_alpha_inner04 span { color: #FFFFFF !important; font-size: 105%; }
.message_beta { width: 390px; float: left; }
.message_beta strong { color: #660000; font-size: 110%; line-height: 1.4; }
.message_beta p { margin: 0px; padding: 0px; font-size: 105%; line-height: 1.4; }
.message_beta a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; float: right; }

span.cate01 { padding: 1px 3px 1px 3px; background-color: #5577BB; color: #FFFFFF !important; }
span.cate02 { padding: 1px 3px 1px 3px; background-color: #CC6699; color: #FFFFFF !important; }
span.cate03 { padding: 1px 3px 1px 3px; background-color: #EEAA33; color: #FFFFFF !important; }
span.cate04 { padding: 1px 3px 1px 3px; background-color: #EE6666; color: #FFFFFF !important; }

#pagenavi { margin: 15px 0px 0px 0px; }
#pagenavi ul { margin: 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; }

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