@charset "utf-8";
/* CSS Document */

/*----- レッスン -----*/

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

/* グローバルメニュー */

#globalNavi { 
	height: 91px;
	background: url(../../img/lesson/bg_globalnavi.jpg) no-repeat bottom;
	position: relative;
}

#globalNavi #menuLesson { font-size: 1px; height: 24px; }
#globalNavi #menuLesson li { float: left; height: 24px; }

#globalNavi #menuStep { font-size: 1px; height: 33px; }
#globalNavi #menuStep li { float: left; height: 33px; }

#globalNavi #menuList { 
	font-size: 1px; 
	height: 34px; width: 140px; 
	float: left; 
}
#globalNavi #menuList li img { margin: 4px 0 0 7px; }

#globalNavi #menuTab { 
	font-size: 1px; text-align: center;
	height: 34px; width: 700px; float: left;
}

.eng #globalNavi {
  position:relative;
}

.es #globalNavi {
  position:relative;
}

.pt #globalNavi {
  position:relative;
}

.zh #globalNavi {
  position:relative;
}

.ko #globalNavi {
  position:relative;
}

.eng #globalNavi #menuTab {
	font-size: 1px;
	text-align: center;
	height: 34px;
	width: 650px;
	float: left;
}

.es #globalNavi #menuTab {
	font-size: 1px;
	text-align: center;
	height: 34px;
	width: 650px;
	float: left;
}

.pt #globalNavi #menuTab {
	font-size: 1px;
	text-align: center;
	height: 34px;
	width: 650px;
	float: left;
}

.zh #globalNavi #menuTab {
	font-size: 1px;
	text-align: center;
	height: 34px;
	width: 650px;
	float: left;
}

.ko #globalNavi #menuTab {
	font-size: 1px;
	text-align: center;
	height: 34px;
	width: 650px;
	float: left;
}
.id #globalNavi{position:relative;zoom:1;overflow:hidden;}
.id #globalNavi #menuTab {
	font-size: 1px;
	text-align: center;
	height: 34px;
	width: 630px;
	float: left;
}

/*
.eng #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: 0;
  right: 4px;  
}

.es #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: 0;
  right: 4px;  
}

.pt #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: 0;
  right: 4px;  
}

.zh #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: 0;
  right: 4px;  
}

.ko #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: 0;
  right: 4px;  
}

*html .eng #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: -1px;
  right: 1px;  
}

*html .es #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: -1px;
  right: 1px;  
}

*html .pt #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: -1px;
  right: 1px;  
}

*html .zh #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: -1px;
  right: 1px;  
}

*html .ko #globalNavi #menuLang {
  width: 136px;
  position: absolute;
  bottom: -1px;
  right: 1px;  
}
*/

#globalNavi #menuTab ul { height: 34px; width: auto; margin: 0 auto; }
#globalNavi #menuTab li { height: 34px; display: inline; }
#globalNavi #menuTab li img { margin: 4px 2px 0 0; }

#globalNavi p.languageTx { position: absolute;bottom:5px;;left: 808px;}
#globalNavi #menuLang { width: 92px; font-size: 1px; height: 24x; position: absolute; right:6px; bottom:5px;}
#globalNavi #menuLang li { float: left; font-size:3px; line-height:0; position:relative;}
#globalNavi #menuLang li img { margin:0; }

#globalNavi ul#pulldown { border-top: 1px solid #9bc2e6; display:none; position:absolute; top:24px; left:0; width:71px;}
#globalNavi ul#pulldown li{ border-bottom: 1px solid #9bc2e6; font-size:3px; line-height:0; padding:0; float:left; height:auto;}
*html #globalNavi ul#pulldown li{font-size:1px;}
#globalNavi ul#pulldown li img { margin:0;}

#globalNavi #menuLang li.click ul#pulldown { display:block;}
/* コンテンツ */

#contents { background: url(../../img/lesson/bg_contents.gif) no-repeat; padding: 0 40px; height: 574px; }

body.movie #contents{ background: url(../../img/lesson/bg_contents2.gif) no-repeat; }
body.manga #contents{ background: url(../../img/lesson/bg_contents3.gif) no-repeat; padding: 0 30px; }

#contents #header { height: 48px; font-size: 1px; }
#contents #header h1 { float: left; height: 48px; }
#contents #header h1 img { margin: 0 0 0 61px; }
#contents #header h1 img.sub { margin: 0 0 0 10px; }


#contents #header #menuSub { float: right; padding: 15px 0 10px; }
body.eng #contents #header #menuSub { padding: 0; }
body.es #contents #header #menuSub { padding: 0; }
body.pt #contents #header #menuSub { padding: 0; }
body.zh #contents #header #menuSub { padding: 0; }
body.ko #contents #header #menuSub { padding: 0; }
body.id #contents #header #menuSub { padding: 0; }
body.fr #contents #header #menuSub { padding: 0; }

body.manga #contents #header { margin: 0 10px; }

body.basic #contents #header h1 { background: url(../../img/lesson/icn_basic.jpg) no-repeat; }
body.advanced #contents #header h1 { background: url(../../img/lesson/icn_advanced.jpg) no-repeat; }
body.explanation #contents #header h1 { background: url(../../img/lesson/icn_explanation.jpg) no-repeat; }
body.letssee #contents #header h1 { background: url(../../img/lesson/icn_letssee.jpg) no-repeat; }
body.letstry #contents #header h1 { background: url(../../img/lesson/icn_letstry.jpg) no-repeat; }
body.vocabulary #contents #header h1 { background: url(../../img/lesson/icn_vocabulary.jpg) no-repeat; }
body.whatsthis #contents #header h1 { background: url(../../img/lesson/icn_whatsthis.jpg) no-repeat; }


/* Lesson14 Movie */
body#lesson14Movie #contents #header h1 img.sub { margin: 0; }


#flashArea { width: 900px; overflow: hidden; }
body.manga #flashArea { width: 920px; }
body.quiz #flashArea { width: auto; margin: 28px 47px 0 47px; }

div.question #flashArea { width: auto; margin: 30px 45px 0 46px; }
div.question #flashArea div.wrap { height: 473px; padding: 0 20px; 	overflow:hidden; }
body.basic div.question #flashArea div.wrap { background: url(../../img/lesson/bg_bsc_question.jpg) no-repeat; }
body.advanced div.question #flashArea div.wrap { background: url(../../img/lesson/bg_adv_question.jpg) no-repeat; }
div.question h2 { width: 187px; float: left; padding: 18px 0 0; }
div.question #flashArea ul { width: 508px; float: right; margin: 10px 0 0; font-size: 1px; }
div.question #flashArea ul li,
div.question #flashArea ul li a { font-size: 1px; margin: 0; line-height:0;}

body.advanced div.question #flashArea ul { margin: 80px 0 0; }

body.explanation div.practice #flashArea { width: auto; margin: 30px 45px 0 46px; }
body.explanation div.practice #flashArea div.wrap { 
	background: url(../../img/lesson/bg_exp_plactice.jpg) no-repeat; 
	height: 473px; padding: 0 20px; 
	overflow:hidden;
}
body.explanation div.practice #flashArea h2 { width: 187px; float: left; padding: 18px 0 0; }
body.explanation div.practice #flashArea ul { width: 508px; float: right; margin: 8px 0 0; font-size: 1px; }
body.explanation div.practice #flashArea ul.list2 { margin: 40px 0 0; }
body.explanation div.practice #flashArea ul li,
body.explanation div.practice #flashArea ul li a { font-size: 1px; margin: 0; line-height:0;}


#flashArea #altContent p { text-align: center; margin: 30px; }


/* 一覧ページ */
body.list #globalNavi { 
	height: 109px; 
	background: url(../../img/lesson/bg_globalnavi2.jpg) no-repeat left bottom; 
	position: relative;
}
body.list #globalNavi h1 { text-align: center; }

body.list #globalNavi h2 { 
	position: absolute;
	top: 78px;	left: 808px;
}

body.list #globalNavi #menuLang { 
	position: absolute;
	top: 76px;	left: 881px;
}
body.list #globalNavi #menuLang li.mainLang img { cursor: pointer;}
body.list #globalNavi #menuLang li img { margin-top: 0; }

body.list #contents { 
	padding: 0;
	background: url(../../img/lesson/bg_contents3.gif) no-repeat;
}

body.list #globalNavi h1 img { margin: 0 50px 0 0; }

body.list #contents #flashArea { width: 980px; }

/*
body.list #contents ul li { font-size: 1px; }
body.list #contents ul.left { float: left; }
body.list #contents ul.right { float: right; }
*/



/* 目次ページ */
body.index #globalNavi { 
	height: 92px; 
	background: url(../../img/lesson/bg_globalnavi2.jpg) no-repeat left bottom; 
	position: relative;
}
body.index #globalNavi h1 {
	text-align: center;
	margin-top:1px;
	height:24px;
}

body.index #globalNavi h2 { 
	position: absolute;
	top: 65px;
	left: 808px;
}

body.index #globalNavi #menuLang { 
	position: absolute;
	top: 62px;
	left: 881px;
}
body.index #globalNavi #menuLang li.mainLang img { cursor: pointer;}
body.index #globalNavi #menuLang li img { margin-top: 0; }

body.index #contents { 
	padding: 0;
	background: url(../../img/lesson/bg_contents3.gif) no-repeat;
}

body.index #globalNavi h1 img { margin: 0 50px 0 0; }

body.index #contents #flashArea { width: 980px; }




/*----- タイ語用 -----*/
body.th { background: url(../../../th/common/img/bg_contents.jpg) repeat-x #e5e5e5;}
body.th div#container { background: url(../../../th/common/img/bg_header.gif) repeat-x; text-align:center; width: auto;}
body.th div.inner { width: 950px; margin:auto; padding: 0 0 22px 0; }
body.th div#header { margin: 0 0 22px 0;}
body.th div#flashContents {
	width: 878px;
	background: url(../../../th/common/img/lesson/bg_flash.gif) no-repeat left top;
	margin: auto;
	padding: 48px 0 97px 0;
}
body.th p.backBt { text-align: right; padding: 0 50px 18px 0;}
body.th p.backBt a:hover img { opacity: 0.6; filter:alpha(opacity=60);}