@charset "shift_jis";

body {
overflow-x:hidden;
}

#wrapper03 {
	background: url(../style/images/bg03.png) center 15px no-repeat;
}

/* ========================================
	#main
======================================== */
/* --------------------------------
	#style
-------------------------------- */
#style {
	height: 1886px;
	position: relative;
	background: url(../style/images/style_bg01.png) 0 0 repeat;
}

#style .style-inner {
	background: url(../style/images/style_bg02.png) 0 0 no-repeat;
}

#style .chara {
	position: absolute;
	top: -79px;
	left: 493px;
}

#style .lead {
	position: relative;
	height: 191px;
}

#style .lead p {
	position: absolute;
	top: 28px;
	left: 27px;
	width: 450px;
	height: 160px;
}

#style .beginner {
	position: relative;
	height: 557px;
}

#style .beginner-text {
	position: absolute;
	top: 183px;
	left: 481px;
}

#style .beginner-movie {
	position: absolute;
	top: 0;
	left: 31px;
}

#style .instrument-btm {
	position: relative;
	height: 707px;
}

#style .button {
	position: absolute;
	top: 0;
	left: 34px;
}

#style .button-ttl {
	margin: 0 0 0 36px;
}

#style .button-copy {
	margin: 0 0 0 36px;
}

#style .button-img {
	margin: -25px 0 0 0;
}

#style .guitar {
	position: absolute;
	top: 139px;
	left: 326px;
	z-index: 2;
}

#style .guitar-ttl {
	margin: 0 0 0 48px;
}

#style .guitar-copy {
	margin: 0 0 0 48px;
}

#style .drum {
	position: absolute;
	top: 6px;
	left: 587px;
}

#style .drum-ttl {
	margin: 0 0 0 87px;
}

#style .drum-copy {
	margin: -17px 0 0 87px;
}

#style .drum-img {
	margin: -13px 0 0 0;
}

#style .btn-preset {
	text-align: center;
	height: 90px;
	position: relative;
}

#style .rating {
	margin: 0 0 0 30px;
}

#style .instrument01,
#style .instrument02,
#style .instrument03,
#style .instrument04,
#style .instrument05,
#style .instrument06,
#style .instrument07 {
	position: absolute;
	z-index: 2;
}

#style .instrument01 {
	top: 724px;
	left: 233px;
}

#style .instrument02 {
	top: 850px;
	left: 537px;
}

#style .instrument03 {
	top: 761px;
	left: 838px;
}



/* ========================================
	#popWrap
======================================== */
#popBody {
	background: transparent;
}

#coverLayer {
	display: none;
	position: fixed;
		top: 0;
		left: 0;
		z-index: 9000;
	height: 100%;
	width: 100%;
	background: url(../style/images/lightBox_bg.png) repeat left top;
}

#modal {
	display: none;
	position: absolute;
		z-index: 9200;
		left: 50%;
	width: 930px;
	height: 890px;
	margin-left: -465px;
}

#popWrap {
	margin: 0 auto;
	width: 890px;
}

#pop-content {
	margin: 65px auto 0 auto;
	width: 750px;
	height: 813px;
	background: #FFFFFF url(../style/images/pop_bg01.png) center top repeat-x;
	border: 5px solid #000000;
	position: relative;
}

#pop-content .pop-ttl {
	position: absolute;
	top: -65px;
	left: -65px;
}

#pop-content #pop-movie {
	margin: 63px 0 0 170px;
}

#pop-content .pop-movie-inner {
	margin-left:5px;
}

#pop-content #pop-navi {
	position: absolute;
	top: 633px;
	left: 115px;
}

#pop-content #pop-navi li {
	padding-right: 10px;
	width: 170px;
	float: left;
}

#pop-content #pop-close {
	position: absolute;
	top: -25px;
	left: 705px;
}