/* ==========================================================================
   Play / Index
   ========================================================================== */

body.playIndex #MainVideo {
	width: 100%;
	min-width: 960px;
	min-height: 500px;
	height: 100%;
	height : -webkit-calc(100% - 120px);
	height : calc(100% - 120px);
	background: #000;
	position: absolute;
}

body.playIndex{
		background-image: url(../images/play/world/bg-top.jpg);
		background-repeat: repeat;
		background-position: 50% 50%;
}

body.playIndex #MainContent {
	position: absolute;
	background-image: url(../images/play/title-play.png);
	background-repeat: no-repeat;
	background-size: 890px 380px;
	width: 890px;
	height: 380px;
	left: 50%;
	top: 50%;
	margin-left: -445px;
	margin-top: -160px;
}

body.playIndex #MainContent .description {
	position: absolute;
	text-indent: -9999px;
}

body.playIndex #MainContent ul.navi {
	width: 780px;
	height: 123px;
	margin: 200px auto auto auto;
}

body.playIndex #MainContent ul.navi li {
	float: left;
}

body.playIndex #MainContent ul.navi li a {
	display: block;
	text-indent: -9999px;
	width: 337px;
	height: 123px;
}

body.playIndex #MainContent ul.navi .world {
	width: 423px;
	height: 123px;
}

body.playIndex #MainContent ul.navi .world a {
	background-image: url(../images/play/btn-world.png);
	background-repeat: no-repeat;
	background-size: 423px 246px;
	background-position: 0 0px;
	width: 423px;
	height: 123px;
}

body.playIndex #MainContent ul.navi .world a:hover {
	background-position: 0 -123px;
}

body.playIndex #MainContent ul.navi .mario10 {
	width: 337px;
	height: 123px;
	margin-left: 20px;
}

body.playIndex #MainContent ul.navi .mario10 a {
	background-image: url(../images/play/btn-mario10.png);
	background-repeat: no-repeat;
	background-size: 337px 246px;
	background-position: 0 0px;
	width: 337px;
	height: 123px;
}

body.playIndex #MainContent ul.navi .mario10 a:hover {
	background-position: 0 -123px;
}

/* ==========================================================================
   Play / World
   ========================================================================== */
body.playWorld #MainContent {
	background-color: #7e97e7;
}

body.playWorld #MainContent .inner {
	background-image: url(../images/play/world/bg-bottom.png);
	background-size: 1780px 322px;
	background-repeat: repeat-x;
	background-position: 50% 100%;
}
	body.playWorld #MainContent #TopBlock {
		background-image: url(../images/play/world/bg-top.jpg);
		background-repeat: repeat;
		background-size: 100% auto;
		width: 100%;
		height: 630px;
		padding-top: 70px;
		overflow: hidden;
	}
  
	body.playWorld #MainContent #TopBlock .description {
		background-image:url(../images/play/world/title-world.png);
		background-repeat: no-repeat;
		background-size:  845px 432px;
		width: 845px;
		height: 432px;
		margin: 0 auto;
		position: relative;
	}

		body.playWorld #MainContent #TopBlock .description h1 {
			text-indent: -9999px;
		}

		body.playWorld #MainContent #TopBlock .description p {
			text-indent: -9999px;
		}

		body.playWorld #MainContent #TopBlock .description .image {
			position: absolute;
			top: 92px;
			right: -104px;
		}


		body.playWorld #MainContent #TopBlock .backBtn {
			display: block;
			position: absolute;
			background-image: url(../images/common/btn-play-prev.png);
			background-size: 103px 102px;
			background-position: 0 0;
			width: 103px;
			height: 51px;
			bottom: -60px;
			text-indent: -9999px;
		}

		body.playWorld #MainContent #TopBlock .backBtn:hover {
			background-position: 0 -51px;
		}

	body.playWorld #MainContent #ChallengeBlock {
		background-image: url(../images/play/world/bg-dot.gif);
		background-size: 12px 12px;
		padding: 20px 0;
	}

		body.playWorld #MainContent #ChallengeBlock h2{
			background-image: url(../images/play/world/title-100-mario.png);
			background-repeat: no-repeat;
			background-size: 893px 83px;
			width: 893px;
			height: 83px;
			margin: 30px auto 40px;
			text-indent: -9999px;
		}

		body.playWorld #MainContent #ChallengeBlock .inner{
			background-image: url(../images/play/world/bg-course.png);
			background-repeat: no-repeat;
			background-size: 960px 620px;
			width: 960px;
			height: 620px;
			margin: 0 auto;
			position: relative;
		}
	
			body.playWorld #MainContent #ChallengeBlock .inner p{
				background-image: url(../images/play/world/text-course.png);
				background-repeat: no-repeat;
				background-size: 552px 130px;
				height: 130px;
				margin-left: 32px;
				text-indent: -9999px;
			}
			
				body.playWorld #MainContent #ChallengeBlock ul.balloons li {
					position: absolute;
					background-image: url(../images/play/world/image-balloon.png);
					background-size: 2170px 612px;
					width: 310px;
					height: 204px;
					-webkit-transform-origin: 50% 100%;
					-moz-transform-origin: 50% 100%;
					transform-origin: 50% 100%;
					-webkit-transform: scaleX(0) scaleY(0) rotateZ(10deg);
				}
				body.playWorld #MainContent #ChallengeBlock li.balloon1 {
					left: 138px;
					top: 375px;
					background-position: -310px -204px;
				}
				body.playWorld #MainContent #ChallengeBlock li.balloon2 {
					left: 505px;
					top: 130px;
					background-position: -310px -204px;
				}
				body.playWorld #MainContent #ChallengeBlock li.balloon3 {
					left: 138px;
					top: 195px;
				}
				body.playWorld #MainContent #ChallengeBlock li.balloon4 {
					left: 505px;
					top: 319px;
				}
				


	
			body.playWorld #MainContent #ChallengeBlock .line.toR{
				background-image: url(../images/play/world/loop-mario-to-r.png);
				background-repeat: repeat-x;
				background-size: 45px 144px;
				height: 48px;
			}
		
			body.playWorld #MainContent #ChallengeBlock .line.toL{
				background-image: url(../images/play/world/loop-mario-to-l.png);
				background-repeat: repeat-x;
				background-size: 45px 144px;
				height: 48px;
			}
			
	body.playWorld #MainContent #MakerBlock {
		background-image: url(../images/play/world/bg-characters.png);
		background-repeat: no-repeat;
		background-size: 1430px 1480px;
		background-position: 50% 0%;
		padding-top: 90px;
		padding-bottom: 450px;
	}

		body.playWorld #MainContent #MakerBlock h2 {
			background-image: url(../images/play/world/title-search.png);
			background-repeat: no-repeat;
			background-size: 896px 113px;
			width: 896px;
			height: 113px;
			margin: 0 auto;
			text-indent: -9999px;
		}

		body.playWorld #MainContent #MakerBlock dl {
			width: 960px;
			margin: 0 auto;
		}

			body.playWorld #MainContent #MakerBlock dl dt {
				width: 480px;
				height: 240px;
				margin-top: 100px;
				float: left;
			}
			body.playWorld #MainContent #MakerBlock dl dd {
				width: 480px;
				height: 240px;
				margin: 0;
				margin-top: 100px;
				float: right;
			}


/* ==========================================================================
   Play / Mario10
   ========================================================================== */
body.playMario10 #MainContent {
	background-image: url(../images/play/mario10/bg-content.gif);
	background-repeat: repeat;
	background-size: 12px 12px;
}

	body.playMario10 #MainContent #TopBlock  {
		background-image: url(../images/play/mario10/bg-top.jpg);
		background-repeat: repeat;
		background-size: 100% auto;
		width: 100%;
		height: 430px;
		padding-top: 70px;
		overflow: hidden;
	}

	body.playMario10 #MainContent #TopBlock .description {
		background-image: url(../images/play/mario10/title-mario10.png);
		background-repeat: no-repeat;
		background-size: 810px 304px;
		width: 810px;
		height: 304px;
		margin: 0 auto;
		position: relative;
	}

			body.playMario10 #MainContent #TopBlock .description h1 {
				text-indent: -9999px;
			}

			body.playMario10 #MainContent #TopBlock .description p {
				text-indent: -9999px;
			}

			body.playMario10 #MainContent #TopBlock .description .image {
				position: absolute;
				top: 46px;
				right: 40px;
			}


		body.playMario10 #MainContent #TopBlock .backBtn {
			display: block;
			position: absolute;
			background-image: url(../images/common/btn-play-prev.png);
			background-size: 103px 102px;
			background-position: 0 0;
			width: 103px;
			height: 51px;
			bottom: -60px;
			text-indent: -9999px;
		}

		body.playMario10 #MainContent #TopBlock .backBtn:hover {
			background-position: 0 -51px;
		}
		
	body.playMario10 #MainContent #Mario10Block {
		background-image: url(../images/play/mario10/bg-content.gif);
		background-size: 12px 12px;
		padding-top: 60px;
	}

		body.playMario10 #MainContent #Mario10Block h2 {
			background-image:  url(../images/play/mario10/title-challenge.png);
			background-repeat: no-repeat;
			background-size: 893px 83px;
			width: 893px;
			height: 83px;
			margin: 0 auto 40px;
			text-indent: -9999px;
		}

		body.playMario10 #MainContent #Mario10Block p {
			background-image:  url(../images/play/mario10/text-challenge.png);
			background-repeat: no-repeat;
			background-size: 893px 106px;
			width: 893px;
			height: 106px;
			margin: 0 auto;
			text-indent: -9999px;
		}

		body.playMario10 #MainContent #Mario10Block div {
			width: 893px;
			margin: 0 auto;
			padding-bottom: 160px;
		}