@charset "shift_jis";

/* ========================================
	#topper
======================================== */

#topper .ttl {
	padding: 9px 0 0 26px;
}

#topper .lead {
	padding: 1px 0 25px 43px;
}

/* ========================================
	#main
======================================== */
#main {
	width: 888px;
	margin: 0 auto;
	position: relative;
}

#main .box {
	width: 888px;
	position: relative;
}

#main .box-top {
	background: url(../transform/images/box_top.png) 0 0 no-repeat;
}

#main .box-btom {
	height: 804px;
	background: url(../transform/images/box_btm.png) 0 402px no-repeat;
}

#scene2 .box-top {
	background: url(../transform/images/box_top2.png) 0 0 no-repeat;
}

#scene2 .box-btom {
	height: 865px;
	background: url(../transform/images/box_btm2.png) 0 432px no-repeat;
}

#scene1,
#scene2 {
	margin-bottom: 100px;
	clear: both;
}


#scene1 .box-ttl {
	padding: 58px 0 0 42px;
}

#scene1 .box-lead {
	padding: 24px 0 0 44px;
}

#scene1 .box1-top-chara01 {
	position: absolute;
	top: -126px;
	left: 638px;
}

#scene1 .box1-top-chara02 {
	position: absolute;
	top: -87px;
	left: 536px;
}

#scene1 .box1-top-chara03 {
	position: absolute;
	top: -88px;
	left: 552px;
}

#scene1 .box1-top-chara04 {
	position: absolute;
	top: -55px;
	left: 543px;
}

#scene1 .box1-top-chara05 {
	position: absolute;
	top: -126px;
	left: 595px;
}

#scene1 .box1-top-chara06 {
	position: absolute;
	top: -74px;
	left: 489px;
}

#scene1 .box1-chara-area {
	position: absolute;
	top: 248px;
	left: 35px;
}

/*#scene1 .box1-chara01 a,
#scene1 .box1-chara02 a {
	display: block;
	width: 162px;
	height: 177px;
	background-color:#FF0000;
}

#scene1 .box1-chara03 a,
#scene1 .box1-chara04 a,
#scene1 .box1-chara05 a,
#scene1 .box1-chara06 a {
	display: block;
	width: 162px;
	height: 162px;
	background-color:#FF0000;
}*/

#scene1 .box1-chara-area span {
	display: block;
}
#scene1 .box1-chara-area span span {
	position: relative;
	top: 0;
	left: 0;
}

#scene1 .box1-chara01 {
	position: absolute;
	top: 0;
	left: 0;
	width: 161px;
	height: 177px;
}

#scene1 .box1-chara01 a {
	display: block;
	width: 161px;
	height: 177px;
}

#scene1 .box1-chara01-img {
	position: absolute;
	top: 8px;
	left: 34px;
	/*display: block;
	margin: -169px 0 0 34px;*/
}
#scene1 .box1-chara01-name {
	position: absolute;
	top: 132px;
	left: 3px;
	/*display: block;
	padding: 132px 0 0 3px;*/
}

#scene1 .box1-chara02 {
	position: absolute;
	top: 0;
	left: 180px;
}
#scene1 .box1-chara02-img {
	position: absolute;
	top: 19px;
	left: 9px;
}
#scene1 .box1-chara02-name {
	position: absolute;
	top: 132px;
	left: 2px;
}

#scene1 .box1-chara03 {
	position: absolute;
	top: 180px;
	left: 0;
}
#scene1 .box1-chara03-img {
	position: absolute;
	top: 8px;
	left: 16px;
}
#scene1 .box1-chara03-name {
	position: absolute;
	top: 116px;
	left: 4px;
}

#scene1 .box1-chara04 {
	position: absolute;
	top: 180px;
	left: 180px;
}
#scene1 .box1-chara04-img {
	position: absolute;
	top: 12px;
	left: 12px;
}
#scene1 .box1-chara04-name {
	position: absolute;
	top: 116px;
	left: 1px;
}

#scene1 .box1-chara05 {
	position: absolute;
	top: 344px;
	left: 0;
}
#scene1 .box1-chara05-img {
	position: absolute;
	top: 8px;
	left: 29px;
}
#scene1 .box1-chara05-name {
	position: absolute;
	top: 116px;
	left: 0;
}

#scene1 .box1-chara06 {
	position: absolute;
	top: 344px;
	left: 180px;
}
#scene1 .box1-chara06-img {
	position: absolute;
	top: 21px;
	left: 8px;
}
#scene1 .box1-chara06-name {
	position: absolute;
	top: 116px;
	left: 1px;
}
#scene1 .box1-chara01-img a,
#scene1 .box1-chara02-img a,
#scene1 .box1-chara03-img a,
#scene1 .box1-chara04-img a,
#scene1 .box1-chara05-img a,
#scene1 .box1-chara06-img a {
	display: block;
	position: relative;
	top: 0;
	left: 0;
}

#scene1 .box1-movie-area {
	position: absolute;
	top: 271px;
	left: 404px;
}


#scene2 .box-ttl {
	padding: 57px 0 0 43px;
}

#scene2 .box-lead {
	padding: 25px 0 0 43px;
}

#scene2 .box2-star-area {
	position: absolute;
	top: -125px;
}

#scene2 .box2-top-chara {
	position: absolute;
	top: -196px;
	left: 550px;
}


#scene2 .box2-item01 {
	position: absolute;
	top: 478px;
	left: 38px;
}

#scene2 .box2-item01-comment {
	margin: -2px 0 0 2px;
}

#scene2 .box2-item02 {
	position: absolute;
	top: 179px;
	left: 461px;
}

#scene2 .box2-item02-img {
	position: absolute;
	top: 0;
	left: 72px;
	z-index: 2;
}

#scene2 .box2-item02-comment {
	position: absolute;
	top: 135px;
	left: 0;
}

#scene2 .box2-item03 {
	position: absolute;
	top: 496px;
	left: 462px;
}

#scene2 .box2-item03-ttl {
	margin: 0 0 0 38px;
}

#scene2 .box2-item03-img {
	margin: -1px 0 0 71px;
}
#scene2 .box2-item03-comment {
	margin: -1px 0 0 0;
}

#scene2 .box2-chara01 {
	position: absolute;
	top: 245px;
	left: -10px;
}
#scene2 .box2-chara01-01 {
	position: absolute;
	top: 0;
	left: 0;
}
#scene2 .box2-chara01-02 {
	position: absolute;
	top: 82px;
	left: 222px;
}

#scene2 .box2-chara02 {
	position: absolute;
	top: 515px;
	left: 327px;
}

#scene2 .box2-chara02 div {
	position: relative;
	top: 0;
	left: 0;
}

#main .underbtn {
	position: absolute;
	bottom: 111px;
	width: 100%;
}

#main .underbtn li {
	text-align: center;
}

#main .underbtn li.underbtn02 {
	display: none;
}

#main .scene-arw-left {
	display: none;
	position: absolute;
	top: 131px;
	left: -127px;
}

#main .scene-arw-right {
	position: absolute;
	top: 133px;
	right: -128px;
}



#movieFlash1,
#movieFlash2,
#movieFlash3 {
	position: absolute;
	top: 9px;
	left: 9px;
}



/* ========================================
	#frameBody
======================================== */
#frameBody {
    background-color: transparent;
    background-image: none;
}

#frameBody .box1-movie-ttl {
	margin-bottom: 8px;
}

#frameBody .box-movie {
	width: 438px;
	height: 333px;
	background: url(../transform/images/box_movie_bg.png) 0 0 no-repeat;
	position: relative;
}


/* ========================================
	popWrap
======================================== */
iframe {
	position: relative;
}
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
	width: 960px;
	height: 1110px;
	margin-left: -480px;
}

#popBody {
	padding-top: 20px;
	background: transparent;
}

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

#popBody .modal-bg {
	margin: 0 auto;
	width: 540px;
	height: 411px;
	background: url(../transform/images/modal_bg.png) 0 0 no-repeat;
	position: relative;
}

#popBody .modal-ttl {
	padding: 21px 0 13px 0;
	text-align: center;
}

#popBody #modal-movie {
	position: absolute;
	top: 60px;
	left: 33px;
}

#popBody .modal-btn li {
	position: absolute;
}

#popBody .modal-btn-prev {
	top: 165px;
	left: -36px;
}

#popBody .modal-btn-next {
	top: 165px;
	right: -37px;
}

#popBody #pop-close {
	position: absolute;
	top: -17px;
	right: -17px;
}