@charset "UTF-8";

/* --------------------------------------------
 *               style for mainpage
 * -------------------------------------------- */



/* =========== common style override =========== */

#content-area {
	position: relative;
	width: 100%;
	height: 400px;
	color: #2f2f2f;
	background: black url(../img/bg_mainpage_001.jpg) top center no-repeat;
}

#content-area h1,
#content-area p,
#content-area ul,
#content-area dl,
#content-area address {
	width: 320px;
	margin: 0 auto;
	padding: 0 439px 0 41px;
	line-height: 1;
	text-align: left;
	font-size: 7px;
	
}

#content-area ul,
#content-area li {
	display: block;
	list-style: none;
}

#content-area dt,
#content-area dd {
	margin: 0;
	padding: 0;
	line-height: 1;
	text-align: left;
	font-size: 10px;
}

#content-area img {
	vertical-align: top;
}




/* =========== content area styles =========== */

#content-area #subtitle {
	padding-top: 81px;
}

#content-area h1 {
	margin-bottom: 19px;
	font-size: 16px;
}

#content-area #environment-notice {
	margin-top: 38px;
}

#content-area #get-flash-player {
	margin-top: 7px;
}

#content-area #get-flash-player img {
	vertical-align: bottom;
}

#content-area #requirements {
	margin-top: 36px;
}

#content-area #requirements dt {
	font-weight: bold;
}

#content-area #requirements dd ul {
	padding-left: 0;
	padding-right: 0;
}

#content-area #see-more-story {
	position: absolute;
	width: 100%;
	top: 413px;
	left: 0;
	margin: 0;
	padding: 0;
}

#content-area #see-more-story li {
	width: 800px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
}

#content-area address {
	position: relative;
	top: 8px;
	/* margin-top: 8px; */ /* this is not affective in WinIE */
	
}


/* =========== footer area wrapper =========== */

#footer-wrapper {
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 8px;
}




/* =========== for print media =========== */

@media print {
	object.swf-display{
		display: none !important;
	}
	
	div.swf-alternate {
		display: block !important;
	}

	div.swf-alternate,
	div.swf-alternate table#content-area-wrapper {
		height: auto !important;
	}

	#footer-area-wrapper {
		position: static !important;
		margin-top: 70px !important;
	}
}