/***********************************************/
/* emx_nav_left.css                            */
/* Use with template Halo_leftNav.html         */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: "MS PGothic";
	color: #333333;
	line-height: 1.166;	
	margin: 0px;
	padding: 0px;
	background: #ffffff;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #005FA9;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/************** header tag styles **************/

h1{
 font: bold 120% Arial,sans-serif;
 color: #CC0000;
 margin: 0px;
 padding: 0px;
}

h2{
 font: bold 114% Arial,sans-serif;
 color:#FF6600;
 margin: 0px;
 padding: 0px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color:#996600;
 margin: 0px;
 padding: 0px;
}

h4{
 font: 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font: 100% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

/*************** Top tag styles ***************/

.toppage {
 font: "HGGothicM";
 font-size:10px;
 font-weight:lighter;
 color:#7E0000;
}

.toppage a:link {
 font: "HGGothicM";
 font-size:10px;
 font-weight:lighter;
 color:#7E0000;
}

.toppage a:visited {
 font: "HGGothicM";
 font-size:10px;
 font-weight:lighter;
 color:#7E0000;
}
/*************** Error tag styles ***************/
.lessonCVTitle{
 font: "HGGothicM";
 font-size:15px;
 font-weight:bold;
 color: #000099;
 margin: 5px;
 padding: 0px;
 text-decoration:none;
}

.lessonCVtext{
 font: "HGGothicM";
 font-size:12px;
 font-weight:normal;
 color: #333333;
 margin: 10px;
 padding: 0px;
 text-decoration:none;
}

.lessonCVSubTitle{
 font: "HGGothicM";
 font-size:13px;
 font-weight:normal;
 color: #990000;
 margin: 7px;
 padding: 0px;
 text-decoration:none;
}

/*************** Error tag styles ***************/
.errortitle{
 font: "HGGothicM";
 font-size:15px;
 font-weight:bold;
 color: #FF0000;
 margin: 0px;
 padding: 0px;
 text-decoration:none;
}

.errortext{
 font: "HGGothicM";
 font-size:12px;
 font-weight:normal;
 color: #333333;
 margin: 0px;
 padding: 0px;
 text-decoration:none;
}

.errorSubTitle{
 font: "HGGothicM";
 font-size:12px;
 font-weight:normal;
 color: #990000;
 margin: 0px;
 padding: 0px;
 text-decoration:none;
}

/*************** Site Map tag styles ***************/
.alphabet{
 font: "HGGothicM";
 font-size:0px;
 color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 text-decoration:none;
}

.SmallRedCircel {
 font: "HGGothicM";
 font-size:4px;
 font-weight:lighter;
 color:#000000;
}

/*************** Site Map tag styles ***************/
.sm1col a:link{
 font: "HGGothicM";
 font-size:12px;
 color: #FF6600;
 margin: 0px;
 padding: 0px;
}

.sm1col a:visited{
 font: "HGGothicM";
 font-size:12px;
 color: #CC3300;
 margin: 0px;
 padding: 0px;
}

.sm2col, #sm2col a:link{
 font: "HGGothicM";
 font-size:12px;
 color:#AA8214;
 margin: 0px;
 padding: 0px;
}

.sm2col a:visited{
 font: "HGGothicM";
 font-size:12px;
 color:#884914;
 margin: 0px;
 padding: 0px;
}

.sm3col, #sm3col a:link{
 font: "HGGothicM";
 font-size:11px;
 color: #1E1E1E;
 margin: 0px;
 padding: 0px;
}

.sm4col, #sm4col a:link{
 font: "HGGothicM";
 font-size:11px;
 color: #333333;
 margin: 0px;
 padding: 0px;
}


/*************** Event tag styles ***************/
.passedEventText, #passedEventText a:visited, #passedEventText a:link {
 font: "HGGothicM";
 font-size:12px;
 font-weight:normal;
 color:#bbbbbb;
 text-decoration:none;
}

.passedEventText a:hover {
 font: "HGGothicM";
 font-size:12px;
 font-weight:normal;
 color: #bbbbbb;
 background-color:#FF9900;
 text-decoration:none;
}

.NewEventText{
 font: "HGGothicM";
 font-size:12px;
 font-weight:normal;
 color:#333333;
 text-decoration:none;
}

/*************** Fun tag styles ***************/

.fun a:link {
 font:"HGGothicM";
 font-size:12px;
 font-weight:bolder;
 color:#000000;
 text-decoration:none;
}

.fun a:hover {
 font:"HGGothicM";
 font-size:12px;
 font-weight:bolder;
 text-decoration:none;
 color: #ff0000;
}

.fun a:visited {
 font:"HGGothicM";
 font-size:12px;
 font-weight:bolder;
 text-decoration:none;
 color: #800000;
}

/*************** Privacy statement title tag styles ***************/
.privacytext{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

/*************** Privacy statement title tag styles ***************/
.aboutustext{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

/*************** price title tag styles ***************/
.priceSubTitle{
 font:"MS PGothic";
 font-size:14px;
 font-weight:bold;
 color:#990000;
 line-height:12px;
 text-decoration:underline;
 margin: 10px;
 padding: 0px;
}

.priceCircle{
 font:"MS PGothic";
 font-size:10px;
 font-weight:bold;
 color:#990000;
}

/*************** News title tag styles ***************/
.newsTitle{
 font:"MS PGothic";
 font-size:14px;
 font-weight:bold;
 line-height:20px;
 color: #CC0000;
 margin: 10px;
 padding:0px;
}

.newsText{
 font:"MS PGothic";
 font-size:12px;
 font-weight:normal;
 color:#000000;
 margin: 10px;
 padding:0px;
}

.newsPoint{
 font:"MS PGothic";
 font-size:12px;
 font-weight:normal;
 color: #990000;
 margin: 0px;
 padding:0px;
}

/*************** Presentation lesson tag styles ***************/

.lessonchoice{
 font:"MS PGothic";
 font-size:14px;
 font-weight:bold;
 color:#000080;
 line-height:20pt;
 margin: 20px;
 padding: 0px;
}

.lessontext{
 font:"MS PGothic";
 font-size:12px;
 font-weight:900;
 color:#990000;
 margin: 0px;
 padding: 0px;
}

.lesson{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color:#333333;
 margin: 0px;
 padding: 0px;
}

#lessonmenu a:link, #lessonmenu a:visited {
	border-left:1px solid #FFAAAA;
	border-bottom: 1px solid #990000;
	font-size:12px;
	font-weight: bold;
	color: #990000;
}

#lessonmenu a:hover{
	background-color: #D7ECFF;
	font-weight: bold;
	text-decoration: none;
}

/*************** Presentation lesson menu tag styles ***************/

.lessonmenuR, .lessonmenuR a:visited, .lessonmenuR a:link {
 font:"MS Gothic";
 font-size:12px;
 font-weight:100;
 color:#CC0000;
 text-decoration:none;
 margin: 10px;
 padding: 0px;
}

.lessonmenuR a:hover {
  color:#FFBA00;
  background-color:#FFE6E6;
}

.lessonmenuP, .lessonmenuP a:visited, .lessonmenuP a:link {
 font:"MS Gothic";
 font-size:12px;
 font-weight:bold;
 color:#F6EDED;
 text-decoration:none;
 margin: 2px;
 padding: 0px;
}

.lessonmenuP a:hover {
  color:#FF9900;
}

.lessonmenuT, a:link, a:visited {
 font:"MS Gothic";
 font-size:12px;
 font-weight:bold;
 color:#333333;
 text-decoration:none;
 margin: 10px;
 padding: 0px;
}

.lessonmenuEx {
 font:"MS Gothic";
 font-size:12px;
 font-weight:100;
 color:#888888;
 text-decoration:none;
 margin: 32px;
 padding: 0px;
}

.lessonmenuT a:hover {
  background-color:#FFE6E6;
}

/*************** Schedule tag styles ***************/

.schedNote{
 font:"MS PGothic";
 font-size:10px;
 font-weight:normal;
 color:#666666;
 margin: 10px;
 padding:0px;
}
.calendarText{
	font-family:"MS PGothic";
	font-size:12px;
	font-weight: bold;
	color: #000000;
}

.SchedTab {
	margin-left:10px;
}

/*************** Campain tag styles ***************/

.campainTitle {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
	margin: 10px;
	line-height: 30px;
}
.campainPoint {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 15px;
	color: #F00;
	text-decoration: none;
	margin-left: 30px;
}
.campainText {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.campainText2lg {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 15px;
	text-decoration: none;
	color: #F00;
}
.campainTextBig {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 15px;
	text-decoration: none;
	margin-left: 10px;
}
.campainTextMid {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 13px;
	text-decoration: none;
	border-left-width: 10px;
}.campainTitle {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	color: #F00;
	text-decoration: none;
	line-height: 30px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 5px;
}
.campainPoint {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 15px;
	color: #F00;
	text-decoration: none;
	margin-left: 30px;
	font-weight: bold;
}
.campainText {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 12px;
	color: #333;
	text-decoration: none;
}
.campainText2lg {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 15px;
	text-decoration: none;
	color: #F00;
}
.campainTextBig {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 15px;
	text-decoration: none;
	margin-left: 10px;
	font-weight: bold;
}
.campainTextMid {
	font-family: "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	font-size: 13px;
	text-decoration: none;
}

/*************** Presentation teacher tag styles ***************/

.ptchlang a:link{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #4B0000;
 margin: 0px;
 padding: 0px;
}

.ptchlang a:visited{
 font-size:12px;
 color: #4b0000;
 font-weight:100;
}

.ptchlang a:hover{
	background-color:#FFE1E1;
}

.ptlanguage{
 font:"MS PGothic";
 font-size:14px;
 font-weight:bold;
 color:#FFFFFF;
 background:#9C0000;
 border-bottom:thin #0000FF;
 line-height:14pt;
 margin: 10px;
 padding: 0px;
}

.ptname{
 font: 100% Arial,sans-serif;
 font-size:14px;
 font-weight:600;
 color: #003399;
 margin: 0px;
 padding: 0px;
}

.ptville{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #003399;
 margin: 0px;
 padding: 0px;
}

.ptmessr{
 font: 100% Arial,sans-serif;
 font-size:12px;
 font-weight:100;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

.ptmessk{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

.ptmesschi{
 font:"SimSun";
 font-size:12px;
 font-weight:100;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

.ptmesskor{
 font:"Arial Unicode MS";
 font-size:12px;
 font-weight:100;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

/*************** Student Voice and School Presentation tag styles ***************/

.funTitre{
 font:Arial, Helvetica, sans-serif;
 font-size:14px;
 font-weight:bold;
 color:#FFFFFF;
 background:#9C0000;
 border-bottom:thin #0000FF;
 line-height:14pt;
 margin: 10px;
 padding: 0px;
}

.funSousTitreSel{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #FF0000;
 margin: 0px;
 padding: 0px;
}

.funSousTitreNoSel{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #CCCCCC;
 margin: 0px;
 padding: 0px;
}

.funSousTitre{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #4B0000;
 margin: 0px;
 padding: 0px;
}

.funSousTitre a:link{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color: #4B0000;
 margin: 0px;
 padding: 0px;
}

.funSousTitre a:visited{
	font-size:12px;
	color: #4b0000;
}

.funSousTitre a:hover{
	background-color:#FFE1E1;
}

.linkSousTitre{
 font:"MS PGothic";
 font-size:12px;
 font-weight:100;
 color:#002850;
 margin: 0px;
 padding: 0px;
}

.linkSousTitre a:hover{
	background-color:#DDEEFF;
}

/*************** Student Voice and School Presentation tag styles ***************/

.StudentVoiceTitle, .StudentVoiceTitle a:link, .StudentVoiceTitle a:visited{
 font:"MS PGothic";
 font-size:14px;
 color:#FFFFFF;
 font-weight:bold;
 background:#9C0000;
 border-bottom:thin #0000FF;
 line-height:14pt;
 margin: 10px;
 padding: 0px;
}

.StudentVoiceSubTitle{
 font:"MS PGothic";
 font-size:14px;
 color:#9C0000;
 font-weight:bolt;
 line-height:normal;
 margin: 20px;
 padding: 0px;
}

.StudentVoiceText{
 font:"MS PGothic";
 font-size:13px;
 font-style:normal;
 color:#000000;
 font-weight:100;
 margin: 20px;
 padding: 0px;
}

/*************** list tag styles ***************/

/********* form and related tag styles *********/

/***********************************************/
/* Layout Divs                                 */
/***********************************************/
#KobeSchool {
	position:absolute;
	z-index:1;
	visibility: visible;
}
#OsakaSchool {
	position:absolute;
	z-index:2;
	visibility: hidden;
}
#MenuGame {
	position:absolute;
	z-index:1;
	visibility: visible;
	left: 5;
	width: 490;
	top: 0;
	height: 38;
}
#MenuLink {
	position:absolute;
	z-index:2;
	visibility: hidden;
	left: 5;
	width: 490;
	top: 0;
	height: 38;
}
/***********************************************/
/* Component Divs                              */
/***********************************************/

/***********************************************/
/* Menu                                        */
/***********************************************/

.dbMenu{
	width:500px;
}

.dbMenu .click{
	background-image:none;
}

#menu{
	position:relative;
	z-index:1;
	top:0;
	left:0;
	padding:2px;
	margin:0px;
	list-style:none;
}
li ul{
	position:relative;
	background-color:#FFFFFF;
	border:ridge;
	border-width:thin;
	border-color:#C8E6FA;
	display:none;
	padding:2px;
	margin:0px;
	list-style:none;
}
li{
	position:relative;
	padding:2px;
	margin:0px;
	color:#000000;
}
.subMenu{
	background-repeat:no-repeat;
}
.click{
	background-color:#FFFFFF;
	color:#FFFFFF;
}
.click ul{
	display:block;
}
.hover, ul li a:hover{
	cursor:pointer;
	background-color:#FFFFFF;
	color:#FFFFFF;
}
li ul li.hover, li ul li.hover a:hover{
	background-color:#FFFFFF;
}
li a{
	width:100%;
}
li a, li ul li a, li.hover ul li a{
	text-decoration:none;
	color:#000000;
}
li.hover a, li ul li.hover a{
	color:#fffab5;
	text-decoration:underline;
}

/*************** story styles ******************/

.story {
	padding: 10px 0px 0px 10px;
	font-size: 80%;
	min-width:514px;
	background:#FFFFFF;
}

.story h3{
	font: bold 125% Arial,sans-serif;
	color: #000000;
}

.story p {
	padding: 0px 0px 10px 0px;
}

.story a.capsule{
	font: bold 1em Arial,sans-serif;
	color: #005FA9;
	display:block;
	padding-bottom: 5px;
}

.story a.capsule:hover{
	text-decoration: underline;
}

td.storyLeft{
	padding-right: 12px;
}

.mainText {
	font-family: "MS PGothic";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	letter-spacing: 1px;
}

.mainTitleText {
	font-family: "MS PGothic";
	font-size: 14px;
	font-style: normal;
	line-height:16px;
	font-variant: normal;
	color: #333333;
	letter-spacing: 2px;
	font-weight:normal;
}
/********************* end **********************/