
<!DOCTYPE html>
<html>
<head>
<title>ルシャナブレーン</title>


<script>
 











/**
 * ----------------------------------------------------------
 * Mainfunction()
 * 実際の処理
 * ----------------------------------------------------------
 */

function Mainfunction() {
 
// IDから入力値を取得 						

var otherC 	= document.getElementById("otherC").value;
var heartC 	= document.getElementById("heartC").value;
var cross1C 	= document.getElementById("cross1C").value;
var cross2C 	= document.getElementById("cross2C").value;
var otherN 	= document.getElementById("otherN").value;
var heartN 	= document.getElementById("heartN").value;
var cross1N 	= document.getElementById("cross1N").value;



// 30から引いた値を出力
var cross2N = 30 - otherN - heartN - cross1N;
document.getElementById("cross2N").innerHTML = cross2N;



// テーブルの色を変更

var ColorArray = new Array("#d0d0d0","#ff8080","#b0d0ff","#80ff80","#ffff80","#b040ff","#ffc0c0","#000000");
var ColorNameArray = new Array("灰色","火","水","木","光","闇","回復","不可");
var otherT = document.getElementsByClassName("ohterT");
var heartT = document.getElementsByClassName("heartT");
var cross1T = document.getElementsByClassName("cross1T");
var cross2T = document.getElementsByClassName("cross2T");


otherT[0].style.backgroundColor=ColorArray[otherC];
otherT[1].style.backgroundColor=ColorArray[otherC];
otherT[2].style.backgroundColor=ColorArray[otherC];
heartT[0].style.backgroundColor=ColorArray[heartC];
heartT[1].style.backgroundColor=ColorArray[heartC];
heartT[2].style.backgroundColor=ColorArray[heartC];
cross1T[0].style.backgroundColor=ColorArray[cross1C];
cross1T[1].style.backgroundColor=ColorArray[cross1C];
cross1T[2].style.backgroundColor=ColorArray[cross1C];
cross2T[0].style.backgroundColor=ColorArray[cross2C];
cross2T[1].style.backgroundColor=ColorArray[cross2C];
cross2T[2].style.backgroundColor=ColorArray[cross2C];



// 演算１：甲乙丙の判断

var heiN 	= 	otherN + heartN - 5;
var kouN	=	cross1N - 10;
var kouC	=	cross1C;
var otuN	=	cross2N - 5;
var otuC	=	cross2C;


if ( cross2N >= cross1N ){
	kouN	=	cross2N - 10;
	kouC	=	cross2C;
	otuN	=	cross1N - 5;
	otuC	=	cross1C;
} 


// 演算２：甲乙丙から配列とルートタイプを取得


				
var BrainArray = 
[
[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 甲0"],
	["ロング",	0,0,0,2,0,0,0,0,0,0,	"乙0 甲1"],	
	["ロング",	0,0,0,2,2,0,0,0,0,0,	"乙0 甲2"],
	["ロング",	0,0,2,2,2,0,0,0,0,0,	"乙0 甲3"],
	["ロング",	2,0,2,2,2,0,0,0,0,0,	"乙0 甲4"],
	["ロング",	2,0,2,2,2,0,0,0,0,2,	"乙0 甲5"],
	["ロング",	2,0,2,2,2,2,0,0,0,2,	"乙0 甲6"],
	["ロング",	2,0,2,2,2,2,0,2,0,2,	"乙0 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙0 甲10"]
],

[
	["回転",	0,0,0,0,1,0,0,0,0,0,	"乙1 甲0"],	// 要検討
	["ロング",	0,0,0,2,1,0,0,0,0,0,	"乙1 甲1"],
	["ロング",	0,0,2,2,1,0,0,0,0,0,	"乙1 甲2"],
	["ロング",	2,0,2,2,1,0,0,0,0,0,	"乙1 甲3"],
	["ロング",	2,0,2,2,1,0,0,0,0,2,	"乙1 甲4"],
	["ロング",	2,0,2,2,1,2,0,0,0,2,	"乙1 甲5"],
	["ロング",	2,0,2,2,1,2,0,2,0,2,	"乙1 甲6"],
	["ロング",	2,1,2,2,2,2,0,2,0,2,	"乙1 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙1 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙1 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙1 甲10"]
],

[
	["回転",	1,0,0,0,1,0,0,0,0,0,	"乙2 甲0"],	//超ロングにしたい
	["ロング",	1,1,0,0,2,0,0,0,0,0,	"乙2 甲1"],
	["ロング",	1,1,0,2,2,0,0,0,0,0,	"乙2 甲2"],
	["ロング",	1,1,2,2,2,0,0,0,0,0,	"乙2 甲3"],
	["ロング",	1,1,2,2,2,0,0,0,0,2,	"乙2 甲4"],
	["ロング",	1,1,2,2,2,2,0,0,0,2,	"乙2 甲5"],
	["ロング",	1,1,2,2,2,2,0,2,0,2,	"乙2 甲6"],
	["ロング",	2,1,2,2,2,2,1,2,0,2,	"乙2 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙2 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙2 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙2 甲10"]
],

[
	["ショート",	0,1,1,1,0,0,0,0,0,0,	"例外"],	//例外時は1-5と2-5を交換
	["ショート",	0,1,1,1,1,0,0,0,0,0,	"乙3 甲1"],
	["ショート",	2,1,1,1,1,0,0,0,0,0,	"乙3 甲2"],
	["ショート",	2,1,1,1,1,0,0,0,0,2,	"乙3 甲3"],
	["ショート",	2,1,1,1,1,2,0,0,0,2,	"乙3 甲4"],
	["ショート",	2,1,1,1,1,2,0,2,0,2,	"乙3 甲5"],
	["ロング",	1,1,2,2,2,2,1,2,0,2,	"乙3 甲6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙3 甲10"]
],

[
	["ショート",	1,1,1,1,0,0,0,0,0,0,	"例外"],
	["ショート",	1,1,1,1,1,0,0,0,0,0,	"乙4 甲1"],
	["ショート",	1,1,1,1,1,0,0,0,0,2,	"乙4 甲2"],
	["ショート",	1,1,1,1,1,2,0,0,0,2,	"乙4 甲3"],
	["ショート",	1,1,1,1,1,2,0,2,0,2,	"乙4 甲4"],
	["ショート",	2,1,1,1,1,2,1,2,0,2,	"乙4 甲5"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 甲6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙4 甲10"]
],

[
	["ショート",	1,1,1,1,0,0,0,0,0,1,	"例外"],
	["ショート",	1,1,1,1,1,0,0,0,0,1,	"乙5 甲1"],
	["ショート",	1,1,1,1,1,2,1,0,0,0,	"乙5 甲2"],
	["ショート",	1,1,1,1,1,2,1,0,0,2,	"乙5 甲3"],
	["ショート",	1,1,1,1,1,2,1,2,0,2,	"乙5 甲4"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 甲5"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 甲6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙5 甲10"]
],

[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲0"],
	["ショート",	1,1,1,1,1,0,1,1,0,0,	"乙6 甲1"],
	["ショート",	1,1,1,1,1,2,1,1,0,0,	"乙6 甲2"],
	["ショート",	1,1,1,1,1,2,1,1,0,2,	"乙6 甲3"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲4"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲5"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙6 甲10"]
],


[
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲0"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲1"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲2"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲3"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲4"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲5"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲6"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲7"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲8"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲9"],
	["不可",	4,4,4,4,4,4,4,4,4,4,	"乙7 甲10"]
]



];



var Now = [0,		0,0,0,0,0,0,0,0,0,0,	0];

if (otuN < 0	||	 kouN < 0 )			// ドロップが足りなければ不可能に
{
	otuN = 0 ;
	kouN = 0 ;
	otuC = 7 ;
	kouC = 7 ;
	heartC = 7 ;
}	 


for ( var i=0; i<12; i++ ) {
    	Now[i]	=	BrainArray[otuN][kouN][i];
}

if (Now[1] == 4) {					// 不能なら乙を真っ黒に
	otuC = 7 ;
	kouC = 7 ;
}




// 演算３：配列の丙を不要色と置換
	
	
	
var ReplaceIndex = [4,5,3,2,1,10,9,8,7,6]; // 置換順
var j=0;
var othercount=0;

 while(othercount < otherN	&&	Now[1] < 4  	&& 	j < 10){		

	if (Now[ ReplaceIndex[j] ] 	==	0)
	{
		
		Now[ ReplaceIndex[j]] 	=	3;
		othercount = othercount + 1;		
	}
	j = j+1 ;
 }	

if(othercount < otherN)				// 置換失敗時　多分無いけど
{	
	otuC = 7 ;
	kouC = 7 ;
	heartC = 7;
	Now[0] = "不可" ;
}


// 出力１

document.getElementById("havedrop").innerHTML = ColorNameArray[otuC];
document.getElementById("havedrop").style.backgroundColor=ColorArray[otuC];
document.getElementById("usedroot").innerHTML = Now[0];




// 出力２：整地盤面

var Pallet = [	ColorArray[heartC],	
		ColorArray[otuC],
		ColorArray[kouC],
		ColorArray[otherC],
		ColorArray[7]];

document.getElementById("t1-1").style.backgroundColor = Pallet[Now[1]] ;	//配列部分
document.getElementById("t1-2").style.backgroundColor = Pallet[Now[2]] ;
document.getElementById("t1-3").style.backgroundColor = Pallet[Now[3]] ;
document.getElementById("t1-4").style.backgroundColor = Pallet[Now[4]] ;
document.getElementById("t1-5").style.backgroundColor = Pallet[Now[5]] ;
document.getElementById("t5-1").style.backgroundColor = Pallet[Now[6]] ;
document.getElementById("t5-2").style.backgroundColor = Pallet[Now[7]] ;
document.getElementById("t5-3").style.backgroundColor = Pallet[Now[8]] ;
document.getElementById("t5-4").style.backgroundColor = Pallet[Now[9]] ;
document.getElementById("t5-5").style.backgroundColor = Pallet[Now[10]] ;



document.getElementById("t2-1").style.backgroundColor = Pallet[2] ;
document.getElementById("t2-2").style.backgroundColor = Pallet[2] ;
document.getElementById("t2-3").style.backgroundColor = Pallet[2] ;
document.getElementById("t2-4").style.backgroundColor = Pallet[2] ;

document.getElementById("t3-1").style.backgroundColor = Pallet[1] ;
document.getElementById("t3-2").style.backgroundColor = Pallet[2] ;
document.getElementById("t3-3").style.backgroundColor = Pallet[1] ;
document.getElementById("t3-4").style.backgroundColor = Pallet[2] ;
document.getElementById("t3-5").style.backgroundColor = Pallet[1] ;

document.getElementById("t4-1").style.backgroundColor = Pallet[1] ;
document.getElementById("t4-2").style.backgroundColor = Pallet[2] ;
document.getElementById("t4-3").style.backgroundColor = Pallet[2] ;
document.getElementById("t4-4").style.backgroundColor = Pallet[2] ;
document.getElementById("t4-5").style.backgroundColor = Pallet[2] ;

if(Now[0] == "ロング"　|| Now[0] == "回転") {
document.getElementById("t2-5").style.backgroundColor = Pallet[1] ;
} else {
document.getElementById("t2-5").style.backgroundColor = Pallet[2] ;
}

if(Now[11] == "例外") {
document.getElementById("t1-5").style.backgroundColor = Pallet[1] ;
document.getElementById("t2-5").style.backgroundColor = Pallet[Now[5]] ;
}


// 出力３：動かし方


document.getElementById("m1-1").style.backgroundColor = Pallet[Now[1]] ;	//配列部分
document.getElementById("m1-2").style.backgroundColor = Pallet[Now[2]] ;
document.getElementById("m1-3").style.backgroundColor = Pallet[Now[3]] ;
document.getElementById("m1-4").style.backgroundColor = Pallet[Now[4]] ;
document.getElementById("m1-5").style.backgroundColor = Pallet[Now[5]] ;
document.getElementById("m5-1").style.backgroundColor = Pallet[Now[6]] ;
document.getElementById("m5-2").style.backgroundColor = Pallet[Now[7]] ;
document.getElementById("m5-3").style.backgroundColor = Pallet[Now[8]] ;
document.getElementById("m5-4").style.backgroundColor = Pallet[Now[9]] ;
document.getElementById("m5-5").style.backgroundColor = Pallet[Now[10]] ;



document.getElementById("m2-1").style.backgroundColor = Pallet[2] ;
document.getElementById("m2-2").style.backgroundColor = Pallet[2] ;
document.getElementById("m2-3").style.backgroundColor = Pallet[2] ;
document.getElementById("m2-4").style.backgroundColor = Pallet[1] ;

document.getElementById("m3-1").style.backgroundColor = Pallet[1] ;
document.getElementById("m3-2").style.backgroundColor = Pallet[2] ;
document.getElementById("m3-3").style.backgroundColor = Pallet[2] ;
document.getElementById("m3-4").style.backgroundColor = Pallet[2] ;
document.getElementById("m3-5").style.backgroundColor = Pallet[1] ;

document.getElementById("m4-1").style.backgroundColor = Pallet[1] ;
document.getElementById("m4-2").style.backgroundColor = Pallet[2] ;
document.getElementById("m4-3").style.backgroundColor = Pallet[2] ;
document.getElementById("m4-4").style.backgroundColor = Pallet[2] ;
document.getElementById("m4-5").style.backgroundColor = Pallet[2] ;

if(Now[0] == "ロング") {
document.getElementById("m2-5").style.backgroundColor = Pallet[1] ;
document.getElementById("rootimage").innerHTML = "<img src='long.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='mirrorlong.png' >";
} else if (Now[0] == "回転") {
document.getElementById("m2-5").style.backgroundColor = Pallet[1] ;
document.getElementById("rootimage").innerHTML = "<img src='rotate.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='mirrorrotate.png' >";
} else {
document.getElementById("m2-5").style.backgroundColor = Pallet[2] ;
document.getElementById("rootimage").innerHTML = "<img src='short.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='mirrorshort.png' >";
}

if(Now[0] == "不可") {
document.getElementById("rootimage").innerHTML = "<img src='null.png' >";
document.getElementById("mirrorrootimage").innerHTML = "<img src='null.png' >";
}

if(Now[11] == "例外") {
document.getElementById("m1-5").style.backgroundColor = Pallet[1] ;
document.getElementById("m2-5").style.backgroundColor = Pallet[Now[5]] ;
}



// 出力４：左右対称


document.getElementById("h5-1").style.backgroundColor = Pallet[Now[1]] ;	//配列部分
document.getElementById("h5-2").style.backgroundColor = Pallet[Now[2]] ;
document.getElementById("h5-3").style.backgroundColor = Pallet[Now[3]] ;
document.getElementById("h5-4").style.backgroundColor = Pallet[Now[4]] ;
document.getElementById("h5-5").style.backgroundColor = Pallet[Now[5]] ;
document.getElementById("h1-1").style.backgroundColor = Pallet[Now[6]] ;
document.getElementById("h1-2").style.backgroundColor = Pallet[Now[7]] ;
document.getElementById("h1-3").style.backgroundColor = Pallet[Now[8]] ;
document.getElementById("h1-4").style.backgroundColor = Pallet[Now[9]] ;
document.getElementById("h1-5").style.backgroundColor = Pallet[Now[10]] ;


document.getElementById("h4-1").style.backgroundColor = Pallet[2] ;
document.getElementById("h4-2").style.backgroundColor = Pallet[2] ;
document.getElementById("h4-3").style.backgroundColor = Pallet[2] ;
document.getElementById("h4-4").style.backgroundColor = Pallet[1] ;

document.getElementById("h3-1").style.backgroundColor = Pallet[1] ;
document.getElementById("h3-2").style.backgroundColor = Pallet[2] ;
document.getElementById("h3-3").style.backgroundColor = Pallet[2] ;
document.getElementById("h3-4").style.backgroundColor = Pallet[2] ;
document.getElementById("h3-5").style.backgroundColor = Pallet[1] ;

document.getElementById("h2-1").style.backgroundColor = Pallet[1] ;
document.getElementById("h2-2").style.backgroundColor = Pallet[2] ;
document.getElementById("h2-3").style.backgroundColor = Pallet[2] ;
document.getElementById("h2-4").style.backgroundColor = Pallet[2] ;
document.getElementById("h2-5").style.backgroundColor = Pallet[2] ;

if(Now[0] == "ロング"　|| Now[0] == "回転") {
document.getElementById("h4-5").style.backgroundColor = Pallet[1] ;
} else {
document.getElementById("h4-5").style.backgroundColor = Pallet[2] ;
}

if(Now[11] == "例外") {
document.getElementById("h5-5").style.backgroundColor = Pallet[1] ;
document.getElementById("h4-5").style.backgroundColor = Pallet[Now[5]] ;
}









}
</script>
</head>











<body>


<h4>ルシャナブレーンweb ver1.2</h4> 
<table border="1">

<tr>
<th></th>
<th class="ohterT" style="background-color:#d0d0d0">不要色</th>
<th class="heartT" style="background-color:#ffc0c0">回復</th>
<th class="cross1T" style="background-color:#80ff80">攻撃色1</th>
<th class="cross2T" style="background-color:#ffff80">攻撃色2</th>
</tr>

<tr>
<th>色</th>
	<td class="ohterT" style="background-color:#d0d0d0"><select id="otherC" name="otherC" onchange="Mainfunction()">
		<option value="0">灰</option>
		<option value="1">火</option>
		<option value="2">水</option>
		<option value="3">木</option>
		<option value="4">光</option>
		<option value="5">闇</option>
	</select></td>

	<td class="heartT" style="background-color:#ffc0c0"><select id="heartC" name="heartC" onchange="Mainfunction()">
		<option value="6">回復</option>
	</select></td>

	<td class="cross1T" style="background-color:#80ff80"><select id="cross1C" name="cross1C" onchange="Mainfunction()">
		<option value="1">火</option>
		<option value="2">水</option>
		<option value="3" selected>木</option>
		<option value="4">光</option>
		<option value="5">闇</option>
	</select></td>

	<td class="cross2T" style="background-color:#ffff80"><select id="cross2C" name="cross2C" onchange="Mainfunction()">
		<option value="1">火</option>
		<option value="2">水</option>
		<option value="3">木</option>
		<option value="4" selected>光</option>
		<option value="5">闇</option>
	</select></td>

</tr>

<tr>
<th>ドロップ数</th>

	<td class="ohterT" style="background-color:#d0d0d0"><select id="otherN" name="otherN" onchange="Mainfunction()">
		<option value="0">0</option>
		<option value="1">1</option>
		<option value="2">2</option>
		<option value="3">3</option>
		<option value="4">4</option>
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
	</select></td>

	<td class="heartT" style="background-color:#ffc0c0"><select id="heartN" name="heartN" onchange="Mainfunction()">
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
		<option value="11">11</option>
		<option value="12">12</option>
		<option value="13">13</option>
		<option value="14">14</option>
	</select></td>

	<td class="cross1T" style="background-color:#80ff80"><select id="cross1N" name="cross1N" onchange="Mainfunction()">
		<option value="5">5</option>
		<option value="6">6</option>
		<option value="7">7</option>
		<option value="8">8</option>
		<option value="9">9</option>
		<option value="10">10</option>
		<option value="11">11</option>
		<option value="12">12</option>
		<option value="13">13</option>
		<option value="14">14</option>
		<option value="15">15</option>
		<option value="16">16</option>
		<option value="17">17</option>
		<option value="18">18</option>
		<option value="19">19</option>
		<option value="20">20</option>
	</select></td>

	<td class="cross2T" style="background-color:#ffff80"><p id="cross2N"> 自動 </p></output>
	</select></td>

</tr>

</table>


<br>


<table border="1">

<tr>
<th>所持ドロップ</th>
<th id="havedrop">？</th>
</tr>

<tr>
<th>使用ルート</th>
<th id="usedroot">？</th>
</tr>

</table>






<h3>整地形</h3>
<table width="300" height="250" border="1" style="table-layout:fixed;">

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="t1-1">
<td id="t2-1">
<td id="t3-1">
<td id="t4-1">
<td id="t5-1">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="t1-2">
<td id="t2-2">
<td id="t3-2">
<td id="t4-2">
<td id="t5-2">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="t1-3">
<td id="t2-3">
<td id="t3-3" style="border-bottom-width:6px; border-top-width:6px; border-left-width:6px; border-right-width:6px;">持ち</td>
<td id="t4-3">
<td id="t5-3">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="t1-4">
<td id="t2-4">
<td id="t3-4">
<td id="t4-4">
<td id="t5-4">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="t1-5">
<td id="t2-5">
<td id="t3-5">
<td id="t4-5">
<td id="t5-5">
</tr>

</table>




<h3>動かし方</h3>

<table width="300" height="250" border="1"  
	style="table-layout:fixed; position: relative; top: 0px; z-index: 1"> 

<tr height="50">
<td style="background-color:#ffc0c0"> </td>
<td id="m1-1">
<td id="m2-1">
<td id="m3-1">
<td id="m4-1">
<td id="m5-1">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="m1-2">
<td id="m2-2">
<td id="m3-2">
<td id="m4-2">
<td id="m5-2">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="m1-3">
<td id="m2-3">
<td id="m3-3">
<td id="m4-3">
<td id="m5-3">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="m1-4">
<td id="m2-4" style="border-bottom-width:6px; border-top-width:6px; border-left-width:6px; border-right-width:6px;">持ち</td>
<td id="m3-4">
<td id="m4-4">
<td id="m5-4">
</tr>

<tr height="50">
<td style="background-color:#ffc0c0"></td>
<td id="m1-5">
<td id="m2-5">
<td id="m3-5">
<td id="m4-5">
<td id="m5-5">
</tr>

</table>

<span id="rootimage" style="position: relative; top: -250px; z-index: 2"> <img src="null.png" ></span>











<h3>左右ミラー</h3>
<table width="300" height="250" border="1" style="table-layout:fixed;">

<tr height="50">
<td id="h1-1">
<td id="h2-1">
<td id="h3-1">
<td id="h4-1">
<td id="h5-1">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">
<td id="h1-2">
<td id="h2-2">
<td id="h3-2">
<td id="h4-2">
<td id="h5-2">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">
<td id="h1-3">
<td id="h2-3">
<td id="h3-3">
<td id="h4-3">
<td id="h5-3">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">
<td id="h1-4">
<td id="h2-4">
<td id="h3-4">
<td id="h4-4" style="border-bottom-width:6px; border-top-width:6px; border-left-width:6px; border-right-width:6px;">持ち
<td id="h5-4">
<td style="background-color:#ffc0c0"></td>
</tr>

<tr height="50">
<td id="h1-5">
<td id="h2-5">
<td id="h3-5">
<td id="h4-5">
<td id="h5-5">
<td style="background-color:#ffc0c0"></td>
</tr>

</table>

<span id="mirrorrootimage" style="position: relative; top: -250px; z-index: 2;"> <img src="null.png" ></span>

<br>


<h6>不具合報告があればtwitter @Iseebi_PAD までお願いします。</h6>



</body>
</html>