@charset "shift_jis";

/* ========================================
	base
======================================== */


/* ========================================
	common
======================================== */
/* ----- LINK COLOR ----- */
a:link, a:visited {
	text-decoration: underline;
	color: #FFFFFF;
	outline: none;
}
a:hover, a:active {
	text-decoration: none;
	color: #FFFFFF;
	outline: none;
}

.inner {
	margin: 0 auto;
	width: 960px;
}

/* ========================================
	#header
======================================== */
#header {
	margin: 0 auto;
	width: 960px;
	position: relative;
	z-index: 10;
}

#header .n3ds {
	position: absolute;
	top: 12px;
	left: 5px;
}

#header-top {
	margin: 0 auto;
	min-width: 960px;
	max-width: 1366px;
	position: relative;
	z-index: 10;
}

#header-top .n3ds {
	position: absolute;
	top: 12px;
	right: 17px;
}

/* ========================================
	#content
======================================== */
#wrapper {
	margin: 0 auto;
	width: 100%;
	min-width: 960px;
	position: relative;
	background: url(../common/bg_yel.png) 0 0 repeat;
	background-attachment: fixed;
	/*overflow: hidden;*/

}

#wrapper1 {
	background-image: url(../common/bg.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	background-attachment: fixed;
}

#wrapper2 {
	background-image: url(../common/bg1.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrapper3 {
	background-image: url(../common/bg2.jpg);
	background-position: center 280px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

#wrapper4 {
	background-image: url(../common/bg3.jpg);
	background-position: center 560px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


/* ========================================
	#gnavi
======================================== */
#gnavi {
	margin: 0 auto;
	width: 960px;
	height: 140px;
}

#gnavi .snavi {
	height: 46px;
	position: relative;
}

#gnavi .snavi-mission_add {
	position: absolute;
	top: 5px;
	left: 269px;
}

#gnavi .snavi-arrangement {
	position: absolute;
	top: 5px;
	left: 545px;
}

#gnavi .snavi-wiiu {
	position: absolute;
	top: 6px;
	left: 754px;
}

#gnavi ul {
	padding: 6px 0 0 0;
	width: 960px;
}

#gnavi li {
	float: left;
	position: relative;
}

#gnavi li > a{
	position: relative;
	display: block;
}

#gnavi .gnavi1 {
	width: 274px;
}

#gnavi .gnavi2,
#gnavi .gnavi3 {
	width: 137px;
	position: relative;
}

#gnavi .gnavi4,
#gnavi .gnavi5,
#gnavi .gnavi6 {
	width: 137px;
}

#gnavi .navi-pk {
	position: absolute;
	left: -17px;
	top: -30px;
	display: none;
}
#gnavi .gnavi5 .navi-pk {
    margin-left: -15px;
}

/* ========================================
	#main
======================================== */
#main {
	margin: 0 auto;
	width: 960px;
	background: url(../common/bg_main.png) center 20px repeat-y;
}

#main-top {
	margin: 0 auto;
	width: 960px;
	height: 20px;
	background: url(../common/bg_main_top.png) center 0 no-repeat;
}



/* ========================================
	#footer
======================================== */
#footer {
	clear: both;
	/*height: 230px;*/
	z-index: 1;
	color: #FFFFFF;
	width: 100%;
	background: url(../common/bg_main.png) center 20px repeat-y;
}

#footer .foot-inner {
	margin: 0 auto;
	width: 960px;
	/*height: 230px;*/
	position: relative;
}

#footer .foot-clover {
	height: 93px;
	background: url(../common/foot_bg_top.png) center top no-repeat;
	position: relative;
}

#footer .pagetop {
/*	width:144px;
	height: 35px;
	position: absolute;
	top: 102px;
	left: 758px;*/
	position: absolute;
	top: 44px;
	left: 778px;
}


#footer .footnavi {
	text-align: center;
	height: 90px;
	top: 160px;
	left: 0;
	background: url(../common/foot_bg_btm.jpg) center top repeat-x;
}

#footer .footnavi .footnavi1 {
	padding: 12px 0 2px 0;
	text-align: center;
	line-height: 2;
}

#footer .footnavi ul {
	margin: 0 auto;
	text-align:center;
}

#footer .footnavi ul li {
	/*margin: 0 25px;*/
	display: inline;
	text-align: center;
}