<!DOCTYPE HTML>
<HTML LANG="ja">
<HEAD>
<META CHARSET="Shift_JIS">
<TITLE>スタイルシート ハングマン</TITLE>
<STYLE TYPE="text/css">
<!--
@keyframes rnd-q {
from {
--rnd-q:0;
}
to {
--rnd-q:99;
}
}
@property --rnd-q {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --sel-q {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
@property --draw1 {
syntax:'<angle>';
inherits:true;
initial-value:0deg;
}
@property --draw2 {
syntax:'<length>';
inherits:true;
initial-value:0px;
}
@property --draw3 {
syntax:'<length>';
inherits:true;
initial-value:0px;
}
@property --draw4 {
syntax:'<length>';
inherits:true;
initial-value:0px;
}
@property --draw5 {
syntax:'<length>';
inherits:true;
initial-value:0px;
}
@property --draw6 {
syntax:'<length>';
inherits:true;
initial-value:0px;
}
@property --lose {
syntax:'<integer>';
inherits:true;
initial-value:0;
}
:root {
--char-avail:#0040FF;
--char-unavail:#80A0FF;
}
body {
background-color:#CCFFFF;
overflow:hidden;
}
#title {
text-align:center;
color:#CC0000;
font-weight:bold;
}
input {
display:none;
}
#base {
position:relative;
width:396px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
padding-bottom:10px;
text-align:center;
line-height:0; /* 文字ボードと[出題]の間のギャップ防止 */
background-color:white;
border-radius:5px;
user-select:none;
animation:rnd-q 5s steps(100, jump-none) infinite paused;
}
#gallows {
position:relative;
left:123px;
width:150px;
height:180px;
background:
linear-gradient(to bottom, black 0 100%) 0 178px / 150px 2px no-repeat,
linear-gradient(to bottom, black 0 100%) 20px 0 / 2px 180px no-repeat,
linear-gradient(to bottom, black 0 100%) 20px 0 / 80px 2px no-repeat,
linear-gradient(to bottom, black 0 100%) 100px 0 / 2px 32px no-repeat,
linear-gradient(135deg, transparent calc(50% - 1.5px),
black calc(50% - 0.5px) calc(50% + 0.5px),
transparent calc(50% + 1.5px))
20px 0 / 24px 24px no-repeat;
}
#questions {
position:relative;
margin-top:20px;
transition:none;
--sel-q:var(--rnd-q);
--g-a:0; --g-b:0; --g-c:0; --g-d:0; --g-e:0; --g-f:0; --g-g:0; --g-h:0; --g-i:0; --g-j:0;
--g-k:0; --g-l:0; --g-m:0; --g-n:0; --g-o:0; --g-p:0; --g-q:0; --g-r:0; --g-s:0; --g-t:0;
--g-u:0; --g-v:0; --g-w:0; --g-x:0; --g-y:0; --g-z:0;
}
.word {
position:absolute;
left:0;
top:0;
width:100%;
background-color:white;
z-index:calc(var(--curr) * 2 - 1);
/* 出題中の問題 */
--w:calc(var(--sel-q) - var(--q));
--curr:calc(1 - min(var(--w) * var(--w), 1));
--w-a:0; --w-b:0; --w-c:0; --w-d:0; --w-e:0; --w-f:0; --w-g:0; --w-h:0; --w-i:0; --w-j:0;
--w-k:0; --w-l:0; --w-m:0; --w-n:0; --w-o:0; --w-p:0; --w-q:0; --w-r:0; --w-s:0; --w-t:0;
--w-u:0; --w-v:0; --w-w:0; --w-x:0; --w-y:0; --w-z:0;
/* 外れの数 */
--n-miss:calc((1 - var(--w-a)) * var(--g-a)
+ (1 - var(--w-b)) * var(--g-b)
+ (1 - var(--w-c)) * var(--g-c)
+ (1 - var(--w-d)) * var(--g-d)
+ (1 - var(--w-e)) * var(--g-e)
+ (1 - var(--w-f)) * var(--g-f)
+ (1 - var(--w-g)) * var(--g-g)
+ (1 - var(--w-h)) * var(--g-h)
+ (1 - var(--w-i)) * var(--g-i)
+ (1 - var(--w-j)) * var(--g-j)
+ (1 - var(--w-k)) * var(--g-k)
+ (1 - var(--w-l)) * var(--g-l)
+ (1 - var(--w-m)) * var(--g-m)
+ (1 - var(--w-n)) * var(--g-n)
+ (1 - var(--w-o)) * var(--g-o)
+ (1 - var(--w-p)) * var(--g-p)
+ (1 - var(--w-q)) * var(--g-q)
+ (1 - var(--w-r)) * var(--g-r)
+ (1 - var(--w-s)) * var(--g-s)
+ (1 - var(--w-t)) * var(--g-t)
+ (1 - var(--w-u)) * var(--g-u)
+ (1 - var(--w-v)) * var(--g-v)
+ (1 - var(--w-w)) * var(--g-w)
+ (1 - var(--w-x)) * var(--g-x)
+ (1 - var(--w-y)) * var(--g-y)
+ (1 - var(--w-z)) * var(--g-z) * var(--curr));
/* 勝ち */
--win:calc(1 - max(var(--w-a) * (1 - var(--g-a)), /* 推測されていない文字あり？ */
var(--w-b) * (1 - var(--g-b)),
var(--w-c) * (1 - var(--g-c)),
var(--w-d) * (1 - var(--g-d)),
var(--w-e) * (1 - var(--g-e)),
var(--w-f) * (1 - var(--g-f)),
var(--w-g) * (1 - var(--g-g)),
var(--w-h) * (1 - var(--g-h)),
var(--w-i) * (1 - var(--g-i)),
var(--w-j) * (1 - var(--g-j)),
var(--w-k) * (1 - var(--g-k)),
var(--w-l) * (1 - var(--g-l)),
var(--w-m) * (1 - var(--g-m)),
var(--w-n) * (1 - var(--g-n)),
var(--w-o) * (1 - var(--g-o)),
var(--w-p) * (1 - var(--g-p)),
var(--w-q) * (1 - var(--g-q)),
var(--w-r) * (1 - var(--g-r)),
var(--w-s) * (1 - var(--g-s)),
var(--w-t) * (1 - var(--g-t)),
var(--w-u) * (1 - var(--g-u)),
var(--w-v) * (1 - var(--g-v)),
var(--w-w) * (1 - var(--g-w)),
var(--w-x) * (1 - var(--g-x)),
var(--w-y) * (1 - var(--g-y)),
var(--w-z) * (1 - var(--g-z))));
/* 負け */
--lose:max(var(--n-miss) - 5, 0);
}
/* 文書フローに領域を確保するため，ひとつだけ相対配置にする */
.word:first-child {
position:relative;
}
/* 絵 */
.word::before {
position:absolute;
left:123px;
top:-200px;
width:150px;
height:180px;
transition:none;
--draw1:calc(min(var(--n-miss), 1) * 360deg);
--draw2:calc(clamp(0, var(--n-miss) - 1, 1) * 50px);
--draw3:calc(clamp(0, var(--n-miss) - 2, 1) * 26px);
--draw4:calc(clamp(0, var(--n-miss) - 3, 1) * 26px);
--draw5:calc(clamp(0, var(--n-miss) - 4, 1) * 26px);
--draw6:calc(max(var(--n-miss) - 5, 0) * 26px);
background:
conic-gradient(transparent var(--draw1), white var(--draw1))
83px 32px / 36px 36px no-repeat,
radial-gradient(circle at 101px 50px, transparent 15.5px, black 16.5px 17.5px, transparent 18.5px),
linear-gradient(to bottom, black 0 100%) 100px 68px / 2px var(--draw2) no-repeat,
linear-gradient(45deg, transparent calc(50% - 1.5px),
black calc(50% - 0.5px) calc(50% + 0.5px),
transparent calc(50% + 1.5px))
76px 62px / var(--draw3) var(--draw3) no-repeat,
linear-gradient(135deg, transparent calc(50% - 1.5px),
black calc(50% - 0.5px) calc(50% + 0.5px),
transparent calc(50% + 1.5px))
calc(126px - var(--draw4)) 62px / var(--draw4) var(--draw4) no-repeat,
linear-gradient(135deg, transparent calc(50% - 1.5px),
black calc(50% - 0.5px) calc(50% + 0.5px),
transparent calc(50% + 1.5px))
calc(102px - var(--draw5)) 116px / var(--draw5) var(--draw5) no-repeat,
linear-gradient(45deg, transparent calc(50% - 1.5px),
black calc(50% - 0.5px) calc(50% + 0.5px),
transparent calc(50% + 1.5px))
100px 116px / var(--draw6) var(--draw6) no-repeat;
content:"";
}
/* [出題] を隠す */
.word::after {
display:block;
position:absolute;
left:0;
top:calc(100% + 99px);
transition:none;
width:calc((1 - (var(--win) + var(--lose))) * 100%);
height:42px;
background-color:white;
content:"";
}
/* 文字 */
.word p {
display:inline-block;
position:relative;
width:30px;
margin:0 6px 0 0;
text-align:center;
font-size:30px;
line-height:1;
background-color:white;
border-bottom:solid 2px black;
}
.word p:last-child {
margin:0;
}
.word p::before {
position:relative;
/* 当たっているとき，または外れが 6回になったら表示する */
transition:none;
z-index:calc(min(var(--hit) + var(--lose), 1) - 1);
/* 当たっているとき黒，まだ当たっていないとき赤 */
color:rgb(calc((1 - var(--hit)) * 255), 0, 0);
}
/* 推測のマウス イベントをブロックする */
.word p:first-child::after {
display:block;
position:absolute;
left:-198px;
top:calc(100% + 15px);
width:calc((var(--win) + var(--lose)) * 594px);
height:84px;
content:"";
}
/* 文字ボード */
#board {
display:inline-block;
position:relative;
margin-top:16px;
line-height:1;
}
.guess-l {
display:inline-block;
width:32px;
height:22px;
text-align:center;
color:white;
font-size:16px;
line-height:22px;
background-color:var(--char-avail);
border-radius:3px;
cursor:pointer;
}
/* [出題] */
#start-l, #reset-l {
display:inline-block;
position:relative;
height:32px;
margin-top:6px;
padding-left:12px;
padding-right:12px;
text-align:center;
color:white;
font-size:14px;
font-weight:bold;
line-height:32px;
background-color:#1010A0;
border-radius:5px;
cursor:pointer;
}
#start:not(:checked) ~ form #base {
animation-play-state:running;
}
#start:not(:checked) ~ form #questions {
transition:--sel-q 0s 10000s;
--sel-q:0;
}
#start:not(:checked) ~ form .word {
--win:1;
}
#start:not(:checked) ~ form .word p {
visibility:hidden;
}
#start:not(:checked) ~ form #board {
pointer-events:none;
}
#start:not(:checked) ~ form #reset-l {
display:none;
}
#start:checked ~ form #start-l {
display:none;
}
.guess:checked ~ #base {
animation-play-state:running;
}
.guess:checked ~ #base #questions {
transition:--sel-q 0s 10000s;
}
.guess:checked ~ #base .word::before {
transition:--draw1 500ms linear,
--draw2 500ms linear,
--draw3 500ms linear,
--draw4 500ms linear,
--draw5 500ms linear,
--draw6 500ms linear;
}
.guess:checked ~ #base .word::after {
transition:--lose 0s 500ms;
}
.guess:checked ~ #base .word p::before {
transition:--lose 0s 500ms;
}
/* 文字表示 */
.A::before {
content:"A";
}
.B::before {
content:"B";
}
.C::before {
content:"C";
}
.D::before {
content:"D";
}
.E::before {
content:"E";
}
.F::before {
content:"F";
}
.G::before {
content:"G";
}
.H::before {
content:"H";
}
.I::before {
content:"I";
}
.J::before {
content:"J";
}
.K::before {
content:"K";
}
.L::before {
content:"L";
}
.M::before {
content:"M";
}
.N::before {
content:"N";
}
.O::before {
content:"O";
}
.P::before {
content:"P";
}
.Q::before {
content:"Q";
}
.R::before {
content:"R";
}
.S::before {
content:"S";
}
.T::before {
content:"T";
}
.U::before {
content:"U";
}
.V::before {
content:"V";
}
.W::before {
content:"W";
}
.X::before {
content:"X";
}
.Y::before {
content:"Y";
}
.Z::before {
content:"Z";
}
/* 使われている文字 */
.word:has(.A) {
--w-a:1;
}
.word:has(.B) {
--w-b:1;
}
.word:has(.C) {
--w-c:1;
}
.word:has(.D) {
--w-d:1;
}
.word:has(.E) {
--w-e:1;
}
.word:has(.F) {
--w-f:1;
}
.word:has(.G) {
--w-g:1;
}
.word:has(.H) {
--w-h:1;
}
.word:has(.I) {
--w-i:1;
}
.word:has(.J) {
--w-j:1;
}
.word:has(.K) {
--w-k:1;
}
.word:has(.L) {
--w-l:1;
}
.word:has(.M) {
--w-m:1;
}
.word:has(.N) {
--w-n:1;
}
.word:has(.O) {
--w-o:1;
}
.word:has(.P) {
--w-p:1;
}
.word:has(.Q) {
--w-q:1;
}
.word:has(.R) {
--w-r:1;
}
.word:has(.S) {
--w-s:1;
}
.word:has(.T) {
--w-t:1;
}
.word:has(.U) {
--w-u:1;
}
.word:has(.V) {
--w-v:1;
}
.word:has(.W) {
--w-w:1;
}
.word:has(.X) {
--w-x:1;
}
.word:has(.Y) {
--w-y:1;
}
.word:has(.Z) {
--w-z:1;
}
/* 推測 */
#gb-a:checked ~ #base #questions {
--g-a:1;
}
#gb-b:checked ~ #base #questions {
--g-b:1;
}
#gb-c:checked ~ #base #questions {
--g-c:1;
}
#gb-d:checked ~ #base #questions {
--g-d:1;
}
#gb-e:checked ~ #base #questions {
--g-e:1;
}
#gb-f:checked ~ #base #questions {
--g-f:1;
}
#gb-g:checked ~ #base #questions {
--g-g:1;
}
#gb-h:checked ~ #base #questions {
--g-h:1;
}
#gb-i:checked ~ #base #questions {
--g-i:1;
}
#gb-j:checked ~ #base #questions {
--g-j:1;
}
#gb-k:checked ~ #base #questions {
--g-k:1;
}
#gb-l:checked ~ #base #questions {
--g-l:1;
}
#gb-m:checked ~ #base #questions {
--g-m:1;
}
#gb-n:checked ~ #base #questions {
--g-n:1;
}
#gb-o:checked ~ #base #questions {
--g-o:1;
}
#gb-p:checked ~ #base #questions {
--g-p:1;
}
#gb-q:checked ~ #base #questions {
--g-q:1;
}
#gb-r:checked ~ #base #questions {
--g-r:1;
}
#gb-s:checked ~ #base #questions {
--g-s:1;
}
#gb-t:checked ~ #base #questions {
--g-t:1;
}
#gb-u:checked ~ #base #questions {
--g-u:1;
}
#gb-v:checked ~ #base #questions {
--g-v:1;
}
#gb-w:checked ~ #base #questions {
--g-w:1;
}
#gb-x:checked ~ #base #questions {
--g-x:1;
}
#gb-y:checked ~ #base #questions {
--g-y:1;
}
#gb-z:checked ~ #base #questions {
--g-z:1;
}
.A {
--hit:var(--g-a);
}
.B {
--hit:var(--g-b);
}
.C {
--hit:var(--g-c);
}
.D {
--hit:var(--g-d);
}
.E {
--hit:var(--g-e);
}
.F {
--hit:var(--g-f);
}
.G {
--hit:var(--g-g);
}
.H {
--hit:var(--g-h);
}
.I {
--hit:var(--g-i);
}
.J {
--hit:var(--g-j);
}
.K {
--hit:var(--g-k);
}
.L {
--hit:var(--g-l);
}
.M {
--hit:var(--g-m);
}
.N {
--hit:var(--g-n);
}
.O {
--hit:var(--g-o);
}
.P {
--hit:var(--g-p);
}
.Q {
--hit:var(--g-q);
}
.R {
--hit:var(--g-r);
}
.S {
--hit:var(--g-s);
}
.T {
--hit:var(--g-t);
}
.U {
--hit:var(--g-u);
}
.V {
--hit:var(--g-v);
}
.W {
--hit:var(--g-w);
}
.X {
--hit:var(--g-x);
}
.Y {
--hit:var(--g-y);
}
.Z {
--hit:var(--g-z);
}
#gb-a:checked ~ #base #gl-a,
#gb-b:checked ~ #base #gl-b,
#gb-c:checked ~ #base #gl-c,
#gb-d:checked ~ #base #gl-d,
#gb-e:checked ~ #base #gl-e,
#gb-f:checked ~ #base #gl-f,
#gb-g:checked ~ #base #gl-g,
#gb-h:checked ~ #base #gl-h,
#gb-i:checked ~ #base #gl-i,
#gb-j:checked ~ #base #gl-j,
#gb-k:checked ~ #base #gl-k,
#gb-l:checked ~ #base #gl-l,
#gb-m:checked ~ #base #gl-m,
#gb-n:checked ~ #base #gl-n,
#gb-o:checked ~ #base #gl-o,
#gb-p:checked ~ #base #gl-p,
#gb-q:checked ~ #base #gl-q,
#gb-r:checked ~ #base #gl-r,
#gb-s:checked ~ #base #gl-s,
#gb-t:checked ~ #base #gl-t,
#gb-u:checked ~ #base #gl-u,
#gb-v:checked ~ #base #gl-v,
#gb-w:checked ~ #base #gl-w,
#gb-x:checked ~ #base #gl-x,
#gb-y:checked ~ #base #gl-y,
#gb-z:checked ~ #base #gl-z {
background-color:var(--char-unavail);
pointer-events:none;
}
-->
</STYLE>
</HEAD>
<BODY>
<BR>
<DIV ID="title">スタイルシート ハングマン</DIV>
<BR>
<INPUT TYPE=RADIO ID="start">
<FORM>
<INPUT TYPE=RADIO ID="gb-a" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-b" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-c" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-d" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-e" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-f" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-g" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-h" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-i" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-j" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-k" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-l" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-m" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-n" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-o" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-p" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-q" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-r" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-s" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-t" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-u" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-v" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-w" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-x" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-y" CLASS="guess">
<INPUT TYPE=RADIO ID="gb-z" CLASS="guess">
<INPUT TYPE=RESET ID="reset">
<DIV ID="base">
<DIV ID="gallows"></DIV>
<DIV ID="questions">
<!-- 単語 -->
<DIV CLASS="word" STYLE="--q: 0"><P CLASS="A"><P CLASS="B"><P CLASS="O"><P CLASS="V"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q: 1"><P CLASS="A"><P CLASS="C"><P CLASS="H"><P CLASS="I"><P CLASS="E"><P CLASS="V"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q: 2"><P CLASS="A"><P CLASS="G"><P CLASS="O"></DIV>
<DIV CLASS="word" STYLE="--q: 3"><P CLASS="A"><P CLASS="L"><P CLASS="L"><P CLASS="O"><P CLASS="W"></DIV>
<DIV CLASS="word" STYLE="--q: 4"><P CLASS="A"><P CLASS="L"><P CLASS="M"><P CLASS="O"><P CLASS="S"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q: 5"><P CLASS="A"><P CLASS="P"><P CLASS="A"><P CLASS="R"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q: 6"><P CLASS="A"><P CLASS="S"><P CLASS="S"><P CLASS="U"><P CLASS="M"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q: 7"><P CLASS="A"><P CLASS="T"><P CLASS="T"><P CLASS="E"><P CLASS="M"><P CLASS="P"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q: 8"><P CLASS="A"><P CLASS="T"><P CLASS="T"><P CLASS="E"><P CLASS="N"><P CLASS="T"><P CLASS="I"><P CLASS="O"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q: 9"><P CLASS="B"><P CLASS="A"><P CLASS="C"><P CLASS="K"></DIV>
<DIV CLASS="word" STYLE="--q:10"><P CLASS="B"><P CLASS="A"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:11"><P CLASS="B"><P CLASS="A"><P CLASS="N"><P CLASS="K"></DIV>
<DIV CLASS="word" STYLE="--q:12"><P CLASS="B"><P CLASS="R"><P CLASS="E"><P CLASS="A"><P CLASS="K"></DIV>
<DIV CLASS="word" STYLE="--q:13"><P CLASS="B"><P CLASS="U"><P CLASS="I"><P CLASS="L"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:14"><P CLASS="B"><P CLASS="U"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:15"><P CLASS="C"><P CLASS="L"><P CLASS="O"><P CLASS="S"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:16"><P CLASS="C"><P CLASS="O"><P CLASS="L"><P CLASS="O"><P CLASS="U"><P CLASS="R"></DIV>
<DIV CLASS="word" STYLE="--q:17"><P CLASS="C"><P CLASS="O"><P CLASS="M"><P CLASS="M"><P CLASS="I"><P CLASS="S"><P CLASS="S"><P CLASS="I"><P CLASS="O"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:18"><P CLASS="C"><P CLASS="O"><P CLASS="M"><P CLASS="M"><P CLASS="U"><P CLASS="N"><P CLASS="I"><P CLASS="T"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:19"><P CLASS="C"><P CLASS="O"><P CLASS="M"><P CLASS="P"><P CLASS="A"><P CLASS="N"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:20"><P CLASS="C"><P CLASS="O"><P CLASS="N"><P CLASS="F"><P CLASS="E"><P CLASS="R"><P CLASS="E"><P CLASS="N"><P CLASS="C"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:21"><P CLASS="C"><P CLASS="O"><P CLASS="N"><P CLASS="T"><P CLASS="I"><P CLASS="N"><P CLASS="U"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:22"><P CLASS="C"><P CLASS="O"><P CLASS="U"><P CLASS="P"><P CLASS="L"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:23"><P CLASS="C"><P CLASS="O"><P CLASS="U"><P CLASS="R"><P CLASS="S"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:24"><P CLASS="D"><P CLASS="E"><P CLASS="C"><P CLASS="I"><P CLASS="D"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:25"><P CLASS="D"><P CLASS="E"><P CLASS="F"><P CLASS="E"><P CLASS="N"><P CLASS="C"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:26"><P CLASS="D"><P CLASS="E"><P CLASS="M"><P CLASS="A"><P CLASS="N"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:27"><P CLASS="D"><P CLASS="I"><P CLASS="R"><P CLASS="E"><P CLASS="C"><P CLASS="T"><P CLASS="I"><P CLASS="O"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:28"><P CLASS="D"><P CLASS="O"><P CLASS="W"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:29"><P CLASS="E"><P CLASS="A"><P CLASS="R"><P CLASS="L"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:30"><P CLASS="E"><P CLASS="A"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:31"><P CLASS="E"><P CLASS="C"><P CLASS="O"><P CLASS="N"><P CLASS="O"><P CLASS="M"><P CLASS="I"><P CLASS="C"></DIV>
<DIV CLASS="word" STYLE="--q:32"><P CLASS="E"><P CLASS="F"><P CLASS="F"><P CLASS="E"><P CLASS="C"><P CLASS="T"><P CLASS="I"><P CLASS="V"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:33"><P CLASS="E"><P CLASS="S"><P CLASS="P"><P CLASS="E"><P CLASS="C"><P CLASS="I"><P CLASS="A"><P CLASS="L"><P CLASS="L"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:34"><P CLASS="E"><P CLASS="V"><P CLASS="E"><P CLASS="N"><P CLASS="I"><P CLASS="N"><P CLASS="G"></DIV>
<DIV CLASS="word" STYLE="--q:35"><P CLASS="E"><P CLASS="X"><P CLASS="P"><P CLASS="R"><P CLASS="E"><P CLASS="S"><P CLASS="S"></DIV>
<DIV CLASS="word" STYLE="--q:36"><P CLASS="F"><P CLASS="A"><P CLASS="C"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:37"><P CLASS="F"><P CLASS="E"><P CLASS="E"><P CLASS="L"><P CLASS="I"><P CLASS="N"><P CLASS="G"></DIV>
<DIV CLASS="word" STYLE="--q:38"><P CLASS="F"><P CLASS="E"><P CLASS="W"></DIV>
<DIV CLASS="word" STYLE="--q:39"><P CLASS="F"><P CLASS="I"><P CLASS="G"><P CLASS="U"><P CLASS="R"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:40"><P CLASS="F"><P CLASS="I"><P CLASS="N"><P CLASS="A"><P CLASS="L"></DIV>
<DIV CLASS="word" STYLE="--q:41"><P CLASS="F"><P CLASS="I"><P CLASS="N"><P CLASS="A"><P CLASS="N"><P CLASS="C"><P CLASS="I"><P CLASS="A"><P CLASS="L"></DIV>
<DIV CLASS="word" STYLE="--q:42"><P CLASS="F"><P CLASS="I"><P CLASS="R"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:43"><P CLASS="F"><P CLASS="O"><P CLASS="R"><P CLASS="E"><P CLASS="I"><P CLASS="G"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:44"><P CLASS="F"><P CLASS="R"><P CLASS="E"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:45"><P CLASS="H"><P CLASS="A"><P CLASS="N"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:46"><P CLASS="H"><P CLASS="E"><P CLASS="A"><P CLASS="R"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:47"><P CLASS="H"><P CLASS="E"><P CLASS="L"><P CLASS="P"></DIV>
<DIV CLASS="word" STYLE="--q:48"><P CLASS="H"><P CLASS="I"><P CLASS="M"><P CLASS="S"><P CLASS="E"><P CLASS="L"><P CLASS="F"></DIV>
<DIV CLASS="word" STYLE="--q:49"><P CLASS="H"><P CLASS="I"><P CLASS="S"><P CLASS="T"><P CLASS="O"><P CLASS="R"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:50"><P CLASS="I"><P CLASS="N"><P CLASS="C"><P CLASS="L"><P CLASS="U"><P CLASS="D"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:51"><P CLASS="I"><P CLASS="N"><P CLASS="D"><P CLASS="I"><P CLASS="C"><P CLASS="A"><P CLASS="T"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:52"><P CLASS="I"><P CLASS="N"><P CLASS="D"><P CLASS="U"><P CLASS="S"><P CLASS="T"><P CLASS="R"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:53"><P CLASS="I"><P CLASS="N"><P CLASS="V"><P CLASS="O"><P CLASS="L"><P CLASS="V"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:54"><P CLASS="L"><P CLASS="E"><P CLASS="A"><P CLASS="S"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:55"><P CLASS="L"><P CLASS="I"><P CLASS="K"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:56"><P CLASS="M"><P CLASS="A"><P CLASS="N"><P CLASS="A"><P CLASS="G"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:57"><P CLASS="M"><P CLASS="A"><P CLASS="N"><P CLASS="A"><P CLASS="G"><P CLASS="E"><P CLASS="R"></DIV>
<DIV CLASS="word" STYLE="--q:58"><P CLASS="N"><P CLASS="E"><P CLASS="A"><P CLASS="R"><P CLASS="L"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:59"><P CLASS="N"><P CLASS="E"><P CLASS="W"><P CLASS="S"></DIV>
<DIV CLASS="word" STYLE="--q:60"><P CLASS="N"><P CLASS="O"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:61"><P CLASS="P"><P CLASS="E"><P CLASS="O"><P CLASS="P"><P CLASS="L"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:62"><P CLASS="P"><P CLASS="L"><P CLASS="A"><P CLASS="C"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:63"><P CLASS="P"><P CLASS="O"><P CLASS="O"><P CLASS="R"></DIV>
<DIV CLASS="word" STYLE="--q:64"><P CLASS="P"><P CLASS="O"><P CLASS="P"><P CLASS="U"><P CLASS="L"><P CLASS="A"><P CLASS="T"><P CLASS="I"><P CLASS="O"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:65"><P CLASS="P"><P CLASS="O"><P CLASS="S"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:66"><P CLASS="P"><P CLASS="R"><P CLASS="E"><P CLASS="P"><P CLASS="A"><P CLASS="R"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:67"><P CLASS="P"><P CLASS="R"><P CLASS="O"><P CLASS="C"><P CLASS="E"><P CLASS="S"><P CLASS="S"></DIV>
<DIV CLASS="word" STYLE="--q:68"><P CLASS="R"><P CLASS="E"><P CLASS="C"><P CLASS="E"><P CLASS="N"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:69"><P CLASS="R"><P CLASS="E"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:70"><P CLASS="R"><P CLASS="E"><P CLASS="F"><P CLASS="U"><P CLASS="S"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:71"><P CLASS="R"><P CLASS="E"><P CLASS="L"><P CLASS="A"><P CLASS="T"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:72"><P CLASS="R"><P CLASS="O"><P CLASS="U"><P CLASS="N"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:73"><P CLASS="R"><P CLASS="U"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:74"><P CLASS="S"><P CLASS="A"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:75"><P CLASS="S"><P CLASS="C"><P CLASS="H"><P CLASS="E"><P CLASS="M"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:76"><P CLASS="S"><P CLASS="C"><P CLASS="H"><P CLASS="O"><P CLASS="O"><P CLASS="L"></DIV>
<DIV CLASS="word" STYLE="--q:77"><P CLASS="S"><P CLASS="E"><P CLASS="L"><P CLASS="L"></DIV>
<DIV CLASS="word" STYLE="--q:78"><P CLASS="S"><P CLASS="E"><P CLASS="N"><P CLASS="S"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:79"><P CLASS="S"><P CLASS="E"><P CLASS="R"><P CLASS="I"><P CLASS="E"><P CLASS="S"></DIV>
<DIV CLASS="word" STYLE="--q:80"><P CLASS="S"><P CLASS="E"><P CLASS="R"><P CLASS="I"><P CLASS="O"><P CLASS="U"><P CLASS="S"></DIV>
<DIV CLASS="word" STYLE="--q:81"><P CLASS="S"><P CLASS="I"><P CLASS="N"><P CLASS="C"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:82"><P CLASS="S"><P CLASS="I"><P CLASS="T"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:83"><P CLASS="S"><P CLASS="O"><P CLASS="M"><P CLASS="E"><P CLASS="O"><P CLASS="N"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:84"><P CLASS="S"><P CLASS="O"><P CLASS="O"><P CLASS="N"></DIV>
<DIV CLASS="word" STYLE="--q:85"><P CLASS="S"><P CLASS="T"><P CLASS="O"><P CLASS="P"></DIV>
<DIV CLASS="word" STYLE="--q:86"><P CLASS="S"><P CLASS="U"><P CLASS="P"><P CLASS="P"><P CLASS="O"><P CLASS="R"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:87"><P CLASS="T"><P CLASS="A"><P CLASS="X"></DIV>
<DIV CLASS="word" STYLE="--q:88"><P CLASS="T"><P CLASS="E"><P CLASS="A"><P CLASS="C"><P CLASS="H"><P CLASS="E"><P CLASS="R"></DIV>
<DIV CLASS="word" STYLE="--q:89"><P CLASS="T"><P CLASS="E"><P CLASS="R"><P CLASS="M"><P CLASS="S"></DIV>
<DIV CLASS="word" STYLE="--q:90"><P CLASS="T"><P CLASS="H"><P CLASS="E"><P CLASS="S"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:91"><P CLASS="T"><P CLASS="O"><P CLASS="T"><P CLASS="A"><P CLASS="L"></DIV>
<DIV CLASS="word" STYLE="--q:92"><P CLASS="U"><P CLASS="N"><P CLASS="D"><P CLASS="E"><P CLASS="R"><P CLASS="S"><P CLASS="T"><P CLASS="A"><P CLASS="N"><P CLASS="D"></DIV>
<DIV CLASS="word" STYLE="--q:93"><P CLASS="U"><P CLASS="S"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:94"><P CLASS="V"><P CLASS="A"><P CLASS="L"><P CLASS="U"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:95"><P CLASS="W"><P CLASS="E"><P CLASS="A"><P CLASS="R"></DIV>
<DIV CLASS="word" STYLE="--q:96"><P CLASS="W"><P CLASS="H"><P CLASS="A"><P CLASS="T"></DIV>
<DIV CLASS="word" STYLE="--q:97"><P CLASS="W"><P CLASS="H"><P CLASS="O"><P CLASS="L"><P CLASS="E"></DIV>
<DIV CLASS="word" STYLE="--q:98"><P CLASS="W"><P CLASS="H"><P CLASS="Y"></DIV>
<DIV CLASS="word" STYLE="--q:99"><P CLASS="Y"><P CLASS="E"><P CLASS="S"><P CLASS="T"><P CLASS="E"><P CLASS="R"><P CLASS="D"><P CLASS="A"><P CLASS="Y"></DIV>
</DIV>
<TABLE BORDER=0 CELLSPACING=4 CELLPADDING=0 ID="board">
<TR>
<TD><LABEL ID="gl-a" CLASS="guess-l" FOR="gb-a">A</LABEL></TD>
<TD><LABEL ID="gl-b" CLASS="guess-l" FOR="gb-b">B</LABEL></TD>
<TD><LABEL ID="gl-c" CLASS="guess-l" FOR="gb-c">C</LABEL></TD>
<TD><LABEL ID="gl-d" CLASS="guess-l" FOR="gb-d">D</LABEL></TD>
<TD><LABEL ID="gl-e" CLASS="guess-l" FOR="gb-e">E</LABEL></TD>
<TD><LABEL ID="gl-f" CLASS="guess-l" FOR="gb-f">F</LABEL></TD>
<TD><LABEL ID="gl-g" CLASS="guess-l" FOR="gb-g">G</LABEL></TD>
<TD><LABEL ID="gl-h" CLASS="guess-l" FOR="gb-h">H</LABEL></TD>
<TD><LABEL ID="gl-i" CLASS="guess-l" FOR="gb-i">I</LABEL></TD>
<TD><LABEL ID="gl-j" CLASS="guess-l" FOR="gb-j">J</LABEL></TD>
</TR>
<TR>
<TD><LABEL ID="gl-k" CLASS="guess-l" FOR="gb-k">K</LABEL></TD>
<TD><LABEL ID="gl-l" CLASS="guess-l" FOR="gb-l">L</LABEL></TD>
<TD><LABEL ID="gl-m" CLASS="guess-l" FOR="gb-m">M</LABEL></TD>
<TD><LABEL ID="gl-n" CLASS="guess-l" FOR="gb-n">N</LABEL></TD>
<TD><LABEL ID="gl-o" CLASS="guess-l" FOR="gb-o">O</LABEL></TD>
<TD><LABEL ID="gl-p" CLASS="guess-l" FOR="gb-p">P</LABEL></TD>
<TD><LABEL ID="gl-q" CLASS="guess-l" FOR="gb-q">Q</LABEL></TD>
<TD><LABEL ID="gl-r" CLASS="guess-l" FOR="gb-r">R</LABEL></TD>
<TD><LABEL ID="gl-s" CLASS="guess-l" FOR="gb-s">S</LABEL></TD>
<TD><LABEL ID="gl-t" CLASS="guess-l" FOR="gb-t">T</LABEL></TD>
</TR>
<TR>
<TD><LABEL ID="gl-u" CLASS="guess-l" FOR="gb-u">U</LABEL></TD>
<TD><LABEL ID="gl-v" CLASS="guess-l" FOR="gb-v">V</LABEL></TD>
<TD><LABEL ID="gl-w" CLASS="guess-l" FOR="gb-w">W</LABEL></TD>
<TD><LABEL ID="gl-x" CLASS="guess-l" FOR="gb-x">X</LABEL></TD>
<TD><LABEL ID="gl-y" CLASS="guess-l" FOR="gb-y">Y</LABEL></TD>
<TD><LABEL ID="gl-z" CLASS="guess-l" FOR="gb-z">Z</LABEL></TD>
<TD COLSPAN=4></TD>
</TR>
</TABLE>
<LABEL ID="start-l" FOR="start">出題</LABEL>
<LABEL ID="reset-l" FOR="reset">出題</LABEL>
</DIV>
</FORM>
</BODY>
</HTML>
|
