/* common css for all
--------------------------------------------------*/
body{
font-family:Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3",sans-serif;
color:#000000;
margin:0;
padding:15px;
}

a{
color: #3333FF;
text-decoration: none;
}

a:hover{
color: #FF3399;
}



/*  2nd navi
--------------------------------------------------*/
#navi-2nd-what a{
color: #3333FF;
text-decoration: none;
}
#navi-2nd-what a:hover{
color: #FF3399;
}
#navi-2nd-what .here{
color: #FF3399;
}

#navi-2nd-check a{
color: #3333FF;
text-decoration: none;
}
#navi-2nd-check a:hover{
color: #FF9900;
}
#navi-2nd-check .here{
color: #FF9900;
}

#navi-2nd-simulation a{
color: #3333FF;
text-decoration: none;
}
#navi-2nd-simulation a:hover{
color: #3399FF;
}
#navi-2nd-simulation .here{
color: #3399FF;
}


/*  id & class relation
--------------------------------------------------*/

/* font size
------------------------------------------*/

/* Except Win IE
--------------------*/
td, a, body {
font-size: 12px;
}

/* Only for Win IE
--------------------*/
/* \*/
* html td, a, body {
font-size: 83%;
}
/* */

.normal{
font-size:100%;
line-height:140%;
}

.small{
font-size:85%;
line-height:140%;
}

.large{
font-size:110%;
line-height:150%;
}

.strong{
font-weight:bold;
}

#what h2{
font-size:125%;
line-height:120%;
color:#FF3399;
margin: 30px 0px 5px 0px;
}

#what h2.nontop{
font-size:125%;
line-height:120%;
color:#FF3399;
margin: 0px 0px 5px 0px;
}

#other h2{
font-size:125%;
line-height:120%;
color:#669900;
margin: 10px 0px 10px 0px;
}

#other-vocabulary h2{
font-size:125%;
line-height:120%;
color:#669900;
margin: 10px 0px 5px 0px;
}

#upper h2{
font-size:125%;
line-height:120%;
color:#003300;
margin: 30px 0px 5px 0px;
}

#upper h2.nontopmargin{
font-size:125%;
line-height:120%;
color:#003300;
margin: 0px 0px 5px 0px;
}



#footer{
color: #FFFFFF;
}

.clear{
clear:both;
}


/*  space
--------------------------------------------------*/

.margin-top30{
margin: 30px 0px 0px 0px;
}

.margin-top20{
margin: 20px 0px 0px 0px;
}

.margin-top15{
margin: 15px 0px 0px 0px;
}

.margin-top10{
margin: 10px 0px 0px 0px;
}

.margin-bottom30{
margin: 0px 0px 30px 0px;
}

.margin-bottom10{
margin: 0px 0px 10px 0px;
}

.margin-left20{
margin: 0px 0px 0px 20px;
}


/*  2nd/character
--------------------------------------------------*/

.under-text{
margin: 25px 0px 10px 0px;
}


/*  2nd/sitemap
--------------------------------------------------*/

#sitemap a{
color: #3333FF;
text-decoration: none;
}
#sitemap a:hover{
color: #006600;
}


/*  2nd/character
--------------------------------------------------*/

#teacher p.topics{
font-size:125%;
line-height:120%;
color:#003300;
margin: 20px 0px 10px 0px;
}