/*
===============================================================================
/css/index.css
===============================================================================*/

/*-----------
Shared Styles
-------------*/

/* [HTMLTag] HTML
===============================================================================*/
html {
	width:100%;
}

/* [HTMLTag] BODY
===============================================================================*/
body {
	width:100%;
	color:#fff;
}



/*------------
Element Styles
--------------*/

/* Menu
===============================================================================*/
#menu {
	position:absolute;
	z-index:10;
	top:181px;
	left:33px;
	width:130px;
	height: 298px;
}
#menu.withBack {
	top:147px;
}
#menu li {
	clear:left;
	float:left;

	margin-bottom:13px;
}
#menu li.back {
	margin-bottom:22px;
}
#menu a {
	display:block;
	margin:0;
	padding:0;

	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}

/* Menu
===============================================================================*/
#menu2 {
	position:absolute;
	z-index:10;
	top:266px;
	left:176px;
	width:130px;
	height: 298px;
}
#menu2.withBack {
	top:147px;
}
#menu2 li {
	clear:left;
	float:left;

	margin-bottom:13px;
}
#menu2 li.back {
	margin-bottom:22px;
}
#menu2 a {
	display:block;
	margin:0;
	padding:0;

	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}



/* hide from IE4/Win, IE5.0/Win, IE4.5/Mac, Opera5,6,7 */
html*#menu a {
	width:130px;
	height:17px;
}
html*#menu .back a {
	height:11px;
}
/* For Opera5,6,7 */
html>body #menu a {
	width:130px;
	height:17px;
}
html>body #menu .back a {
	height:11px;
}
#menu a:hover {
	visibility:visible;
}
#menu a:hover img {
	visibility:hidden;
}
#menu_back {
	background-image:url("../images/menu/back_on.gif");
}

/* Scroller Navigation
===============================================================================*/
.scroller .navi {
	position:absolute;
}
.scroller .navi li {
	clear:left;
	float:left;

	width:11px;
	height:11px;

	margin-bottom:6px;
}
.scroller .navi a {
	display:block;

	margin:0;
	padding:0;

	background-color:transparent;
	background-position:top left;
	background-repeat:no-repeat;
}
/* hide from IE4/Win, IE5.0/Win, IE4.5/Mac, Opera5,6,7 */
html*.scroller .navi a {
	width:11px;
	height:11px;
}
/* For Opera5,6,7 */
html>body .scroller .navi a {
	width:11px;
	height:11px;
}
.scroller .navi a:hover {
	visibility:visible;
}
.scroller .navi a:hover img {
	visibility:hidden;
}
.scroller .navi .up {
	background-image:url("../images/scroller_up_over.gif");
}
.scroller .navi .down {
	background-image:url("../images/scroller_down_over.gif");
}



/*------------
Styles For Iframe Contents
--------------*/

/* [HTMLTag] BODY
===============================================================================*/
body.iframe {
	width:auto;
	height:auto;
	color:#fff;
}

/* [HTMLTag] H2
===============================================================================*/
body.iframe a,
body.iframe a:link, 
body.iframe a:visited{
	color:#00CCFF;
	text-decoration:underline;
}

body.iframe a:hover, 
body.iframe a:active{
color:#fff;
}



body.iframe h2 {
	margin:0 0 1em;

	font-weight:normal;
}
body.iframe h3 {
	margin:0;
	font-weight:bold;
}
body.iframe p {
	margin:0;
}