body
{
	background-color:#000;
	color:#fff;

	font-family:Times New Roman,serif;
	font-size:1.0em;
}


/* top and bottom */

div#Up
{	
	position:absolute;
	z-index:1;
	left:100px;
	top:30px;
}

div#Down
{
	position:absolute;
	z-index:0;
	left:100px;
	top:-5px;
	
	margin-left:49px;
}

/* title and menu */

div#Navi
{
	z-index:0;
	
	position:relative;
	
	text-align:left;
}
div#Navi:hover
{
	position:relative;
	
	z-index:3;
}

div#Navi a
{
	display:block;
	
	overflow:hidden;
	
	background-image:url(web/background-navi-a.png);
	color:#fff;
	
	text-decoration:none;
	white-space:nowrap;
	font-size:1.0em;
	font-weight:bold;
		
	width:17px;
	height:19px;
	
	margin-bottom:2px;
	padding:6px 15px 5px 15px;
}
div#Navi a.active
{
	background-image:url(web/background-navi-active.png);
	margin-left:-55px;
	width:72px;
}
div#Navi a.inactive:hover
{	
	color:#fff;
	
	font-size:1.2em;
	font-weight:bold;
	
	width:230px;
	height:20px;
	
	padding:5px 15px 5px 15px;
		
	text-align:right;
}


/* the top bar with link to main page */

div#Bar
{
	padding-right:5px;
	padding-bottom:20px;
	
	text-align:right;
	
	font-size:14px;	
	font-family:Helvetica,sans-serif;
}

div#Bar a
{
	color:#cc0;
	
	text-decoration:none;
	font-size:16px;

	padding:2px 0px 2px 0px;
}
div#Bar a:hover
{
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
}

div#Bar a.title
{	
	font-size:18px;
	font-weight:bold;
}


/* secondary menu */

div#SubNavi
{
	font-size:14px;
	text-align:left;
	
	padding:0px 0px 20px 5px;
	margin:0px;
}
div#SubNavi a
{
	color:#bb0;
	
	text-decoration:none;
	white-space:nowrap;
	font-size:16px;
	font-weight:bold;
	
	width:98%;
	
	padding:3px 0px 3px 0px;
}
div#SubNavi a.active
{
	color:#dd0;
	
	border-bottom:3px solid #cc0;
}
div#SubNavi a.inactive:hover
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}


/* the main content */

div#Content
{
	position:relative;
	z-index:0;
	background-color:#344d6b;
	
	font-size:1.05em;
	
	width:500px;	
	min-height:520px;
	
	padding:15px;
	padding-bottom:20px;
	margin:0px;
}

div#Content div#Image
{
	text-align:center;
	font-size:1px;
	
	padding:8px;
}
div#Content div#Image a img
{
	vertical-align:top;
	
	padding:0px;
	margin:1px;
	/*margin-left:0px;*/
	
	border:1px solid #cc0;
}
div#Content div#Image a img:hover
{
	padding:0px;
	margin:0px;
	/*margin-left:-1px;*/
	
	border:2px solid #fff;
}

div#Content p
{
	margin:0px;
	padding:5px 5px 5px 5px;
}
div#Content p a, div#Content ul li a
{
	color:#cc0;
	
	text-decoration:none;
	font-weight:bold;
	
	padding-bottom:1px;
}
div#Content p a:hover, div#Content ul li a:hover
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}


/* the footer */

div#Footer
{
	background-color:#344d6b;
	
	font-size:1.05em;
	
	width:500px;
	
	padding:5px 15px 0px 15px;
	margin:0px;
}

div#End
{
	background-image:url(web/background-footer.png);

	width:530px;
	height:16px;
}