@charset "utf-8";

#point1 {
	background:url(../images/mouse/bg.png) center top;
	height:450px;
	cursor: url(../images/mouse/cursor.png), auto;
}

/* 配置type A*/
#point1 .typeA .ck01{
	float:left;
	margin:30px 0px 20px 20px;
	}
#point1 .typeA .ck02{
	float:left;
	margin:150px 20px 20px 150px;
	}
#point1 .typeA .ck03{
	float:right;
	margin:100px 80px 20px 0;
	}
#point1 .typeA .ck04{
	float:right;
	margin:250px 70px 20px 0;
	}
#point1 .typeA .ck05{
	float:left;
	margin:320px 20px 20px 0;
	}
	
/* 配置type B[Aの反転]*/
#point1 .typeB .ck01{
	float:right;
	margin:30px 20px 20px 0;
	}
#point1 .typeB .ck02{
	float:right;
	margin:150px 150px 20px 20px;
	}
#point1 .typeB .ck03{
	float:left;
	margin:100px 0 20px 80px;
	}
#point1 .typeB .ck04{
	float:left;
	margin:250px 0 20px 70px;
	}
#point1 .typeB .ck05{
	float:right;
	margin:320px 0 20px 20px;
	}

/* 配置type C*/
#point1 .typeC .ck01{
	float:left;
	margin:150px 20px 20px 20px;
	}
#point1 .typeC .ck02{
	float:right;
	margin:50px 20px 20px 20px;
	}
#point1 .typeC .ck03{
	float:left;
	margin:30px 0 20px 200px;
	}
#point1 .typeC .ck04{
	float:left;
	margin:250px 0 20px 70px;
	}
#point1 .typeC .ck05{
	float:left;
	margin:120px 20px 20px 180px;
	}

/* 配置type D*/
#point1 .typeD .ck01{
	float:left;
	margin:150px 0px 20px 20px;
	}
#point1 .typeD .ck02{
	float:left;
	margin:110px 20px 20px 280px;
	}
#point1 .typeD .ck03{
	float:right;
	margin:240px 20px 20px 0;
	}
#point1 .typeD .ck04{
	float:right;
	margin:20px 70px 20px 0;
	}
#point1 .typeD .ck05{
	float:left;
	margin:330px 20px 20px 0;
	}
	
/* 配置type E*/
#point1 .typeE .ck01{
	float:right;
	margin:80px 20px 20px 20px;
	}
#point1 .typeE .ck02{
	float:left;
	margin:10px 20px 20px 50px;
	}
#point1 .typeE .ck03{
	float:right;
	margin:100px 80px 20px 0;
	}
#point1 .typeE .ck04{
	float:left;
	margin:150px 70px 20px 300px;
	}
#point1 .typeE .ck05{
	float:left;
	margin:20px 20px 20px 0;
	}
	
/* 配置type F*/
#point1 .typeF .ck01{
	float:right;
	margin:130px 0px 20px 20px;
	}
#point1 .typeF .ck02{
	float:right;
	margin:50px 20px 20px 50px;
	}
#point1 .typeF .ck03{
	float:right;
	margin:200px 80px 20px 0;
	}
#point1 .typeF .ck04{
	float:left;
	margin:20px 30px 20px 70px;
	}
#point1 .typeF .ck05{
	float:left;
	margin:160px 20px 20px 0;
	}

/* 配置type G[Cの反転]　*/
#point1 .typeG .ck01{
	float:right;
	margin:150px 20px 20px 20px;
	}
#point1 .typeG .ck02{
	float:left;
	margin:50px 20px 20px 20px;
	}
#point1 .typeG .ck03{
	float:right;
	margin:30px 200px 20px 0;
	}
#point1 .typeG .ck04{
	float:right;
	margin:250px 70px 20px 0;
	}
#point1 .typeG .ck05{
	float:right;
	margin:120px 180px 20px 20px;
	}

/* 配置type H[Dの反転]*/
#point1 .typeH .ck01{
	float:right;
	margin:150px 20px 20px 0;
	}
#point1 .typeH .ck02{
	float:right;
	margin:110px 280px 20px 20px;
	}
#point1 .typeH .ck03{
	float:left;
	margin:240px 0 20px 20px;
	}
#point1 .typeH .ck04{
	float:left;
	margin:20px 0 20px 70px;
	}
#point1 .typeH .ck05{
	float:right;
	margin:330px 0 20px 20px;
	}

/* 配置type I[Eの反転]*/
#point1 .typeI .ck01{
	float:left;
	margin:80px 20px 20px 20px;
	}
#point1 .typeI .ck02{
	float:right;
	margin:10px 50px 20px 20px;
	}
#point1 .typeI .ck03{
	float:left;
	margin:100px 0 20px 80px;
	}
#point1 .typeI .ck04{
	float:right;
	margin:150px 300px 20px 70px;
	}
#point1 .typeI .ck05{
	float:right;
	margin:20px 0 20px 20px;
	}
	
/* 配置type J[Fの反転]*/
#point1 .typeJ .ck01{
	float:left;
	margin:180px 20px 20px 20px;
	}
#point1 .typeJ .ck02{
	float:left;
	margin:50px 50px 20px 20px;
	}
#point1 .typeJ .ck03{
	float:left;
	margin:200px 0 20px 80px;
	}
#point1 .typeJ .ck04{
	float:right;
	margin:20px 70px 20px 30px;
	}
#point1 .typeJ .ck05{
	float:right;
	margin:160px 0 20px 20px;
	}

.flame {
 border: 5px solid #ffb243;
 border-radius: 20px;
 margin: 10px;
 width: 90%;
 padding: 10px;
 display: inline-block;
 font-size:18px;
 font-weight:bold;
 font-family: -apple-system, "Segoe UI", "Helvetica Neue", "Hiragino Kaku Gothic ProN", メイリオ, meiryo, sans-serif;
}
.flame img {vertical-align: middle;}