body {
	margin:0;
	padding:0;
}


#container {
	position:absolute;
	top:178px;
	left:230px;
	width:340px;
	height:340px;
}

#fuchi,#memori5,#memori,#short,#canvas {
	position: absolute;
	top:0px;
	left:0px;
}

#long, #longZ {
	position: absolute;
	top:27px;
	left:155px;
	-moz-transform-origin:center 145px;
	-webkit-transform-origin:center 145px;
	-o-transform-origin:center 145px;
	-ms-transform-origin:center 145px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#longZ, #shortZ {
	opacity: 0;
}

#short, #shortZ {
	position: absolute;
	top:104px;
	left:155px;
	-moz-transform-origin:center 68px;
	-webkit-transform-origin:center 68px;
	-o-transform-origin:center 68px;
	-ms-transform-origin:center 68px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#container_s {
	position:absolute;
	top:0px;
	left:0px;
	width:280px;
	height:280px;
	background:url(../img/math/24-33.png)no-repeat;

}
#fuchi_s,#memori5_s,#memori_s,#short_s,#canvas_s {
	position: absolute;
	top:0px;
	left:0px;
}
#long_s, #longZ_s {
	position: absolute;
	top:36px;
	left:132px;
	-moz-transform-origin:center 104px;
	-webkit-transform-origin:center 104px;
	-o-transform-origin:center 104px;
	-ms-transform-origin:center 104px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#longZ_s, #shortZ_s {
	opacity: 0;
}

#short_s, #shortZ_s {
	position: absolute;
	top:74px;
	left:131px;
	-moz-transform-origin:center 65px;
	-webkit-transform-origin:center 65px;
	-o-transform-origin:center 65px;
	-ms-transform-origin:center 65px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* ========RESULT PAGE======== */
.correct1{
	position: relative;
	height:200px;
}

.correct2{
	position: relative;
	height:200px;
}

.correct3{
	position: relative;
	height:200px;
}

.correct4{
	position: relative;
	height:200px;
}

.correct5{
	position: relative;
	height:200px;
}

.correct6{
	position: relative;
	height:200px;
}

.correct7{
	position: relative;
	height:200px;
}

.correct8{
	position: relative;
	height:200px;
}

.correct9{
	position: relative;
	height:200px;
}

.correct10{
	position: relative;
	height:200px;
}

#container1 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container2 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container3 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container4 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container5 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container6 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container7 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container8 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container9 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#container10 {
	position:absolute;
	top:10px;
	right:150px;
	width:200px;
	height:200px;
	background:url(../img/math/ans_time.png) no-repeat;
}

#canvas1 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas2 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas3 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas4 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas5 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas6 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas7 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas8 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas9 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#canvas10 {
	position: absolute;
	top:0px;
	left:0px;
	width:200px;
	height:200px;
}

#long1 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long2 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long3 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long4 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long5 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long6 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long7 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long8 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long9 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#long10 {
	float: none;
	position: absolute;
	top:19px;
	left:95px;
	-moz-transform-origin:center 80px;
	-webkit-transform-origin:center 80px;
	-o-transform-origin:center 80px;
	-ms-transform-origin:center 80px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short1 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short2 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short3 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short4 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short5 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short6 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short7 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short8 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short9 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#short10 {
	float: none;
	position: absolute;
	top:58px;
	left:95px;
	-moz-transform-origin:center 41px;
	-webkit-transform-origin:center 41px;
	-o-transform-origin:center 41px;
	-ms-transform-origin:center 41px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#correct p {
	position: absolute;
	top:30px;
	left:160px;
	
}

#next_page {
	display: none;
}

#q2 img {
	display: inline;
}

.anime_replay{
	position:absolute;
	top:790px;
	left:250px;
	width:241px;
	display: none;
}

.anime_replay:hover{
	cursor: pointer;
}