@charset "UTF-8";


/* MAIN WINDOW MODULES -RIGHT AREA- 
--------------------------------------------------------------*/
#leftArea{
	float:left;
	width:216px;
}
#leftArea p{
	margin-bottom:10px;
}
#leftArea .logo{
	margin-bottom:35px;
}


div#leftArea .globalnavi {
	left: 0;
	overflow: hidden;
	padding: 1px 0 0;
	position: relative;
	top: 0;
}
div#leftArea .globalnavi ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width:205px;
}
div#leftArea .globalnavi ul li a {
	background-color: #ebebeb;
	color: #000000;
	display: block;
}

/* ------------ globalnavi ------------ */
div#leftArea .globalnavi ul li.globalnavi_game a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_charactor a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_parent a.haribotekit{
	width:205px; height: 50px;
}
div#leftArea .globalnavi ul li.globalnavi_keyboard a.haribotekit{
	width:205px; height: 70px;
}


div#leftArea .globalnavi ul li.globalnavi_game a.haribotekit      .panel,
div#leftArea .globalnavi ul li.globalnavi_charactor a.haribotekit .panel,
div#leftArea .globalnavi ul li.globalnavi_parent a.haribotekit    .panel,
div#leftArea .globalnavi ul li.globalnavi_keyboard a.haribotekit  .panel{
	background-image:url("/ex/typing/common/images/leftArea/gnavi.gif");
}

/* globalnavi_game */
div#leftArea .globalnavi ul li.globalnavi_game a.haribotekit          .panel{ background-position:    0px    0px; }
div#leftArea .globalnavi ul li.globalnavi_charactor a.haribotekit     .panel{ background-position:    0px  -50px; }
div#leftArea .globalnavi ul li.globalnavi_parent a.haribotekit        .panel{ background-position:    0px -100px; }
div#leftArea .globalnavi ul li.globalnavi_keyboard a.haribotekit      .panel{ background-position:    0px -150px; }

div#leftArea .globalnavi ul li.globalnavi_game a:hover                .panel{ background-position: -210px    0px; }
div#leftArea .globalnavi ul li.globalnavi_charactor a:hover           .panel{ background-position: -210px  -50px; }
div#leftArea .globalnavi ul li.globalnavi_parent a:hover              .panel{ background-position: -210px -100px; }
div#leftArea .globalnavi ul li.globalnavi_keyboard a:hover            .panel{ background-position: -210px -150px; }

#outline div#leftArea .globalnavi ul li.globalnavi_game a.haribotekit        .panel{ background-position: -420px    0px; }
#character div#leftArea .globalnavi ul li.globalnavi_charactor a.haribotekit .panel{ background-position: -420px  -50px; }
#parent div#leftArea .globalnavi ul li.globalnavi_parent a.haribotekit       .panel{ background-position: -420px -100px; }
#keyboard div#leftArea .globalnavi ul li.globalnavi_keyboard a.haribotekit             .panel{ background-position: -420px -150px; }

/* globalnavi_parent */
div#leftArea .globalnavi ul li.globalnavi_parent{
	margin-bottom:20px;
}
/* globalnavi_charactor */
div#leftArea .globalnavi ul li.globalnavi_keyboard{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:#cdcdcd 1px solid;
}

/* ------------ globalnavi_game kasou ------------ */
div#leftArea .globalnavi ul li.globalnavi_game_course a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_course02 a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_level a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_typingaction a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_typist a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_medal a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_wireless a.haribotekit,
div#leftArea .globalnavi ul li.globalnavi_game_movie a.haribotekit{
	width:205px; height: 58px;
}
div#leftArea .globalnavi ul li.globalnavi_game_course a.haribotekit       .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_course02 a.haribotekit     .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_level a.haribotekit        .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_typingaction a.haribotekit .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_typist a.haribotekit       .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_medal a.haribotekit        .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_wireless a.haribotekit     .panel ,
div#leftArea .globalnavi ul li.globalnavi_game_movie a.haribotekit     .panel{
	background-image:url("/ex/typing/common/images/leftArea/lnavi_outline.gif");
}

div#leftArea .globalnavi ul li.globalnavi_game_course a.haribotekit       .panel{ background-position:    0px    0px; }
div#leftArea .globalnavi ul li.globalnavi_game_course02 a.haribotekit     .panel{ background-position:    0px  -58px; }
div#leftArea .globalnavi ul li.globalnavi_game_level a.haribotekit        .panel{ background-position:    0px -116px; }
div#leftArea .globalnavi ul li.globalnavi_game_typingaction a.haribotekit .panel{ background-position:    0px -174px; }
div#leftArea .globalnavi ul li.globalnavi_game_typist a.haribotekit       .panel{ background-position:    0px -232px; }
div#leftArea .globalnavi ul li.globalnavi_game_medal a.haribotekit        .panel{ background-position:    0px -290px; }
div#leftArea .globalnavi ul li.globalnavi_game_wireless a.haribotekit     .panel{ background-position:    0px -348px; }
div#leftArea .globalnavi ul li.globalnavi_game_movie a.haribotekit        .panel{ background-position:    0px -406px; }


div#leftArea .globalnavi ul li.globalnavi_game_course a:hover       .panel{ background-position:    -210px    0px; }
div#leftArea .globalnavi ul li.globalnavi_game_course02 a:hover     .panel{ background-position:    -210px  -58px; }
div#leftArea .globalnavi ul li.globalnavi_game_level a:hover        .panel{ background-position:    -210px -116px; }
div#leftArea .globalnavi ul li.globalnavi_game_typingaction a:hover .panel{ background-position:    -210px -174px; }
div#leftArea .globalnavi ul li.globalnavi_game_typist a:hover       .panel{ background-position:    -210px -232px; }
div#leftArea .globalnavi ul li.globalnavi_game_medal a:hover        .panel{ background-position:    -210px -290px; }
div#leftArea .globalnavi ul li.globalnavi_game_wireless a:hover     .panel{ background-position:    -210px -348px; }
div#leftArea .globalnavi ul li.globalnavi_game_movie a:hover        .panel{ background-position:    -210px -406px; }


/* pokemon */
div#leftArea .bg_pokemon{
	margin-left:-20px;
	/margin-left:-40px;
	zoom:1;
	z-index:100;
}