BODY {
	color:			#505050;
/*	background-color:	#f0f0f0; */
/*	background-color:	#f0f4f4; */
	background-color:	#fff8d8;
	margin:			2% 2%;
}

A {
	padding:		2px 0.2em;
}
A:link {
/*	color:			#0070e0; */
	color:			#0040e0;
}
A:visited {
/*	color:			#d040e0; */
	color:			#b040b0;
}
A:hover {
	color:			#ffffff;
/*	background-color:	#00a0f0; */
	background-color:	#80bfff;

}
A:active {
/*	color:			#d040e0; */
}

H1, H2, H3, H4, H5, H6 {
	color:			#0000d0;
}

del {
	padding:		0 4px;
}

/* ====
HR {
	border:			3px solid #6080ff;
}
==== */

.xx-large	{font-size:	xx-large;}
.x-large	{font-size:	x-large;}
.large		{font-size:	large;}
.medium		{font-size:	medium;}
.small		{font-size:	small;}
.x-small	{font-size:	x-small;}
.xx-small	{font-size:	xx-small;}

.black		{color:		black;}
.gray		{color:		gray;}
.silver		{color:		silver;}
.white		{color:		white;}
.red		{color:		red;}
.yellow		{color:		yellow;}
.lime		{color:		lime;}
.aqua		{color:		aqua;}
.blue		{color:		blue;}
.fuchsia	{color:		fuchsia;}
.maroon		{color:		maroon;}
.olive		{color:		olive;}
.green		{color:		green;}
.teal		{color:		teal;}
.navy		{color:		navy;}
.purple		{color:		purple;}

DL {
	padding-bottom:		0.5em;
}
DT {
	font-weight:		bold;
	margin-top:		1em;
	margin-bottom:		0.4em;
	padding:		0.2em 1em;
}
DD {
	margin:			0.2em 1em 0.2em 3em;
}

DL.normal {
/*	background-color:	#fff8d8; */
	background-color:	#ffefbf;
}
DL.normal dt {
	color:			#505050;
	background-color:	#ddbb99;
}

DL.light {
	background-color:	#ffffee;
}
DL.light dt {
	color:			#606060;
	background-color:	#cceeaa;
}

DL.melancholy {
	background-color:	#ddf0f8;
}
DL.melancholy dt {
	color:			#505050;
	background-color:	#bbccdd;
}

DL.dark {
	background-color:	#e0e0e0;
}
DL.dark dt {
	color:			#505050;
	background-color:	#b0b0b0;
}

DL.event {
	background-color:	#ffe0e0;
}
DL.event dt {
	color:			#505050;
	background-color:	#ffb0b0;
}

LI {
	margin-top:		0.2em;
}

DIV.new {
	margin-left:		-4px;
	border-left:		2px solid #0000ff;
	padding-left:		2px;
}

DIV.new DL {
	background-color:	#f0e0ef;
}

DIV.new DT {
	color:			#5050a0;
	background-color:	#ddbbe0;
}

P {
	margin-top:		0.5em;
	margin-bottom:		1em;
}

/* ==== */
DIV#header {
	text-align:		center;
	clear:			both;
}

DIV#guide {
	margin:			2% 0;
	border-top:		2px solid #0000d0;
	border-bottom:		2px solid #0000d0;
	padding:		0.4em 0;
	font-size:		small;
	font-weight:		bold;
	clear:			both;
}

DIV#body {
	display:		block;
	margin:			1em 0;
	clear:			both;
}

DIV#footer {
	margin:			2% 0;
	text-align:		right;
	border-top:		2px solid #0000d0;
	padding:		0.4em 0;
	font-size:		small;
	font-weight:		bold;
	clear:			both;
}

/* ==== */
DIV.box {
	display:		block;
	float:			left;
	width:			360px;
	height:			200px;
	margin:			2px;
	border:			1px solid black;
	padding:		10px;
}

DIV.box div.image {
	position:		relative;
	top:			0;
	left:			0;
	float:			left;
}

DIV.box div.note {
	position:		relative;
	top:			0;
	right:			0;
	margin-left:		10px;
}

SPAN.author {
	font-style:		italic;
}

/* ==== Link ==== */
DIV.static {
	background-color:	#f0ffd8;
	display:		block;
	float:			left;
	width:			35%;
}

DIV.dynamic {
	background-color:	#f0f8ff;
	display:		block;
	float:			left;
	width:			65%;
}

/* ==== Index ==== */
DIV.title {
	display:		block;
	float:			left;
	width:			65%;
	padding:		1em;
}

DIV.attention {
	text-align:		left;
	background-color:	#f0f8ff;
	display:		block;
	float:			left;
	width:			25%;
	padding:		1em;
	font-size:		small;
}

DIV.whats {
	display:		block;
	float:			left;
	width:			20%;
	padding:		1em;
	font-size:		small;
}

DIV.main {
	display:		block;
	float:			left;
	width:			33%;
	border-left:		1px solid black;
	padding:		1em;
}

DIV.sub {
	display:		block;
	float:			left;
	width:			33%;
	border-left:		1px solid black;
	padding:		1em;
}