@charset "shift_jis";

#wrapper {
	height: auto !important;
	height: 100%;
	min-height: 100%;
}

/* ========================================
	bg
======================================== */
#wrapper01 {
	background-image: url(../mario/images/bg01.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
}

#wrapper02 {
	background-image: url(../mario/images/bg02.jpg);
	background-position: center 300px;
	background-repeat: no-repeat;
}

#wrapper03 {
	background-image: url(../mario/images/bg03.jpg);
	background-position: center 600px;
	background-repeat: no-repeat;
}

#wrapper04 {
	background-image: url(../mario/images/bg04.jpg);
	background-position: center 900px;
	background-repeat: no-repeat;
}

#wrapper05 {
	background-image: url(../mario/images/bg05.jpg);
	background-position: center 1200px;
	background-repeat: no-repeat;
}

#wrapper06 {
	background-image: url(../mario/images/bg06.jpg);
	background-position: center 1500px;
	background-repeat: no-repeat;
}

#wrapper07 {
	background-image: url(../mario/images/bg07.jpg);
	background-position: center 1800px;
	background-repeat: no-repeat;
}

#wrapper08 {
	background-image: url(../mario/images/bg08.jpg);
	background-position: center 2100px;
	background-repeat: no-repeat;
}

#wrapper09 {
	background-image: url(../mario/images/bg09.jpg);
	background-position: center 2400px;
	background-repeat: no-repeat;
}

/* ========================================
	#main
======================================== */
#main {
	position: relative;
	padding: 135px 0 0;
	background: url(../common/bg_main_top.png) no-repeat center top;
}

#main h1 {
	position: absolute;
		top: 17px;
		left: -174px;
	z-index: 100;
}

#main .inner {
	background: url(../common/bg_main_body.png) repeat-y center top;
}

#main h2 {
	padding-left: 25px;
}


/* --------------------------------
	#mario
-------------------------------- */
#mario {
	position: relative;
	height: 416px;
}

#mario #mario-chara {
	position: absolute;
		top: 23px;
		left: 139px
}

#mario .mario-name {
	position: absolute;
		top: 222px;
		left: 130px;
}

#mario .mario-txt {
	position: absolute;
		top: 20px;
		left: 480px;
}

#mario #mario-movie {
	position: absolute;
	width: 413px;
	height: 253px;
	padding: 10px 0 0 10px;
		top: 110px;
		left: 479px;
	background: url(../mario/images/bg_mario-movie.png) no-repeat left top;
}

#mario #star01 {
	position: absolute;
		top: 18px;
		left: 333px;
}
#mario #star02 {
	position: absolute;
		top: 68px;
		left: 167px;
}
#mario #star03 {
	position: absolute;
		top: 177px;
		left: 203px;
}
#mario #star04 {
	position: absolute;
		top: 187px;
		left: 78px;
}
#mario #star05 {
	position: absolute;
		top: 277px;
		left: 159px;
}
#mario #star06 {
	position: absolute;
		top: 267px;
		left: 73px;
}
#mario #star07 {
	position: absolute;
		top: 308px;
		left: 117px;
}
#mario #star08 {
	position: absolute;
		top: 298px;
		left: 22px;
}

/* --------------------------------
	#course
-------------------------------- */
#course {
	position: relative;
	margin-bottom: 50px;
}

#course .course-catch {
	position: absolute;
		top: -17px;
		left: 424px;
}
#course .course-txt01 {
	margin: 12px 0 0 42px;
}

#course .course-txt02 {
	margin: 15px 0 0 42px;
}

#course ul {
	margin-left: 42px;
}

#course ul.course01 li {
	float: left;
	margin: 15px 14px 0 0;
}

#course ul.course02 li {
	float: left;
	margin: 15px 10px 0 0;
}

/* --------------------------------
	#mode
-------------------------------- */
#mode {
	position: relative;
	height: 465px;
}

#mode01 {
	position: absolute;
		top: 79px;
		left: 64px;
}

#mode01 #mode-chara01 {
	position: absolute;
		top: 0;
		left: 70px;
}
#mode01 .mode-stage01 {
	position: absolute;
		top: 107px;
		left: 20px;
}

#mode01 dl {
	position: absolute;
		top: 168px;
		left: 0;
}

#mode02 {
	position: absolute;
		top: 76px;
		left: 354px;
}

#mode02 #mode-chara02 {
	position: absolute;
		top: 0;
		left: 15px;
}
#mode02 .mode-stage02 {
	position: absolute;
		top: 110px;
		left: 20px;
}

#mode02 dl {
	position: absolute;
		top: 171px;
		left: 0;
}

#mode03 {
	position: absolute;
		top: 52px;
		left: 644px;
}

#mode03 #mode-chara03 {
	position: absolute;
		top: 0;
		left: 34px;
}
#mode03 .mode-stage03 {
	position: absolute;
		top: 134px;
		left: 20px;
}

#mode03 dl {
	position: absolute;
		top: 195px;
		left: 0;
}

#mode01 dt,
#mode02 dt,
#mode03 dt {
	margin-bottom: 7px;
}

#mode .btn-challenge {
	position: absolute;
		top: 361px;
		left: 61px;
}

#mode .btn-tournament {
	position: absolute;
		top: 361px;
		right: 63px;
}

/* --------------------------------
	#item
-------------------------------- */
#item {
	position: relative;
	background: url(../mario/images/item_bg.png) no-repeat 40px 26px;
	height: 364px;
}

#item #item-chara01 {
	position: absolute;
		top: 101px;
		left: 84px;
}

#item .item-name01 {
	position: absolute;
		top: 183px;
		left: 61px;
}

#item #item-chara02 {
	position: absolute;
		top: 110px;
		left: 231px;
}

#item .item-name02 {
	position: absolute;
		top: 183px;
		left: 216px;
}

#item #item-chara03 {
	position: absolute;
		top: 101px;
		left: 385px;
}

#item .item-name03 {
	position: absolute;
		top: 183px;
		left: 348px;
}

#item .item-txt01 {
	position: absolute;
		top: 66px;
		left: 72px;
}

#item .item-txt02 {
	position: absolute;
		top: 266px;
		left: 176px;
}

#item #item-movie {
	position: absolute;
		top: 56px;
		right: 68px;
}

#item #item-movie a:hover img {
	filter: none !important;
}


/* --------------------------------
	#chara
-------------------------------- */
#chara {
	position: relative;
	height: 661px;
}

#chara ul {
	position: absolute;
	top: 0;
	left: 0;
}

#chara #chara01 {
	position: absolute;
		top: 148px;
		left: 45px;
}

#chara #chara02 {
	position: absolute;
		top: 58px;
		left: 194px;
}

#chara #chara03 {
	position: absolute;
		top: 92px;
		left: 331px;
}

#chara #chara04 {
	position: absolute;
		top: 5px;
		left: 459px;
}

#chara #chara05 {
	position: absolute;
		top: -34px;
		left: 642px;
}

#chara #chara06 {
	position: absolute;
		top: 316px;
		left: 45px;
}

#chara #chara07 {
	position: absolute;
		top: 247px;
		left: 221px;
}

#chara #chara08 {
	position: absolute;
		top: 299px;
		left: 363px;
}

#chara #chara09 {
	position: absolute;
		top: 162px;
		left: 484px;
}

#chara #chara10 {
	position: absolute;
		top: 199px;
		left: 704px;
}

#chara #chara11 {
	position: absolute;
		top: 369px;
		left: 159px;
}

#chara #chara12 {
	position: absolute;
		top: 424px;
		left: 409px;
}

#chara #chara13 {
	position: absolute;
		top: 364px;
		left: 551px;
}

#chara #chara14 {
	position: absolute;
		top: 312px;
		left: 720px;
}

#chara #chara15 {
	position: absolute;
		top: 399px;
		left: 762px;
}


/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
	width: 553px;
	margin-left: -276px;
}

#popBody {
	padding-top: 15px;
	background: transparent;
}

#popWrap {
	position: relative;
}

#popWrap #pop-prev {
	position: absolute;
	top: 183px;
	left: 0;
}

#popWrap #pop-next {
	position: absolute;
	top: 183px;
	right: 0;
}

#popWrap #pop-close {
	position: absolute;
	top: -15px;
	right: 0;
}

/* pop-course */
.pop-course #modal {
	width: 553px;
	height: 435px;
	margin-left: -276px;
}

.pop-course #popWrap {
	width: 553px;
	height: 420px;
	background: url("../mario/images/pop_course_bg.png") no-repeat scroll left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../mario/images/pop_course_bg.png",sizingMethod="crop");
}

.pop-course #popWrap #pop-close {
	right: 8px;
}

.pop-course .pop-ttl {
	padding: 20px 0 13px 0;
	text-align: center;
}

.pop-course .pop-txt {
	position: absolute;
	top: 356px;
	left: 72px;
}

.pop-course #slide-area img {
 display: none;
}

.pop-course #slide-area #img-noscript img {
 display: block;
}

.pop-course #slide-area .bx-wrapper img {
 display: block;
}

.pop-course #slide-area {
	width: 409px;
	margin: 0 auto;
}

.pop-course #slide-course {
	position: absolute;
	top: 0;
	left: 0;
}

.pop-course #slide-course li {
	width: 409px;
	height: 249px;
}

.bx-wrapper {
	position: relative;
}

#bx-pager-course {
	position: absolute;
	top: 320px;
	left: 227px;
	text-align: center;
}

#bx-pager-course {
	width: 128px;
	height: 24px;
}

#bx-pager-course a {
	float: left;
	width: 24px;
	height: 24px;
	margin: 0  16px 0 0;
	text-indent: -9999px;
	background: url(../mario/images/slide_pointer.png) no-repeat right top;
}

#bx-pager-course a:hover,
#bx-pager-course a.active {
		background-position: left top;
}

/* pop-challenge */
.pop-challenge #popWrap {
	width: 728px;
	height: 347px;
	margin: 0 auto;
	background: url("../mario/images/pop_challenge_bg.png") no-repeat scroll left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../mario/images/pop_challenge_bg.png",sizingMethod="crop");
}

.pop-challenge .pop-ttl {
	padding: 18px 0 11px 0;
	text-align: center;
}

.pop-challenge .img01 {
	position: absolute;
	top: 71px;
	left: 34px;
}
.pop-challenge .img02 {
	position: absolute;
	top: 71px;
	left: 257px;
}
.pop-challenge .img03 {
	position: absolute;
	top: 71px;
	left: 479px;
}
.pop-challenge .challenge-img {
	margin-bottom: 8px;
}

.pop-challenge .pop-copy {
	position: absolute;
	top: 301px;
	left: 142px;
}

/* pop-item */
.pop-item #popWrap {
	width: 525px;
	height: 420px;
	margin: 0 auto;
	background: url("../mario/images/pop_item_bg.png") no-repeat scroll left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../mario/images/pop_item_bg.png",sizingMethod="crop");
}

.pop-item #popWrap #moviearea-wrap {
	position: relative;
	width: 506px;
	padding-top: 40px;
}

.pop-item #popWrap #item-moviearea {
	width: 408px;
	height: 296px;
	margin: 0 auto;
	text-align: center;
}

.pop-item #popWrap #item-moviearea video,
.pop-item #popWrap #item-moviearea #stagePoster {
	margin-top: 24px;
}

.pop-item #popWrap #pop-close {
	position: absolute;
	top: -15px;
	right: 0;
}