@charset "utf-8";

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

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


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

/*******************************
 1：north
********************************/
#s01-table {
	position:absolute;
	top: 60%;
	left: 20%;
	width: 60%;
	height: auto;
	z-index:152;
}
#s01-table_point {
	position:absolute;
	top: 60%;
	left: 20%;
	width: 60%;
	height: 20%;
	z-index:155;
}
#s01-table_point2 {
	position:absolute;
	top: 85%;
	left: 35%;
	width: 30%;
	height: 15%;
	z-index:155;
}
#s01-puzzle {
	position:absolute;
	top: 35%;
	left: 75%;
	width: 15%;
	height: auto;
	z-index:145;
}
#s01-puzzle1 {
	position:absolute;
	top: 35%;
	left: 75%;
	width: 6%;
	height: auto;
	z-index:150;
}
#s01-puzzle2 {
	position:absolute;
	top: 36.4%;
	left: 79.4%;
	width: 7.2%;
	height: auto;
	z-index:150;
}
#s01-puzzle3 {
	position:absolute;
	top: 35.5%;
	left: 85%;
	width: 5%;
	height: auto;
	z-index:150;
}
#s01-puzzle_point {
	position:absolute;
	top: 35%;
	left: 74%;
	width: 17%;
	height: 10%;
	z-index:155;
}
#s01-puzzle_hole {
	position:absolute;
	top: 48%;
	left: 79%;
	width: 8%;
	height: auto;
	z-index:145;
}
#s01-dai {
	position:absolute;
	top: 35%;
	left: 1%;
	width: 40%;
	height: auto;
	z-index:130;
}
#s01-dai_hide {
	position:absolute;
	top: 35%;
	left: 1%;
	width: 40%;
	height: auto;
	z-index:140;
}
#s01-shokudai {
	position:absolute;
	top: 13%;
	left: 13%;
	width: 15%;
	height: auto;
	z-index:130;
}
#s01-fire_l {
	position:absolute;
	top: 12%;
	left: 14%;
	width: 1.5%;
	height: auto;
	z-index:130;
}
#s01-fire_r {
	position:absolute;
	top: 12%;
	left: 25.5%;
	width: 1.5%;
	height: auto;
	z-index:130;
}

#s01-num1,#s01-num2,#s01-num3,#s01-num4,#s01-num5 {
	position:absolute;
	top: 46%;
	padding-top:3px;
	width: 5%;
	height: 7%;
	border:solid 1px #333;
	background-color:#fff;
	font-size: 40px;
	z-index:135;
}
#s01-num1 {left: 3%;}
#s01-num2 {left: 11%;}
#s01-num3 {left: 18%;}
#s01-num4 {left: 26%;}
#s01-num5 {left: 34%;}

#s01-dai_hole {
	position:absolute;
	top: 57%;
	left: 16%;
	width: 10%;
	height: auto;
	z-index:145;
}
#s01-button1 {
	position:absolute;
	top: 30%;
	left: 20%;
	width: 1%;
	height: auto;
	z-index:140;
}
#s01-button2 {
	position:absolute;
	top: 30%;
	left: 20%;
	width: 1%;
	height: auto;
	z-index:135;
}
#s01-dai_point {
	position:absolute;
	top: 35%;
	left: 1%;
	width: 40%;
	height: 41%;
	z-index:150;
}


/*******************************
 2：east
********************************/
#s02-inner1,#s02-inner2,#s02-inner3,#s02-inner4,#s02-inner5,#s02-inner6,#s02-inner7,#s02-inner8,#s02-inner9,
#s02-locker1,#s02-locker2,#s02-locker3,#s02-locker4,#s02-locker5,#s02-locker6,#s02-locker7,#s02-locker8,#s02-locker9 {
	position:absolute;
	width: 25%;
	height: auto;
}
#s02-inner1,#s02-inner2,#s02-inner3,#s02-inner4,#s02-inner5,#s02-inner6,#s02-inner7,#s02-inner8,#s02-inner9 {
	z-index:130;
}
#s02-locker1,#s02-locker2,#s02-locker3,#s02-locker4,#s02-locker5,#s02-locker6,#s02-locker7,#s02-locker8,#s02-locker9 {
	z-index:140;
}

#s02-inner1,#s02-inner2,#s02-inner3,#s02-locker1,#s02-locker2,#s02-locker3 {top: 3%;}
#s02-inner4,#s02-inner5,#s02-inner6,#s02-locker4,#s02-locker5,#s02-locker6 {top: 30%;}
#s02-inner7,#s02-inner8,#s02-inner9,#s02-locker7,#s02-locker8,#s02-locker9 {top: 57%;}

#s02-inner1,#s02-inner4,#s02-inner7,#s02-locker1,#s02-locker4,#s02-locker7 {left: 10%;}
#s02-inner2,#s02-inner5,#s02-inner8,#s02-locker2,#s02-locker5,#s02-locker8 {left: 35%;}
#s02-inner3,#s02-inner6,#s02-inner9,#s02-locker3,#s02-locker6,#s02-locker9 {left: 60%;}


#s02-plate1,#s02-plate2,#s02-plate3,
#s02-plate4,#s02-plate5,#s02-plate6,
#s02-plate7,#s02-plate8,#s02-plate9 {
	position:absolute;
	width: 4%;
	height: 5%;
	font-size:14px;
	z-index:150;
}

#s02-plate1,#s02-plate2,#s02-plate3 {top: 5%;}
#s02-plate4,#s02-plate5,#s02-plate6 {top: 32%;}
#s02-plate7,#s02-plate8,#s02-plate9 {top: 59%;}

#s02-plate1,#s02-plate4,#s02-plate7 {left: 28%;}
#s02-plate2,#s02-plate5,#s02-plate8 {left: 53%;}
#s02-plate3,#s02-plate6,#s02-plate9 {left: 78%;}

#s02-door1,#s02-door2,#s02-door3,
#s02-door4,#s02-door5,#s02-door6,
#s02-door7,#s02-door8,#s02-door9 {
	position:absolute;
	width: 3%;
	height: auto;
	z-index:155;
}
#s02-door1,#s02-door2,#s02-door3 {top: 3%;}
#s02-door4,#s02-door5,#s02-door6 {top: 30.5%;}
#s02-door7,#s02-door8,#s02-door9 {top: 57.5%;}

#s02-door1,#s02-door4,#s02-door7 {left: 34%;}
#s02-door2,#s02-door5,#s02-door8 {left: 59%;}
#s02-door3,#s02-door6,#s02-door9 {left: 84%;}

#s02-book {
	position:absolute;
	top: 12%;
	left: 17%;
	width: 12%;
	height: auto;
	z-index:135;
}
/*
#s02-book_red {
	position:absolute;
	top: 12%;
	left: 42%;
	width: 12%;
	height: auto;
	z-index:135;
}
*/
#s02-othello {
	position:absolute;
	top: 23%;
	left: 45%;
	width: 4%;
	height: auto;
	z-index:135;
}

#s02-puzzle3 {
	position:absolute;
	top: 47%;
	left: 70%;
	width: 5%;
	height: auto;
	z-index:135;
}

#s02-river,#s02-star,#s02-square,#s02-circle,#s02-flower,#s02-triangle {
	position:absolute;
	width: 16%;
	height: 10%;
	z-index:131;
	font-size:20px;
}
#s02-river {top: 39%;left: 14%;}
#s02-star {top: 39%;left: 39%;}
#s02-square {top: 39%;left: 64%;}
#s02-circle {top: 66%;left: 14%;}
#s02-flower {top: 66%;left: 39%;}
#s02-triangle {top: 66%;left: 64%;}

#s02-button1 {
	position:absolute;
	top: 13%;
	left: 46%;
	width: 4%;
	height: auto;
	z-index:136;
}
#s02-button2 {
	position:absolute;
	top: 13%;
	left: 46%;
	width: 4%;
	height: auto;
	z-index:135;
}


/*******************************
 3：south
********************************/
#s03-screen1 {
	position:absolute;
	top: 0;
	left: 27%;
	width: 46%;
	height: auto;
	z-index:140;
}
#s03-screen2 {
	position:absolute;
	top: -64%;
	left: 27%;
	width: 46%;
	height: auto;
	z-index:135;
}
#s03-screen2_2 {
	position:absolute;
	top: 0;
	left: 27%;
	width: 46%;
	height: auto;
	z-index:135;
}
#s03-screen2_point {
	position:absolute;
	top: 70%;
	left: 47%;
	width: 8%;
	height: 5%;
	z-index:145;
}

#s03-triangle,#s03-star,#s03-circle {
	position:absolute;
	top: 28%;
	width: 5%;
	height: 6%;
	font-size: 18px;
	z-index:135;
}
#s03-triangle {left: 80%;}
#s03-star {left: 86%;}
#s03-circle {left: 92%;}

#s03-num1,#s03-num2,#s03-num3 {
	position:absolute;
	top: 35%;
	width: 4%;
	height: 7%;
	border:solid 1px #333;
	background-color:#fff;
	z-index:135;
}
#s03-num1 {left: 80.5%;}
#s03-num2 {left: 86.5%;}
#s03-num3 {left: 92.5%;}

#s03-num_point {
	position:absolute;
	top: 28%;
	left: 79%;
	width: 20%;
	height: 30%;
	z-index:145;
}

#s03-num_hole {
	position:absolute;
	top: 50%;
	left: 85%;
	width: 7%;
	height: auto;
	z-index:135;
}

#s03-question {
	position:absolute;
	top: 28%;
	left: 1%;
	width: 14%;
	height: 7%;
	font-size: 18px;
	z-index:135;
}

#s03-qnum1,#s03-qnum2,#s03-qnum3 {
	position:absolute;
	top: 35%;
	width: 4%;
	height: 7%;
	border:solid 1px #333;
	background-color:#fff;
	z-index:135;
}
#s03-qnum1 {left: 5%;}
#s03-qnum2 {left: 11%;}
#s03-qnum3 {left: 17%;}

#s03-qnum_point {
	position:absolute;
	top: 28%;
	left: 1%;
	width: 22%;
	height: 30%;
	z-index:145;
}

#s03-qnum_hole {
	position:absolute;
	top: 50%;
	left: 10%;
	width: 7%;
	height: auto;
	z-index:135;
}


/*******************************
 4：west
********************************/
#s04-door1 {
	position:absolute;
	top: 10%;
	left: 3%;
	width: 22%;
	height: auto;
	z-index:130;
}
#s04-door2 {
	position:absolute;
	top: 8%;
	left: 1%;
	width: 27%;
	height: auto;
	z-index:131;
}
#s04-tana {
	position:absolute;
	top: 17%;
	left: 32%;
	width: 60%;
	height: auto;
	z-index:131;
}
#s04-tana_glass {
	position:absolute;
	top: 55%;
	left: 55%;
	width: 15%;
	height: auto;
	z-index:135;
}
#s04-tana_boad {
	position:absolute;
	top: 66%;
	left: 41%;
	width: 44%;
	height: auto;
	z-index:140;
}
#s04-flag1_down {
	position:absolute;
	top: 33%;
	left: 48%;
	width: 5%;
	height: auto;
	z-index:140;
}
#s04-flag1_up {
	position:absolute;
	top: 21%;
	left: 48%;
	width: 5%;
	height: auto;
	z-index:140;
}
#s04-flag2_down {
	position:absolute;
	top: 33%;
	left: 76%;
	width: 5%;
	height: auto;
	z-index:140;
}
#s04-flag2_up {
	position:absolute;
	top: 21%;
	left: 76%;
	width: 5%;
	height: auto;
	z-index:140;
}
#s04-flag3_down {
	position:absolute;
	top: 33%;
	left: 62%;
	width: 5%;
	height: auto;
	z-index:140;
}
#s04-flag3_up {
	position:absolute;
	top: 21%;
	left: 62%;
	width: 5%;
	height: auto;
	z-index:140;
}
#s04-puzzle1 {
	position:absolute;
	top: 90%;
	left: 25%;
	width: 3%;
	height: auto;
	z-index:130;
}
#s04-tana_point {
	position:absolute;
	top: 18%;
	left: 38%;
	width: 50%;
	height: 60%;
	z-index:150;
}
#s04-hole_l {
	position:absolute;
	top: 44%;
	left: 41%;
	width: 9%;
	height: auto;
	z-index:135;
}
#s04-hole_r {
	position:absolute;
	top: 44%;
	left: 75%;
	width: 9%;
	height: auto;
	z-index:135;
}


/*******************************
 5：othello
********************************/
#s05-p11,#s05-p12,#s05-p13,#s05-p14,
#s05-p21,#s05-p22,#s05-p23,#s05-p24,
#s05-p31,#s05-p32,#s05-p33,#s05-p34,
#s05-p41,#s05-p42,#s05-p43,#s05-p44,
#s05-p23_2,#s05-p24_2,#s05-p33_2
{
	position:absolute;
	width: 14%;
	height: auto;
	z-index:131;
}
#s05-p11 {top: 7%;left: 19%;}
#s05-p12 {top: 7%;left: 35%;}
#s05-p13 {top: 7%;left: 51%;}
#s05-p14 {top: 7%;left: 67%;}

#s05-p21 {top: 28%;left: 19%;}
#s05-p22 {top: 28%;left: 35%;}
#s05-p23,#s05-p23_2 {top: 28%;left: 51%;}
#s05-p24,#s05-p24_2 {top: 28%;left: 67%;}
#s05-p24 {height:20%; z-index:150;}

#s05-p31 {top: 49%;left: 19%;}
#s05-p32 {top: 49%;left: 35%;}
#s05-p33,#s05-p33_2 {top: 49%;left: 51%;}
#s05-p34 {top: 49%;left: 67%;}

#s05-p41 {top: 70%;left: 19%;}
#s05-p42 {top: 70%;left: 35%;}
#s05-p43 {top: 70%;left: 51%;}
#s05-p44 {top: 70%;left: 67%;}

#s05-othello_point {
	position:absolute;
	top: 3%;
	left: 17%;
	width: 67%;
	height: 91%;
	z-index:140;
}


/*******************************
 6：table_foot
********************************/
#s06-table_leag {
	position:absolute;
	top: 0;
	left: 32%;
	width: 36%;
	height: auto;
	z-index:140;
}
#s06-coin {
	position:absolute;
	top: 30%;
	left: 61%;
	width: 8%;
	height: auto;
	z-index:131;
}
#s06-coin_point {
	position:absolute;
	top: 30%;
	left: 65%;
	width: 4%;
	height: 8%;
	z-index:145;
}


/*******************************
 7：puzzle
********************************/
#s07-puzzle {
	position:absolute;
	top: 20%;
	left: 32%;
	width: 36%;
	height: auto;
	z-index:135;
}
#s07-puzzle1 {
	position:absolute;
	top: 21%;
	left: 32%;
	width: 14.5%;
	height: auto;
	z-index:140;
}
#s07-puzzle2 {
	position:absolute;
	top: 24%;
	left: 42.5%;
	width: 17%;
	height: auto;
	z-index:140;
}
#s07-puzzle3 {
	position:absolute;
	top: 20.8%;
	left: 55.5%;
	width: 12.3%;
	height: auto;
	z-index:140;
}
#s07-puzzle_hole {
	position:absolute;
	top: 50%;
	left: 42%;
	width: 18%;
	height: auto;
	z-index:135;
}
#s07-coin {
	position:absolute;
	top: 56%;
	left: 48%;
	width: 6%;
	height: auto;
	z-index:140;
}


/*******************************
 8：number
********************************/

#s08-triangle,#s08-star,#s08-circle {
	position:absolute;
	top: 10%;
	width: 10%;
	height: 10%;
	font-size: 30px;
	z-index:135;
}
#s08-triangle {left: 32%;}
#s08-star {left: 45%;}
#s08-circle {left: 57%;}

#s08-num1,#s08-num2,#s08-num3 {
	position:absolute;
	top: 24%;
	padding-top:3px;
	width: 9%;
	height: 15%;
	border:solid 1px #333;
	background-color:#fff;
	font-size: 30px;
	z-index:135;
}
#s08-num1 {left: 32%;}
#s08-num2 {left: 45%;}
#s08-num3 {left: 58%;}

#s08-num_hole {
	position:absolute;
	top: 55%;
	left: 42%;
	width: 16%;
	height: auto;
	z-index:135;
}

#s08-coin {
	position:absolute;
	top: 59%;
	left: 47%;
	width: 6%;
	height: auto;
	z-index:140;
}


/*******************************
 9：screen
********************************/
#s09-screen1 {
	position:absolute;
	top: -9%;
	left: 17%;
	width: 66%;
	height: auto;
	z-index:140;
}
#s09-screen2 {
	position:absolute;
	top: -9%;
	left: 17%;
	width: 66%;
	height: auto;
	z-index:135;
}


/*******************************
 10：tana
********************************/
#s10-tana {
	position:absolute;
	top: 0;
	left: 5%;
	width: 90%;
	height: auto;
	z-index:130;
}
#s10-tana_glass {
	position:absolute;
	top: 57%;
	left: 39%;
	width: 22.5%;
	height: auto;
	z-index:135;
}
#s10-tana_boad {
	position:absolute;
	top: 73.6%;
	left: 18.7%;
	width: 65.1%;
	height: auto;
	z-index:140;
}
#s10-tana_boad2 {
	position:absolute;
	top: 84%;
	left: 17.5%;
	width: 68%;
	height: auto;
	z-index:140;
}
#s10-flag1_down {
	position:absolute;
	top: 25%;
	left: 29.5%;
	width: 7%;
	height: auto;
	z-index:140;
}
#s10-flag1_up {
	position:absolute;
	top: 6%;
	left: 29.5%;
	width: 7%;
	height: auto;
	z-index:140;
}
#s10-flag2_down {
	position:absolute;
	top: 25%;
	left: 71%;
	width: 7%;
	height: auto;
	z-index:140;
}
#s10-flag2_up {
	position:absolute;
	top: 6%;
	left: 71%;
	width: 7%;
	height: auto;
	z-index:140;
}
#s10-flag3_down {
	position:absolute;
	top: 25%;
	left: 50%;
	width: 7%;
	height: auto;
	z-index:140;
}
#s10-flag3_up {
	position:absolute;
	top: 6%;
	left: 50%;
	width: 7%;
	height: auto;
	z-index:140;
}
#s10-coin1 {
	position:absolute;
	top: 58%;
	left: 40%;
	width: 5%;
	height: auto;
	z-index:133;
}
#s10-coin2 {
	position:absolute;
	top: 58%;
	left: 56%;
	width: 5%;
	height: auto;
	z-index:133;
}
#s10-coin3 {
	position:absolute;
	top: 58%;
	left: 48%;
	width: 5%;
	height: auto;
	z-index:133;
}
#s10-coin_point {
	position:absolute;
	top: 35%;
	left: 38%;
	width: 24%;
	height: 32%;
	z-index:140;
}
#s10-fook {
	position:absolute;
	top: 79%;
	left: 22%;
	width: 55%;
	height: auto;
	z-index:135;
}
#s10-hole_l {
	position:absolute;
	top: 40%;
	left: 19%;
	width: 13%;
	height: auto;
	z-index:135;
}
#s10-hole_r {
	position:absolute;
	top: 40%;
	left: 70%;
	width: 13%;
	height: auto;
	z-index:135;
}
#s10-key5 {
	position:absolute;
	top: 43%;
	left: 22%;
	width: 6%;
	height: auto;
	z-index:135;
}
#s10-puzzle2 {
	position:absolute;
	top: 43%;
	left: 73%;
	width: 5%;
	height: auto;
	z-index:135;
}


/*******************************
 11：tanaup
********************************/
#s11-tanaup {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index:140;
}
#s11-tanaup_insert {
	position:absolute;
	top: 0;
	left: 43%;
	width: 14%;
	height: auto;
	z-index:145;
}
#s11-tanaup_coinhole {
	position:absolute;
	top: 57%;
	left: 20%;
	width: 64%;
	height: auto;
	z-index:131;
}
#s11-coin1 {
	position:absolute;
	top: 35%;
	left: 22%;
	width: 18%;
	height: auto;
	z-index:136;
}
#s11-coin2 {
	position:absolute;
	top: 35%;
	left: 60%;
	width: 18%;
	height: auto;
	z-index:136;
}
#s11-coin3 {
	position:absolute;
	top: 35%;
	left: 41%;
	width: 18%;
	height: auto;
	z-index:136;
}
#s11-coin1_2 {
	position:absolute;
	top: 59%;
	left: 22%;
	width: 18%;
	height: auto;
	z-index:135;
}
#s11-coin2_2 {
	position:absolute;
	top: 59%;
	left: 60%;
	width: 18%;
	height: auto;
	z-index:135;
}
#s11-coin3_2 {
	position:absolute;
	top: 59%;
	left: 41%;
	width: 18%;
	height: auto;
	z-index:135;
}


/*******************************
 12：flag
********************************/
#s12-point {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:135;
}

/*******************************
 13：qnumber
********************************/
#s13-question {
	position:absolute;
	top: 10%;
	left: 30%;
	width: 15%;
	height: 10%;
	font-size: 30px;
	z-index:135;
}

#s13-qnum1,#s13-qnum2,#s13-qnum3 {
	position:absolute;
	top: 24%;
	padding-top:3px;
	width: 9%;
	height: 15%;
	border:solid 1px #333;
	background-color:#fff;
	font-size: 30px;
	z-index:135;
}
#s13-qnum1 {left: 32%;}
#s13-qnum2 {left: 45%;}
#s13-qnum3 {left: 58%;}

#s13-qnum_hole {
	position:absolute;
	top: 55%;
	left: 42%;
	width: 16%;
	height: auto;
	z-index:135;
}

#s13-key1 {
	position:absolute;
	top: 60%;
	left: 46%;
	width: 7%;
	height: auto;
	z-index:140;
}


/*******************************
 14：candle
********************************/
#s14-daiup {
	position:absolute;
	top: 82%;
	left: 0;
	width: 100%;
	height: auto;
	z-index:130;
}
#s14-shokudai {
	position:absolute;
	top: 2%;
	left: 21.5%;
	width: 57%;
	height: auto;
	z-index:130;
}
#s14-button1 {
	position:absolute;
	top: 75.5%;
	left: 48.2%;
	width: 3.6%;
	height: auto;
	z-index:140;
}
#s14-button2 {
	position:absolute;
	top: 75.5%;
	left: 48.2%;
	width: 3.6%;
	height: auto;
	z-index:135;
}
#s14-fire_l {
	position:absolute;
	top: 0;
	left: 26%;
	width: 5%;
	height: auto;
	z-index:135;
}
#s14-fire_r {
	position:absolute;
	top: 0;
	left: 69%;
	width: 5%;
	height: auto;
	z-index:135;
}


/*******************************
 15：daiup
********************************/
#s15-daiup {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	z-index:130;
}
#s15-dai_hide {
	position:absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: auto;
	z-index:150;
}

#s15-num1,#s15-num2,#s15-num3,#s15-num4,#s15-num5 {
	position:absolute;
	top: 27%;
	padding-top:3px;
	width: 14%;
	height: 20%;
	border:solid 1px #333;
	background-color:#fff;
	font-size: 40px;
	z-index:135;
}
#s15-num1 {left: 5%;}
#s15-num2 {left: 24%;}
#s15-num3 {left: 43%;}
#s15-num4 {left: 63%;}
#s15-num5 {left: 82%;}

#s15-dai_hole {
	position:absolute;
	top: 58%;
	left: 38%;
	width: 25%;
	height: auto;
	z-index:145;
}

#s15-key {
	position:absolute;
	top: 65%;
	left: 45%;
	width: 8%;
	height: auto;
	z-index:150;
}


/*******************************
 16：opening
********************************/
#s16-opening_text {
	position:absolute;
	top: 47%;
	left: 10%;
	width: 80%;
	height: 20%;
	font-size: 18px;
	z-index:135;
}

#s16-opening_img {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:130;
}

#s16-serifu1 {
	position:absolute;
	top: 13%;
	left: 5%;
	width: 30%;
	height: 30%;
	font-size: 18px;
	z-index:135;
}

#s16-serifu2 {
	position:absolute;
	top: 13%;
	left: 65%;
	width: 26%;
	height: 30%;
	font-size: 18px;
	z-index:135;
}

#s16-start,#s16-next {
	position:absolute;
	top: 86%;
	left: 40%;
	width: 55%;
	height: 13%;
	border:solid 2px #333;
	background: rgba(255,255,255, 0.7);
	padding:1%;
	font-size: 20px;
	z-index:140;
}

#s16-point {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index:150;
}


/*================================================*/
/******************* 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-serifu1 {
	position:absolute;
	top: 6%;
	left: 25%;
	width: 60%;
	height: 20%;
	font-size: 22px;
	z-index:2991;
}
#eg-ed-serifu2 {
	position:absolute;
	top: 12%;
	left: 30%;
	width: 50%;
	height: 20%;
	font-size: 24px;
	z-index:2991;
}
#eg-ed-serifu3 {
	position:absolute;
	top: 40%;
	left: 5%;
	width: 50%;
	height: 30%;
	font-size: 18px;
	z-index:2991;
}

#eg-ed-result {
	position:absolute;
	top: 12%;
	left: 2%;
	width: 60%;
	height: 20%;
	text-align:left;
	padding-left:3%;
	line-height:16px;
	font-size: 16px;
	border:solid 3px #666;
	z-index:2991;
}

#eg-ed-result p {
	margin: 12px 0;
}

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

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


/****** media query ******/
@media screen and (max-width: 500px) {
	/* 2:east */
	#s02-star,#s02-circle,#s02-triangle,#s02-question {
		font-size:14px;
	}
	#s02-plate1,#s02-plate2,#s02-plate3,
	#s02-plate4,#s02-plate5,#s02-plate6,
	#s02-plate7,#s02-plate8,#s02-plate9 {
		font-size:10px;
	}
	
	#s03-question {
		font-size: 13.5px;
	}
	#s03-triangle,#s03-star,#s03-circle {
		font-size: 13.5px;
	}
	
	#s08-triangle,#s08-star,#s08-circle {
		font-size: 21px;
	}
	#s08-num1,#s08-num2,#s08-num3 {
		padding-top:2px;
		font-size: 21px;
	}
	
	#s13-question {
		font-size: 21px;
	}
	#s13-qnum1,#s13-qnum2,#s13-qnum3 {
		padding-top:2px;
		font-size: 21px;
	}
	
	#s15-num1,#s15-num2,#s15-num3,#s15-num4,#s15-num5 {
			padding-top:2px;
			font-size: 28px;
	}
	
	#s16-opening_text {font-size: 12.5px;}
	#s16-serifu1 {font-size: 12.5px;}
	#s16-serifu2 {font-size: 12.5px;}
	#s16-start,#s16-next {font-size: 14px;}


	/* ending */
	#eg-ed-serifu1 {
		font-size: 15.5px;
	}
	#eg-ed-serifu2 {
		font-size: 15.5px;
	}
	#eg-ed-serifu3 {
		font-size: 12px;
	}
	#eg-ed-result {
		line-height:13px;
		font-size: 12px;
	}
	#eg-ed-profile {
		font-size: 14px;
	}
	#eg-ed-result p {
		margin: 8.5px 0;
	}

}
















#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;
}