@charset "shift_jis";

/* ========================================
	base
======================================== */
html,
body {
	height: 100%;
	background: url(../../../common/img/bg.gif) center top repeat;
}
#wrapper {
	position: relative;
	width: 100%;
	min-width: 930px;
	overflow: hidden;
	background: url(../../../common/img/header_bg.gif) center top repeat-x;
}
.inner {
	position: relative;
	max-width: 1188px;
	min-width: 930px;
	width: 100%;
	margin: 0 auto;
}

/* ====================
	#header
==================== */
#index-header {
	position: relative;
	z-index: 200;
	width: 100%;
	background: url(../../../common/img/header_line.png) center bottom repeat-x;
}
#index-header .inner {
	padding-top: 25px;
	height: 38px;
}
#index-header .header-logo {
	float: left;
	padding-left: 25px;
}
#index-header .header-btn {
	float: right;
	padding-right: 25px;
}

/* ====================
	#footer
==================== */
#footer {
	position: relative;
	z-index: 200;
	width: 100%;
	background: url(../../../common/img/footer_bg.gif) center bottom repeat-x;
}
#footer #footer-nav {
	height: 40px;
	padding-top: 20px;
	background: url(../../../common/img/footer_line.png) center top repeat-x;
}
#footer-nav #fNav {
	float: left;
	padding-left: 25px;
}
#footer-nav #fNav li {
	float: left;
	padding-right: 27px;
}

/* ====================
	#contents
==================== */
/* setting */
#contents {
	position: relative;
	width: 100%;
	background: url(../img/bg_contents.gif);
}
#contents .article-wrap,
#contents .article-wrap-outter {
	width: 100%;
	background-repeat: repeat-x;
	background-position: center top;
}
#contents .article-wrap-outter {
	background-repeat: no-repeat;
}
#contents .article-wrap-inner {
	position: relative;
	max-width: 1146px;
	min-width: 930px;
	width: 100%;
	margin: 0 auto;
}
#contents .article-wrap-inner img {
	max-width: 100%;
}

/* article01 */
#contents .article01 {
	background-image: url(../img/article01_bg01.png);
}
#contents .article01 .article-wrap-outter {
	background-image: url(../img/article01_bg02.png);
}

/* article02 */
#contents .article02 {
	z-index: 2;
	position: absolute;
	top:0;
	width: 100%;
}
#contents .article02 .btn-wrap {
	position: relative;
	max-width: 1146px;
	min-width: 930px;
	width: 100%;
	margin: 0 auto;
}
#contents .article02 .btn-wrap img {
	max-width: 100%;
}
#contents .article02 .btn-wrap .btn01 {
	position: absolute;
	width: 49.127%;
	top: 59.576%;
	left: 3.664%;
}
#contents .article02 .btn-wrap .btn02 {
	position: absolute;
	top :72.717%;
	left: 2.617%;
	width: 59.336%;
}
#contents .article02 .btn-wrap .btn02 .btn {
	position: absolute;
	top: 60.816%;
	left: 5.882%;
	width: 80%;
}

/* article03 */
#contents .article03 {
	background-image: url(../img/article03_bg01.jpg);
}
#contents .article03 .article-wrap-outter {
	background-image: url(../img/article03_bg02.png);
}

/* article04 */
#contents .article04 {
	background-image: url(../img/article04_bg01.gif);
}
#contents .article04 .article-wrap-outter {
	background-image: url(../img/article04_bg02.png);
}

/* article05 */
#contents .article05 {
	background-image: url(../img/article05_bg01.jpg);
}
#contents .article05 .article-wrap-outter {
	background-image: url(../img/article05_bg02.png);
}

/* article06 */
#contents .article06 {
	background-image: url(../img/article06_bg01.jpg);
}
#contents .article06 .article-wrap-outter {
	background-image: url(../img/article06_bg02.png);
}

/* article07 */
#contents .article07-01 {
	background-image: url(../img/article07_bg01.gif);
}
#contents .article07-02 {
	background-image: url(../img/article07_bg02.png);
	background-position: center bottom;
}

/* article09 */
#contents .article09 .btn {
	position: absolute;
	top: 67.988%;
	left: 55.322%;
	width: 32.198%;
}

/* article10 */
#contents .article10 .article-wrap-outter {
	background-image: url(../img/article10_bg02.png);
}
#contents .article10 .movie {
	padding: 37px 0 64px;
	background: url(../img/article10_bg03.png) no-repeat center top;
}
#contents .article10 .movie-inner {
	width: 800px;
	margin: 0 auto;
}
#contents .article10 .btn {
	width: 47.250%;
	padding: 0 0 62px 26.003%;
}

/* ====================
	clearfix
==================== */
.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* ====================
	luigi-footer
==================== */
#footer-action-luigi {
	position: absolute;
	left: 0;
	bottom: 60px;
	z-index: 1000;
	width: 100%;
}
#footer-action-luigi #pagetop-luigi {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100px;
	overflow: hidden;
}
#footer-action-luigi #pagetop-luigi a.luigi-pagetop {
	display: block;
	position: absolute;
	right: 7px;
	z-index: 10;
	width: 84px;
	height: 72px;
}
#footer-action-luigi #pagetop-luigi a.luigi-pagetop .off {
	top: 57px;
	left: -20px;
}
#footer-action-luigi #pagetop-luigi ul {
	position: absolute;
	top: 161px;
	right: 115px;
	z-index: 5;
	width: 1110px;
}
#footer-action-luigi #pagetop-luigi ul li {
	position: absolute;
	top: 0;
	height: 72px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara01 {
	width: 60px;
	right: 0;
}
#footer-action-luigi #pagetop-luigi ul li.fchara02 {
	width: 60px;
	right: 65px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara03 {
	width: 60px;
	right: 130px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara04 {
	width: 60px;
	right: 195px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara05 {
	width: 60px;
	right: 260px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara06 {
	width: 60px;
	right: 325px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara07 {
	width: 60px;
	right: 390px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara08 {
	width: 60px;
	right: 455px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara09 {
	width: 60px;
	right: 520px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara10 {
	width: 60px;
	right: 585px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara11 {
	width: 60px;
	right: 650px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara12 {
	width: 60px;
	right: 715px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara13 {
	width: 60px;
	right: 780px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara14 {
	width: 60px;
	right: 845px;
}
#footer-action-luigi #pagetop-luigi ul li.fchara15 {
	width: 60px;
	right: 910px;
}
#footer-action-luigi #pagetop-luigi img {
	position: absolute;
}
#footer-action-luigi #pagetop-luigi .pagetop-icon {
	top: 0;
	right: 5px;
}
#footer-action-luigi #pagetop-luigi .pagetop-chara {
	top: 37px;
	right: 38px;
}
#footer-action-luigi #pagetop-luigi .pagetop-jump {
	display: none;
	top: 94px;
	right: 0px;
}

/* ====================
	max-width 960px
==================== */
@media only screen and (max-width: 980px) {
#footer-nav #fNav {
	padding-left: 50px;
}
} /* max-width 980px END */