@charset "UTF-8";

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

#sakurasaku_header { margin: 0px 0px 0px 15px; }
#sakurasaku_header_left { width: 447px; line-height: 1.4; float: left; }
#sakurasaku_header_left img { margin: 7px 0px 10px 0px; }
#sakurasaku_header_right { width: 123px; float: right; }
#adobe { margin: 0px 0px 15px 0px; }
#adobe img { float: left; }
#adobe p { margin: 0px 0px 0px 7px; padding: 0px; font-size: 90%; line-height: 1.4; float: left; }
#sakurasaku table { margin: 0px 0px 15px 0px; }
#sakurasaku table td { padding: 0px 0px 0px 15px; font-size: 85%; text-align: center; }
#sakurasaku table td img { margin: 5px 0px 2px 0px; }
#preload { position: absolute; filter: alpha(opacity=0); opacity: .0; }
#sakurasaku table td a { margin: 5px 0px 2px 0px; width: 102px; height: 17px; background: url(../images/sakurasaku/download.gif) no-repeat; text-indent: -10000px; display: block; overflow: hidden; }
#sakurasaku table td a:hover { margin: 5px 0px 2px 0px; width: 102px; height: 17px; background: url(../images/sakurasaku/download_on.gif) no-repeat; text-indent: -10000px; display: block; overflow: hidden; }
#sakurasaku > p { margin: .5em 0 1.5em 17px;}

#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 15px; padding: 4px; background: url(../images/common/module_header.gif); color: #FFFFFF; font-size: 100%; font-weight: 400; }
h4 { margin: 0px; padding: 0px; }

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

/* バナー */
#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: }