@charset "UTF-8";

/* ========================================
	common
======================================== */
#bg .bg-special,
#bg .bg-special-main,
#bg .bg-special-main2,
#bg .bg-circle-btm,
#bg .bg-star {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#bg .bg-circle {
	background: url(../special/images/bg_circle1.png) center 380px no-repeat;
}
#bg .bg-circle-btm {
	background: url(../special/images/bg_circle2.png) center bottom no-repeat;
}

/* ---------------------------------------
	special-navi
--------------------------------------- */
#special-navi {
	position: relative;
	height: 335px;
}

.sp-nav01,
.sp-nav02,
.sp-nav03,
.sp-nav04,
.sp-nav05,
.sp-nav06,
.sp-nav07,
.sp-nav08,
.sp-nav-new {
	position: absolute;
	z-index: 10;
}

.sp-nav01 {
	top: 0;
	left: 67px;
}
.sp-nav02 {
	top: 0;
	left: 274px;
}
.sp-nav03 {
	top: 0;
	left: 481px;
}
.sp-nav04 {
	top: 0;
	left: 688px;
}
.sp-nav05 {
	top: 121px;
	left: 67px;
}
.sp-nav06 {
	top: 121px;
	left: 274px;
}
.sp-nav07 {
	top: 121px;
	left: 481px;
}
.sp-nav08 {
	top: 121px;
	left: 688px;
}
.sp-nav-new {
	top: 106px;
	left: 45px;
	z-index: 20;
}

/* navi-mouseover */
.sp-nav01 .nav-off,
.sp-nav02 .nav-off,
.sp-nav03 .nav-off,
.sp-nav04 .nav-off,
.sp-nav05 .nav-off,
.sp-nav06 .nav-off,
.sp-nav07 .nav-off,
.sp-nav08 .nav-off {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.sp-nav01 .nav-on,
.sp-nav02 .nav-on,
.sp-nav03 .nav-on,
.sp-nav04 .nav-on,
.sp-nav05 .nav-on,
.sp-nav06 .nav-on,
.sp-nav07 .nav-on,
.sp-nav08 .nav-on {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 15;
}

/* ---------------------------------------
	topper
--------------------------------------- */
#topper {
	margin: 0 34px;
	height: 179px;
}

#topper .ttl {
	position: absolute;
	top: 14px;
	left: -8px;
}


/* ========================================
	#report1
======================================== */
#report1 #bg {
	background: url(../special/images/report1/bg_special.gif) center top repeat;
}

#report1 #bg .bg-special {
	background: url(../special/images/report1/bg_special.png) center top no-repeat;
}

#report1 #bg .bg-special-main {
	background: url(../special/images/report1/bg_special_main.png) center 219px no-repeat;
}
#report1 #bg .bg-special-main2 {
	background: url(../special/images/report1/bg_special_main2.png) center 1919px no-repeat;
}

#report1 #bg .bg-star {
	background: url(../special/images/report1/bg_star.png) center 32px no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report1 #area1 {
	height: 592px;
	position: relative;
}
#report1 #area1 .area1-ttl {
	position: absolute;
	top: 46px;
	left: 252px;
}
#report1 #area1 .area1-img1 {
	position: absolute;
	top: 177px;
	right: 63px;
}
#report1 #area1 .area1-img2 {
	position: absolute;
	top: 302px;
	right: 63px;
}
#report1 #area1 .area1-chara {
	position: absolute;
	top: 113px;
	left: 20px;
	z-index: 1;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
#report1 #area2 {
	height: 942px;
	position: relative;
}

#report1 .area2-ttl {
	position: absolute;
	top: 0;
	left: 32px;
}

#report1 .area2-img1 {
	position: absolute;
	top: 202px;
	left: -15px;
}
#report1 .area2-img2 {
	position: absolute;
	top: 218px;
	left: 311px;
}
#report1 .area2-img3 {
	position: absolute;
	top: 206px;
	right: -13px;
}
#report1 .area2-img4 {
	position: absolute;
	top: 498px;
	left: 179px;
}
#report1 .area2-img5 {
	position: absolute;
	top: 626px;
	left: 36px;
}
#report1 .area2-img6 {
	position: absolute;
	top: 628px;
	right: 36px;
}
#report1 .area2-chara {
	position: absolute;
	top: 618px;
	left: 336px;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report1 #area3 {
	height: 1272px;
}

#report1 .area3-ttl {

	position: absolute;
	top: 0;
	left: 32px;
}

#report1 .area3-img1 {
	position: absolute;
	top: 295px;
	left: -22px;
}
#report1 .area3-img2 {
	position: absolute;
	top: 298px;
	left: 314px;
}
#report1 .area3-img3 {
	position: absolute;
	top: 296px;
	right: -21px;
}
#report1 .area3-img4 {
	position: absolute;
	top: 770px;
	left: 347px;
}
#report1 .area3-img5 {
	position: absolute;
	top: 807px;
	left: 157px;
}
#report1 .area3-img6 {
	position: absolute;
	top: 951px;
	left: 62px;
}
#report1 .area3-chara {
	position: absolute;
	top: 750px;
	left: -31px;
}

/* ---------------------------------------
	#area4
--------------------------------------- */
#report1 #area4 {
	height: 264px;
}

#report1 .area4-img1 {
	position: absolute;
	top: 4px;
	left: 62px;
}
#report1 .area4-img2 {
	position: absolute;
	top: 0;
	right: 6px;
}


/* ========================================
	#report2
======================================== */
#report2 #bg {
	background: url(../special/images/report2/bg_special.gif) center top repeat;
}

#report2 #bg .bg-special {
	background: url(../special/images/report2/bg_special.png) center top no-repeat;
}

#report2 #bg .bg-special-main {
	background: url(../special/images/report2/bg_special_main.png) center 219px no-repeat;
}
#report2 #bg .bg-special-main2 {
	background: url(../special/images/report2/bg_special_main2.png) center 2419px no-repeat;
}

#report2 #bg .bg-star {
	background: url(../special/images/report2/bg_star.png) center 32px no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report2 #area1 {
	height: 1323px;
	position: relative;
}
#report2 #area1 .area1-ttl {
	position: absolute;
	top: 46px;
	left: 252px;
}
#report2 #area1 .area1-img1 {
	position: absolute;
	top: 175px;
	left: 49px;
}
#report2 #area1 .area1-img2 {
	position: absolute;
	top: 383px;
	left: 49px;
}
#report2 #area1 .area1-img3 {
	position: absolute;
	top: 578px;
	left: 49px;
}
#report2 #area1 .area1-img4 {
	position: absolute;
	top: 616px;
	right: 42px;
}
#report2 #area1 .area1-img5 {
	position: absolute;
	top: 941px;
	left: 41px;
}
#report2 #area1 .area1-img6 {
	position: absolute;
	top: 964px;
	right: 42px;
}
#report2 #area1 .area1-chara {
	position: absolute;
	top: 111px;
	right: 24px;
	z-index: 1;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
#report2 #area2 {
	height: 350px;
	position: relative;
}
#report2 #area2 .area2-img1 {
	position: absolute;
	top: 0;
	right: 65px;
}
#report2 #area2 .area2-img2 {
	position: absolute;
	top: 260px;
	right: 100px;
}
#report2 #area2 .area2-chara {
	position: absolute;
	top: -69px;
	left: 26px;
	z-index: 1;
}

/* skeleton */
#report2 #skeleton {
	height: 743px;
	position: relative;
	background: url(../special/images/report2/skeleton_bg.png) center 0 no-repeat;
}
#report2 #skeleton .skeleton-ttl {
	position: absolute;
	top: 68px;
	left: -5px;
}
#report2 #skeleton .skeleton-img1 {
	position: absolute;
	top: 113px;
	left: 26px;
}
#report2 #skeleton .skeleton-img2 {
	position: absolute;
	top: 117px;
	right: 25px;
}
#report2 #skeleton .skeleton-img3 {
	position: absolute;
	top: 436px;
	left: 26px;
}
#report2 #skeleton .skeleton-img4 {
	position: absolute;
	top: 481px;
	right: 25px;
}
#report2 #skeleton .skeleton-img5 {
	position: absolute;
	top: 223px;
	right: 25px;
}
#report2 #skeleton .skeleton-img6 {
	position: absolute;
	top: 588px;
	right: 25px;
}

/* mustache */
#report2 #mustache {
	height: 591px;
	position: relative;
	background: url(../special/images/report2/mustache_bg.png) center 0 no-repeat;
}
#report2 #mustache .mustache-ttl {
	position: absolute;
	top: 63px;
	left: -5px;
}
#report2 #mustache .mustache-img1 {
	position: absolute;
	top: 112px;
	left: 26px;
}
#report2 #mustache .mustache-img2 {
	position: absolute;
	top: 112px;
	right: 27px;
}
#report2 #mustache .mustache-img3 {
	position: absolute;
	top: 217px;
	left: 26px;
}
#report2 #mustache .mustache-img4 {
	position: absolute;
	top: 383px;
	right: 27px;
}
#report2 #mustache .mustache-img5 {
	position: absolute;
	top: 516px;
	right: 103px;
}

/* secret */
#report2 #secret {
	height: 632px;
	margin-bottom: 64px;
	position: relative;
	background: url(../special/images/report2/secret_bg.png) center 0 no-repeat;
}
#report2 #secret .secret-ttl {
	position: absolute;
	top: 64px;
	left: -5px;
}
#report2 #secret .secret-img1 {
	position: absolute;
	top: 114px;
	left: 26px;
}
#report2 #secret .secret-img2 {
	position: absolute;
	top: 220px;
	left: 26px;
}
#report2 #secret .secret-img3 {
	position: absolute;
	top: 11px;
	right: -10px;
}
#report2 #secret .secret-img4 {
	position: absolute;
	top: 384px;
	right: 35px;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report2 #area3 {
	height: 384px;
	position: relative;
}
#report2 #area3 .area3-img1 {
	position: absolute;
	top: 1px;
	left: 62px;
}
#report2 #area3 .area3-img2 {
	position: absolute;
	top: 0;
	right: -7px;
}
#report2 #area3 .area3-img3 {
	position: absolute;
	top: 249px;
	right: 90px;
}

/* ========================================
	#report3
======================================== */
#report3 #bg {
	background: url(../special/images/report3/bg_special.gif) center top repeat;
}

#report3 #bg .bg-special {
	background: url(../special/images/report3/bg_special.jpg) center top no-repeat;
}

#report3 #bg .bg-special-main {
	background: url(../special/images/report3/bg_special_main.png) center 219px no-repeat;
}
#report3 #bg .bg-special-main2 {
	background: url(../special/images/report3/bg_special_main2.png) center 2719px no-repeat;
}

#report3 #bg .bg-star {
	background: url(../special/images/report3/bg_star.png) center 32px no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report3 #area1 {
	height: 1128px;
	position: relative;
}
#report3 #area1 .area1-ttl {
	position: absolute;
	top: 40px;
	left: 229px;
}
#report3 #area1 .area1-img1 {
	position: absolute;
	top: 171px;
	right: 63px;
}
#report3 #area1 .area1-img2 {
	position: absolute;
	top: 379px;
	right: 63px;
}
#report3 #area1 .area1-chara {
	position: absolute;
	top: 77px;
	left: 14px;
	z-index: 1;
}

#report3 #company {
	position: absolute;
	top: 610px;
	left: 65px;
	width: 830px;
}

#report3 #company dt {
	float: left;
}

#report3 .company-btn {
	position: absolute;
	top: 439px;
	right: 48px;
}

/* technical */
#report3 #technical {
	height: 589px;
	position: relative;
	background: url(../special/images/report3/technical_bg.png) center 0 no-repeat;
}
#report3 #technical .technical-ttl {
	position: absolute;
	top: 67px;
	left: -5px;
}
#report3 #technical .technical-img1 {
	position: absolute;
	top: 119px;
	left: 25px;
}
#report3 #technical .technical-img2 {
	position: absolute;
	top: 375px;
	left: 23px;
}
#report3 #technical .technical-img3 {
	position: absolute;
	top: 119px;
	left: 391px;
}

/* mustache */
#report3 #mustache {
	height: 584px;
	position: relative;
	background: url(../special/images/report3/mustache_bg.png) center 0 no-repeat;
}
#report3 #mustache .mustache-ttl {
	position: absolute;
	top: 66px;
	left: -5px;
}
#report3 #mustache .mustache-img1 {
	position: absolute;
	top: 118px;
	left: 25px;
}
#report3 #mustache .mustache-img2 {
	position: absolute;
	top: 118px;
	left: 317px;
}
#report3 #mustache .mustache-img3 {
	position: absolute;
	top: 118px;
	left: 612px;
}
#report3 #mustache .mustache-img4 {
	position: absolute;
	top: 374px;
	left: 612px;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
#report3 #area2 {
	height: 1416px;
	position: relative;
}
#report3 #area2 .area2-chara {
	position: absolute;
	top: -37px;
	left: 23px;
	z-index: 1;
}
#report3 #area2 .area2-img1 {
	position: absolute;
	top: 29px;
	right: 58px;
}

#report3 #area2 .area2-img2 {
	position: absolute;
	top: 720px;
	left: 112px;
}

#report3 #susie {
	position: absolute;
	top: 231px;
	left: 65px;
	width: 830px;
}

#report3 #susie dt {
	float: left;
}

#report3 #area2 .idea1 {
	position: absolute;
	top: 891px;
	left: -63px;
}
#report3 #area2 .idea2 {
	position: absolute;
	top: 891px;
	left: 226px;
}
#report3 #area2 .idea3 {
	position: absolute;
	top: 891px;
	left: 474px;
}
#report3 #area2 .idea4 {
	position: absolute;
	top: 891px;
	right: -76px;
}

/* kita */
#report3 #kita {
	height: 631px;
	margin-bottom: 64px;
	position: relative;
	background: url(../special/images/report3/kita_bg.png) center 75px no-repeat;
}
#report3 #kita .kita-ttl {
	position: absolute;
	top: 127px;
	left: -6px;
}
#report3 #kita .kita-img1 {
	position: absolute;
	top: 12px;
	left: 169px;
}
#report3 #kita .kita-img2 {
	position: absolute;
	top: 168px;
	left: 32px;
}
#report3 #kita .kita-img3 {
	position: absolute;
	top: 166px;
	left: 531px;
}
#report3 #kita .kita-img4 {
	position: absolute;
	top: 162px;
	right: 52px;
}
#report3 #kita .kita-img5 {
	position: absolute;
	top: 393px;
	right: 28px;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report3 #area3 {
	height: 384px;
	position: relative;
}
#report3 #area3 .area3-img1 {
	position: absolute;
	top: 1px;
	left: 62px;
}
#report3 #area3 .area3-img2 {
	position: absolute;
	top: 0;
	right: -7px;
}
#report3 #area3 .area3-img3 {
	position: absolute;
	top: 249px;
	right: 90px;
}


/* ========================================
	#report4
======================================== */
#report4 #bg {
	background: url(../special/images/report4/bg_special.gif) center top repeat;
}

#report4 #bg .bg-special {
	background: url(../special/images/report4/bg_special.jpg) center top no-repeat;
}

#report4 #bg .bg-special-main {
	background: url(../special/images/report4/bg_special_main.png) center 219px no-repeat;
}
#report4 #bg .bg-special-main2 {
	background: url(../special/images/report4/bg_special_main2.png) center 2754px no-repeat;
}

#report4 #bg .bg-star {
	background: url(../special/images/report4/bg_star.png) center 32px no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report4 #area1 {
	height: 1038px;
	position: relative;
}
#report4 #area1 .area1-ttl {
	position: absolute;
	left: 278px;
	top: 40px;
}
#report4 #area1 .area1-img1 {
	position: absolute;
	top: 170px;
	left: 57px;
}
#report4 #area1 .area1-img2 {
	position: absolute;
	top: 378px;
	left: 57px;
}
#report4 #area1 .area1-chara {
	position: absolute;
	top: 68px;
	right: 15px;
	z-index: 1;
}

#report4 #company {
	position: absolute;
	top: 564px;
	left: 46px;
	width: 863px;
	height:472px;
	background: url(../special/images/report4/company_bg.png) 0 0 no-repeat;
}

#report4 .company-txt1 {
	position: absolute;
	top: 40px;
	left: 400px;
}

#report4 .company-link {
	position: absolute;
	top: 345px;
	left: 438px;
}

#report4 .company-chara {
	position: absolute;
	top: 16px;
	left: -133px;
}


#report4 #birth {
	width: 100%;
	position: relative;
}

#report4 .birth-ttl {
	margin-top: 24px;
	text-align: center;
}

#report4 .birth-img {
	margin-top: 5px;
	margin-left: -20px;
	text-align: center;
}

#report4 .birth-img2 {
	margin-top: 2px;
	text-align: center;
}

#report4 .birth-img3 {
	margin-top: -10px;
	margin-left: -70px;
	text-align: center;
}

#report4 .birth-img4 {
	margin-top: -7px;
	margin-left: 33px;
}

#report4 .birth-img5 {
	margin-top: -18px;
	margin-left: -38px;
}

#report4 .birth-img6 {
	margin-top: -30px;
	margin-left: 60px;
}

#report4 #area3 {
	height: 382px;
	position: relative;
}

#report4 .area3-img1 {
	margin-top: -40px;
	margin-left: 65px;
}

#report4 .area3-img2 {
	position: absolute;
	top: 0;
	right: -14px;
}

#report4 .area3-img1-link1 {
	position: absolute;
	top: 107px;
	left: 207px;
}

#report4 .area3-img1-link2 {
	position: absolute;
	top: 250px;
	left: 104px;
}


/* ========================================
	#report5
======================================== */
#report5 #bg {
	background: url(../special/images/report5/bg_special.gif) center top repeat;
}

#report5 #bg .bg-special {
	background: url(../special/images/report5/bg_special.jpg) center top no-repeat;
}

#report5 #bg .bg-special-main {
	background: url(../special/images/report5/bg_special_main.png) center 219px no-repeat;
}
#report5 #bg .bg-special-main2 {
	background: url(../special/images/report5/bg_special_main2.png) center 2379px no-repeat;
}

#report5 #bg .bg-star {
	background: url(../special/images/report5/bg_star.png) center 32px no-repeat;
}

#report5 #bg .bg-circle-btm {
	background: url(../special/images/report5/bg_circle2.png) center bottom no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report5 #area1 {
	height: 569px;
	position: relative;
}
#report5 #area1 .area1-ttl {
	position: absolute;
	top: 40px;
	left: 196px;
}
#report5 #area1 .area1-img1 {
	position: absolute;
	top: 170px;
	right: 63px;
}
#report5 #area1 .area1-img1-link1 {
	position: absolute;
	top: 202px;
	right: 312px;
}
#report5 #area1 .area1-img1-link2 {
	position: absolute;
	top: 202px;
	right: 109px;
}
#report5 #area1 .area1-img2 {
	position: absolute;
	top: 333px;
	right: 63px;
}
#report5 #area1 .area1-img2-link {
	position: absolute;
	top: 463px;
	right: 186px;
}
#report5 #area1 .area1-chara {
	position: absolute;
	top: 99px;
	left: 20px;
	z-index: 1;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
/* hunters */
#report5 #hunters {
	position: relative;
	height: 1585px;
}

#report5 #hunters h3 {
	text-align: center;
}

#report5 .spaniel {
	position: relative;
	height:732px;
	background: url(../special/images/report5/hunters_bg1.png) center 0 no-repeat;
}

#report5 .spaniel-ttl {
	position: absolute;
	top: 74px;
	left: -5px;
}
#report5 .spaniel-img {
	position: absolute;
	top: 121px;
	left: 22px;
}

#report5 .hunters-img {
	position: absolute;
	top: 537px;
	left: 40px;
	z-index: 1;
}

#report5 #hunters .workout {
	position: relative;
	height: 709px;
	background: url(../special/images/report5/hunters_bg2.png) center 0 no-repeat;
}

#report5 #hunters .workout-ttl {
	position: absolute;
	top: 68px;
	left: -5px;
}
#report5 #hunters .workout-img1 {
	position: absolute;
	top: 109px;
	left: 25px;
}
#report5 #hunters .workout-img2 {
	position: absolute;
	top: 381px;
	left: 25px;
}
#report5 #hunters .workout-img3 {
	position: absolute;
	top: 109px;
	right: 25px;
}
#report5 #hunters .workout-img4 {
	position: absolute;
	top: 381px;
	right: 25px;
}

/* challenge */
#report5 #challenge {
	position: relative;
	height: 1700px;
}

#report5 #challenge h3 {
	text-align: center;
}

#report5 .box {
	position: relative;
	height:678px;
	background: url(../special/images/report5/challenge_bg1.png) center 0 no-repeat;
}

#report5 .box-ttl {
	position: absolute;
	top: 67px;
	left: -5px;
}
#report5 .box-img1 {
	position: absolute;
	top: 98px;
	left: 25px;
}
#report5 .box-img2 {
	position: absolute;
	top: 98px;
	right: 25px;
}
#report5 .box-img3 {
	position: absolute;
	top: 477px;
	left: 100px;
	z-index: 1;
}

#report5 #challenge .workout {
	position: relative;
	height: 637px;
	background: url(../special/images/report5/challenge_bg2.png) center 0 no-repeat;
}

#report5 #challenge .workout-ttl {
	position: absolute;
	top: 68px;
	left: -5px;
}
#report5 #challenge .workout-img1 {
	position: absolute;
	top: 107px;
	left: 25px;
}
#report5 #challenge .workout-img2 {
	position: absolute;
	top: 600px;
	left: 40px;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report5 #area3 {
	height: 415px;
	position: relative;
}
#report5 #area3 .area3-img1 {
	position: absolute;
	top: 1px;
	left: 62px;
}
#report5 #area3 .area3-img2 {
	position: absolute;
	top: 0;
	right: -7px;
}
#report5 #area3 .area3-img3 {
	position: absolute;
	top: 249px;
	right: 90px;
}

#report5 #area3 .area3-img2-link {
	position: absolute;
	top: 175px;
	right: 71px;
}


/* ========================================
	#report6
======================================== */
#report6 #bg {
	background: url(../special/images/report6/bg_special.gif) center top repeat;
}

#report6 #bg .bg-special {
	background: url(../special/images/report6/bg_special.jpg) center top no-repeat;
}

#report6 #bg .bg-special-main {
	background: url(../special/images/report6/bg_special_main.png) center 219px no-repeat;
}
#report6 #bg .bg-special-main2 {
	background: url(../special/images/report6/bg_special_main2.png) center 2379px no-repeat;
}

#report6 #bg .bg-star {
	background: url(../special/images/report6/bg_star.png) center 32px no-repeat;
}

#report6 #bg .bg-circle {
	background: url(../special/images/report6/bg_circle.png) center 380px no-repeat;
}

#report6 #bg .bg-circle-btm {
	background: url(../special/images/report6/bg_circle2.png) center bottom no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report6 #area1 {
	height: 609px;
	position: relative;
}
#report6 #area1 .area1-ttl {
	position: absolute;
	left: 308px;
	top: 46px;
}
#report6 #area1 .area1-img1 {
	position: absolute;
	top: 177px;
	left: 61px;
}
#report6 #area1 .area1-img2 {
	position: absolute;
	top: 340px;
	left: 61px;
}
#report6 #area1 .area1-chara {
	position: absolute;
	top: 106px;
	right: 23px;
	z-index: 1;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
/* president */
#report6 #president {
	position: relative;
	height: 1172px;
}

#report6 #president h3 {
	text-align: center;
}

#report6 #president .secret,
#report6 .grande {
}

#report6 #president .secret {
	position: relative;
	height:527px;
	background: url(../special/images/report6/president_bg1.png) center 0 no-repeat;
}

#report6 #president .secret-ttl {
	position: absolute;
    top: 67px;
    left: -5px;
}
#report6 #president .secret-img {
	position: absolute;
	top: 0;
	left: 21px;
}

#report6 .grande {
	position: relative;
	height:512px;
	background: url(../special/images/report6/president_bg2.png) center 0 no-repeat;
}

#report6 .grande-ttl {
	position: absolute;
    top: 65px;
    left: -5px;
}
#report6 .grande-img {
	position: absolute;
	top: 15px;
	left: -46px;
}

/* computer */
#report6 #computer {
	position: relative;
	height: 1304px;
}

#report6 #computer h3 {
	margin-bottom: 4px;
	text-align: center;
}

#report6 #computer .secret {
	position: relative;
	height:555px;
	background: url(../special/images/report6/computer_bg1.png) center 0 no-repeat;
}

#report6 #computer .secret-ttl {
	position: absolute;
    top: 67px;
    left: -5px;
}
#report6 #computer .secret-img1 {
	position: absolute;
	top: 44px;
	right: 23px;
}
#report6 #computer .secret-img2 {
	position: absolute;
	top: 109px;
	left: 21px;
}

#report6 .wavy {
	position: relative;
	height:692px;
	background: url(../special/images/report6/computer_bg2.png) center 55px no-repeat;
}

#report6 .wavy-ttl {
	position: absolute;
    top: 114px;
    left: -5px;
}
#report6 .wavy-img1 {
	position: absolute;
    top: 0;
    left: 170px;
}
#report6 .wavy-img2 {
	position: absolute;
	top: 156px;
    left: 21px;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report6 #area3 {
	height: 732px;
	position: relative;
}

#report6 .area3-img0 {
	position: absolute;
	top: -24px;
	left: 34px;
}

#report6 .area3-img1 {
	position: absolute;
	top: 322px;
	left: 62px;
}


#report6 .area3-img2 {
	position: absolute;
	top: 322px;
	right: -18px;
}

#report6 .area3-img2-link {
	position: absolute;
	top: 178px;
	left: 13px;
}


/* ========================================
	#report7
======================================== */
#report7 #bg {
	background: url(../special/images/report7/bg_special.gif) center 38px repeat;
}

#report7 #bg .bg-special {
	background: url(../special/images/report7/bg_special.jpg) center 38px no-repeat;
}

#report7 #bg .bg-special-main {
	background: url(../special/images/report7/bg_special_main.png) center 219px no-repeat;
}
#report7 #bg .bg-special-main2 {
	background: url(../special/images/report7/bg_special_main2.png) center 2719px no-repeat;
}

#report7 #bg .bg-star {
	background: url(../special/images/report7/bg_star.png) center 38px no-repeat;
}

#report7 #bg .bg-circle {
	background: url(../special/images/report6/bg_circle.png) center 418px no-repeat;
}

#report7 #bg .bg-circle-btm {
	background: url(../special/images/report6/bg_circle2.png) center bottom no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report7 #area1 {
	height: 609px;
	position: relative;
}
#report7 #area1 .area1-ttl {
	position: absolute;
	left: 221px;
	top: 46px;
}
#report7 #area1 .area1-img1 {
	position: absolute;
	top: 177px;
	left: 368px;
}
#report7 #area1 .area1-img2 {
	position: absolute;
	top: 405px;
	left: 375px;
}
#report7 #area1 .area1-img1-link {
	position: absolute;
	top: 67px;
	left: 69px;
}
#report7 #area1 .area1-chara {
	position: absolute;
	top: 105px;
	left: 25px;
	z-index: 1;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
#report7 #area2 {
	padding-bottom: 54px;
	text-align: center;
	background: url(../special/images/report7/area2_bg.png) center 51px no-repeat;
}

#report7 #area2 h3 {
	padding-bottom: 70px;
}

#report7 #area2 ul {
	margin-bottom: 5px;
	font-size: 0;
}

#report7 #area2 li {
	display: inline-block;
	margin: 0 13px 15px 0;
}

#report7 #area2 li:nth-child(3n) {
	margin-right: 0;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report7 #area3 {
	height: 266px;
}

#report7 .area3-img1 {
	position: absolute;
	top: 25px;
	left: 66px;
}

#report7 .area3-img2 {
	position: absolute;
	top: -37px;
	right: 42px;
}

/* ---------------------------------------
	#area4
--------------------------------------- */
#report7 #area4 {
	text-align: center;
}

#song1 {
	height: 609px;
	background: url(../special/images/report7/song1_bg.png) center 104px no-repeat;
}

#song1 h3 {
	padding-bottom: 83px;
}

.audio-btn {
	position: absolute;
	top: 37px;
	left: 27px;
}

.audio-btn li {
	margin-bottom: 25px;
}

.audio-btn li div {
	width: 158px;
	height: 66px;
	background: url(../special/images/report7/audio_btn.png) left top no-repeat;
	cursor: pointer;
}

.audio-btn li div.hover {
	background: url(../special/images/report7/audio_btn_ov.png) left top no-repeat;
}

.audio-btn li div.current {
	background: url(../special/images/report7/audio_btn_on.gif) left top no-repeat;
}

.song-txt {
	position: absolute;
	top: 42px;
	left: 211px;
}

.song-txt li {
	margin-bottom: 37px;
}

.song1-img1 {
	position: absolute;
	top: 24px;
	left: 368px;
}

.song1-img2 {
	position: absolute;
	top: 205px;
	left: 368px;
}

#song2 {
	height: 571px;
	background: url(../special/images/report7/song2_bg.png) center 104px no-repeat;
}

#song2 h3 {
	padding-bottom: 83px;
}

.song2-img1 {
	position: absolute;
	top: 24px;
	left: 368px;
}

.song2-img2 {
	position: absolute;
	top: 193px;
	left: 368px;
}

/* ---------------------------------------
	#area5
--------------------------------------- */
#report7 #area5 {
	height: 285px;
}

#report7 .area5-img1 {
	position: absolute;
	top: 15px;
	left: 17px;
}

#report7 .area5-img2 {
	position: absolute;
	top: 0;
	right: 60px;
}

/* ---------------------------------------
	#area6
--------------------------------------- */
#report7 #area6 {
	height: 384px;
}

#report7 .area6-img1 {
	position: absolute;
	top: 0;
	left: 61px;
}

#report7 .area6-img2 {
	position: absolute;
	top: 0;
	right: -17px;
}

#report7 .area6-img2-link {
	position: absolute;
	top: 220px;
	left: 13px;
}




/* ========================================
	#report8
======================================== */
#report8 #bg {
	background: url(../special/images/report8/bg_special.gif) center 38px repeat;
}

#report8 #bg .bg-special {
	background: url(../special/images/report8/bg_special.jpg) center 38px no-repeat;
}

#report8 #bg .bg-special-main {
	background: url(../special/images/report8/bg_special_main.png) center 219px no-repeat;
}
#report8 #bg .bg-special-main2 {
	background: url(../special/images/report8/bg_special_main2.png) center 2719px no-repeat;
}

#report8 #bg .bg-star {
	background: url(../special/images/report8/bg_star.png) center 38px no-repeat;
}

#report8 #bg .bg-circle {
	background: url(../special/images/report8/bg_circle.png) center 418px no-repeat;
}

#report8 #bg .bg-circle-btm {
	background: url(../special/images/report8/bg_circle2.png) center bottom no-repeat;
}

/* ---------------------------------------
	#area1
--------------------------------------- */
#report8 #area1 {
	height: 609px;
	position: relative;
}
#report8 #area1 .area1-ttl {
	position: absolute;
	left: 220px;
	top: 46px;
}
#report8 #area1 .area1-img1 {
	position: absolute;
	top: 177px;
	left: 65px;
}
#report8 #area1 .area1-img2 {
	position: absolute;
	top: 433px;
	left: 65px;
}
#report8 #area1 .area1-img1-link {
	position: absolute;
	top: 161px;
	left: 51px;
}
#report8 #area1 .area1-chara {
	position: absolute;
	top: 99px;
	right: -66px;
	z-index: 1;
}

/* ---------------------------------------
	#area2
--------------------------------------- */
#report8 #area2 {
	/*padding-bottom: 54px;*/
	position: relative;
}

#report8 .area2-ttl {
	text-align: center;
}

#report8 .area2-design1 {
	width: 1002px;
	height: 781px;
	position: relative;
	top: -2px;
	left: -23px;
	background: url(../special/images/report8/area2_design1_bg.png) 0 0 no-repeat;
}

#report8 .area2-design1-ttl {
	margin-left: -484px;
	position: absolute;
	top: 67px;
	left: 50%;
}

#report8 .area2-design1-chara {
	position: absolute;
	top: 114px;
	left: -38px;
}

#report8 .area2-design2 {
	width: 1002px;
	height: 1234px;
	position: relative;
	top: -67px;
	left: -23px;
	background: url(../special/images/report8/area2_design2_bg.png) 0 0 no-repeat;
}

#report8 .area2_design2_img1 {
	position: absolute;
	top: 59px;
	left: 43px;
}
#report8 .area2_design2_img2 {
	position: absolute;
	top: 59px;
	left: 571px;
}
#report8 .area2_design2_img3 {
	position: absolute;
	top: 643px;
	left: 43px;
}
#report8 .area2-design2-copy1 {
	position: relative;
	top: 8px;
	left: 21px;
	z-index: 10;
}
#report8 .area2-design2-copy2 {
	position: absolute;
	top: 1107px;
	left: 85px;
}

/* ---------------------------------------
	#area3
--------------------------------------- */
#report8 #area3 {
	position: relative;
}

#report8 .area3-ttl {
	margin-bottom: 16px;
	text-align: center;
}
#report8 .area3-design {
	position: relative;
	height: 768px;
}
#report8 .area3-design1 {
	position: absolute;
	top: 0;
	left: -78px;
}
#report8 .area3-design2 {
	position: absolute;
	top: 0;
	right: -21px;
}

/* ---------------------------------------
	#area4
--------------------------------------- */
#report8 #area4 {
	height: 762px;
	position: relative;
}

#report8 .area4-copy {
	position: absolute;
	top: -23px;
	left: 66px;
	z-index: 10;
}

#report8 .area4-hitokoto {
	position: absolute;
	top: 230px;
	left: 61px;
}

#report8 .area4-hitokoto-link1 {
	position: absolute;
	top: 205px;
	left: 274px;
}
#report8 .area4-hitokoto-link2 {
	position: absolute;
	top: 241px;
	left: 274px;
}
#report8 .area4-hitokoto-link3 {
	position: absolute;
	top: 278px;
	left: 554px;
}

/* ========================================
	popWrap
======================================== */
#modal {
	display: none;
	position: absolute;
		z-index: 9200;
	left: 50%;
}

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

#pop-wrap {
	position: relative;
	margin: 0 auto;
	width: 838px;
	height: 520px;
}

#pop-wrap .listening-ttl {
	padding-top: 9px;
	text-align: center;
}

#popBody #modal-bg {
	position: absolute;
	width: 838px;
	height: 460px;
	left: 0;
	top: 61px;
	padding: 31px 0 0 66px;
	background: url(../special/images/modal_bg.png) left top no-repeat;
	box-sizing: border-box;
}

#popBody .modal-img {
	width: 700px;
	/*height: 450px;*/
	padding: 39px 0 0 64px;
}

#pop-wrap #pop-close {
	position: absolute;
	top: 0;
	right: 0;
}