@charset "utf-8";

/* reset,header,footer,lightbox import
========================================== */
@import "/common/css/base/reset.css";
@import "/common/css/parts/others_header.css";
@import "/common/css/thickbox.css";

/* =======================================

	20/common/images/intro/201005 Landing CSS

========================================== */

/* base
=========================================== */
body#home
{
	background:url(/common/images/intro/201005/bg.jpg) center top no-repeat;
}

/* header
=========================================== */
div.header_flash
{
	width:1000px;
	height:1000px;
	margin:0 auto;
}

div.attention
{
	width:400px;
	margin:200px auto 0;
	padding:10px;
	border:#214351 2px solid;
	background:#FFFFFF;
	font-size:80%;
	line-height:1.5em;
	text-align:left;
}

/* contents
=========================================== */
div.contents
{
	width:100%;
	height:1420px;
	margin:0 auto;
	position:absolute;
	top:480px;
	text-align:center;
	z-index:10;
	background:url(/common/images/intro/201005/bg_content_c.png) center top no-repeat;
}

/* contents world
------------------------------------------- */
div.contents div.campaign
{
	margin:100px auto 0;
}

/* contents world
------------------------------------------- */
div.contents div.world
{
	width:814px;
	height:245px;
	margin:15px auto 0;
	text-align:center;
	background:url(/common/images/intro/201005/c_01_bg.png) center top no-repeat;
}

div.contents div.world h2 img
{
	margin-top:7px;
}

div.contents div.world p img
{
	margin-top:10px;
}

div.contents div.world p a img
{
	margin-top:9px;
	overflow:hidden;
	outline:none;
}

/* contents job
------------------------------------------- */
div.contents div.job
{
	width:814px;
	height:264px;
	margin:15px auto 0;
	text-align:center;
	background:url(/common/images/intro/201005/c_02_bg.png) center top no-repeat;
}

div.contents div.job h2 img
{
	margin-top:7px;
}

div.contents div.job p img
{
	margin-top:10px;
}

div.contents div.job p a img
{
	margin-top:15px;
	overflow:hidden;
	outline:none;
}

/* contents adventure
------------------------------------------- */
div.contents div.adventure
{
	width:814px;
	height:264px;
	margin:15px auto 0;
	text-align:center;
	background:url(/common/images/intro/201005/c_03_bg.png) center top no-repeat;
}

div.contents div.adventure h2 img
{
	margin-top:7px;
}

div.contents div.adventure p img
{
	margin-top:13px;
}

div.contents div.adventure p a img
{
	margin-top:23px;
	overflow:hidden;
	outline:none;
}

/* contents about
------------------------------------------- */
div.contents div.about
{
	width:814px;
	height:194px;
	margin:15px auto 0;
	text-align:center;
	background:url(/common/images/intro/201005/c_04_bg.png) center top no-repeat;
}

div.contents div.about h3 img
{
	margin-top:20px;
}

/* contents navi
------------------------------------------- */
div.contents div.navi
{
	width:814px;
	height:194px;
	margin:20px auto 0;
	text-align:center;
}

div.contents div.navi ul
{
	margin:-5px 0 0 183px;
}

div.contents div.navi ul li
{
	float:left;
}

div.contents div.navi p a img
{
	margin-top:20px;
	overflow:hidden;
	outline:none;
}

/* Footer
========================================== */
div.footer_bg
{
	width: 100%;
	height:430px;
	position:absolute;
	top:1634px;
	z-index:4;
	background:url(/common/images/intro/201005/bg_bottom.jpg) center bottom repeat-x;
}

div#footer {
	width: 100%;
	height:430px;
	margin: 0 auto;
	padding: 0;
	position:absolute;
	bottom:0;
	text-align:center;
	z-index:5;
	background:url(/common/images/intro/201005/bg_c_bottom.jpg) center bottom no-repeat;
}

/* Footer Navi
------------------------------------------- */
div#footer ul#footerNavi {
	margin: 370px 0 10px;
	text-align: center;
}

div#footer ul#footerNavi li {
	padding: 4px 17px 4px 19px;
	display: inline;
	font-size: 92.4%;
	line-height: 1.5;
}

div#footer ul#footerNavi li#fnavi01 {
	background: none;
}

div#footer ul#footerNavi li a {
	padding-bottom: 1px;
	color: #637984;
	text-decoration: none;
}

div#footer ul#footerNavi li a:hover {
	text-decoration: underline;
}

/* Copyright
------------------------------------------- */
div#footer p#copyright {
	margin: 0 0 16px;
	text-align: center;
}