/*default*/
html{
	background-color:#333;
}
body{
	margin:0;
	width:50em;
	background-color:#333;
}
div{
	margin:0;
	padding:0;
	background-color:#eee;
}
h1{
	margin:0;
	text-align:center;
	background-color:#fff;
	color:#333;
	text-shadow:0.1em 0.1em #ccc;
}
h2{
	margin:0;
	color:#999;
	font-family:"Lucida Grande","Arial";
}
h3{
	margin:0;
	background-color:#666;
	color:#fff;
	text-indent:2em;
	padding-top:2px;
	clear:both;
}
h3 em{color:#f66;}
p{
	text-indent:1em;
	line-height:1.6em;
	text-align:left;
}
h4{
	border:1px solid #ccc;
	background-color:#FFF;
	text-indent:2em;
	padding-top:2px;
	clear:both;
}
a:hover{font-weight:bold;}
dl,ol,ul{line-height:1.6em;}

div.figure{
	text-align:center;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.6em;
}

div.wide{
	margin:1em 4em;
}

div.narrow{
	margin:1em 1em;
}

div.returnpage{
	background-color:#000;
	margin:0;
	padding:0;
	height:40px;
}
a.returnpage{
	display:block;
}
div.pagetop{
	clear:both;
	background-color:#000;
	margin:0;
	padding:0;
	height:1em;
}
a.pagetop{
	display:block;
	color:#ccc;
	padding:0 20px 0 0;
	text-align:right;
	font-family:monospace;
	font-size:0.8em;
	text-decoration:none;
}

/*description part*/
div.description{
	margin:0 0 1em 0;
	padding:0 3em 0 3em;
	background-color:#fff;
	color:#000;
}
div.descbody{
	padding:0 0 1em 64px;
	background-color:#fff;
	background-image:url("image/rings.jpg");
	background-repeat:no-repeat;
	background-position:0 0;
}
div.desctext{
	background-color:#fff;
}
div.desctext p{
	margin:0;
	background-color:#fff;
	color:#000;
	text-indent:1em;
	line-height:1.6em;
	text-align:left;
}

/*navi*/
div.navilist{
	position:fixed;
	overflow:auto;
	left:0;
	top:0;
	width:13em;
	height:100%;
/*	padding-bottom:1em;*/
	background-color:#ddd;
}
ul.navilist :link,ul.navilist :visited{
	color:#000;
	text-decoration:none;
}
div.navilist h2{
	padding-top:1em;
	padding-left:0;
	margin-left:1em;
	color:#888;
}
h5.navicategory{
	margin:0;
	padding:0;
	color:#fff;
	background-color:#999;
	font-weight:bold;
	text-indent:2em;
}
/*div.navilist a{
	display:block;
	margin:0;
	padding:0;
}*/
ul.navilist{
	margin:0;
	padding:0 0 0 1em;
	list-style:none;
	font-size:0.8em;
}
li.current{
	background-color:#fff;
	border:1px solid #ccc;
}
ol.navilist2{
	margin:0;
	padding:0 0 0 2em;
/*	font-size:0.9em;*/
	margin-left:1em;
}
ol.navilist2 em{color:#f00}
ul.navilisttopic{
	margin:0;
	padding:0 0 0 0;
	font-size:0.9em;
	margin:0;
}
a.returntotop{
	margin:1em 0 0 1em;
	font-size:0.8em;
}
div.navitop{
	background-color:#000;
	margin:0;
	padding:0;
	height:1em;
}
a.navitop{
	display:block;
	color:#ccc;
	padding-left:1em;
	font-family:monospace;
	font-size:0.8em;
	text-decoration:none;
}

/*content*/
div.whole{
	width:50em;/* for Win IE5 */
}

div.indexed{
	position:absolute;
	margin:0;
	padding:0;
	left:13em;
	top:0;
	width:37em;
}
div.core p em{color:#f00}
div.core p{
	margin:1em;
	font-size:0.9em;
}
div.core p.assist{padding-left:3em;padding-right:3em;font-size:0.8em;}
div.core dl{padding:1em 1em 1em 1em;border:1px solid #ccc;}
div.core dt{font-weight:bold;}
div.core dt.text{font-size:0.9em;            }
div.core dd.text{font-size:0.9em;}
div.core li.text{font-size:0.9em;}
div.core li.text em{color:#f00}
div.core img{border:1px solid #fff}


dt img{
	vertical-align:middle;
	margin-right:0.3em;
}
dt span{
	vertical-align:middle;
}

span.assist{font-size:0.8em;}

div#tooshort{
	height:64px;
}

div#oneline{
	height:46px;
	padding-top:18px;
}

/*download page*/
div.downloadmenu{
	width:38em;/* for Win IE6 float Bug */
	margin:1em 0 1em 4em;
}
ul.downloadmenu{
	margin:0;
	padding:0;
	list-style:none;
}
li.downloadmenu{float:left;margin-bottom:1em;}
a.downloadmenu{
	display:block;
	width:16em;
	background-color:#fff;
	border:1px solid #000;
	text-align:center;
	text-decoration:none;
	margin:0 2em 0 0;
	padding:1em 0 1em 0;
}
.linkcolorB:hover{background-color:#ccf;}
.linkcolorB:active{background-color:#eef;}
.linkcolorR:hover{background-color:#fcc;}
.linkcolorR:active{background-color:#fee;}