reversi_o6.htm

戻る

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML LANG="ja">

<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<TITLE>オセロ</TITLE>
<!-- Opera 6 -->
</HEAD>

<BODY BGCOLOR="#CCFFFF">
<BR><BR>
<CENTER>

<!-- 盤 -->
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<TR><TD WIDTH=14 HEIGHT=22></TD><TD WIDTH=1></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>a</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>b</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>c</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>d</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>e</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>f</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>g</B></FONT></TD>
<TD ALIGN=CENTER><FONT SiZE=4><B>h</B></FONT></TD>
</TR>
<TR><TD HEIGHT=1></TD><TD COLSPAN=9 HEIGHT=1><IMG SRC="images/board_t.gif" WIDTH=297 HEIGHT=1></TD></TR>
<TR>
<TD><FONT SiZE=4><B>1</B></FONT></TD>
<TD ROWSPAN=8 WIDTH=1><IMG SRC="images/board_l.gif" WIDTH=1 HEIGHT=296></TD>
<TD><A HREF="javascript:clicked(0,0)" onFocus="window.focus()"><IMG NAME="square00" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,0)" onFocus="window.focus()"><IMG NAME="square10" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,0)" onFocus="window.focus()"><IMG NAME="square20" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,0)" onFocus="window.focus()"><IMG NAME="square30" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,0)" onFocus="window.focus()"><IMG NAME="square40" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,0)" onFocus="window.focus()"><IMG NAME="square50" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,0)" onFocus="window.focus()"><IMG NAME="square60" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,0)" onFocus="window.focus()"><IMG NAME="square70" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>2</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,1)" onFocus="window.focus()"><IMG NAME="square01" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,1)" onFocus="window.focus()"><IMG NAME="square11" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,1)" onFocus="window.focus()"><IMG NAME="square21" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,1)" onFocus="window.focus()"><IMG NAME="square31" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,1)" onFocus="window.focus()"><IMG NAME="square41" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,1)" onFocus="window.focus()"><IMG NAME="square51" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,1)" onFocus="window.focus()"><IMG NAME="square61" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,1)" onFocus="window.focus()"><IMG NAME="square71" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>3</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,2)" onFocus="window.focus()"><IMG NAME="square02" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,2)" onFocus="window.focus()"><IMG NAME="square12" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,2)" onFocus="window.focus()"><IMG NAME="square22" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,2)" onFocus="window.focus()"><IMG NAME="square32" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,2)" onFocus="window.focus()"><IMG NAME="square42" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,2)" onFocus="window.focus()"><IMG NAME="square52" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,2)" onFocus="window.focus()"><IMG NAME="square62" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,2)" onFocus="window.focus()"><IMG NAME="square72" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>4</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,3)" onFocus="window.focus()"><IMG NAME="square03" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,3)" onFocus="window.focus()"><IMG NAME="square13" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,3)" onFocus="window.focus()"><IMG NAME="square23" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,3)" onFocus="window.focus()"><IMG NAME="square33" SRC="images/disc_w.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,3)" onFocus="window.focus()"><IMG NAME="square43" SRC="images/disc_b.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,3)" onFocus="window.focus()"><IMG NAME="square53" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,3)" onFocus="window.focus()"><IMG NAME="square63" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,3)" onFocus="window.focus()"><IMG NAME="square73" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>5</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,4)" onFocus="window.focus()"><IMG NAME="square04" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,4)" onFocus="window.focus()"><IMG NAME="square14" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,4)" onFocus="window.focus()"><IMG NAME="square24" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,4)" onFocus="window.focus()"><IMG NAME="square34" SRC="images/disc_b.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,4)" onFocus="window.focus()"><IMG NAME="square44" SRC="images/disc_w.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,4)" onFocus="window.focus()"><IMG NAME="square54" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,4)" onFocus="window.focus()"><IMG NAME="square64" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,4)" onFocus="window.focus()"><IMG NAME="square74" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>6</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,5)" onFocus="window.focus()"><IMG NAME="square05" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,5)" onFocus="window.focus()"><IMG NAME="square15" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,5)" onFocus="window.focus()"><IMG NAME="square25" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,5)" onFocus="window.focus()"><IMG NAME="square35" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,5)" onFocus="window.focus()"><IMG NAME="square45" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,5)" onFocus="window.focus()"><IMG NAME="square55" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,5)" onFocus="window.focus()"><IMG NAME="square65" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,5)" onFocus="window.focus()"><IMG NAME="square75" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>7</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,6)" onFocus="window.focus()"><IMG NAME="square06" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,6)" onFocus="window.focus()"><IMG NAME="square16" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,6)" onFocus="window.focus()"><IMG NAME="square26" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,6)" onFocus="window.focus()"><IMG NAME="square36" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,6)" onFocus="window.focus()"><IMG NAME="square46" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,6)" onFocus="window.focus()"><IMG NAME="square56" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,6)" onFocus="window.focus()"><IMG NAME="square66" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,6)" onFocus="window.focus()"><IMG NAME="square76" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
<TR>
<TD><FONT SiZE=4><B>8</B></FONT></TD>
<TD><A HREF="javascript:clicked(0,7)" onFocus="window.focus()"><IMG NAME="square07" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(1,7)" onFocus="window.focus()"><IMG NAME="square17" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(2,7)" onFocus="window.focus()"><IMG NAME="square27" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(3,7)" onFocus="window.focus()"><IMG NAME="square37" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(4,7)" onFocus="window.focus()"><IMG NAME="square47" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(5,7)" onFocus="window.focus()"><IMG NAME="square57" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(6,7)" onFocus="window.focus()"><IMG NAME="square67" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
<TD><A HREF="javascript:clicked(7,7)" onFocus="window.focus()"><IMG NAME="square77" SRC="images/board.gif" WIDTH=37 HEIGHT=37 BORDER=0></A></TD>
</TR>
</TABLE>

<BR><BR>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=5 BGCOLOR="#336666">
<TR><TD COLSPAN=6 WIDTH=240 HEIGHT=35>
    <SPAN STYLE="position:relative">
    <SPAN ID="msg1" STYLE="position:absolute; left:0; top:0">
    <FONT ID="trn1" COLOR="#000000" SIZE="+1">●</FONT><FONT COLOR="#FFFF33" SIZE="+1"> の手番</FONT>
    </SPAN>
    <SPAN ID="msg2" STYLE="position:absolute; left:0; top:0; visibility:hidden">
    <FONT ID="trn2" SIZE="+1">●</FONT><FONT COLOR="#FFFF33" SIZE="+1"> はパス!</FONT>
    </SPAN>
    <SPAN ID="msg3" STYLE="position:absolute; left:0; top:0; visibility:hidden">
    <FONT ID="trn3" SIZE="+1">●</FONT><FONT COLOR="#FFFF33" SIZE="+1">
    <SPAN STYLE="position:relative">
    <SPAN ID="pos_x0" STYLE="position:absolute; left:0; top:0; visibility:hidden">a</SPAN>
    <SPAN ID="pos_x1" STYLE="position:absolute; left:0; top:0; visibility:hidden">b</SPAN>
    <SPAN ID="pos_x2" STYLE="position:absolute; left:0; top:0; visibility:hidden">c</SPAN>
    <SPAN ID="pos_x3" STYLE="position:absolute; left:0; top:0; visibility:hidden">d</SPAN>
    <SPAN ID="pos_x4" STYLE="position:absolute; left:0; top:0; visibility:hidden">e</SPAN>
    <SPAN ID="pos_x5" STYLE="position:absolute; left:0; top:0; visibility:hidden">f</SPAN>
    <SPAN ID="pos_x6" STYLE="position:absolute; left:0; top:0; visibility:hidden">g</SPAN>
    <SPAN ID="pos_x7" STYLE="position:absolute; left:0; top:0; visibility:hidden">h</SPAN>
    </SPAN>
    <SPAN STYLE="position:relative; left:2px">
    <SPAN ID="pos_y0" STYLE="position:absolute; left:0; top:0; visibility:hidden">1</SPAN>
    <SPAN ID="pos_y1" STYLE="position:absolute; left:0; top:0; visibility:hidden">2</SPAN>
    <SPAN ID="pos_y2" STYLE="position:absolute; left:0; top:0; visibility:hidden">3</SPAN>
    <SPAN ID="pos_y3" STYLE="position:absolute; left:0; top:0; visibility:hidden">4</SPAN>
    <SPAN ID="pos_y4" STYLE="position:absolute; left:0; top:0; visibility:hidden">5</SPAN>
    <SPAN ID="pos_y5" STYLE="position:absolute; left:0; top:0; visibility:hidden">6</SPAN>
    <SPAN ID="pos_y6" STYLE="position:absolute; left:0; top:0; visibility:hidden">7</SPAN>
    <SPAN ID="pos_y7" STYLE="position:absolute; left:0; top:0; visibility:hidden">8</SPAN>
    </SPAN>
    </FONT>
    </SPAN>
    <SPAN ID="msg4" STYLE="position:absolute; left:0; top:0; visibility:hidden">
    <FONT COLOR="#FFFF33" SIZE="+1">引き分け!</FONT>
    <A HREF="javascript:location.reload()" STYLE="text-decoration:none; position:relative; left:20px">
    <SPAN STYLE="background-color:#CC3300; padding:2px 10px">
    <FONT COLOR="#FFFF66"><B>もう一度遊ぶ</B></FONT></SPAN></A>
    </SPAN>
    <SPAN STYLE="visibility:hidden">.</SPAN><!--dummy-->
    <SPAN ID="msg5" STYLE="position:absolute; left:0; top:0; visibility:hidden">
    <FONT ID="trn5" SIZE="+1">●</FONT><FONT COLOR="#FFFF33" SIZE="+1"> の勝ち!</FONT>
    <A HREF="javascript:location.reload()" STYLE="text-decoration:none; position:relative; left:20px">
    <SPAN STYLE="background-color:#CC3300; padding:2px 10px">
    <FONT COLOR="#FFFF66"><B>もう一度遊ぶ</B></FONT></SPAN></A>
    </SPAN>
    <SPAN STYLE="visibility:hidden">.</SPAN><!--dummy-->
    </SPAN>
    <SPAN STYLE="visibility:hidden">.</SPAN><!--dummy-->
    </TD></TR>
<TR><TD WIDTH=40><BR></TD>
    <TD WIDTH=40 ALIGN=RIGHT><FONT COLOR="#000000" SIZE="+1">●</FONT></TD>
    <TD WIDTH=40 ALIGN=LEFT><FONT COLOR="#FFFF33" SIZE="+1">
    <SPAN STYLE="position:relative">
    <SPAN ID="b_dsc10" STYLE="position:absolute; left:0; top:0; visibility:hidden">0</SPAN>
    <SPAN ID="b_dsc11" STYLE="position:absolute; left:0; top:0; visibility:hidden">1</SPAN>
    <SPAN ID="b_dsc12" STYLE="position:absolute; left:0; top:0; visibility:visible">2</SPAN>
    <SPAN ID="b_dsc13" STYLE="position:absolute; left:0; top:0; visibility:hidden">3</SPAN>
    <SPAN ID="b_dsc14" STYLE="position:absolute; left:0; top:0; visibility:hidden">4</SPAN>
    <SPAN ID="b_dsc15" STYLE="position:absolute; left:0; top:0; visibility:hidden">5</SPAN>
    <SPAN ID="b_dsc16" STYLE="position:absolute; left:0; top:0; visibility:hidden">6</SPAN>
    <SPAN ID="b_dsc17" STYLE="position:absolute; left:0; top:0; visibility:hidden">7</SPAN>
    <SPAN ID="b_dsc18" STYLE="position:absolute; left:0; top:0; visibility:hidden">8</SPAN>
    <SPAN ID="b_dsc19" STYLE="position:absolute; left:0; top:0; visibility:hidden">9</SPAN>
    </SPAN>
    <SPAN STYLE="position:relative">
    <SPAN ID="b_dsc20" STYLE="position:absolute; left:0; top:0; visibility:hidden">0</SPAN>
    <SPAN ID="b_dsc21" STYLE="position:absolute; left:0; top:0; visibility:hidden">1</SPAN>
    <SPAN ID="b_dsc22" STYLE="position:absolute; left:0; top:0; visibility:hidden">2</SPAN>
    <SPAN ID="b_dsc23" STYLE="position:absolute; left:0; top:0; visibility:hidden">3</SPAN>
    <SPAN ID="b_dsc24" STYLE="position:absolute; left:0; top:0; visibility:hidden">4</SPAN>
    <SPAN ID="b_dsc25" STYLE="position:absolute; left:0; top:0; visibility:hidden">5</SPAN>
    <SPAN ID="b_dsc26" STYLE="position:absolute; left:0; top:0; visibility:hidden">6</SPAN>
    <SPAN ID="b_dsc27" STYLE="position:absolute; left:0; top:0; visibility:hidden">7</SPAN>
    <SPAN ID="b_dsc28" STYLE="position:absolute; left:0; top:0; visibility:hidden">8</SPAN>
    <SPAN ID="b_dsc29" STYLE="position:absolute; left:0; top:0; visibility:hidden">9</SPAN>
    </SPAN>
    <SPAN STYLE="visibility:hidden">.</SPAN><!--dummy-->
    </FONT></TD>
    <TD WIDTH=40 ALIGN=RIGHT><FONT COLOR="#FFFFFF" SIZE="+1">●</FONT></TD>
    <TD WIDTH=40 ALIGN=LEFT><FONT COLOR="#FFFF33" SIZE="+1">
    <SPAN STYLE="position:relative">
    <SPAN ID="w_dsc10" STYLE="position:absolute; left:0; top:0; visibility:hidden">0</SPAN>
    <SPAN ID="w_dsc11" STYLE="position:absolute; left:0; top:0; visibility:hidden">1</SPAN>
    <SPAN ID="w_dsc12" STYLE="position:absolute; left:0; top:0; visibility:visible">2</SPAN>
    <SPAN ID="w_dsc13" STYLE="position:absolute; left:0; top:0; visibility:hidden">3</SPAN>
    <SPAN ID="w_dsc14" STYLE="position:absolute; left:0; top:0; visibility:hidden">4</SPAN>
    <SPAN ID="w_dsc15" STYLE="position:absolute; left:0; top:0; visibility:hidden">5</SPAN>
    <SPAN ID="w_dsc16" STYLE="position:absolute; left:0; top:0; visibility:hidden">6</SPAN>
    <SPAN ID="w_dsc17" STYLE="position:absolute; left:0; top:0; visibility:hidden">7</SPAN>
    <SPAN ID="w_dsc18" STYLE="position:absolute; left:0; top:0; visibility:hidden">8</SPAN>
    <SPAN ID="w_dsc19" STYLE="position:absolute; left:0; top:0; visibility:hidden">9</SPAN>
    </SPAN>
    <SPAN STYLE="position:relative">
    <SPAN ID="w_dsc20" STYLE="position:absolute; left:0; top:0; visibility:hidden">0</SPAN>
    <SPAN ID="w_dsc21" STYLE="position:absolute; left:0; top:0; visibility:hidden">1</SPAN>
    <SPAN ID="w_dsc22" STYLE="position:absolute; left:0; top:0; visibility:hidden">2</SPAN>
    <SPAN ID="w_dsc23" STYLE="position:absolute; left:0; top:0; visibility:hidden">3</SPAN>
    <SPAN ID="w_dsc24" STYLE="position:absolute; left:0; top:0; visibility:hidden">4</SPAN>
    <SPAN ID="w_dsc25" STYLE="position:absolute; left:0; top:0; visibility:hidden">5</SPAN>
    <SPAN ID="w_dsc26" STYLE="position:absolute; left:0; top:0; visibility:hidden">6</SPAN>
    <SPAN ID="w_dsc27" STYLE="position:absolute; left:0; top:0; visibility:hidden">7</SPAN>
    <SPAN ID="w_dsc28" STYLE="position:absolute; left:0; top:0; visibility:hidden">8</SPAN>
    <SPAN ID="w_dsc29" STYLE="position:absolute; left:0; top:0; visibility:hidden">9</SPAN>
    </SPAN>
    <SPAN STYLE="visibility:hidden">.</SPAN><!--dummy-->
    </FONT></TD>
    <TD><BR></TD></TR>
</TABLE>

</CENTER>

<SCRIPT LANGUAGE="JavaScript1.2" TYPE="text/javascript">
<!--

function clicked(x, y) {
  if(in_clicked)
    return;

  if(squares[x][y])  // すでに石がある
    return;

  if(!place(x, y, turn))  // 置けない
    return;

  in_clicked = true;

  document.getElementById("msg1").style.visibility = "hidden";
  document.getElementById("trn3").style.color = (turn == 1) ? "#000000" : "#FFFFFF";
  var i;
  for(i = 0; i < 8; i++) {
    document.getElementById("pos_x" + String(i)).style.visibility = "hidden";
    document.getElementById("pos_y" + String(i)).style.visibility = "hidden";
  }
  document.getElementById("pos_x" + String(x)).style.visibility = "visible";
  document.getElementById("pos_y" + String(y)).style.visibility = "visible";
  document.getElementById("msg3").style.visibility = "visible";
  squares[x][y] = turn;
  document.images["square" + String(x) + String(y)].src = (turn == 1) ? img_b.src : img_w.src;
  discs_sum++;
  if(turn == 1) {  // 黒の手番
    b_discs++;
    put_discs("b_dsc", b_discs);
  }
  else {
    put_discs("w_dsc", discs_sum - b_discs);
  }
  g_x = x;
  g_y = y;
  g_dx = -2;
  g_dy = 1;
  g_cnt = 0;
  setTimeout("clicked2()", 500);
}

function clicked2() {
  // 相手の石を返す
  if(g_cnt) {
    g_x2 += g_dx;
    g_y2 += g_dy;
    squares[g_x2][g_y2] = turn;
    document.images["square" + String(g_x2) + String(g_y2)].src = (turn == 1) ? img_b.src : img_w.src;
    if(turn == 1)  // 黒の手番
      b_discs++;
    else
      b_discs--;
    put_discs("b_dsc", b_discs);
    put_discs("w_dsc", discs_sum - b_discs);
    g_cnt--;
    setTimeout("clicked2()", 100);
  }
  else {
    for(; ; ) {
      if(++g_dy < 2) {
        if(!g_dx && !g_dy)
          continue;
        g_x2 = g_x + g_dx;
        g_y2 = g_y + g_dy;
        if(g_x2 < 0 || g_x2 > 7 || g_y2 < 0 || g_y2 > 7)
          continue;
        if(squares[g_x2][g_y2] != 3 - turn)  // 空き or 自分の石
          continue;
        for(g_cnt = 1; ; g_cnt++) {
          g_x2 += g_dx;
          g_y2 += g_dy;
          if(g_x2 < 0 || g_x2 > 7 || g_y2 < 0 || g_y2 > 7)
            break;
          if(!squares[g_x2][g_y2])  // 空き
            break;
          if(squares[g_x2][g_y2] == turn) {  // 自分の石
            // 挟んだ
            g_x2 = g_x;
            g_y2 = g_y;
            clicked2();
            return;
          }
        }
        continue;
      }
      else {
        if(++g_dx < 2) {
          g_dy = -2;
          continue;
        }

        document.getElementById("msg3").style.visibility = "hidden";
        // 相手の番?
        // 置けるところがあるか?
        var f = 0;
        var x2, y2;
        for(x2 = 0; x2 < 8; x2++) {
          for(y2 = 0; y2 < 8; y2++) {
            if(!squares[x2][y2]) {  // 空き
              if(place(x2, y2, 3 - turn)) {  // 置ける
                turn = 3 - turn;  // 相手の番
                document.getElementById("trn1").style.color = (turn == 1) ? "#000000" : "#FFFFFF";
                document.getElementById("msg1").style.visibility = "visible";

                in_clicked = false;
                return;
              }
              if(place(x2, y2, turn))  // 自分は置ける
                f = 1;
            }
          }
        }
        if(f) {  // 自分は置ける
          // 相手はパス
          document.getElementById("trn2").style.color = (turn == 1) ? "#FFFFFF" : "#000000";
          g_cnt = 6;
          pass();

          in_clicked = false;
          return;
        }

        // 終了
        if(b_discs * 2 == discs_sum) {  // 引き分け
          document.getElementById("msg4").style.visibility = "visible";
        }
        else {
          document.getElementById("trn5").style.color = (b_discs > discs_sum - b_discs) ? "#000000" : "#FFFFFF";
          document.getElementById("msg5").style.visibility = "visible";
        }

        in_clicked = false;
        return;
      }
    }
  }
}

// パス
function pass() {
  if(g_cnt) {
    if(--g_cnt & 0x1) {
      document.getElementById("msg2").style.visibility = "visible";
      setTimeout("pass()", 300);
    }
    else {
      document.getElementById("msg2").style.visibility = "hidden";
      setTimeout("pass()", 200);
    }
    return;
  }
  document.getElementById("trn1").style.color = (turn == 1) ? "#000000" : "#FFFFFF";
  document.getElementById("msg1").style.visibility = "visible";
}

// 置ける?
function place(x, y, side) {
  // 回りのマスを調べる
  var dx, dy;
  for(dx = -1; dx < 2; dx++) {
    for(dy = -1; dy < 2; dy++) {
      if(dx || dy) {
        var x2 = x + dx;
        var y2 = y + dy;
        if(x2 < 0 || x2 > 7 || y2 < 0 || y2 > 7)
          continue;
        if(squares[x2][y2] != 3 - side)  // 空き or 自分の石
          continue;
        for(; ; ) {
          x2 += dx;
          y2 += dy;
          if(x2 < 0 || x2 > 7 || y2 < 0 || y2 > 7)
            break;
          if(!squares[x2][y2])  // 空き
            break;
          if(squares[x2][y2] == side)  // 自分の石
            return 1;  // 置ける
        }
      }
    }
  }
  return 0;
}

function put_discs(id, discs) {
  var i;
  for(i = 0; i <= 9; i++) {
    document.getElementById(id + "1" + String(i)).style.visibility = "hidden";
    document.getElementById(id + "2" + String(i)).style.visibility = "hidden";
  }
  var str = String(discs);
  if(discs > 9) {
    document.getElementById(id + "1" + str.charAt(0)).style.visibility = "visible";
    document.getElementById(id + "2" + str.charAt(1)).style.visibility = "visible";
  }
  else {
    document.getElementById(id + "1" + str).style.visibility = "visible";
  }
}

  squares = new Array();
  squares.length = 8;
  for(x = 0; x < 8; x++)
    squares[x] = [0, 0, 0, 0, 0, 0, 0, 0];
  squares[4][3] = squares[3][4] = 1;  // 黒
  squares[3][3] = squares[4][4] = 2;  // 白
  b_discs = 2;
  discs_sum = 4;
  img_b = new Image(37, 37);
  img_b.src = "images/disc_b.gif";
  img_w = new Image(37, 37);
  img_w.src = "images/disc_w.gif";
  turn = 1;  // 黒の番

  in_clicked = false;

//-->
</SCRIPT>

</BODY>

</HTML>