@charset "shift_jis";

/* --------------------------------
	#popup
-------------------------------- */
body#popup {
	background: url(../enjoy/images/bg_body.jpg) repeat left top;
}

.inner {
	position: relative;
	width: 960px;
	height: 1100px;
	margin: 0 auto;
	padding-top: 135px;
	text-align: center;
}

.ttl {
	margin-bottom: 40px;
}
.copy {
	margin-bottom: 42px;
}

.midashi {
	margin-bottom: 14px;
}

/* ========================================
	beginner.html
======================================== */
#pop-wrap01 {
	background: url(../enjoy/images/bg_page01.png) no-repeat center top;
}

#pop-wrap02 {
	background: url(../enjoy/images/bg_page02.png) no-repeat center 400px;
}

#pop-wrap03 {
	background: url(../enjoy/images/bg_page03.png) no-repeat center 800px;
	padding-bottom: 30px;
}

.copy-no {
	position: absolute;
	top: 186px;
	left: 149px;
}
.yes {
	position: absolute;
	right: 113px;
	top: 59px;
}


/* bananapower */
#bananapower {
	position: relative;
	margin-bottom: 43px;
}

.banana-txt {
	margin-bottom: 26px;
}

.powerup {
	width: 770px;
	margin: 0 auto;
}
.powerup ul {
	width: 801px;
	margin: 0 -31px 20px 0;
	padding-left: 1px;
	overflow: hidden;
	zoom: 1;
}
.powerup li {
	float: left;
	margin-right: 31px;
	display: inline;
}

.img01 {
	position: absolute;
	left: 334px;
	top: 205px;
}
.img02 {
	position: absolute;
	left: 601px;
	top: 205px;
}

.banana {
	position: absolute;
	right: 62px;
	top: -7px;
}

/* item */
#item {
	position: relative;
}

.item-txt {
	margin-bottom: 26px;
}

.item-note {
	margin-top: 15px;
}

.bird {
	position: absolute;
	left: 37px;
	top: 3px;
}

.power-item {
	position: relative;
	width: 676px;
	height: 233px;
	margin: 0 auto;
	text-align: left;
	background: url(../enjoy/images/item_bg.png) no-repeat left bottom;
}

#arw01,
#arw02,
#arw03,
#arw04 {
	position: absolute;
	top: 0;
}
#arw01 {
	left: 171px;
}
#arw02 {
	left: 282px;
}
#arw03 {
	left: 372px;
}
#arw04 {
	left: 465px;
}

.item01-image,
.item02-image,
.item03-image,
.item04-image {
	position: absolute;
	top: 42px;
}
.item01-image {
	left: 146px;
}
.item02-image {
	left: 286px;
}
.item03-image {
	left: 371px;
}
.item04-image {
	left: 464px;
}

.item01-name,
.item02-name,
.item03-name,
.item04-name {
	position: absolute;
	left: 236px;
	top: 122px;
}
.item01-txt,
.item02-txt,
.item03-txt,
.item04-txt {
	position: absolute;
	left: 178px;
	top: 160px;
}

/* iframe */
.power-item .noScriptBox iframe {
	width: 676px;
	height: 198px;
	overflow:hidden;
}


/* close */
.btn-close {
	margin-top: 20px;
	text-align: center;
}

/* MO_alpha */
a:link img.alpha, 
a:visited img.alpha {
	opacity: 1;
	-moz-opacity: 1; /* Firefox */
	filter: alpha(opacity=100); /* IE6/7 */
	-ms-filter: "alpha(opacity=100)"; /* IE8 */
}
a:hover img.alpha, 
a:active img.alpha {
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


/* ========================================
	iframe_noScript
======================================== */
body#itemframe {
	background: none;
}



/* ========================================
	mania.html
======================================== */
#pop-wrap01m {
	background: url(../enjoy/images/bg_page01_2.png) no-repeat center top;
}

#pop-wrap02m {
	background: url(../enjoy/images/bg_page02_2.png) no-repeat center 400px;
}

#pop-wrap03m {
	background: url(../enjoy/images/bg_page03_2.png) no-repeat center 800px;
}

#pop-wrap04m {
	background: url(../enjoy/images/bg_page04_2.png) no-repeat center 1200px;
}

#pop-wrap05m {
	background: url(../enjoy/images/bg_page05_2.png) no-repeat center 1600px;
	padding-bottom: 30px;
}

.inner-expert {
	position: relative;
	width: 960px;
	height: 1700px;
	margin: 0 auto;
	padding-top: 135px;
	text-align: center;
}

.no {
	position: absolute;
	right: 114px;
	top: 59px;
}

/* hidden-item */
#hidden-item {
	position: relative;
	height: 272px;
}

.puzzle-txt {
	margin-bottom: 15px;
}

.puzzle-item {
	margin-left: 112px;
}

.puzzle-item li {
	float: left;
	margin-right: 72px;
	display: inline;
}

.apology {
	position: absolute;
	width: 220px;
	top: 236px;
	left: 222px;
	font-size: 10px;
	color: #4B2B12;
	text-indent: -1em;
	text-align: left;
	line-height: 1.6;
	letter-spacing: 1px;
}

/* hidden-item */
#hard-mode {
	position: relative;
	height: 543px;
}

.hard-img {
	position: absolute;
	top: 67px;
	left: 115px;
}

.hard-txt {
	position: absolute;
	top: 67px;
	left: 403px;
}

.ttl-other {
	position: absolute;
	top: 231px;
	left: 239px;
}

.other-chara01 {
	position: absolute;
	top: 260px;
	left: 111px;
}

.other-chara02 {
	position: absolute;
	top: 260px;
	left: 364px;
}

.other-chara03 {
	position: absolute;
	top: 260px;
	left: 615px;
}

.other-note {
	position: absolute;
	top: 454px;
	left: 111px;
}

/* time-attack */
#time-attack {
	width: 730px;
	margin: 0 auto;
	text-align: left;
}

.time-img {
	float: right;
}

.time-txt {
	margin-bottom: 27px;
}

.ranking {
	margin-left: -3px;
}

.ranking-ttl {
	margin: 0 0 11px 3px;
}

.ranking-txt {
	margin-bottom: 30px;
}

.ranking-txt li {
	margin-bottom: 18px;
}