@charset "UTF-8";

/*-- Ver.1.0 --*/

/*========================================
Initialization
========================================*/
* { margin: 0; padding: 0; }

/*========================================
Styles for Layout
========================================*/
body { text-align: center; }

#container { width: 800px; margin: 0 auto; text-align: left; }

#header { position: relative; width: 800px; height: 100px; }
#header .siteid { position: absolute; top: 10px; left: 10px; width: 380px; height: 80px; }
#header .siteid a { display: block; width: 380px; height: 80px; text-indent: -9999px; }
#header .description { position: absolute; top: 10px; left: 400px; width: 380px; height: 40px; }
#header .description .is { display: block; width: 380px; height: 40px; text-indent: -9999px; }
#header #headernavi { position: absolute; top: 64px; left: 400px; width: 380px; height: 30px; }
#header #headernavi li { float: left; }
#header #headernavi li a { width: 100px; height: 30px; display: block; margin: 0 25px 0 0; text-indent: -9999px; }

#contents { padding: 15px 0 15px 0; }

#main { width: 625px; float: right; padding: 0 0 15px 0; }
#main h2 { margin: 0 0 5px 0; padding: 0 0 0 40px; min-height: 30px; }
#main h3 { margin: 30px 0 0 40px; padding: 0 0 0 25px; }
#main h4 { margin: 20px 0 0 68px; }
#main h5 { margin: 20px 0 0 68px; }
#main h6 { margin: 20px 0 0 68px; }
#main p { margin: 10px 0 0 68px; }
#main ul { margin: 20px 0 0 93px; }
#main ul li ul { margin: 0 0 0 40px; }
#main ul li ol { margin: 0 0 0 40px; }
#main ul li h3 { margin: 0 0 0 0; }
#main ul li h4 { margin: 0 0 0 0; }
#main ul li h5 { margin: 0 0 0 0; }
#main ul li h6 { margin: 0 0 0 0; }
#main ul li p { margin: 0 0 0 0; }
#main ol { margin: 20px 0 0 93px; }
#main ol li ul { margin: 0 0 0 40px; }
#main ol li ol { margin: 0 0 0 40px; }
#main ol li h3 { margin: 0 0 0 0; }
#main ol li h4 { margin: 0 0 0 0; }
#main ol li h5 { margin: 0 0 0 0; }
#main ol li h6 { margin: 0 0 0 0; }
#main ol li p { margin: 0 0 0 0; }
#main dl { margin: 20px 0 0 68px; }
#main dd { margin: 0 0 0 40px; }
#main table { margin: 25px 0 0 68px; width: 89%; }
#main caption { margin: 25px 0 0 0; }
#main th,#contents #main td { padding: 5px; }
#main blockquote { margin: 20px 20px 0 88px; padding: 0 20px 20px 20px; }
#main blockquote h2 { margin: 20px 0 0 0; }
#main blockquote h3 { margin: 20px 0 0 0; }
#main blockquote h4 { margin: 20px 0 0 0; }
#main blockquote h5 { margin: 20px 0 0 0; }
#main blockquote h6 { margin: 20px 0 0 0; }
#main blockquote p { margin: 20px 0 0 0; }
#main pre { margin: 20px 0 0 68px; padding: 20px; width: auto; }
#main hr { margin: 20px 0 0 68px; }

#main #topmainright { float: right; width: 320px; padding: 0 0 0 0; }
#main #topmainright h2 { margin: 0 0 10px 0; padding: 0 0 0 40px; }
#main #topmainright p { margin: 0 0 0 40px; }
#main #topmainright p.p00-1 { margin-left: 60px; text-indent: -1.2em; }
#main #topmainright p.p00-2 { margin-left: 60px; text-indent: -1.2em; }
#main #topmainright p.p00-3 { margin-left: 60px; text-indent: -1.2em; }

#main #topmainleft { float: left; width: 300px; padding: 0 0 0 0; margin: 0 -3px 0 0; }
#main #topmainleft .topimage { margin: 0 0 0 0; }
#main #topmainleft #news { width: 300px; margin: 10px 0 0 0; padding: 5px 0 0 0; }
#main #topmainleft h3 { margin: 0 15px 10px 15px; padding: 0 0 0 0; }
#main #topmainleft ul { margin: 0 0 0 0; padding: 0 15px 10px 15px; }
#main #topmainleft ul li { margin: 0 0 8px 0; padding: 0 0 8px 0; }

#main .totop { margin: 40px 0 0 0; }
#main .toback { margin: 0 0 0 0; }

#side { width: 160px; height: 420px; float: left; margin: 0 0 0 0; padding: 0 0 0 0; }
#side .sidenavi1 { width:144px; margin: 20px 8px 0 8px; }
#side .sidenavi1 li { margin: 0 0 5px 0; }
#side .sidenavi1 li a { width: 144px; height: 63px; display: block; text-indent: -9999px; }
#side .sidenavi2 { width:144px; margin: 20px 8px 0 8px; }
#side .sidenavi2 li { margin: 0 0 5px 0; }
#side .sidenavi2 li a { width: 144px; height: 41px; display: block; text-indent: -9999px; }

#footer { padding: 10px 20px 10px 20px; }
#footer p { width: 34em; margin: 0 auto 0 auto; }
#footer address { width: 34em; margin: 4px auto 0 auto; }

.floatclear { clear: both; }

.speech { position: absolute; top: -5000px; left: -5000px; }

/*=====clear fix=====*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* End hide from IE-mac */

/*========================================
Styles for Elements
========================================*/
body { font-size: 100%; line-height: 1.5; }

img { border-width: 0; }

#container { background-color: #ffffff; }

#header { background: url(../img/com/header.gif) no-repeat scroll left top; }
#header .siteid a:focus { outline: none; }
#header #headernavi { list-style: none; }
#header #headernavi li a.home { background: url(../img/com/home01.gif) no-repeat scroll left top; }
#header #headernavi li.hnact a.home { background: url(../img/com/home03.gif) no-repeat scroll left top; }
#header #headernavi li a.home:hover { background: url(../img/com/home02.gif) no-repeat scroll left top; }
#header #headernavi li a.activity { background: url(../img/com/activity01.gif) no-repeat scroll left top; }
#header #headernavi li.hnact a.activity { background: url(../img/com/activity03.gif) no-repeat scroll left top; }
#header #headernavi li a.activity:hover { background: url(../img/com/activity02.gif) no-repeat scroll left top; }
#header #headernavi li a.member { background: url(../img/com/recruit01.gif) no-repeat scroll left top; }
#header #headernavi li.hnact a.member { background: url(../img/com/recruit03.gif) no-repeat scroll left top; }
#header #headernavi li a.member:hover { background: url(../img/com/recruit02.gif) no-repeat scroll left top; }
#header #headernavi li a:focus { outline: none; }

#main { background: #ffffff; }
#main h2 { background: url(../img/com/h1_back.jpg) repeat-x scroll top left; color: #0068cd; font-size: 1.75em; line-height: 1.2; }
#main h3 { background: url(../img/com/h3mark.gif) no-repeat scroll left 4px; font-size: 1.5em; line-height: 1.2; }
#main h4 { font-size: 1.25em; }
#main h5 { font-size: 1.25em; }
#main h6 { font-size: 1.25em; }
#main dt { font-weight: bold; }
#main table { border-collapse: collapse; border: 2px solid #999999; }
#main th { border: 1px solid #999999; vertical-align: top; text-align: center; letter-spacing: 0.5em; }
#main td { border: 1px solid #999999; vertical-align: top; }
#main caption { font-weight: bold; }

#main #topmainright h2 { background: url(../img/com/h1_back.jpg) repeat-x scroll top left; color: #0068cd; font-size: 1.75em; line-height: 1.2; }

#main #topmainleft #news { background: url(../img/com/newsback.gif) no-repeat scroll left top; }
#main #topmainleft h3 { font-size: 1.25em; font-weight: bold; border-bottom: 2px solid #388cb9; text-align: center; background: none; }
#main #topmainleft h3 a { text-decoration: none; color: #000000; }
#main #topmainleft ul { list-style: none; background: #fffbc6 url(../img/com/newsbackb.gif) no-repeat scroll left bottom; }
#main #topmainleft ul li { line-height: 1.2; border-bottom: 1px dashed #aaa; }

#main .totop,
#main .toback { text-align: right; }

#main .fontbold { font-weight: bold; }
#main .aligncenter { text-align: center; }
#main .alignright { text-align: right; }

#side { background: url(../img/com/navi_buck.gif) no-repeat scroll left top; }
#side .sidenavi1 { list-style: none; }
#side .sidenavi1 li a.schedule { background: url(../img/com/schedule01.gif) no-repeat scroll left top; }
#side .sidenavi1 li.sn1act a.schedule { background: url(../img/com/schedule03.gif) no-repeat scroll left top; }
#side .sidenavi1 li a.schedule:hover { background: url(../img/com/schedule02.gif) no-repeat scroll left top; }
#side .sidenavi1 li a.classroom { background: url(../img/com/classroom01.gif) no-repeat scroll left top; }
#side .sidenavi1 li.sn1act a.classroom { background: url(../img/com/classroom03.gif) no-repeat scroll left top; }
#side .sidenavi1 li a.classroom:hover { background: url(../img/com/classroom02.gif) no-repeat scroll left top; }
#side .sidenavi1 li a:focus { outline: none; }
#side .sidenavi2 { list-style: none; }
#side .sidenavi2 li a.japanese { background: url(../img/com/japanese01.gif) no-repeat scroll left top; }
#side .sidenavi2 li.sn2act a.japanese { background: url(../img/com/japanese03.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.japanese:hover { background: url(../img/com/japanese02.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.english { background: url(../img/com/english01.gif) no-repeat scroll left top; }
#side .sidenavi2 li.sn2act a.english { background: url(../img/com/english03.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.english:hover { background: url(../img/com/english02.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.chinese { background: url(../img/com/chinese01.gif) no-repeat scroll left top; }
#side .sidenavi2 li.sn2act a.chinese { background: url(../img/com/chinese03.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.chinese:hover { background: url(../img/com/chinese02.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.portuguese { background: url(../img/com/portugues01.gif) no-repeat scroll left top; }
#side .sidenavi2 li.sn2act a.portuguese { background: url(../img/com/portugues03.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.portuguese:hover { background: url(../img/com/portugues02.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.korean { background: url(../img/com/hangul01.gif) no-repeat scroll left top; }
#side .sidenavi2 li.sn2act a.korean { background: url(../img/com/hangul03.gif) no-repeat scroll left top; }
#side .sidenavi2 li a.korean:hover { background: url(../img/com/hangul02.gif) no-repeat scroll left top; }
#side .sidenavi2 li a:focus { outline: none; }

#footer { background: #fff57f url(../img/com/footer.gif) no-repeat scroll left top; }
#footer p { font-size: 0.85em; line-height: 1.2; }
#footer address { font-size: 0.85em; font-style: normal; line-height: 1.2; }