p,h1,h2,h3,h4,h5,h6,table,th,td,a{
	margin:0px;
	padding:0px;
}
html{height:100%;margin:0px;padding:0px;}
img{
	border:none;
	margin:0px;
	padding:0px;
/* 文字を拡大すると小さな画像は、上部に謎のpaddingができるので、常に上部に張り付ける */
	vertical-align:top;
}
p{letter-spacing:0.1em;}
div{
	margin:0px;
	padding:0px;
}
body{
	font-family:'Tahoma', 'Verdana', sans-serif;
	width:100%;
	height:100%;
	padding-bottom:0px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#bbaaff;
}

div#all{
	width:800px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:justify;
	position:relative;
	outline:solid 0px;
	border-top:solid 10px #000000;
}
div#left{
	width:200px;
	float:left;
}
div#right{
	position:relative;
	width: 580px;
	float:right;
	border-left:solid 10px #000000;
	border-right:solid 10px #000000;
	background-color:#bbaaff;
/*IEだけコメントアウトが効かないのを利用*/
}
div#top{
	margin-left:auto;
	margin-right:auto;
	background-color:#0000ff;
	height:116px;
	margin:0px;
	padding:0px;
}
div#main{
	clear:both;
	width:580px;

	position:relative;
	height:400px;
	overflow:hidden;
}
div#main-left{
	width:190px;
	float:left;
}
div#main-left-topics{
	width:190px;
	padding-top:2em;
	padding-bottom:4em;
}
div.topic{
	margin-top:1em;
	padding-left:1em;
	border-bottom:solid 5px;
	width:580px;
}
/*---------- トップのフェード窓 ----------*/
div#main-right0{clear:both; position:absolute; right:0px; top:0px; z-index:0; display:block}
div#main-right1{clear:both; position:absolute; right:0px; top:0px; z-index:1; display:block}
div#main-right2{clear:both; position:absolute; right:0px; top:0px; z-index:2; display:block}
div#main-right3{clear:both; position:absolute; right:0px; top:0px; z-index:3; display:block}

div#main2{
	clear:both;
	width:580px;

	position:relative;
	height:400px;
	overflow:hidden;
}
div#main2 h2{margin-top:5px; padding-left:5px; margin-right:auto; border-bottom:solid 5px;}
div#main2 h3{margin-top:5px; margin-left:10px;}
div#main2 p{margin-top:5px; margin-left:15px; margin-bottom:5px; margin-right:15px;}
div#main2 li{margin-bottom:5px; margin-right:15px;}

div#main-right-back{
	clear:both;
	position:absolute;
	right:0px;
	top:0px;
}

div.menubar{
	float:left;
	height:24px;
}
div#menubars{
	width:580px;
	height:24px;
}

div#bottom{
	height:300px;
	overflow:hidden;
}
div.bottom-title{
	border-bottom:solid 5px;
	margin-bottom:1em;
	margin-top:1em;
	padding-left:1em;
	padding-top:0.5em;
	width:580px;
}
div.bottom-sentence{
	margin-left:1em;
}

div.hline{
	border-top:10px solid #000000;
	position:absolute;
	width:100%;
	z-index:-1;
	height:0px;
	left:0px;
}
div.hline2{
	border-top:5px solid #000000;
	position:absolute;
	width:100%;
	height:0px;
	z-index:-1;
	left:0px;
	top:0px;
}
div.hline3{
	border-top:30px solid #000000;
	position:absolute;
	width:100%;
	height:0px;
	z-index:1;
	left:0px;
}
div.vline{
	border-right:5px solid #000000;
	position:absolute;
	height:100%;
	width:0px;
	z-index:-1;
	top:0px;
	right:-80px;	
}
div.space{
	clear:both;
	height:3em;

}

/*------------------------------ トップページに使用したスタイル終了 ------------------------------*/


div#game-block{
	clear:both;
	background-color:#bbaaff;
/* widthがないとなぜか上に余白が */
	width:580px;
	position:relative;
	height:auto;
	overflow:hidden;
}
div.game-box{
	height:600px;
	width:580px;
	clear:both;
	padding-top:0px;
}
div.game-title{
	clear:both;
	padding-left:1em;	
	height:50px;
	position:relative;
}
div.game-title h2{
	padding-top:10px;
}
div.game-sentence{
	clear:both;
	width:580px;
	overflow:auto;
	height:340px;
}
div.game-sentence p{
	padding-bottom:0.5em;
	padding-left:2em;
	padding-right:1em;
	line-height:120%;
}
div.game-sentence h3{
	margin-bottom:0.2em;
	padding-top:0.5em;
	padding-left:1em;
	padding-right:1em;
}
div.game-img{
	padding-right:0em;
	margin-bottom:0em;
	float:left;
	background-color:#ffbbaa;
	height:200px;
}


div#fusuma{
	width:580px;
	height:600px;
	background-color:#0000ff;
}
/*	*/
/* EOF	*/