@charset "shift_jis";

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

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

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

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

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

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

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

#wrapper07 {
	background-image: url(../shop/images/bg07.jpg);
	background-position: center 1800px;
	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;
}


/* --------------------------------
	#shop01
-------------------------------- */
#shop01 {
	position: relative;
	height: 340px;
}

#shop01 #shop01-txt01 {
	position: absolute;
		top: 53px;
		left: 40px;
}

#shop01 #shop01-txt02 {
	position: absolute;
		top: 259px;
		left: 40px;
}

#shop01 #shop01-img {
	position: absolute;
		top: 41px;
		left: 510px;
}

#shop01 #shop01-kinopio {
	position: absolute;
		top: 63px;
		left: 419px;
}

/* --------------------------------
	#shop02
-------------------------------- */
#shop02 {
	position: relative;
	height: 70px;
}

#shop02 #shop02-ttl {
	position: absolute;
		top: 2px;
		left: 23px;
}

#shop02 #shop02-txt01 {
	position: absolute;
		top: 22px;
		left: 340px;
}

#shop02 #shop02-txt02 {
	position: absolute;
		top: 22px;
		left: 841px;
}

#shop02 #shop02-btn {
	position: absolute;
		top: 0;
		left: 634px;
}


/* -- #kinoko-pack -- */
#kinoko-pack {
	position: relative;
	width: 880px;
	height: 290px;
	margin: 0 auto;
	background: url(../shop/images/bg_shop01.png) no-repeat left top;
}

#kinoko-pack #kinoko-ttl {
	position: absolute;
		top: 10px;
		left: 17px;
}

#kinoko-pack #kinoko-img01 {
	position: absolute;
		top: 71px;
		left: 14px;
}

#kinoko-pack #kinoko-img02 {
	position: absolute;
		top: 117px;
		left: 159px;
}

#kinoko-pack #kinoko-img03 {
	position: absolute;
		top: 212px;
		left: 157px;
}

#kinoko-pack #kinoko-img04 {
	position: absolute;
		top: 212px;
		left: 241px;
}

#kinoko-pack #kinoko-img05 {
	position: absolute;
		top: 258px;
		left: 241px;
}

#kinoko-pack #kinoko-img06 {
	position: absolute;
		top: 34px;
		left: 683px;
}

#kinoko-pack #kinoko-movie {
	position: absolute;
		top: 70px;
		left: 540px;
}

#kinoko-pack #kinoko-chara {
	position: absolute;
		top: 108px;
		left: 9px;
}

/* -- #flower-pack -- */
#flower-pack {
	position: relative;
	width: 880px;
	height: 290px;
	margin: 20px auto 0 auto;
	background: url(../shop/images/bg_shop02.png) no-repeat left top;
}

#flower-pack #flower-ttl {
	position: absolute;
		top: 10px;
		left: 17px;
}

#flower-pack #flower-img01 {
	position: absolute;
		top: 71px;
		left: 14px;
}

#flower-pack #flower-img02 {
	position: absolute;
		top: 117px;
		left: 159px;
}

#flower-pack #flower-img03 {
	position: absolute;
		top: 212px;
		left: 157px;
}

#flower-pack #flower-img04 {
	position: absolute;
		top: 212px;
		left: 241px;
}

#flower-pack #flower-img05 {
	position: absolute;
		top: 258px;
		left: 241px;
}

#flower-pack #flower-img06 {
	position: absolute;
		top: 34px;
		left: 683px;
}

#flower-pack #flower-movie {
	position: absolute;
		top: 70px;
		left: 540px;
}

#flower-pack #flower-chara {
	position: absolute;
		top: 123px;
		left: -17px;
}

/* -- #star-pack -- */
#star-pack {
	position: relative;
	width: 880px;
	height: 290px;
	margin: 20px auto 0 auto;
	background: url(../shop/images/bg_shop03.png) no-repeat left top;
}

#star-pack #star-ttl {
	position: absolute;
		top: 10px;
		left: 17px;
}

#star-pack .haishin {
	position: absolute;
		top: 29px;
		left: 297px;
}

#star-pack #star-img01 {
	position: absolute;
		top: 71px;
		left: 14px;
}

#star-pack #star-img02 {
	position: absolute;
		top: 117px;
		left: 159px;
}

#star-pack #star-img03 {
	position: absolute;
		top: 212px;
		left: 157px;
}

#star-pack #star-img04 {
	position: absolute;
		top: 212px;
		left: 241px;
}

#star-pack #star-img05 {
	position: absolute;
		top: 258px;
		left: 241px;
}

#star-pack #star-img06 {
	position: absolute;
		top: 34px;
		left: 683px;
}

#star-pack #star-movie {
	position: absolute;
		top: 70px;
		left: 540px;
}

#star-pack #star-chara {
	position: absolute;
		top: 80px;
		left: 1px;
}

/* -- .note -- */
p.note {
	width: 880px;
	margin: 10px auto 0;
	text-align: right;
}


/* --------------------------------
	#matome
-------------------------------- */
#matome {
	position: relative;
	margin-top: 27px;
	height: 647px;
}

#matome #matome-ttl {
	position: absolute;
		top: 0;
		left: 10px;
}

#matome #matome-img01 {
	position: absolute;
		top: 101px;
		left: 53px;
}

#matome #matome-img02 {
	position: absolute;
		top: 145px;
		left: 58px;
}

#matome #matome-img03 {
	position: absolute;
		top: 234px;
		left: 390px;
}

#matome #matome-img04 {
	position: absolute;
		top: 267px;
		left: 400px;
}

#matome #matome-img05 {
	position: absolute;
		top: 369px;
		left: 401px;
}

#matome #matome-img06 {
	position: absolute;
		top: 171px;
		left: 570px;
}

#matome #matome-img07 {
	position: absolute;
		top: 92px;
		left: 641px;
}

#matome #matome-img08 {
	position: absolute;
		top: 130px;
		left: 787px;
}

#matome #matome-img09 {
	position: absolute;
		top: 445px;
		left: 58px;
}

#matome #matome-movie {
	position: absolute;
		top: 224px;
		left: 51px;
}

#matome #matome-chara {
	position: absolute;
		top: 210px;
		left: 761px;
}

/* ========================================
	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;
	width: 525px;
	height: 420px;
	margin: 0 auto;
	background: url("../shop/images/pop_shop_bg.png") no-repeat scroll left top;
	filter :progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../shop/images/pop_shop_bg.png",sizingMethod="crop");
}

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

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

#popWrap #shop-moviearea video,
#popWrap #shop-moviearea #stagePoster {
	margin-top: 24px;
}

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