@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background: #0a0701 url(body_bg.jpg) center top no-repeat;
}
img {
	border: 0;
}
a {
	cursor: pointer;
	color: #ffc50a;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
:focus {
	outline: none;
}
h1 {
	font-size: 30px;
	font-weight: bold;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 12px;
}
/* =wrap
-------------------------------------------------- */
div.wrap {
	width: 970px;
	margin: 0 auto;
}
div.wrap div.container {
	height: 543px;
	margin-top: 90px;
	position: relative;
}
ul.menu {
	position: absolute;
	left: 74px;
	top: 15px;
	z-index: 1;
}
ul.menu img {
	display: block;
}
ul.menu li {
	list-style: none;
	margin-bottom: 9px;
}
*+ html ul.menu li a {
	display: inline-block;
}
div.introduction {
	position: absolute;
	left: 403px;
	top: 162px;
	width: 160px;
	z-index: 1;
}
div.introduction p {
	font-size: 11px;
	color: #a8a8a8;
}
p.play_btn {
	position: absolute;
	left: 418px;
	top: 251px;
	z-index: 1;
}
div.popup {
	background: url(popup_bg.png) 0 0 no-repeat;
	padding: 30px 30px 40px 52px; 
	width: 654px;
	height: 456px;
	position: absolute;
	z-index: 10;
	right: 18px;
	top: 9px;
}
div.popup p.close_btn {
	float: right;
}
div.popup h1 {
	padding-top: 13px;
	margin-bottom: 25px;
}
div.popup div.text {
	overflow: auto;
	height: 380px;
	padding-right: 30px;
}
div.popup div.text p {
	line-height: 1.4em;
	margin-bottom: 10px;
}
div.popup div.text p.center {
	text-align: center;
}
div.popup div.text ol {
	margin: 0 0 0 2.5em;
}
div.popup div.text ol li {
	list-style-type: decimal;
}
div.popup div.text ol li ul {
	margin: 0 0 0.75em 2em;
}
div.popup div.text ol li ul li {
	list-style-type: disc;
}
div.popup ul.download_list li {
	float: left
}
/* =footer
-------------------------------------------------- */
div.footer {
	margin-top: 23px;
	padding-bottom: 20px;
}
div.footer p.happiness_logo {
	float: left;
	padding-left: 20px;
}
div.footer p.coca_logo {
	float: right;
	padding-right: 20px;
}
div.footer p.center_links {
	text-align: center;
	padding-top: 6px;
}
div.footer p.center_links a {
	color: #bb9e3f;
	font-weight: bold;
	padding: 0 5px;
}
div.footer p.trademark {
	text-align: center;
	padding-top: 20px;
	color: #58410e;
	font-size: 10px;
}
div.footer a.adm {
	font-size: 9px;
	color: #BB9E3F;
}
/* =clear
-------------------------------------------------- */
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	line-height: 0;
	visibility: hidden;
}
.clear {
	display: inline-block;
}
html[xmlns] .clear {
	display: block;
}
* html .clear {
	height: 1px;
}