body, html {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	letter-spacing: 0px;
	
	/* TMP */
/*
	text-align: center;
	background-color: #e6e6e6;
*/
}

body, html, #container {
	width: 560px;
	height: 332px; /* 315+17 */
	overflow: hidden;
}

#container {
	position: relative;
	background-color: white;
		
	/* TMP */
/*
	margin: 100px auto;
	text-align: left;
*/
}

#loading {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: white;
	z-index: 10000;
	display: none;
}

#loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -8px;
	margin-top: -8px;
}

nav {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: white;
}

nav .man {
	position: absolute;
	left: 63px;
	bottom: 0;
	z-index: 4;
	background-color: white;
}

nav .logo {
	position: absolute;
	right: 0;
	top: 0;
	background-color: white;
}

nav .cloud {
	display: block;
	position: absolute;
	background-position: left top;
	background-repeat: no-repeat;
}

nav .cloud_1 {
	background-image: url(/images/cloud_1.png);
	top: 7px;
	left: 47px;
	width: 270px;
	height: 158px;
}

nav .cloud_2 {
	background-image: url(/images/cloud_2.png);
	top: 125px;
	left: 211px;
	width: 225px;
	height: 163px;
}

nav .cloud_3 {
	background-image: url(/images/cloud_3.png);
	top: 67px;
	left: 364px;
	width: 171px;
	height: 120px;
}

nav ul {
	position: absolute;
	padding: 0;
}

nav ul li {
	display: block;
	background-repeat: no-repeat;
	background-position: 0px 3px;
	background-image: url(/images/bullet.png);
	padding-left: 15px;
	margin-left: -15px;
	height: 15px;
}

nav ul li:hover {
	background-image: url(/images/bullet_active.png);
}

nav ul li.title,
nav ul li.title:hover {
	font-weight: bold;
	background-image: none;
	background-color: white;
}

nav ul li a {
	color: #898989;
	text-decoration: none;
	background-color: white;
}

nav ul li a:hover {
	color: black;
}

nav .cloud.cloud_1 ul {
	top: 25px;
	left: 70px;
}

nav .cloud.cloud_2 ul {
	top: 50px;
	left: 60px;
}

nav .cloud.cloud_3 ul {
	top: 30px;
	left: 40px;
}

nav .arrow {
	position: absolute;
	background-color: white;
}

nav .arrow_1 {
	top: 160px;
	left: 132px;
}

nav .arrow_2 {
	top: 160px;
	left: 176px;
}

nav .arrow_3 {
	top: 114px;
	left: 325px;
}

nav .all {
	position: absolute;
	width: 120px;
	left: 400px;
	bottom: 50px;
}

#video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 100%;
}

.button.back {
	position: absolute;
	display: block;
	top: 2px;
	right: 2px;
	z-index: 2;
}

.error {
	position: absolute;
	width: 100%;
	top: 50%;
	left: 0;
	text-align: center;
	display: none;
}

#cover {
	position: absolute;
	background-color: white;
	width: 100%;
	height: 26px;
	top: 0;
	left: 0;
	z-index: 1;
}