/* ==========================================================================
   Play
   ========================================================================== */
   
/* ==========================================================================
   Play /Index
   ========================================================================== */
body.playIndex  {
	background-image: url(../images/play/index/bg-gamedisplays.png);
	background-repeat: repeat;
	background-size: 320px auto;
}

body.playIndex #Header {
	margin-bottom: 20px;
}

body.playIndex #MainContent .description {
	background-image: url(../images/play/index/bg-panel.png);
	background-repeat: no-repeat; 
	background-size: 300px 410px;
	background-position: center 10px;
	width: 320px;
	height: 410px;
	margin: 0 auto;
	padding-top: 30px;
}

body.playIndex #MainContent h1 {
	background-image: url(../images/play/index/title-play.png);
	background-repeat: no-repeat; 
	background-size: 104px 59px;
	width: 104px;
	height: 59px;
	margin: 0 auto 30px 35px;
	text-indent: -9999px;
}

body.playIndex #MainContent .image {
    position: absolute;
	top: 180px;
    right: 55px;
    z-index: 1;
}

body.playIndex #MainContent .description p {
	background-image: url(../images/play/index/text-description.png);
	background-repeat: no-repeat;
	background-size: 250px 127px;
	width: 250px;
	height: 127px;
	margin: 0 auto 10px; 
	text-indent: -9999px;	
}

body.playIndex #MainContent .description a.btnDl {
	display: block;
	background-image: url(../images/play/index/btn-dl.png);
	background-repeat: no-repeat; 
	background-size: 250px 140px;
	width: 250px;
	height: 70px;
	margin: 0 auto 10px; 
	text-indent: -9999px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body.playIndex #MainContent .description a.btnDl:active {
	background-position: 0 -70px;
}

body.playIndex #MainContent .description a.btnSample {
	display: block;
	background-image: url(../images/play/index/btn-sample.png);
	background-repeat: no-repeat; 
	background-size: 250px 120px;
	width: 250px;
	height: 60px;
	margin: 0 auto; 
	text-indent: -9999px;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

body.playIndex #MainContent .description a.btnSample:active {
	background-position: 0 -60px;
}

   
/* ==========================================================================
   Play /World
   ========================================================================== */

body.playWorld  {
	
	position: relative;
	height: auto;
	background-color: #7e97e7;
}

body.playWorld:before {
	content: "";
	position: absolute;
	bottom:90px;
	display: block;
	
	background-image: url(../images/play/world/bg-serchcourse-foot.png);
	background-repeat: repeat-x;
	background-size: 400px 110px;
	background-position: left bottom;
	
	width: 100%;
	height: 110px;
}

body.playWorld #Footer {
	padding: 0px;
}

body.playWorld #Footer .top {
	position: relative;
	z-index: 100;
	height: 100px;
}


/* Description */

body.playWorld #MainContent .mainBlock {
	background-image: url(../images/play/world/bg-gamedisplays.png);
	background-repeat: repeat; 
	background-size: 371px 307px;
	background-position: center top;
	width: 100%;
	margin: 0 auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

body.playWorld #MainContent .mainBlock .description {
	position: relative;
	background-image: url(../images/play/world/bg-panel.png);
	background-repeat: no-repeat; 
	background-size: 300px 280px;
	background-position: center top;
	width: 300px;

	margin: 0 auto;
	padding-bottom: 22px;
}

body.playWorld #MainContent .mainBlock .description h1 {
	background-image: url(../images/play/world/title-world.png);
	background-repeat: no-repeat; 
	background-size: 200px 118px;
	background-position: left 20px;
	width: 200px;
	height: 118px;
	margin: 0 auto 25px 25px;
	padding-top:15px;
	text-indent: -9999px;
}

body.playWorld #MainContent .mainBlock .description p {
	background-image: url(../images/play/world/text-description.png);
	background-repeat: no-repeat; 
	background-size: 250px 100px;
	width: 250px;
	height: 100px;
	margin: 0 auto;
	text-indent: -9999px;
}

body.playWorld #MainContent .mainBlock .description img.imgTord {
	display: block;
	position: absolute;
	top: 33px;
	right: -10px;
}

/* mario100Challenge */
body.playWorld #MainContent #Mario100Challenge {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(../images/play/world/bg-pattern-mario100challenge.png);
	background-repeat: repeat; 
	background-size: 4px 4px;
}

body.playWorld #MainContent #Mario100Challenge .inner {
	width: 300px;
	margin: 0 auto;
}

body.playWorld #MainContent #Mario100Challenge .inner h2 {
	background-image: url(../images/play/world/title-mario100challenge.png);
	background-repeat: no-repeat; 
	background-size: 300px 45px;
	width: 300px;
	height: 45px;
	margin: 0 auto 20px 0;
	text-indent: -9999px;
}

body.playWorld #MainContent #Mario100Challenge .inner p {
	background-image: url(../images/play/world/text-mario100challenge.png);
	background-repeat: no-repeat; 
	background-size: 303px 118px;
	width: 303px;
	height: 118px;
	text-indent: -9999px;
}

body.playWorld #MainContent #Mario100Challenge .inner img {
	display: block;
	margin-bottom: 10px
}

body.playWorld #MainContent #Mario100Challenge .toR {
	display: block;
	background-image: url(../images/play/world/loop-mario-to-r.png);
	background-repeat:  repeat-x;
	background-size: 24px 75px;
	width: 100%;
	height: 25px;
	margin-bottom: 10px;
}


body.playWorld #MainContent #Mario100Challenge .toL {
	display: block;
	background-image: url(../images/play/world/loop-mario-to-l.png);
	background-repeat:  repeat-x;
	background-size: 24px 75px;
	width: 100%;
	height: 25px;
	margin-top: 10px;
}

body.playWorld #MainContent #Mario100Challenge ul.balloons {
	background-image: url(../images/play/world/img-mario100challenge.png);
	background-repeat: no-repeat;
	background-size: 295px 230px;
	width: 295px;
	height: 230px;
}

body.playWorld #MainContent #Mario100Challenge ul.balloons li {
	position: absolute;
	background-image: url(../images/play/world/img-balloon.png);
	background-size: 1085px 306px;
	width: 155px;
	height: 102px;
	-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 #Mario100Challenge li.balloon1 {
	margin-left: 140px;
	margin-top: -10px;
	background-position: -310px -204px;
}
body.playWorld #MainContent #Mario100Challenge li.balloon2 {
	margin-left: 75px;
	margin-top: 112px;
	background-position: -310px -204px;
}
body.playWorld #MainContent #Mario100Challenge li.balloon3 {
	margin-left: 10px;
	margin-top: -2px;
}
body.playWorld #MainContent #Mario100Challenge li.balloon4 {
	margin-left: 141px;
	margin-top: 105px;
}




/* SearchCourse */

body.playWorld #MainContent #SearchCourse {
	background-color: #7e97e7;	
	padding-top: 10px;
	padding-bottom: 0px;
}

body.playWorld #MainContent #SearchCourse .inner {
	width: 300px;
	margin: 0 auto;
}

body.playWorld #MainContent #SearchCourse .inner h2 {
	background-image: url(../images/play/world/title-seachcourse.png);
	background-repeat: no-repeat; 
	background-size: 300px 55px;
	width: 300px;
	height: 55px;
	margin: 0 auto 30px;
	text-indent: -9999px;
}

body.playWorld #MainContent #SearchCourse .inner dl {
	margin: 0 auto 30px;
	padding: 0;
}

body.playWorld #MainContent #SearchCourse .inner dl dt {
	display: block;
	margin: 0 0 10px 0;
	padding: 0;
	text-indent: -9999px;
}

body.playWorld #MainContent #SearchCourse .inner dl dd {
	display: block;
	margin: 0;
	padding: 0;
}

body.playWorld #MainContent #SearchCourse .inner dl dd.img {
	margin-bottom: 10px;
}

body.playWorld #MainContent #SearchCourse .inner dl dd.text {
	text-indent: -9999px;
}

body.playWorld #MainContent #SearchCourse .inner dl.ranking dt {
	background-image: url(../images/play/world/title-sc-ranking.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 275px 47px;
	
	width: 275px;
	height: 47px;
}

body.playWorld #MainContent #SearchCourse .inner dl.ranking dd.text {
	background-image: url(../images/play/world/text-sc-ranking.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 290px 40px;
	
	width: 290px;
	height: 40px;
}

body.playWorld #MainContent #SearchCourse .inner dl.difficulty dt {
	background-image: url(../images/play/world/title-sc-difficulty.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 275px 62px;
	
	width: 275px;
	height: 62px;
}

body.playWorld #MainContent #SearchCourse .inner dl.difficulty dd.text {
	background-image: url(../images/play/world/text-sc-difficulty.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 290px 40px;
	
	width: 290px;
	height: 40px;
}

body.playWorld #MainContent #SearchCourse .inner dl.firstPlay dt {
	background-image: url(../images/play/world/title-sc-firstplay.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 275px 53px;
	
	width: 275px;
	height: 53px;
}

body.playWorld #MainContent #SearchCourse .inner dl.firstPlay dd.text {
	background-image: url(../images/play/world/text-sc-firstplay.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 290px 41px;
	
	width: 290px;
	height: 40px;
}


body.playWorld #MainContent #SearchCourse .inner dl.skill dt {
	background-image: url(../images/play/world/title-sc-skill.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 275px 45px;
	
	width: 275px;
	height: 45px;
}

body.playWorld #MainContent #SearchCourse .inner dl.skill dd.text {
	background-image: url(../images/play/world/text-sc-skill.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 290px 62px;
	
	width: 290px;
	height: 62px;
}

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

	body.playMario10 .mainBlock  {
		background-image: url(../images/play/mario10/bg-gamedisplays.png);
		background-repeat: repeat; 
		background-size: 371px 307px;
		background-position: center top;
		
		width: 100%;
		margin: 0 auto;
		padding-top: 13px;
		padding-bottom: 13px;
	}

		body.playMario10 .mainBlock .description{
			background-image: url(../images/play/mario10/bg-panel.png);
			background-repeat: no-repeat;
			background-size: 300px 217px;
			background-position: center top;
			
			width: 300px;
			height: 217px;
			margin: 0 auto;
			position: relative;
		}

			body.playMario10 #MainContent .mainBlock .description h1 {
			background-image: url(../images/play/mario10/title-mario10.png);
			background-repeat: no-repeat;
			background-size: 192px 111px;
			background-position: left 20px;	
			
			width: 192px;
			height: 131px;
			margin: 0 auto 25px 25px;		
			text-indent: -9999px;		
			}
			
			body.playMario10 #MainContent .mainBlock .description p {
			background-image: url(../images/play/mario10/text-mario10.png);
			background-repeat: no-repeat;
			background-size: 217px 33px;	
			width: 217px;
			height: 33px;	
			margin: 0 auto 0 25px;				

			text-indent: -9999px;						
			}

			body.playMario10 #MainContent .mainBlock .description img.image {
				display: block;
				position: absolute;
				top: 60px;
				right: 10px;
			}


	body.playMario10 #Mario10Block  {
		width: 300px;
		margin: 0 auto;
	}

		body.playMario10 #Mario10Block  h2 {
			background-image: url(../images/play/mario10/title-challange.png);
			background-repeat: no-repeat;
			background-size: 300px 45px;	
			
			width: 300px;
			height: 45px;
			margin: 16px auto 14px;
			text-indent: -9999px;
		}

		body.playMario10 #Mario10Block  h3 {
			background-image: url(../images/play/mario10/title-course.png);
			background-repeat: no-repeat;
			background-size: 300px 54px;	

			width: 300px;
			height: 54px;
			margin: 0;
			text-indent: -9999px;
		}

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

		body.playMario10 #Mario10Block .image {
			margin: 30px 0;
		}