@charset "UTF-8";

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

#anchor { margin: 0px 0px 10px 0px; }
#anchor ul { margin: 0px; padding: 0px; list-style: none; }
#anchor ul li { padding: 0px 4px 0px 0px; white-space: nowrap; float: left; }
#anchor ul li a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }

h4.exam_category { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 3px; border-left: solid 10px #77BB33; font-size: 105%; display: block !important; }

.contents_inner table { margin: 0px 0px 3px 0px; border-collapse: collapse; clear: both; }
.contents_inner table th { padding: 5px 2px 5px 2px; border: solid 1px #999999; background: url(../images/exam_list/th04.gif); color: #FFFFFF; font-size: 90%; font-weight: 400; text-align: center; white-space: nowrap; }
.contents_inner table td { padding: 5px 2px 5px 2px; border: solid 1px #999999; font-size: 90%; text-align: center; }
.contents_inner table td.coloured { background-color: #FFAAAA; color: #FFFFFF; }
.contents_inner table td.left { text-align: left !important; }
.contents_inner table td p { margin: 0em 0em 1em 0em; padding: 0px; }
.contents_inner h4 { margin: 0px 0px 10px 0px; padding: 0px 0px 0px 3px; border-left: solid 10px #77BB33; font-size: 105%; float: left; }
.contents_inner span { margin: 0px 0px 3px 0px; font-size: 90%; display: block; }
.contents_inner ul { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
.contents_inner ul li { padding: 0px 6px 0px 0px; display: inline; }
.contents_inner ul li a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; }

#ap { margin: 0px 0px 20px 0px; }
#ap_alpha { margin: 0px 0px 10px 0px; padding: 0px 0px 10px 0px; background: url(../images/common/pagetop.gif) 0px bottom repeat-x; font-size: 105%; line-height: 1.5; }
#ap_alpha span { color: #77BB33; display: inline; }
#ap_alpha a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; font-size: 95%; }
#ap_beta { margin: 0px 0px 10px 0px; line-height: 1.4; }
#ap_beta p { margin: 0px 0px 5px 0px; padding: 0px; }

.viewall { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; float: right; }

#message { margin: 0px 0px 15px 0px; color: #333333; font-size: 78%; line-height: 1.2; position: relative; }
#message_inner { margin: 0px 0px 0px 15px; background: url(../images/exam_list/message_inner.gif) 0px 0px repeat-y; }
#message_inner a.readmore { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.gif) 0px center no-repeat; position: absolute; top: 40px; right: 30px; }
#message_inner span { color: #77BB33; }
.message { margin: 0px 24px 0px 15px; padding: 0px 15px 15px 15px !important; padding: 0px 15px 0px 15px; height: auto !important; height: 1em; border: solid 1px #BB9966; border-width: 0px 1px 1px 0px; background-color: #FFFFEE; }
.message img { margin: 0px 9px 0px 0px; float: left; }
.message_inner { width: 400px; float: left; }
.message_inner strong { color: #660000; line-height: 1.4; }
.message_inner p { margin: 0px; padding: 0px; line-height: 1.4; }
.message_inner a { padding: 0px 0px 0px 9px; background: url(../images/common/arrow_bl.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/exam/01.gif); }
#menu02 a { background: url(../images/exam/02.gif); }
#menu03 a { background: url(../images/exam/03.gif); }
#menu04 a { background: url(../images/exam/04.gif); }
#menu05 a { background: url(../images/exam/05.gif); }
#menu06 a { background: url(../images/exam/06.gif); }
#menu07 a { background: url(../images/exam/07.gif); }
#menu08 a { background: url(../images/exam/08.gif); }
#menu09 a { background: url(../images/exam/09.gif); }
#menu10 a { background: url(../images/exam/10.gif); }
#menu11 a { background: url(../images/exam/11.gif); }
#menu12 a { background: url(../images/exam/12.gif); }
#menu13 a { background: url(../images/life/07.gif); }
#menu01 a:hover { background: url(../images/exam/01on.gif); }
#menu02 a:hover { background: url(../images/exam/02on.gif); }
#menu03 a:hover { background: url(../images/exam/03on.gif); }
#menu04 a:hover { background: url(../images/exam/04on.gif); }
#menu05 a:hover { background: url(../images/exam/05on.gif); }
#menu06 a:hover { background: url(../images/exam/06on.gif); }
#menu07 a:hover { background: url(../images/exam/07on.gif); }
#menu08 a:hover { background: url(../images/exam/08on.gif); }
#menu09 a:hover { background: url(../images/exam/09on.gif); }
#menu10 a:hover { background: url(../images/exam/10on.gif); }
#menu11 a:hover { background: url(../images/exam/11on.gif); }
#menu12 a:hover { background: url(../images/exam/12on.gif); }
#menu13 a:hover { background: url(../images/life/07on.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; font-size: 100%; }
h5.msg01 { margin: 0px 0px 15px 0px; padding: 3px; background: url(../images/exam_list/th01.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; text-align: center; }

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

/* バナー */
#banner h4.alpha { margin: 0px 0px 4px 0px; float: left; display: inline; }
#banner h4.alpha a { width: 150px; height: 32px; background: url(../images/common/banner_sakura.gif); text-indent: -10000px; display: block; overflow: }
#banner h4.alpha a:hover { width: 150px; height: 32px; background: url(../images/common/banner_sakura_on.gif); text-indent: -10000px; display: block; overflow: }
#banner h4.beta { margin: 0px 0px 4px 0px; float: right; display: inline; }
#banner h4.beta a { width: 73px; height: 32px; background: url(../images/common/banner_archives.gif); text-indent: -10000px; display: block; overflow: }
#banner h4.beta a:hover { width: 73px; height: 32px; background: url(../images/common/banner_archives_on.gif); text-indent: -10000px; display: block; overflow: }
#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: }