@charset "utf-8";

.eg-obj-test {
	background-color: #f00;
	opacity: 0.3;
}

.eg-obj-img {
	width:100%;
	height:auto;
}


/*================================================*/
/******************* scene ************************/
/*================================================*/

/*******************************
 1：north
********************************/

#eg-s01-01-bed {
	position:absolute;
	top: 45%;
	left: 10%;
	width: 80%;
	height: auto;
	z-index:132;
}

#eg-s01-02-makura {
	position:absolute;
	top: 48%;
	left: 63%;
	width: 15%;
	height: auto;
	z-index:140;
}

#eg-s01-06-poster,
#eg-s01-03-poster {
	position:absolute;
	top: 10%;
	left: 25%;
	width: 30%;
	height: auto;
	z-index:130;
}

#eg-s01-04-underbed {
	position:absolute;
	top: 80%;
	left: 12%;
	width: 70%;
	height: 13%;
	z-index:140;
}

#eg-s01-05-cable {
	position:absolute;
	top: 71%;
	left: 0;
	width: 50%;
	height: auto;
	z-index:130;
}

#eg-s01-07-moveposter {
	position:absolute;
	top: 8%;
	left: 24%;
	width: 32%;
	height: 30%;
	z-index:140;
}


/*******************************
 2：east
********************************/

#eg-s02-01-kinko1 {
	position:absolute;
	top: 10%;
	left: 60%;
	width: 24%;
	height: auto;
	z-index:150;
}

#eg-s02-02-kinko2 {
	position:absolute;
	top: 10%;
	left: 60%;
	width: 24%;
	height: auto;
	z-index:130;
}

#eg-s02-03-doorkey {
	position:absolute;
	top: 33%;
	left: 70%;
	width: 4%;
	height: auto;
	z-index:140;
}

#eg-s02-04-picture {
	position:absolute;
	top: 9%;
	left: 59%;
	width: 26%;
	height: auto;
	z-index:160;
}

#eg-s02-05-kabemoji1 {
	position:absolute;
	top: 9%;
	left: 12%;
	width: 26%;
	height: auto;
	z-index:260;
}

#eg-s02-06-kabemoji2 {
	position:absolute;
	top: 9%;
	left: 12%;
	width: 26%;
	height: auto;
	z-index:261;
}

#eg-s02-07-picmoji1 {
	position:absolute;
	top: 9%;
	left: 12%;
	width: 26%;
	height: auto;
	z-index:262;
}

#eg-s02-08-picmoji2 {
	position:absolute;
	top: 9%;
	left: 12%;
	width: 26%;
	height: auto;
	z-index:262;
}
#eg-s02-09-kabelight {
	position:absolute;
	top: 1%;
	left: 5%;
	width: 40%;
	height: auto;
	opacity:0.8;
	z-index:251;
}

#eg-s02-10-movekinko {
	position:absolute;
	top: 9%;
	left: 59%;
	width: 26%;
	height: 40%;
	z-index:170;
}


/*******************************
 3：south
********************************/

#eg-s03-01-door1 {
	position:absolute;
	top: 4.5%;
	left: 40%;
	width: 24%;
	height: auto;
	z-index:130;
}

#eg-s03-02-door2 {
	position:absolute;
	top: 2.5%;
	left: 38%;
	width: 29%;
	height: auto;
	z-index:131;
}

#eg-s03-03-lightsw {
	position:absolute;
	top: 30%;
	left: 32%;
	width: 5%;
	height: auto;
	z-index:270;
}

#eg-s03-04-floor1 {
	position:absolute;
	top: 78%;
	left: 35%;
	width: 40%;
	height: auto;
	z-index:130;
}

#eg-s03-05-box {
	position:absolute;
	top: 84%;
	left: 50%;
	width: 8%;
	height: auto;
	z-index:132;
}

#eg-s03-06-floor2 {
	position:absolute;
	top: 77.4%;
	left: 34.6%;
	width: 40%;
	height: auto;
	z-index:135;
}

#eg-s03-07-floor3 {
	position:absolute;
	top: 77.4%;
	left: 34.6%;
	width: 40%;
	height: auto;
	z-index:138;
}


/*******************************
 4：west
********************************/

#eg-s04-01-desk {
	position:absolute;
	top: 44%;
	left: 5%;
	width: 65%;
	height: auto;
	z-index:130;
}

#eg-s04-02-deskbtn {
	position:absolute;
	top: 85%;
	left: 55.5%;
	width: 10%;
	height: auto;
	z-index:130;
}

#eg-s04-03-projector1 {
	position:absolute;
	top: 37%;
	left: 40%;
	width: 25%;
	height: auto;
	z-index:130;
}

#eg-s04-04-projector2 {
	position:absolute;
	top: 37%;
	left: 40%;
	width: 25%;
	height: auto;
	z-index:131;
}

#eg-s04-05-prjlight {
	position:absolute;
	top: 21%;
	left: 24%;
	width: 45%;
	height: auto;
	z-index:260;
}

#eg-s04-06-cable1 {
	position:absolute;
	top: 46%;
	left: 65%;
	width: 24%;
	height: auto;
	z-index:130;
}

#eg-s04-07-cable2 {
	position:absolute;
	top: 46%;
	left: 65%;
	width: 24%;
	height: auto;
	z-index:130;
}

#eg-s04-08-cable3 {
	position:absolute;
	top: 46%;
	left: 65%;
	width: 24%;
	height: auto;
	z-index:130;
}

#eg-s04-09-connect {
	position:absolute;
	top: 80%;
	left: 67%;
	width: 22%;
	height: 19%;
	z-index:140;
}

#eg-s04-10-movehikitop {
	position:absolute;
	top: 63%;
	left: 50%;
	width: 19%;
	height: 14%;
	z-index:140;
}

#eg-s04-11-movehikibtm {
	position:absolute;
	top: 77%;
	left: 50%;
	width: 19%;
	height: 19%;
	z-index:140;
}


/*******************************
 5：poster
********************************/

#eg-s05-01-memo {
	position:absolute;
	top: 10%;
	left: 79%;
	width: 15%;
	height: auto;
	font-size:14px;
	z-index:135;
}

#eg-s05-02-poster1 {
	position:absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: auto;
	z-index:130;
}

#eg-s05-03-poster2 {
	position:absolute;
	top: 5%;
	left: 5%;
	width: 90%;
	height: auto;
	z-index:138;
}


/*******************************
 6：bedup
********************************/

#eg-s06-01-memo {
	position:absolute;
	top: 44%;
	left: 0;
	width: 30%;
	height: 8%;
	padding-top:1%;
	font-size:10px
	-webkit-transform:scale(0.5);
	-moz-transform:scale(0.5);
	-ms-transform:scale(0.5);
	-o-transform:scale(0.5);
	transform:scale(0.5);
	z-index:136;
}

#eg-s06-02-makura {
	position:absolute;
	top: 47%;
	left: 15%;
	width: 65%;
	height: auto;
	z-index:135;
}

#eg-s06-03-makura {
	position:absolute;
	top: 40%;
	left: 0%;
	width: 65%;
	height: auto;
	z-index:140;
}

#eg-s06-04-key {
	position:absolute;
	top: 85%;
	left: 65%;
	width: 5%;
	height: auto;
	z-index:130;
}


/*******************************
 7：bedmemo
********************************/

#eg-s07-01-memo {
	position:absolute;
	top: 50%;
	left: 0;
	width: 40%;
	height: auto;
	font-size:15px;
	z-index:130;
}


/*******************************
 8：beddw
********************************/

#eg-s08-01-sji {
	position:absolute;
	top: 60%;
	left: 50%;
	width: 6%;
	height: auto;
	z-index:130;
}

#eg-s08-02-darkarea {
	position:absolute;
	top: 12%;
	left: 0;
	width: 100%;
	height: 40%;
	z-index:125;
}

#eg-s08-03-concentarea {
	position:absolute;
	top: 16%;
	left: 12%;
	width: 12%;
	height: 22%;
	z-index:125;
}



/*******************************
 9：kinko
********************************/

#eg-s09-01-open {
	position:absolute;
	top: 2%;
	left: 20%;
	width: 60%;
	height: auto;
	z-index:130;
}

#eg-s09-02-key {
	position:absolute;
	top: 61%;
	left: 46%;
	width: 9%;
	height: auto;
	z-index:140;
}

#eg-s09-03-close {
	position:absolute;
	top: 2%;
	left: 20%;
	width: 60%;
	height: auto;
	z-index:150;
}

#eg-s09-04-1up,
#eg-s09-07-2up,
#eg-s09-10-3up,
#eg-s09-13-4up,
#eg-s09-05-1dw,
#eg-s09-08-2dw,
#eg-s09-11-3dw,
#eg-s09-14-4dw
{
	position:absolute;
	width: 8%;
	height: 8%;
	z-index:160;
}

#eg-s09-06-1num,
#eg-s09-09-2num,
#eg-s09-12-3num,
#eg-s09-15-4num
{
	position:absolute;
	width: 8%;
	height: 13%;
	font-size: 36px;
	z-index:160;
}

#eg-s09-04-1up {top: 19%;left: 39%;}
#eg-s09-05-1dw {top: 40%;left: 39%;}
#eg-s09-06-1num {top: 27%;left: 39%;}

#eg-s09-07-2up {top: 19%;left: 47.5%;}
#eg-s09-08-2dw {top: 40%;left: 47.5%;}
#eg-s09-09-2num {top: 27%;left: 47.5%;}

#eg-s09-10-3up {top: 19%;left: 56%;}
#eg-s09-11-3dw {top: 40%;left: 56%;}
#eg-s09-12-3num {top: 27%;left: 56%;}

#eg-s09-13-4up {top: 19%;left: 64.5%;}
#eg-s09-14-4dw {top: 40%;left: 64.5%;}
#eg-s09-15-4num {top: 27%;left: 64.5%;}

#eg-s09-16-ok {
	position:absolute;
	top: 50%;
	left: 45%;
	width: 22%;
	height: 12%;
	z-index:160;
}

#eg-s09-17-picture {
	position:absolute;
	top: -1%;
	left: 18%;
	width: 66%;
	height: auto;
	z-index:170;
}

#eg-s09-18-ul,
#eg-s09-19-ur,
#eg-s09-20-dl,
#eg-s09-21-dr
{
	position:absolute;
	width: 8%;
	height: 8%;
	z-index:180;
}
#eg-s09-18-ul {top: 0;left: 17%;}
#eg-s09-19-ur {top: 0;left: 77%;}
#eg-s09-20-dl {top: 78%;left: 17%;}
#eg-s09-21-dr {top: 78%;left: 77%;}


/*******************************
 10：hiki_top
********************************/

#eg-s10-01-handlight {
	position:absolute;
	top: 15%;
	left: 30%;
	width: 40%;
	height: auto;
	z-index:130;
}


/*******************************
 11：hiki_bottom
********************************/

#eg-s11-01-btnpalette {
	position:absolute;
	top: 40%;
	left: 24%;
	width: 52%;
	height: auto;
	z-index:130;
}

#eg-s11-02-btng {
	position:absolute;
	top: 42%;
	left: 26%;
	width: 15%;
	height: auto;
	z-index:140;
}

#eg-s11-03-btnr {
	position:absolute;
	top: 42%;
	left: 43%;
	width: 15%;
	height: auto;
	z-index:140;
}

#eg-s11-04-btnb {
	position:absolute;
	top: 42%;
	left: 60%;
	width: 15%;
	height: auto;
	z-index:140;
}


/*******************************
 12：hiki_bottom2
********************************/
#eg-s12-01-btnpalette {
	position:absolute;
	top: 89%;
	left: 41%;
	width: 18%;
	height: auto;
	z-index:130;
}

#eg-s12-02-tap {
	position:absolute;
	top: 36%;
	left: 30%;
	width: 35%;
	height: auto;
	z-index:140;
}


/*================================================*/
/******************* item ************************/
/*================================================*/

/*******************************
 3：hand_light
********************************/
#eg-i03-batteryarea {
	position:absolute;
	top: 17%;
	left: 28%;
	width: 44%;
	height: 50%;
	z-index:520;
}

/*******************************
 5：small_box
********************************/
#eg-i05-battery {
	position:absolute;
	top: 28%;
	left: 40%;
	width: 20%;
	height: auto;
	z-index:520;
}

#eg-i05-keyarea {
	position:absolute;
	top: 40%;
	left: 40%;
	width: 20%;
	height: 12%;
	z-index:520;
}


#eg-ed-serifu {
	position:absolute;
	top: 66%;
	left: 11%;
	width: 32%;
	height: 7%;
	font-size: 24px;
	z-index:2991;
}

#eg-ed-result {
	position:absolute;
	top: 35%;
	left: 15%;
	width: 70%;
	height: 22%;
	text-align:left;
	padding-left:3%;
	line-height:20px;
	font-size: 18px;
	border:solid 3px #666;
	z-index:2991;
}

#eg-ed-result p {
	margin-top: 5%;
}


#eg-ed-back2title {
	position:absolute;
	top: 88%;
	left: 2%;
	width: 40%;
	height: auto;
	z-index:2991;
}

#eg-ed-profile {
	position:absolute;
	top: 83%;
	left: 80%;
	width: 20%;
	height: 8%;
	text-align:left;
	font-size: 11px;
	z-index:2991;
}


/****** media query ******/
@media screen and (max-width: 500px) {
	/* 5:poster */
	#eg-s05-01-memo {
		font-size:10px;
		-webkit-transform:scale(0.8);
		-moz-transform:scale(0.8);
		-ms-transform:scale(0.8);
		-o-transform:scale(0.8);
		transform:scale(0.8);
	}
	
	/* 6:bedup */
	#eg-s06-01-memo {
		top: 44%;
		-webkit-transform:scale(0.4);
		-moz-transform:scale(0.4);
		-ms-transform:scale(0.4);
		-o-transform:scale(0.4);
		transform:scale(0.4);
	}
	
	
	
	/* 7:bedmemo */
	#eg-s07-01-memo {
		font-size:10px;
	}
	
	/* 9:kinko */
	#eg-s09-06-1num,
	#eg-s09-09-2num,
	#eg-s09-12-3num,
	#eg-s09-15-4num
	{
		font-size:25px;
	}

	/* ending */
	#eg-ed-serifu {
		font-size: 16px;
	}
	
	#eg-ed-result {
		padding-left:3%;
		line-height:14px;
		font-size: 12px;
	}
	
	#eg-ed-profile {
		top: 82%;
		left: 76%;
		width: 27%;
		font-size: 11px;
		-webkit-transform:scale(0.7);
		-moz-transform:scale(0.7);
		-ms-transform:scale(0.7);
		-o-transform:scale(0.7);
		transform:scale(0.7);
	}

}
















#eg-n-test {
	position: absolute;
	top: 30%;
	left:20%;
	width:8%;
	height:auto;
	z-index:110;
}

#eg-n-test2 {
	position: absolute;
	top: 50%;
	left:30%;
	width:10%;
	height:20%;
	z-index:110;
}

#eg-e-test1 {
	position: absolute;
	top: 50%;
	left:40%;
	width:20%;
	height:10%;
	z-index:110;
}

#eg-e-test2 {
	position: absolute;
	top: 40%;
	left:35%;
	width:30%;
	height:auto;
	z-index:130;
}

#eg-e-test3 {
	position: absolute;
	top: 40%;
	left:3%;
	width:30%;
	height:auto;
	z-index:110;
}

#eg-s-test1 {
	position: absolute;
	top: 30%;
	left:60%;
	width:15%;
	height:15%;
	z-index:110;
}

#eg-s-test2 {
	position: absolute;
	top: 30%;
	left:60%;
	width:15%;
	height:15%;
	z-index:120;
}

#eg-w-test1 {
	position: absolute;
	top: 20%;
	left:20%;
	width:15%;
	height:15%;
	z-index:110;
}



#eg-i2-test1 {
	position: absolute;
	top: 20%;
	left:20%;
	width:15%;
	height:15%;
	z-index:1000;
}

#eg-i2-test2 {
	position: absolute;
	top: 5%;
	left:25%;
	width:55%;
	height:60%;
	z-index:1000;
}










#eg-ed {
	position: absolute;
	top: 25%;
	left: 8%;
	width:84%;
	height:20%;
	background-color:#FFF;
}
#eg-re-title {
	position: absolute;
	top: 45%;
	left: 32%;
	z-index: 3100;
}