@charset "UTF-8";
div#root{
	position:absolute;
	top:0px;
	left:0px;
	width:635px;
	height:480px;
	margin:0px;
	background:#F4E3B0;
}

/*指示*/
div#indication_ctrl{
	position:absolute;
	top:0px;
	left:550px;
	width:40px;
	height:10px;
	font-size:9px;
}

div#before_indication{
	position:absolute;
	top:30px;
	left:5px;
	width:30px;
	height:30px;
	font-size:9px;
	background:#F4E3B0;
}

div#next_indication{
	position:absolute;
	top:30px;
	left:600px;
	width:30px;
	height:30px;
	font-size:9px;
	background:#F4E3B0;
}

div#background_indication{
	position:absolute;
	top:15px;
	left:40px;
	width:555px;
	height:60px;
	font-size:12px;
	background:#F4E3B0;
	overflow:auto;
    background-color: #FFF7D9;
	background-image: url(../img/div_indication_bg.gif);
	Z-INDEX: 100;
}

div#indication{
	position:absolute;
	top:15px;
	left:40px;
	width:555px;
	height:60px;
	font-size:12px;
	background:#F4E3B0;
	overflow:auto;
    background-color: #FFF7D9;
	background-image: url(../img/div_indication_bg.gif);
	Z-INDEX: 101;
}

/*動画*/
div#media_a{
	position:absolute;
	top:78px;
	left:0px;
	width:635px;
	height:349px;
	font-size:12px;
	text-align:center;
	Z-INDEX: 100;
	background-image: url(../img/1bg.gif)
}

div#media_b{
	position:absolute;
	top:78px;
	left:0px;
	width:635px;
	height:349px;
	font-size:12px;
	text-align:center;
	Z-INDEX: 100;
	background-image: url(../img/2bg.gif)
}

div#media_c{
	position:absolute;
	top:78px;
	left:0px;
	width:635px;
	height:349px;
	font-size:12px;
	text-align:center;
	Z-INDEX: 100;
	background-image: url(../img/3bg.gif)
}

div#media_d{
	position:absolute;
	top:78px;
	left:0px;
	width:635px;
	height:349px;
	font-size:12px;
	text-align:center;
	Z-INDEX: 100;
	background-image: url(../img/4bg.gif)
}

div#media_e{
	position:absolute;
	top:78px;
	left:0px;
	width:635px;
	height:349px;
	font-size:12px;
	text-align:center;
	Z-INDEX: 100;
	background-image: url(../img/5bg.gif)
}

div#media2{
	position:absolute;
	top:130px;
	left:40px;
	width:260px;
	height:210px;
	background:#F4E3B0;
	font-size:12px;
	text-align:center;
}

div#repeat{
	position:absolute;
	top:5px;
	left:65px;
	width:500px;
	height:35px;
	font-size:12px;
	overflow:auto;
	text-align:center;
	Z-INDEX: 101;
	display:none;
}
div#repeat2{
	position:absolute;
	top:51px;
	left:40px;
	width:264px;
	height:20px;
	font-size:12px;
	overflow:no;
	text-align:center;
	Z-INDEX: 101;
	display:none;
}

/*テキスト表示*/
div#dialogue_txt{
	position:absolute;
	top:100px;
	left:40px;
	width:555px;
	height:240px;
	/*font-size:12px;*/
	background:#F4E3B0;
	overflow:auto;
    background-color: #FFF7D9;
	Z-INDEX: 101;
}

div#dialogue{
	position:absolute;
	top:130px;
	left:330px;
	width:260px;
	height:210px;
	font-size:12px;
	background:#F4E3B0;
	text-align:left;
	overflow:auto;
	background-color: #FFF7D9;
	Z-INDEX: 101;
}

/*情報*/
div#background_info{
	position:absolute;
	top:365px;
	left:40px;
	width:555px;
	height:60px;
	font-size:12px;
	text-align:left;
	overflow:false;
	Z-INDEX: 100;
	display: block;
	background-color: #FFF7D9;
	background-image: url(../img/div_info_bg.gif)
}

div#info{
	position:absolute;
	top:365px;
	left:40px;
	width:555px;
	height:60px;
	font-size:12px;
	text-align:left;
	overflow:auto;
	Z-INDEX: 101;
	background-color: #FFF7D9;
	background-image: url(../img/div_info_bg.gif)
}

div#situation_panel{
	position:absolute;
	top:365px;
	left:40px;
	width:555px;
	height:60px;
	font-size:12px;
	text-align:left;
	overflow:auto;
	Z-INDEX: 102;
	background-color: #FFF7D9;
	background-image: url(../img/div_info_bg.gif)
}

/*パネル*/
/*
div#panel{
	position:absolute;
	top:440px;
	left:40px;
	width:560px;
	height:20px;
	font-size:12px;
	background:F4E3B0;
	text-align:center;
}
*/

div#panel1{
	position:absolute;
	top:440px;
	left:20px;
	width:20px;
	height:20px;
	font-size:12px;
	background:F4E3B0
	text-align:center;
}

div#panel2{
	position:absolute;
	top:440px;
	left:90px;
	width:220px;
	height:20px;
	font-size:12px;
	background:F4E3B0;
	text-align:center;
}

div#panel3{
	position:absolute;
	top:431px;
	left:327px;
	width:220px;
	height:40px;
	font-size:12px;
	background:F4E3B0;
	text-align:right;
	align:right;
}

div#panel4{
	position:absolute;
	top:440px;
	left:570px;
	width:20px;
	height:32px;
	font-size:12px;
	background:F4E3B0;
	text-align:center;
}

div#panel5{
	position:absolute;
	top:431px;
	left:327px;
	width:220px;
	height:20px;
	font-size:12px;
	background:F4E3B0;
	text-align:center;
}

div#rec_panel{
	position:absolute;
	top:455px;
	left:327px;
	width:220px;
	height:15px;
	font-size:12px;
	background:F4E3B0;
	text-align:right;
}

div#mike_area{
	position:absolute;
	top:480px;
	left:0px;
	width:214px;
	height:137px;
	margin:0px;
	background:#FFFFFF;
}

/*ボタン*/
input.button{
	width:40px;
	height:20px;
}

input.button1{
	width:80px;
	height:20px;
}

/*2-5*/
div.dialoguearea{
/*	font-size:15px;*/
}
/*1-5*/
div.dialogueareaTarget
{
	text-align:right;
	font-size:25px;
}
/*1-5*/
div.dialogueareaTrans
{
	font-size:15px;
}div.tlang{
	text-align:right;
}
div.trans{
	text-align:left;
}
/*3-4 解答表示（TextBoxに入力しない、もともと表示されている部分）*/
.ansother{
	color:#666666;
}
/*3-4 解答表示（TextBoxに入力する部分）*/
.ans{
	color:#FF0020;
	font-size:17px;
}
/*3-5 解答表示*/
.ans{
	color:#666666;
	font-size:17px;
}
/*4-5*/
.targetlang{
	font-size:100%;
}
/*状況表示*/
.situation{
	margin:10px;
	font-size:10pt;
}
/*原語のテキスト, 訳のテキスト, 語彙のテキスト, 機能のテキスト*/
.tlang .tran .translation .translation{
	margin:10px;
	font-size:13pt;
}
/*指示文テキスト*/
.indication{
	margin:10px;
	font-size:10pt
}

#dialogue_txt TABLE{
	float:right;
}
#dialogue_txt TABLE TD{
	font-family:"Jameel Noori Nastaleeq", "Urdu naskh asiatype", "Times New Roman";
	text-align:right;
	font-size:180%;
}
.tlang{
	font-family:"Jameel Noori Nastaleeq", "Urdu naskh asiatype", "Times New Roman";
	text-align:right;
	padding-right:1em;
	margin-top:10px;
	font-size:180%;
}
.tran{
	margin-top:10px;
	padding-left:1em;
}
/*2-5*/
#dialogue_txt div{
	font-family:"Jameel Noori Nastaleeq", "Urdu naskh asiatype", "Times New Roman";
}
#dialogue_txt textarea{
	font-family:"Jameel Noori Nastaleeq", "Urdu naskh asiatype", "Times New Roman";
	text-align:right;
	font-size:100%;
	width:100%;
}
#dialogue_txt .ans{
	font-family:"Jameel Noori Nastaleeq", "Urdu naskh asiatype", "Times New Roman";
	text-align:right;
	font-size:100%;
}