/*********************************************************************/

body {
	width:100%;
	margin:0px 0px 0px 0px;
	text-align:center;
	color:#000000;
	line-height:150%;
	background-color:lavender;
	background-attachment:fixed;
}

/*********************************************************************/
/* 親枠 */
div.parent {

}


/*********************************************************************/
/* ヘッダー */
div.header-div {
	position:absolute;
	top: 10px;
	left:10px;
	width:430px;
	height:130px;
	color:#000000;
	background-color:yellowgreen;
}

/*********************************************************************/
/* ボディ */
div.body-div {
	position:absolute;
	top: 150px;
	left:10px;
	width:430px;
	height:330px;
	color:#000000;
	background-color:yellowgreen;
}

/*********************************************************************/
/* 正解画像エリア */

div.sbox1{
	position:absolute;
	top: 10px;
	left:10px;
	width:200px;
	height:100px;
	padding:0px;
	color:#000000;
	background-color:gold;
}

/*********************************************************************/
/* 経過秒数 */

div.sbox2 {

	position:absolute;
	top: 15px;
	left:220px;
	width:200px;
	height:25px; 
	color:#000000;
	background-color:tan;
}

/*********************************************************************/
/* 正解数 */
div.sbox3 {
	position:absolute;
	top: 50px;
	left:220px;
	width:200px;
	height:25px; 
	color:#000000;
	background-color:tan;
}

/*********************************************************************/
/* 失敗数 */

div.sbox4 {
	position:absolute;
	top: 85px;
	left:220px;
	width:200px;
	height:25px; 
	color:#000000;
	background-color:tan;
}

/*********************************************************************/
/* 問題エリア */

div.QArea{
	position:absolute;
	top: 300px;
	left:10px;
	width:430px;
	height:600px; 
	color:#000000;
	/* background-color:blue; */


}

/*********************************************************************/
/* フッター */

div.footer{
	position:absolute;
	top: 500px;
	left:10px;
	width:430px;
	height:20px; 
	color:#000000;
}




/*********************************************************************/
/* 問題Ｎｏエリア */

div.QNoBox{
	position:absolute;
	top: 10px;
	left:10px;
	width:80px;
	height:20px; 
	color:#000000;
	background-color:khaki;

}

/*********************************************************************/
/* タイトルエリア */

div.TitleBox{
	position:absolute;
	top: 10px;
	left:100px;
	width:160px;
	height:20px; 
	color:#000000;
	background-color:khaki;

}

/*********************************************************************/
/* 碁盤本体エリア */

div.QBodyBox{

	position:absolute;
	top: 40px;
	left:10px;
	width:270px;
	height:270px; 
	color:#000000;
/*	background-color:khaki;  */

}

/*********************************************************************/
/* 問題コメントエリア */

/*問題のテキスト*/
div.CommentBox{
	position:absolute;
	top: 40px;
	left:290px;
	width:130px;
	height:270px; 
	color:#000000;
  text-align:left;
	background-color:white;

}

/*問題縦*/
div.CommentBox2{
	position:absolute;
	top: 40px;
	left:290px;
	width:130px;
	height:145px; 
	color:#000000;
  text-align:left;
	background-color:white;

}

div.AnsBox2{
	position:absolute;
	top: 145px;
	left:280px;
	width:130px;
	height:125px; 
	color:#000000;
	background-color:white;
}



div.AnsBox2-2{
	position:absolute;
	top: 155px;
	left:280px;
	width:130px;
	height:50px; 
	color:#000000;
	background-color:white;
}



/*問題横*/
div.CommentBox3{
	position:absolute;
	top: 40px;
	left:290px;
	width:130px;
	height:270px; 
	color:#000000;
	background-color:white;
}


/*********************************************************************/
/* 問題コメントエリア */



div.LeftBox{
	text-align:left;
	line-height:105%;
	font-size:14px;
	position:absolute;
	top: 10px;
	left:450px;
	width:200px;
	height:520px; 
	color:#000000;
	background-color:navajowhite;

}