-
Notifications
You must be signed in to change notification settings - Fork 16
/
index.html
494 lines (459 loc) · 52.6 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<title>The Shodo | Revived</title>
<meta name="description" content="This site displays Japanese traditional culture "Shodo". This site design is based on HTML5, SVG, and Web Font.">
<meta name="keywords" content="Shodo,HTML5,書道,experience">
<!-- <link rel="stylesheet" href="res/css/bundle.css">-->
<!-- <script src="res/js/bundle.js"></script>-->
<link rel="stylesheet" href="res/css/base.css">
<link rel="stylesheet" href="res/css/index.css">
<script src="res/js/jquery-1.7.min.js"></script>
<script src="res/js/TheShodo.js"></script>
<script src="res/js/TheShodo.FloatingPanel.js"></script>
<script src="res/js/TheShodo.Shodo.Core.js"></script>
<script src="res/js/TheShodo.Shodo.Player.js"></script>
<script src="res/js/TheShodo.Shodo.Resources.js"></script>
<script src="res/js/TheShodo.Shodo.Write.js"></script>
<script src="res/js/kazari.js"></script>
<script src="res/js/floatingPanels.js"></script>
<script>
TheShodo.baseUrl =
TheShodo.storageBaseUrl =
TheShodo.sharedBaseUrl = '/shodo';
</script>
<link rel="icon" href="favicon.ico" />
</head>
<body class="write">
<header class="site-title">
<h1 class="title"><img src="res/img/logo_side_01.png" width="60" height="224" alt="The Shodo"></h1>
</header>
<article class="content">
<div class="write-stage">
<div class="write-container">
<div class="write-container-wrap">
<div id="write-paper">
<img id="write-shitajiki" src="res/img/shitajiki.png">
<div id="write-hanshi">
<div id="copybook-layer">
<!-- Include: shared/img/write/copybook/copybook_all.svg -->
<svg version="1.1" id="copybook" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="342.875px" height="334.375px" viewBox="0.109 0 342.875 334.375" enable-background="new 0.109 0 342.875 334.375" xml:space="preserve">
<g id="sho">
<path opacity="0.25" fill="#B7282E" d="M154.559,9.431c1.724-1.725,6.492-1.725,14.282,0
c5.194,1.745,9.941,4.341,14.283,7.79c2.597,1.745,4.747,3.896,6.492,6.492c-0.873,10.387-1.745,19.476-2.597,27.267
c13.836-1.725,27.692-3.895,41.549-6.492c3.448-2.597,6.046-3.449,7.79-2.597c11.239,4.342,20.328,9.535,27.267,15.581
c1.725,2.597,1.299,4.768-1.298,6.492c-2.598,1.745-4.768,3.896-6.492,6.492l-7.791,12.984c12.984-0.852,23.798-1.724,32.461-2.597
c5.193-4.321,8.642-6.492,10.387-6.492c13.836,1.745,23.798,5.64,29.863,11.686c5.193,6.066,4.747,11.259-1.298,15.581
c-11.26,0-24.67-0.852-40.251-2.597c-12.984,0-25.968,0-38.952,0l-11.686,23.372c3.448,0.872,5.619,3.043,6.492,6.492
c0,6.066-3.47,9.089-10.388,9.089c-3.469,0-9.089,0-16.879,0c-7.791,0-16.453,0.446-25.969,1.298l-1.298,19.476
c5.193,0,14.282-1.298,27.267-3.895c4.321-3.449,6.918-5.62,7.79-6.492c12.984-0.852,22.073,2.597,27.267,10.387
c1.725,4.342,0,7.365-5.193,9.089c-5.194,0-12.132,0.446-20.774,1.298c-7.791,0-19.923,0.873-36.355,2.597l-1.299,20.774
c24.224-2.597,41.976-4.747,53.234-6.491c6.919-0.853,12.112-2.15,15.581-3.896c2.597-2.597,4.321-3.896,5.194-3.896
c14.708,3.47,23.797,7.364,27.267,11.686c6.045,6.066,5.193,10.834-2.598,14.283c-4.341,0.872-9.961,0.446-16.879-1.299
c-6.066-0.852-12.558-1.299-19.477-1.299c-45.018,0.873-86.141,5.194-123.348,12.984c-20.774,4.342-33.333,7.364-37.654,9.089
c-11.26-3.449-18.178-6.046-20.774-7.79c-2.597-1.725-0.873-3.449,5.193-5.194c12.984-1.724,28.565-3.895,46.743-6.491
c18.178-3.449,34.611-6.492,49.339-9.089l1.299-19.477c-15.581,1.745-31.162,3.896-46.743,6.492l-14.283-5.193
c-2.597-2.597-0.872-4.748,5.194-6.492c6.045,0,11.239-0.426,15.581-1.299c13.836-1.724,27.267-3.895,40.251-6.491v-20.774
c-19.05,3.469-30.736,5.64-35.057,6.492c-1.745,0-4.342,0.446-7.791,1.298l-12.984-6.492c-1.745-1.725-1.745-3.023,0-3.896
c17.305-2.597,35.909-5.62,55.832-9.089v-24.669c-10.388,1.745-26.841,4.768-49.34,9.089c-19.05,3.469-34.631,6.492-46.743,9.089
c-7.79,1.745-12.558,2.597-14.282,2.597c-2.597,0.873-9.535-2.15-20.774-9.089c-2.597-3.449-0.446-5.194,6.492-5.194
c4.321,0,12.984-0.852,25.968-2.597c31.162-5.193,64.048-10.387,98.679-15.581V66.561c-23.372,4.341-41.549,7.791-54.533,10.387
c-4.342-0.852-9.961-3.449-16.879-7.791c-1.745-2.597-1.298-3.895,1.298-3.895c24.224-3.449,47.595-6.918,70.114-10.388
c0-15.581-0.446-24.669-1.299-27.266c-0.872-2.597-3.043-5.62-6.492-9.089C151.962,15.07,151.962,12.027,154.559,9.431z
M261.028,227.563c4.321,3.469,3.896,6.938-1.299,10.387c-7.79,25.116-15.58,48.914-23.371,71.413
c-1.744,6.918-5.193,11.239-10.387,12.983c-3.47,1.725-6.492,0.427-9.089-3.895c-1.745-1.745-4.768-6.066-9.089-12.984
c-4.342-1.745-8.237-2.171-11.686-1.299c-20.775,3.449-38.953,6.492-54.534,9.089c-2.597,2.598-4.768,4.321-6.492,5.194
c-1.745,2.597-3.896,3.022-6.492,1.298c-5.194-3.469-12.132-18.624-20.774-45.444c-5.194-19.029-9.961-31.588-14.283-37.653
c-0.872-3.449,0.852-4.747,5.194-3.896c7.791,2.597,13.836,3.47,18.178,2.597h10.387c33.758-5.193,67.071-10.813,99.977-16.879
c2.597-1.725,5.193-2.597,7.791-2.597C241.979,215.877,250.641,219.771,261.028,227.563z M123.397,245.74
c0.853,4.342,2.597,11.686,5.194,22.072c23.371-5.193,37.654-8.642,42.848-10.387c4.321-1.725,7.79-3.449,10.387-5.193
c6.918,0,13.41,2.171,19.477,6.491c2.597,3.47,0.426,6.492-6.492,9.089c-22.52,3.47-43.294,6.492-62.324,9.089l7.791,28.565
l3.896-2.597c18.178-4.342,33.759-8.237,46.742-11.686c1.725-0.873,3.896-2.171,6.492-3.896c2.597-0.853,9.089,2.15,19.477,9.089
c1.725-6.938,3.022-12.538,3.895-16.879c3.449-13.837,6.492-28.119,9.089-42.848c0-3.449-1.744-5.62-5.193-6.492
C201.302,231.904,167.543,237.098,123.397,245.74z M216.883,99.021c-8.663,0.873-19.477,2.171-32.461,3.896l-2.597,23.371
c12.112-1.725,21.627-3.023,28.565-3.895L216.883,99.021z M187.02,63.963l-2.598,27.267c13.837-1.724,25.522-3.023,35.058-3.895
l6.492-23.372c0-2.597-1.745-3.895-5.194-3.895L187.02,63.963z"></path>
</g>
<g id="window">
<path opacity="0.25" fill="#B7282E" enable-background="new " d="M80.346,232.297
c0.99,6.6,1.65,12.87,1.65,18.48c0,46.199-32.01,57.42-44.55,57.42c-10.23,0-16.5-6.271-16.5-12.87c0-5.61,4.62-11.88,15.18-15.181
c13.2-3.629,37.29-15.84,39.27-48.182L80.346,232.297z M21.935,140.886c60.721-17.16,83.821-47.85,92.731-82.831h-46.86
c0.66,25.081-14.52,40.59-31.35,40.59c-8.91,0-15.18-4.62-15.18-12.21c0-6.27,5.61-11.88,11.88-14.52
c12.54-4.62,25.41-18.48,25.08-35.64h5.28c1.65,5.28,2.97,9.9,3.63,14.52h91.74v-39.6l41.58,3.63
c-0.659,4.62-3.96,6.93-14.521,8.58v27.39h94.711l16.501-16.5l29.04,28.05c-2.643,2.31-6.271,2.97-12.87,3.3
c-10.563,9.24-29.7,22.11-43.892,28.71l-3.629-2.31c4.948-8.25,11.549-22.77,15.84-33.99h-52.472c-1.649,0.99-3.96,1.65-7.591,1.98
v41.58c0,6.93,0,6.93,10.563,6.93h52.471c11.22,0,12.54-0.99,22.77-19.14h2.972l0.329,17.16c10.229,3.3,11.552,4.29,11.552,8.25
c0,10.23-9.9,14.52-37.62,14.52h-54.78c-29.371,0-33.989-5.61-33.989-28.38v-42.9h-63.36l23.1,4.95
c-1.32,4.29-4.95,5.61-12.87,5.28c-12.54,34.65-44.22,63.69-118.801,78.21L21.935,140.886z M171.756,121.086
c-1.319,2.31-3.63,3.96-7.59,3.96c-1.65,0-3.3-0.33-5.28-0.66c-10.89,16.17-28.05,36.3-45.87,52.8
c38.61-0.33,86.791-0.987,137.281-1.979c-14.852-11.88-31.681-22.44-46.529-29.371l1.318-3.96
c74.911,9.57,98.671,39.271,98.671,56.76c0,7.591-4.62,13.2-11.88,13.2c-2.311,0-5.279-0.66-8.25-2.311
c-5.609-8.58-13.859-17.819-23.761-26.399c-42.899,5.938-103.62,12.539-187.771,21.119c-2.31,3.961-5.61,6.271-9.24,6.931
l-16.83-33.66h54.78c12.54-22.108,25.74-50.16,33.33-71.28L171.756,121.086z M236.768,256.387v33.66
c10.891,3.63,12.209,4.62,12.209,8.58c0,10.23-9.24,15.512-40.59,15.512h-64.021c-31.021,0-36.96-5.281-36.96-29.041v-53.791
l36.96,2.971c-0.66,3.631-2.311,5.279-10.561,6.602V285.1c0,7.262,0.33,7.262,12.54,7.262h62.37c7.262,0,10.23-0.33,12.87-4.291
c2.642-3.959,6.931-15.84,12.211-31.682L236.768,256.387L236.768,256.387z M133.476,204.576
c54.45-0.33,72.271,21.451,72.271,36.301c0,7.59-4.95,13.53-12.21,13.53c-2.311,0-4.95-0.66-7.59-1.98
c-10.23-16.829-33.66-35.31-53.46-43.89L133.476,204.576z M247.656,230.646c58.081,14.851,76.561,42.568,76.561,61.051
c0,10.56-6.27,17.82-14.188,17.82c-3.302,0-7.262-1.32-10.892-4.291c-5.609-25.74-30.359-55.771-54.119-71.609L247.656,230.646z"></path>
</g>
<g id="ki" xlink:title="Benchmark">
<path opacity="0.25" fill="#B7282E" enable-background="new " d="M178.027,1.7
c-9.836-1.92-15.729-1.92-17.688,0c0,6.752,1.957,11.563,5.896,14.453c2.948,1.941,4.424,4.832,4.424,8.672V47.95l-50.124,8.672
v-7.227c0-3.84-2.465-7.229-7.371-10.117c-3.938-2.892-8.847-5.285-14.74-7.228c-8.847-1.919-14.26-2.394-16.218-1.444
c0,7.723,2.441,13.008,7.371,15.897c2.948,1.942,4.423,4.833,4.423,8.672v7.228L45.35,73.965c-2.947,0.971-2.465,2.417,1.475,4.336
c9.813,4.833,16.218,6.752,19.165,5.781c1.958-0.949,4.423-1.92,7.371-2.891c6.863-1.92,14.233-3.84,22.112-5.781l1.475,96.836
c-19.671,2.889-48.165,7.723-85.504,14.449c-5.896,0.975-6.404,2.893-1.476,5.781c8.846,5.78,15.228,8.672,19.165,8.672
c11.794-3.838,31.927-9.619,60.441-17.343c4.906,0,6.38,2.416,4.423,7.228c-13.772,25.066-40.795,55.895-81.083,92.5
c-4.93,4.832-4.93,7.229,0,7.229c43.236-25.047,80.093-56.367,110.566-93.945c0.968-4.811-1.979-10.116-8.846-15.897
c20.639-2.892,35.381-4.336,44.228-4.336l29.483,30.354l67.813,67.932l2.945,1.443c8.848,0,21.123-0.949,36.855-2.896
c11.795-0.945,24.557-2.892,38.329-5.776c2.948-0.949,2.948-2.396,0-4.339c-49.155-13.479-99.767-39.973-151.845-79.489
l-10.318-8.674c28.492-2.892,65.35-4.335,110.563-4.335c4.906,0,7.855-1.92,8.848-5.782c0.969-4.81-1.477-8.672-7.369-11.563
c-19.674-8.672-31.467-10.592-35.383-5.781c-2.947,2.891-5.896,4.833-8.848,5.781l-44.227,4.336l4.422-99.727
c8.846-1.918,21.605-2.891,38.33-2.891c6.863,0,10.318-1.919,10.318-5.781c0.968-2.891-0.99-5.781-5.896-8.672
c-15.731-6.73-25.566-8.672-29.482-5.781c-4.931,3.862-9.354,5.781-13.271,5.781c0-3.839,0.482-8.672,1.476-14.453
c1.958-6.73,0.969-11.066-2.947-13.008C189.822,7.481,182.934,3.641,178.027,1.7L178.027,1.7z M139.698,204.044
c-9.836-1.92-12.784,0.974-8.846,8.672c3.916,3.861,6.38,7.229,7.371,10.115v27.461c-17.69,4.834-34.897,9.17-51.6,13.012
c-2.948,0.972-2.948,2.414,0,4.336c8.847,3.859,14.742,5.777,17.688,5.777c4.906-1.918,16.218-4.81,33.908-8.672v43.358
c-35.383,4.812-69.289,9.621-101.724,14.453c-4.93,0.949-4.424,2.891,1.476,5.781c8.846,3.84,15.71,5.781,20.64,5.781
c51.091-11.563,107.11-17.346,168.063-17.346l39.803,1.444c6.865-0.975,10.806-3.391,11.795-7.229
c0-4.831-1.979-8.174-5.896-10.116c-16.727-9.619-28.013-13.009-33.907-10.115l-11.793,7.229c-16.726,1.94-38.837,3.86-66.34,5.781
c0-13.482,0.48-28.41,1.474-44.81c16.7-1.918,31.442-3.838,44.229-5.776c3.916-0.949,5.896-2.396,5.896-4.337
c0-2.895-1.476-5.284-4.424-7.229c-14.742-7.701-23.587-9.621-26.535-5.783c-5.896,4.834-11.794,7.229-17.69,7.229
c0.972-9.621,1.478-17.817,1.478-24.569l-1.478-2.892C157.388,207.904,149.51,204.044,139.698,204.044L139.698,204.044z
M170.656,60.958v99.726l-54.545,7.229l1.476-28.907c16.698-1.919,30.958-4.336,42.754-7.227c2.944-0.949,4.422-2.395,4.422-4.336
c0-1.92-1.979-3.84-5.896-5.781c-9.836-3.84-15.73-4.336-17.689-1.445c-4.931,3.861-12.782,6.277-23.587,7.227l1.475-23.125
c20.641-1.918,33.907-3.838,39.806-5.781c3.916-0.948,5.896-2.891,5.896-5.78c0-2.889-1.979-4.81-5.896-5.781
c-9.836-2.892-15.73-3.364-17.689-1.444c-1.979,1.941-3.938,3.387-5.896,4.336c-4.931,1.941-10.317,3.387-16.218,4.336l1.477-24.57
C136.242,65.79,152.965,62.899,170.656,60.958L170.656,60.958z"></path>
</g>
<g id="wa" display="none">
<path opacity="0.25" fill="#B7282E" d="M158.883,39.547c1.853,3.727,0,6.059-5.58,6.975
c-15.824,7.455-29.774,13.492-41.85,18.135c9.286,5.58,13.47,12.097,12.555,19.53l-2.79,27.899c9.285,0,17.197-2.311,23.714-6.975
c2.79-2.79,6.038-4.185,9.765-4.185c8.37,0,15.802,1.395,22.32,4.185c6.495,1.875,9.765,5.123,9.765,9.765
c0,3.727-9.765,6.059-29.295,6.975c-18.614,0.938-30.689,2.79-36.269,5.58l-1.395,34.875c13.012,2.79,26.025,4.664,39.059,5.579
c5.58,5.58,9.286,11.16,11.16,16.74c0.915,3.727,1.395,7.454,1.395,11.159c0,3.728-1.875,6.06-5.58,6.976
c-5.58,0-12.555-4.186-20.925-12.556c-7.454-6.495-15.824-13.949-25.109-22.319l-1.395,135.313
c-0.938,16.74-6.975,18.593-18.135,5.58c-2.79-4.664-5.122-9.765-6.975-15.345c-0.938-3.705-1.395-6.975-1.395-9.765
c0-4.643,0.915-10.681,2.79-18.135c0.916-7.433,2.79-34.395,5.58-80.908v-13.95c-29.774,33.479-59.526,62.316-89.278,86.488
c-3.727,1.875-4.665,0.938-2.79-2.79c19.53-22.319,35.332-41.369,47.429-57.193c11.16-17.655,25.109-39.517,41.849-65.563
c-36.269,9.307-56.736,14.887-61.379,16.74c-5.58,1.875-9.765,2.79-12.555,2.79s-7.912-1.395-15.345-4.185
c-0.937-2.79-0.937-4.185,0-4.185l92.068-25.109V77.211c0-5.58-2.332-7.433-6.975-5.58c-17.677,6.517-36.27,11.639-55.799,15.345
c-6.517,0.937-6.517-0.458,0-4.185c13.95-5.58,28.815-13.013,44.639-22.32c21.382-13.012,36.727-24.172,46.034-33.479
c1.853-2.79,1.395-5.58-1.395-8.37c-2.79-4.643-1.875-6.496,2.79-5.58c3.706,0.938,7.891,3.27,12.555,6.975
C153.304,29.324,158.883,35.841,158.883,39.547z M336.046,138.59c1.853,1.875,1.853,3.727,0,5.58
c-5.58,2.79-9.308,7.454-11.16,13.95l-20.925,58.588l5.58,5.58c4.643,6.517,3.248,9.765-4.185,9.765l-26.505-1.395
c-16.739-0.916-35.354,1.395-55.799,6.975c-3.728,0.938-5.58,3.27-5.58,6.975c-1.874,5.58-5.122,6.975-9.765,4.186
c-6.518-3.706-10.702-11.16-12.555-22.32l-13.95-66.958c-0.937-4.643-3.27-8.828-6.975-12.555c-2.791-2.79-2.791-5.58,0-8.37
c3.705-2.79,6.975-2.79,9.765,0c7.433,5.58,12.555,7.912,15.345,6.975l89.278-19.53c7.433-3.706,12.556-5.58,15.345-5.58
L336.046,138.59z M202.128,156.725l1.396,4.185l13.949,62.773h8.37l55.799-9.765l12.555-69.748
c0.916-4.643-2.332-6.038-9.765-4.185L202.128,156.725z"></path>
</g>
<g id="cloud">
<path opacity="0.25" fill="#B7282E" d="M214.702,15.037c6.715,2.884,9.126,5.769,7.211,8.653
c-0.969,3.853-6.265,6.264-15.864,7.211c-10.591,0.969-25.013,2.884-43.265,5.769c5.769,2.884,9.599,6.264,11.538,10.095
c1.915,2.884,2.884,9.622,2.884,20.19c41.328-4.8,76.436-9.6,105.279-14.422c0-1.915,1.442-2.884,4.326-2.884
c5.769,0,13.927,3.854,24.518,11.538c7.684,5.769,12.979,12.979,15.863,21.632c0,2.885-0.495,4.822-1.441,5.769
c-23.075,1.938-38.466,4.822-46.15,8.653c-10.591,4.822-19.717,7.707-27.401,8.653c-0.969-0.947-0.969-1.916,0-2.884
c8.653-8.653,17.307-18.749,25.96-30.286V69.84c0-0.946-2.411-1.442-7.211-1.442c-18.275,0.969-50.003,4.822-95.185,11.537
c-1.938,41.35-3.38,67.309-4.326,77.878c-0.969,10.59-2.884,17.305-5.769,20.19c6.715-1.916,13.926-3.831,21.633-5.769l2.884-2.885
c4.8-1.915,14.422-1.442,28.844,1.442c6.715,1.938,10.096,4.822,10.096,8.653c0,4.822-3.381,7.211-10.096,7.211
c-22.128,0.969-51.445,4.822-87.973,11.537c-4.822,0.969-12.033-0.474-21.633-4.326c-2.884-2.885-2.884-4.8,0-5.77
c4.8,0,9.6-0.473,14.422-1.441l34.612-7.211l-4.327-4.327c-0.969-2.884-1.442-6.715-1.442-11.537V82.819
c-46.15,9.622-75.962,14.918-89.415,15.864l-11.538,1.442c-0.969,22.128-3.853,37.993-8.653,47.592
c-5.769,6.737-11.064,7.707-15.864,2.884c-5.769-8.653-7.707-16.811-5.769-24.517c7.684-11.538,13.926-24.517,18.748-38.939
l-1.442-8.653c-1.938-3.831-0.496-4.8,4.327-2.884l8.653,10.095c17.306-1.916,50.95-7.211,100.953-15.864V53.976
c-0.969-4.8-1.442-8.157-1.442-10.095c-0.969-3.831-5.295-4.8-12.979-2.884c-8.653,2.884-15.864,4.326-21.633,4.326
c-3.853-0.946-9.622-2.884-17.306-5.769c-2.884-2.884-2.411-4.327,1.442-4.327c8.653,0,17.306-0.946,25.959-2.884
c7.684-2.884,26.906-8.653,57.687-17.306l4.327-4.327C191.627,7.826,200.28,9.269,214.702,15.037z M268.063,193.867
c28.844,4.822,42.297,12.033,40.381,21.632c-0.969,1.938-3.38,3.854-7.211,5.77c-53.856,1.938-100.479,5.769-139.891,11.537
c0.946,0.969,1.442,3.38,1.442,7.211c-2.884,12.506-13.476,26.928-31.728,43.266c-4.822,4.822-4.327,5.769,1.442,2.884
c18.252-3.831,48.538-8.653,90.857-14.422c-7.707-10.568-13.476-18.252-17.307-23.074c-2.885-4.8-1.938-6.242,2.885-4.327
c19.221,8.653,34.116,16.36,44.707,23.075c8.653,8.653,14.422,18.275,17.307,28.844c2.884,8.652,1.441,14.895-4.327,18.748
c-5.769,1.915-10.591,0.946-14.422-2.885c-11.537-16.337-19.717-27.401-24.517-33.17l-74.993,23.075
c-14.422,3.831-25.959,7.211-34.612,10.095c-10.591,6.716-17.306,10.096-20.19,10.096c-1.938,3.831-4.822,3.357-8.653-1.442
c-4.822-6.737-7.707-13.476-8.653-20.19c-0.969-3.831,1.442-6.715,7.211-8.653c16.337-8.652,35.559-25.959,57.687-51.918v-2.885
c0-0.946-1.442-1.442-4.327-1.442c-44.234,8.653-71.163,13.949-80.762,15.864c-4.822,0-12.506-1.915-23.075-5.769
c-1.938-1.915-1.938-3.831,0-5.769l40.381-5.769l165.851-28.844l11.537-5.769C262.767,195.805,267.094,193.867,268.063,193.867z
M132.498,120.316c0,5.769-3.38,8.653-10.096,8.653c-14.421-3.831-26.928-8.653-37.497-14.422c-3.853-2.884-3.853-4.8,0-5.769
c12.484-0.946,23.075-1.916,31.728-2.884C125.287,105.895,130.56,110.717,132.498,120.316z M118.076,144.833
c6.715,1.938,11.042,6.738,12.979,14.422c0,6.738-2.884,10.095-8.653,10.095c-11.537-0.946-24.043-7.684-37.497-20.19
c-1.938-2.884-1.938-4.327,0-4.327C98.359,145.802,109.423,145.802,118.076,144.833z M239.219,137.622
c7.685,2.885,11.538,8.653,11.538,17.306c0,4.822-2.885,7.211-8.653,7.211c-13.476-0.946-28.37-8.157-44.708-21.632
c-2.884-2.885-1.938-4.327,2.885-4.327C209.88,137.149,222.859,137.622,239.219,137.622z M230.566,95.799
c7.684,0.969,12.979,5.295,15.863,12.979c0,7.707-3.38,11.538-10.095,11.538c-10.592-1.916-23.075-8.653-37.497-20.191
c-2.884-2.884-2.411-4.326,1.442-4.326C207.964,96.768,218.06,96.768,230.566,95.799z"></path>
</g>
<g id="soku" xlink:title="Speedy">
<path opacity="0.25" fill="#B7282E" enable-background="new " d="M179.324,7.329c-2.947-0.949-7.88,0.497-14.74,4.336
c0,2.891,2.438,5.781,7.369,8.672c3.915,2.891,6.382,7.228,7.371,13.008v30.352c-28.519,5.781-50.124,10.117-64.866,13.009
c-2.945,1.942-0.988,3.862,5.896,5.78c3.916,0.972,7.854,1.943,11.793,2.892c15.71-2.892,31.442-5.78,47.177-8.672l-1.476,30.351
c-15.731,3.862-29.991,6.278-42.752,7.228c-4.933-0.948-9.836-1.919-14.742-2.892c-6.889-0.947-9.836,0.498-8.846,4.336
c1.957,2.892,4.422,6.278,7.368,10.117c0.97,3.862,2.948,11.09,5.896,21.68c1.958,8.672,4.906,14.951,8.847,18.791
c4.905,5.779,9.329,7.722,13.271,5.779c1.958-1.918,3.433-4.336,4.423-7.226c2.948-0.949,8.339-1.92,16.216-2.892
c-20.639,31.795-44.227,58.786-70.762,80.936c-0.99,2.896,0,4.336,2.948,4.336c30.449-17.344,56.984-37.574,79.604-60.699v24.568
c-0.988,9.646-1.979,19.283-2.946,28.904c-0.989,5.779-1.979,12.059-2.947,18.789c0,3.859,2.438,11.088,7.371,21.68
c-29.484-4.811-57.014-10.117-82.56-15.895c-9.836-1.922-23.104-2.896-39.805-2.896c7.854-11.563,14.235-23.125,19.165-34.688
c3.916-6.73-3.455-16.373-22.113-28.906v-4.336c9.813-17.342,17.188-29.379,22.113-36.131c6.863-3.84,7.854-7.229,2.948-10.117
c-3.938-4.811-11.313-9.621-22.113-14.453c-1.98,0.972-3.938,2.416-5.896,4.336c-4.931,4.833-19.672,14.949-44.228,30.352
c-3.938,1.941-3.938,3.389,0,4.336c2.948,0.973,5.896,1.941,8.845,2.891c2.948-2.891,12.762-8.668,29.484-17.343
c1.958-0.947,3.432-0.947,4.422,0c-4.929,24.095-8.36,39.521-10.318,46.25c1.958,2.893,5.896,7.723,11.794,14.453
c1.958,3.859,2.44,8.195,1.477,13.008c0,11.563-0.991,21.68-2.949,30.352c-15.731,1.941-30.475,5.309-44.229,10.117
c-5.896,0.971-7.878,2.416-5.896,4.336c2.948,1.941,7.371,3.861,13.269,5.781l4.425-1.445c10.803-3.84,24.555-6.729,41.275-8.672
c17.689,0,37.821,3.387,60.442,10.117c27.503,6.752,72.72,21.68,135.627,44.805c4.907,0.949,9.33,0.949,13.271,0
c5.896-0.971,13.752-2.891,23.587-5.779c15.711-6.754,31.928-14.93,48.648-24.568c2.946-3.842,1.477-6.258-4.425-7.23
c-23.587,2.895-40.312,4.336-50.123,4.336c-9.836,0-19.672-0.475-29.481-1.441c-29.483-3.842-50.632-7.23-63.394-10.117
c2.947-5.781,4.422-13.008,4.422-21.682v-78.047c23.588,18.314,47.177,32.771,70.766,43.357c5.896,1.941,9.327,0.975,10.316-2.891
c1.958-2.893,0.969-7.229-2.947-13.006c-6.889-10.596-13.27-17.348-19.163-20.234c-18.685-2.891-38.33-6.73-58.972-11.563v-21.681
c6.865-1.92,13.271-3.364,19.165-4.336c4.906,0.972,8.339,2.892,10.319,5.781c1.958,0.971,4.423,1.941,7.371,2.891
c4.905,0,9.328-4.811,13.268-14.453c4.907-10.592,9.33-19.736,13.271-27.461c3.915-2.891,6.861-5.284,8.845-7.227
c1.959-1.92,0.969-4.336-2.947-7.227c-10.825-8.672-18.194-13.482-22.11-14.453c-2.948,0-7.37,1.941-13.271,5.781
c-11.794,2.891-23.104,5.307-33.907,7.227l1.479-30.352c28.493-3.84,48.646-6.729,60.44-8.672c5.896-4.811,5.896-9.621,0-14.453
c-12.784-2.891-22.621-4.336-29.481-4.336c-3.939,0-5.897,0.971-5.897,2.891c-4.929,3.862-13.269,7.227-25.062,10.117
c1.958-20.234,2.945-32.746,2.945-37.578C199.964,16.497,192.086,12.161,179.324,7.329L179.324,7.329z M236.819,104.165
c1.957,1.941,2.948,3.861,2.948,5.781l-10.319,31.797c-1.979-0.948-4.93-1.919-8.846-2.891c-6.887,0.972-14.258,2.891-22.113,5.781
v-31.798C211.251,109.945,224.033,107.056,236.819,104.165L236.819,104.165z M177.85,150.415
c-6.889,0.973-16.724,3.389-29.483,7.227c-3.938-11.563-7.371-22.627-10.319-33.242c16.7-2.891,29.971-5.78,39.807-8.672
L177.85,150.415L177.85,150.415z M26.004,55.025c-3.938,0-4.929,1.941-2.945,5.781c10.803,11.563,25.545,19.76,44.228,24.569
c5.896,0.972,8.338-0.948,7.37-5.78c-0.99-2.892-1.979-5.781-2.948-8.673c-2.945-5.78-5.896-10.591-8.846-14.452
C56.963,55.521,44.663,55.025,26.004,55.025L26.004,55.025z"></path>
</g>
<g id="inori">
<path opacity="0.25" fill="#B7282E" d="M115.917,81.923c7.932,4.42,14.975,8.82,21.151,13.219c1.756,3.532,0.868,6.176-2.644,7.932
c-1.776,0.888-3.099,1.776-3.966,2.644c-10.576,14.996-21.605,29.083-33.049,42.302c4.4,2.644,6.61,5.288,6.61,7.932
c7.932-0.868,14.975-1.756,21.151-2.644c2.644-0.867,5.288-0.434,7.932,1.322c2.644,2.644,5.722,5.288,9.253,7.932
c5.288,4.42,8.366,7.931,9.254,10.576c1.755,5.287,1.322,8.819-1.322,10.575c-0.888,1.776-3.098,2.21-6.609,1.322
c-8.82-2.645-17.64-7.044-26.439-13.22c-4.42-2.644-8.82-5.288-13.219-7.932c-1.776,63.453-3.098,107.077-3.966,130.872
c0,9.687-1.776,14.541-5.288,14.541c-5.288,0-8.82-2.644-10.576-7.932c-3.532-6.176-5.288-10.575-5.288-13.22
c-0.888-3.511-1.776-10.121-2.644-19.829c-0.888-2.644,0.434-6.609,3.966-11.897c2.644-7.043,3.966-18.94,3.966-35.691v-58.166
c-7.932,8.82-19.829,20.284-35.692,34.371c-15.863,12.352-28.648,21.605-38.336,27.761c-4.42,1.776-4.854,0.454-1.322-3.966
c41.414-41.414,71.818-79.75,91.213-115.009c2.644-4.4,1.322-5.288-3.966-2.644L43.21,125.547l-7.932,2.644
c-8.82,0-14.541-2.189-17.185-6.609c-2.644-1.756-2.21-3.512,1.322-5.288l11.897-1.322c14.975-5.288,38.336-14.542,70.063-27.761
c1.756-0.867,3.966-2.189,6.61-3.966C109.741,81.489,112.384,81.055,115.917,81.923z M81.546,22.436
c7.043,1.776,13.653,3.099,19.829,3.966c4.4,2.644,8.799,6.61,13.22,11.897c4.399,5.288,6.155,9.708,5.288,13.219
c-1.776,6.176-5.288,8.82-10.576,7.932C96.087,55.05,81.092,43.586,64.361,25.08c-3.532-4.399-3.098-6.155,1.322-5.288
C72.727,20.68,78.014,21.568,81.546,22.436z M257.364,29.045c5.288,3.532,7.932,7.932,7.932,13.219c0,1.776-1.776,4.42-5.288,7.932
c-21.15,13.219-37.902,22.473-50.233,27.761c-11.464,5.288-23.795,10.576-37.015,15.863c14.087,8.82,20.697,16.751,19.829,23.795
l-1.321,15.863c23.795-4.4,43.624-8.366,59.487-11.897c17.618-3.512,29.516-7.043,35.692-10.576
c4.399-3.511,7.931-5.288,10.575-5.288c5.287,0,11.442,1.322,18.507,3.966c4.399,1.776,7.044,4.42,7.932,7.932
c0,6.176-3.966,9.708-11.897,10.575c-19.396,0-39.658,2.21-60.809,6.61c9.687,4.42,13.652,10.142,11.897,17.185
c-0.889,5.288-1.322,11.897-1.322,19.829v29.083c-0.889,15.863-1.322,31.727-1.322,47.589c0,29.083-1.321,51.102-3.966,66.098
c-0.888,2.644-2.21,4.833-3.966,6.609c-2.644,3.512-5.742,3.077-9.253-1.322c-3.532-5.287-5.288-13.219-5.288-23.795V162.561
c0-7.932-0.454-13.653-1.322-17.185c-1.776-3.512-3.966-6.155-6.609-7.932c-12.352,2.644-25.117,5.288-38.336,7.932
c-9.708,63.453-32.615,110.608-68.741,141.447c-4.42,3.511-5.288,2.21-2.644-3.966c18.507-26.439,30.838-51.556,37.014-75.351
c6.155-22.907,9.253-51.556,9.253-85.926c0-7.043-0.888-12.332-2.644-15.863c-1.776-4.4-3.966-8.799-6.61-13.22
c-2.644-2.644-1.776-3.965,2.644-3.965c3.511,0.888,6.155,1.322,7.932,1.322c26.439-14.975,48.458-33.916,66.097-56.843
l-2.644-5.288c-4.421-1.756-6.176-3.966-5.288-6.61c1.756,0,4.399-0.434,7.932-1.322C241.501,20.68,249.433,23.758,257.364,29.045z
"></path>
</g>
<g id="love" display="none">
<path display="inline" opacity="0.25" fill="#B7282E" d="M235.831,58.772c1.745,4.394,0.431,7.885-3.942,10.513l-34.167,30.224
c17.515-2.628,35.912-5.688,55.192-9.199c7.002-2.628,11.375-3.942,13.141-3.942c2.629,0,13.142,7.453,31.538,22.339
c4.374,4.394,3.942,7.022-1.313,7.885c-3.512,0-7.885,0.452-13.141,1.314c-11.396,6.139-23.223,12.278-35.481,18.397
c9.63,7.884,14.455,16.221,14.455,24.968c0,5.256-2.196,7.885-6.57,7.885c-2.628,0.883-8.336-3.061-17.083-11.828
c-7.885-8.747-18.849-18.829-32.853-30.224c-4.394-2.628-3.511-3.942,2.629-3.942c7.884,1.766,17.945,4.825,30.224,9.199
c4.373-2.628,10.944-10.944,19.711-24.968c1.746-4.374,0.863-6.119-2.628-5.256c-63.959,8.767-126.153,18.397-186.601,28.91
c0,9.65-1.766,20.163-5.256,31.539c-2.628,7.022-5.708,10.513-9.199,10.513c-2.628,0.884-4.825-0.862-6.57-5.256
c-3.511-12.259-3.511-20.143,0-23.654c7.001-10.513,10.061-21.457,9.199-32.852c0-3.491,1.314-3.942,3.942-1.314
c2.628,5.256,4.373,8.768,5.256,10.513c2.628,0,6.119,0,10.513,0c16.631-3.49,52.995-10.061,109.07-19.711l21.025-40.737
l1.314-2.628v-3.942c-1.767-7.001-0.452-10.061,3.941-9.199C222.689,45.2,230.574,50.025,235.831,58.772z M139.902,190.183
c7.885,7.884,10.944,13.141,9.199,15.769l-3.942,5.257c4.374,0,10.513-0.862,18.397-2.629c12.258-2.628,21.025-5.256,26.282-7.884
c2.628-1.745,5.256-2.177,7.884-1.314c12.259,5.257,19.26,8.768,21.026,10.513c5.256,1.766,4.373,4.825-2.629,9.199l-35.48,36.794
c28.91,16.652,70.961,32.853,126.153,48.622c5.256,1.745,5.256,3.49,0,5.256l-77.531,6.57l-3.942-1.313l-56.506-48.622
c-19.28,14.024-36.794,24.517-52.563,31.538c-17.535,7.885-30.676,12.689-39.423,14.455c-4.394,0-5.256-1.313-2.628-3.942
c27.145-13.141,52.995-31.086,77.532-53.877c-5.256-4.374-14.907-10.513-28.91-18.397c-14.907,13.141-25.419,21.908-31.538,26.281
c-8.768,6.14-19.28,13.142-31.539,21.025c-2.628,0-3.511-1.313-2.628-3.941c47.307-42.914,70.078-72.275,68.333-88.045
c-2.628-6.118-1.314-8.315,3.942-6.57C132.88,185.809,136.391,187.554,139.902,190.183z M87.338,196.753
c-3.511,1.766-6.139,0.451-7.885-3.942c-3.511-11.375-3.511-19.26,0-23.653c7.885-11.376,13.141-21.026,15.769-28.911
c2.628-3.49,4.374-3.059,5.256,1.314v13.141C99.596,178.355,95.223,192.379,87.338,196.753z M105.736,82.426
c5.256,1.766,9.198,7.022,11.827,15.769c1.745,8.768,0,12.709-5.256,11.827c-4.394-0.862-7.885-2.628-10.513-5.256
c-9.65-9.63-16.652-18.829-21.025-27.596c-2.628-5.256-1.766-6.571,2.628-3.942C94.771,77.622,102.225,80.681,105.736,82.426z
M209.549,31.176c2.628,4.394,0,7.022-7.885,7.885c-30.675,9.65-68.784,18.397-114.326,26.282c-5.256,0-6.139-1.745-2.628-5.256
c45.542-16.631,77.532-30.655,95.929-42.051c1.745-0.862,2.177-3.06,1.314-6.57c0-4.374,1.745-5.688,5.256-3.942
C195.094,11.917,202.526,19.801,209.549,31.176z M135.96,163.9c12.258,5.257,31.538,7.885,57.82,7.885
c5.256,0,7.433-1.745,6.57-5.257c-2.629-5.256-5.257-10.944-7.885-17.083c-1.766-4.374-0.883-5.688,2.628-3.942
c10.513,10.513,17.515,17.083,21.025,19.711c6.119,4.395,12.259,7.885,18.397,10.514c4.374,3.511,4.374,7.021,0,10.513
c-7.022,2.628-18.849,3.942-35.48,3.942c-47.307,0-77.1-14.004-89.358-42.052c-0.883-3.491,0.431-4.805,3.942-3.942
C119.739,153.839,127.192,160.409,135.96,163.9z M135.96,223.034l-7.885,7.885c9.63,5.257,20.574,10.082,32.853,14.455
c8.747-8.747,17.083-19.26,24.968-31.538L135.96,223.034z M159.613,73.228c5.256,5.256,7.885,11.396,7.885,18.397
c0,7.022-2.628,9.65-7.885,7.884c-10.513-5.256-19.711-15.769-27.596-31.538c-2.628-5.256-1.766-7.002,2.628-5.256
C147.787,67.109,156.103,70.599,159.613,73.228z M172.754,150.759c0,0.883-0.451,3.511-1.313,7.885
c-1.766,3.511-3.942,4.394-6.571,2.628c-13.141-7.885-22.339-15.77-27.596-23.654c-1.766-6.119-0.452-8.316,3.942-6.571
c5.256,3.511,9.63,4.825,13.141,3.942l7.885-1.314c6.119-1.745,10.944-2.628,14.455-2.628
C174.068,138.932,172.754,145.502,172.754,150.759z"></path>
</g>
<g id="bi" xlink:title="Beautiful">
<path opacity="0.25" fill="#B7282E" enable-background="new " d="M210.609,1.467
c-6.887-2.892-9.836-1.445-8.846,4.336c0,4.832,0,9.168,0,13.008c-7.877,16.395-20.154,35.658-36.855,57.813
c-34.414,7.723-58,12.059-70.763,13.008c-9.836,0.971-11.794,2.892-5.896,5.781c3.917,1.942,8.847,3.862,14.742,5.781
c16.698-3.839,33.399-7.701,50.124-11.563c3.915,1.941,5.896,4.832,5.896,8.672v21.679c-17.691,4.833-34.415,8.672-50.124,11.563
c-2.949,0-5.896,0-8.848,0c-6.889,0.971-7.877,2.891-2.946,5.78c3.916,1.942,9.328,3.862,16.216,5.781
c10.804-2.892,26.028-6.255,45.702-10.117v34.688c-34.415,8.672-59.959,14.451-76.66,17.344c-8.846,0.972-10.318,2.892-4.423,5.781
c3.916,1.939,8.846,3.859,14.741,5.779c18.656-4.811,35.382-8.672,50.123-11.563c8.847,2.891,13.269,9.168,13.269,18.787
c-0.99,6.754-2.465,13.506-4.422,20.233c-41.277,7.726-85.021,15.897-131.205,24.569c-1.979,0-4.423,0-7.371,0
c-4.93,0.974-4.93,2.892,0,5.781c5.896,2.892,12.762,5.779,20.64,8.672c6.863-1.92,13.752-3.84,20.642-5.78
c20.639-5.781,51.091-12.037,91.399-18.789c-18.683,35.657-48.646,66.012-89.929,91.055c-2.947,1.92-2.464,2.892,1.477,2.892
c52.081-16.396,91.399-49.142,117.937-98.279c24.559-3.838,43.236-6.254,56.021-7.229c21.604-2.892,53.068-3.361,94.35-1.443
c9.814-3.84,10.809-9.146,2.949-15.898c-7.879-4.811-19.672-9.145-35.381-13.008c-6.891,3.861-14.26,7.229-22.113,10.117
c-31.465,3.861-60.951,8.197-88.453,13.01c4.906-8.674,6.381-14.93,4.422-18.791c-2.945-6.729-12.783-13.008-29.482-18.789
c32.433-7.699,66.339-11.563,101.722-11.563c7.855-2.894,7.855-7.227,0-13.009c-7.879-2.891-16.725-5.283-26.537-7.227
c-2.947,0-7.371,1.942-13.268,5.781c-12.783,2.891-25.568,5.782-38.33,8.672v-34.688c16.699-2.891,31.926-4.811,45.701-5.781
c10.803-0.948,14.232-4.811,10.316-11.563c-7.877-5.781-17.688-9.146-29.482-10.117c-3.939,0-6.402,1.445-7.369,4.334
c-4.934,3.863-11.313,6.279-19.166,7.228V93.965c0-2.892-1.477-5.781-4.422-8.672c26.533-3.84,51.09-6.73,73.711-8.672
c5.895-2.892,5.895-7.229,0-13.009c-8.85-3.839-18.197-6.255-28.016-7.228c-3.938,0-5.895,1.445-5.895,4.336
c-11.793,5.781-25.063,9.645-39.805,11.563c7.854-8.672,17.186-16.372,28.012-23.125c16.701-13.481,26.535-22.153,29.482-26.017
C232.216,12.555,224.361,5.328,210.609,1.467L210.609,1.467z M136.897,28.928c-9.836-2.892-20.639-6.256-32.434-10.117
c-5.896-2.891-6.89-1.445-2.947,4.336c12.762,20.234,25.063,32.293,36.854,36.133c9.813,3.861,13.752,0.497,11.794-10.117
C148.184,41.461,143.763,34.709,136.897,28.928L136.897,28.928z M204.712,261.624c-2.949,0-3.455,0.974-1.479,2.894
c13.752,14.452,28.014,28.432,42.752,41.914c14.742,14.452,25.549,23.6,32.438,27.461c8.846,1.92,13.752-1.941,14.742-11.564
c-2.949-9.643-11.313-21.678-25.064-36.133C243.525,276.575,222.402,268.377,204.712,261.624L204.712,261.624z"></path>
</g>
</svg>
<!-- copybook-layer --></div>
<canvas id="layered-canvas" width="415" height="498"></canvas>
<canvas id="write-canvas" width="415" height="498"></canvas>
<canvas id="hand-canvas" width="415" height="498"></canvas>
<div id="hanshi"><img id="hanshi-image" src="res/img/hanshi.png"></div>
<div id="hand"><div id="hand-image">
<img id="hand-image-large" src="res/img/hand_L.png" width="374" height="563">
<img id="hand-image-medium" src="res/img/hand_M.png" width="407" height="552">
<img id="hand-image-small" src="res/img/hand_S.png" width="401" height="540">
</div></div>
<!-- /write-hanshi --></div>
<img id="write-bunchin" src="res/img/bunchin.png">
<!-- /write-paper --></div>
<div id="write-tools">
<video id="write-tools-movie" width="540" height="640" poster="res/img/steel.png" muted="muted">
<source src="res/media/movie.mp4" type="video/mp4">
</video>
<a id="write-tools-ink"><img id="write-tools-ink-label" class="rollover" src="res/img/btn_suzuri_01.png" alt="硯 - Ink Selection"></a>
<a id="write-tools-stage">
<img id="write-tools-stage-label" class="rollover" src="res/img/btn_fude_01.png" alt="筆 - Brush Selection">
<img id="write-fude-small" src="res/img/fude_L.png"><img id="write-fude-medium" src="res/img/fude_M.png"><img id="write-fude-large" src="res/img/fude_B.png">
<!-- /write-tools-stage --></a>
<a id="hand-visibility-checkbox" class="checked">show hand holding brush</a>
<!-- /write-tools --></div>
<!-- /write-container-wrap --></div>
<!-- /write-container --></div>
<!-- /write-stage --></div>
<menu type="list" id="top-menu">
<li class="menu-clear"><a id="button-clear">Clear</a></li>
<li class="menu-finish"><a id="button-finish">Finish</a></li>
<!-- <li class="menu-paper menu-folding"><a id="button-paper">Paper</a>
<div class="submenu">
<span class="label-paper">Paper</span>
<menu type="list" id="paper-select">
<li class="selected"><a data-paper-name="hanshi" class="none"><img src="res/img/paper_thumb_00.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_01"><img src="res/img/paper_thumb_01.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_02"><img src="res/img/paper_thumb_02.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_03"><img src="res/img/paper_thumb_03.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_04"><img src="res/img/paper_thumb_04.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_05"><img src="res/img/paper_thumb_05.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_06"><img src="res/img/paper_thumb_06.png" width="54" height="54"></a></li>
<li><a data-paper-name="paper_07"><img src="res/img/paper_thumb_07.png" width="54" height="54"></a></li>
</menu>
-->
<!-- /submenu --></div>
<!-- <a class="close-menu">Close</a> -->
<!-- /menu-paper --></li>
<li class="menu-copybook menu-folding"><a id="button-copybook">Model</a>
<menu type="list" id="copybook-select" class="submenu">
<li class="selected"><a class="none"></a></li>
</menu>
<a class="close-menu">Close</a>
<!-- /menu-copybook --></li>
<!-- /top-menu --></menu>
<script type="text/html" id="floating-panel-content-select-brush">
<menu type="list">
<li class="brush-small"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAIAAADYYG7QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA99JREFUeNrsl7lLK1EUxl8W9zXPfSFqREU7ccFCK9fOQhAU0c7W0pSW5j/Qh52dgv9AAmIhLhgUFQv3Bfcl6nPX6PsxB4KImpfESQRziuHcmTv3fnPOd853R/Py8vLrO5n21zezIKCfCOjq6uoLK0Pv3WuPj48PDw9arfb8/Dw0NDQqKirAgG5ublZWVra3t6emplJTUwsKCtLS0vLy8oAIPr1e71dAhGdjY2N+fn5sbGx0dBQQvxUDFkArKyvb29tDQkL8BAi6zM3NDQwMkLK9vb2/ih0eHoaHh09PT+MvLCzk5uaWl5dHRkb6AxA4xsfHV1dXQba0tHR3d6fT6Z6fn51OJ0+jo6Ph+MjIyNbWVnV1dWZmpuqA2Pj29hZYbHl6eioxkyojdxqN5ujoaGJi4vr6OiMjwx+ASE12djYcOjg4eI0GoHBLGLazs/P09ASriouLExIS1AVEGCgrp2LEw9WBJGXikDWpwaKioo6ODl5RsTFCGjJycXHx7lMgUl9UvtFojImJsdlsJycn6kYIQLOzs9CIvd+dAMGhuVGx4+NjkpucnKxihCh16PxJUyBlxA+GwaHExETYrXqE6H7vJstFMoK0ublJT6JVpqSkqAsoLCxMOh7BeJ01fDIlgOBQUlISQwBR/OqqPcxoamqi0F4HBvFCX7kKLFpDTk4OmLKysuLj4z2WAk/t7Oysq6tL4iHGxhUVFREREQAS8W9ra5uZmbm/v/d0cW/OQ9RzYWEh7ZG9GdL6yEtjY2N9fT35ojESm4aGhpKSEpmgutoTBlowkr68vDw5OYmOcodUlpWV7e7uUmUtLS11dXXeqb3Gu8MeykA9U96Li4sIFp2J7pyfn4/GQaDS0tK4uDi/AnpjNECr1Xp5edna2hobGxuAE+MbgzTQCFLTFHxcSvNV53PaIPnyVNtVBPSD/8scDodNMe824PXh4WHxcRj6BOiPYjh2u722ttZTNOvr62azWVawWCzNzc0Gg8En6TCZTC6/t7fXC52hHdTU1LhOur5Kh+RL/M7OzsBzqLu7mzgTbXyiDQlInFkxfr4Y4nAQ4+r6AItiNGu3dPFS7ckU0wg7Is8QyRwaGpL7+CL+YF1bW8PnAxB5HOaTrK9PmQSJzXCE1AbFcEAjDld8+IsvKB2Kfb10sIdsD7X5UHLktvglZV6jccMh1pWKFTMp9vlykIkI9ff3uy/vD0zX09Pz0bP09PSqqiokk4M9/AXN/v7+4OAgQNkPrPzk49Ci5CZQuGNXjJm8xT9aX1+fTGMFHG5CKZ9IbVVMOPufjUfoL+z21ILiGgQUBBQEFGj7J8AAZAnku4cbGAMAAAAASUVORK5CYII=" alt="Small" /></a></li>
<li class="brush-medium"><a><img src="data:image/png;base64,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" alt="Medium" /></a></li>
<li class="brush-large"><a><img src="data:image/png;base64,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" alt="Large" /></a></li>
</menu>
</script>
<script type="text/html" id="floating-panel-content-select-ink">
<div class="selection-group">
<span>Opacity</span>
<menu class="select-opacity" type="list">
<li class="opacity-10"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAiJJREFUeNrsmNtygzAMRIMxufz/r2ZyhaSnbKthQrBlMgkv0UPH4wKr1WWltrrf76slLKwWsi9w1u69LQBcVdXnGBvF2+2m8+ukozO2Quq67tfZ3t4ObFxBvV6veFDXtQLOoWmaecGPHrpdb5fLBWAOIIk0B4A5tG0bY9xsNv5IZIDb3vicpVbRrv6N3+pSz+x2O2cAYjq8p9NJJM7ns3gPOwoM3ehhmfk0E1g8eJ9EAg/wsMoeql1GIvCy7i1bgBnGfMJqKisdemy9Xv91ahI4ZIuZLCqGaVR+q4eB55Dt9ZhQKCpWqXXKhZzjRbBV+YlMJ6MRAthZruPKOB6P+/2e9ku8mAn1drslzUXKIKkh5ofDgZ8zgYmVXxYsvKpt6KrLZ0qmpymHDytCYKNllvViYMVNVeocJ2IsJ6wJx9gh+62i4pKjQtIsmXo3eHiUFhemNCc6ypXj0pEnxVZ9TZVIhjEuI4F0s7+4ZFbeU37n2wlght3Tbn5OJQS6H18TdF05FukxsIL50OK6tLUkIQDRrwzjG6tbG8+6tL1splYPYVADw7ahy+UwErYS2Uh+ddnjE6SZAxsBFUsKRVQwHBhH2v0UZxyav4GMR6QYMHNwAjAOukHM5Qd4TW8ebY/+7pT8ar3VHsiNthS5YvF3kSkSJom2wgtjrfimUEWLfiySpOF3bfj4Wc4HHjfY1NR749/HwlsAeNzfZe9+//nyKfsRYAAwrajner3FVgAAAABJRU5ErkJggg==" width="40" width="40" alt="10%" /></a></li>
<li class="opacity-25"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAvZJREFUeNrsmNluwjAQRZsQoKwFsYnl//+LJ0BiX8vW9NQjrAqa2HGj8tJ5iIyT+M69M55x8MIwfHmG+S9Psn9go30oewKw53mpMPaMWc0DUPT9LxcvlwvAMparswU22oIn4+PxiB/5fD6bzf6ScWCkK+ROp9PhcFiv1+fzuVgsBsHXi7lcrlarZTKZ9IGv1yuM35VNp9PlcokH+JFTxmCz2TDY7XaFQqHVaiFGOsCsKEuDJ7LDmyssUZsrd5lnkp/I0+12RQx3YFYhtJPJBFQSCrr7/V5QxbgLY26FyiQD8E/cMuofxOQUSLiPeuPxeDabgYTyehdItus84NZqteLh15vFJ2CcLDBgIaJLToGqkX7c2dxFdq5vypjE6ZhNHweMXNvtljCTyXpHxex1XJQdXyqVgBTNE1cu3q9UKpAmrkL3sdSEN9M5ATa+LhYL2CO+i9S4TFoh2nw+j1/ijjeZgbvEG9ebzWZUgTOUvXa7TblIVMaJC8CkxXA4hL1jkyBIeA11S+DgZrgLe/IjqpWZNzta2RfFrDIZUMsIOYFn/JjeBsa8Jsll2arRGUfZhPiKTndbPxkwAbNMLu0oHsASeDSPkto3JuqPGynmeUhTOGGM1JCOClNgE2D7U4eUbnjzFlUTqaJe943JQsetVqtGbE8ZjvKKhJkB2I6Mea3RaJCcB2WPSHeBkLLT6XSoPDqfXRjLMaNerxOwR5+Y1C1IPIArk4gkHUJaqvspU9r+XeyZoRkgpi6KcjJBZDIZYDyIORT4lmWhXC6zorjPoKCsqEyAuYV/0r9Lytz78Xe1B4MBS49GI3YLBRwMMpZ5GBNLWgKP4QT+kYmgGg+/VsCswnLAEEVaXr/fB5UB5JjhjAdRZirKJMApnKu/84YQ/GAGHg0AMREA0r1eD2AGcOWuzb73klYl8QAY+rQcj0RwvXdT+4SJ6gfSebhKaP/oMxV+co4knG4fUe4fXoInJzoH2bzf/AdCyAm23t9/B/z/H0gS+xRgAB8OF+BP4WG9AAAAAElFTkSuQmCC" width="40" width="40" alt="25%" /></a></li>
<li class="opacity-50"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA6lJREFUeNrsmFtLalEUhctL3ipNLdMuoEgSJL75A/rZ9gsKIiIoo6AoqLTUvOa1zseesBHN5To7z/Gl+SC7pa4xx5hjzrVs8evra2EeYVuYU/wCqwND9Hq9OQAvGjET4EW1q3m33+8DZrfb+0Y4nU7W+fOHGTimatvpdAaDgc1m46HRaCwvL3u9Xrfb/Q+BQf38/HQ4HBAtlUovLy/FYhFgv9/PW0tLSzs7O2tra7OXGqKwbLVa1Wr1/v7+9vb29fWVz3s8HuABDoVCu7u7lUqF/FKp1NbWFsLMgHGz2by5uWEvKTCQtVqNRVZQ2+VyPT8/X19f1+v1j4+Pt7e3w8PDcDisiT0RGBJ3d3cQTSaTvD48PLB1u90eGEEGkpBUhEAVcsJ66IEYU+EnAkMCK6EedT0/P39/f+92u/A2kcQB8gAMJkCe9fX1YDCICagF5rACDAz7kj50qSIsRe1xT2BvgGF8dXXFJxOJBIuQtgjMXoA9PT2xl3SUcB2xvWlDPEjJmWv4fGNjQ95VtNxEYJ/Pt7q6enl5iebsO05U9jXXgcRlpIsb3EaglpWRiVC0Cl9Gw29bbhhV8iA/bJHP54+Ojk5PT3m2OKtp0/39/Un+HMlGVKUo8KY6JycnFxcXihPFpj4SIL29va15eGAoFKK/KTMPTBsazOKsZjsZyzo3JICxBc2NSDQVTUGZWPlWsymzmvZlVkxFlQ+gMy0XCAR4ZrSRLsYE/ltgldQyoRRyjd8RSJQaY0yZIeNW0L0IkK90sCY2YwdgngGGuuL0dKgL7DRC83IiY0emDaheIyY1hYox34nFYhwSJK4ws3kfwlYuI+TchDRTaBLjKe0UiUSy2Szjd+T7chmSRbOK0lHxeDyTyfCM7BTbCrCQ4JpBK49MfMSQKg6fjGCsrKzwYc4ozIHO5GGxjwUbxai0OYYAQE/mGm9JC5mLZEOKoNLHJKE4JGw6wGEjxGW8QgiuAHMKSRUJ8MRNrFMgMhAxrDNm0729PQp2fHz8+Pi4ubmJ3crlMiOJ3TEwSjAocFPECEpDNj+9Vw/fCzgic7ncwcFBOp0+OzujfvADmGO4UCigLajYEHPpdKBDczjInZKbEIyRnWeICgD3S1jCmLMhGo3q9r3+72N8hKQozFegyOEDXXxEHsIeN6nraoUxIcNBmkccy+EDEjKYLNXXHYvAw3ZDWCAp/MhE1P9dY/H3sdwsBVj/14PFGo8Ec4Nbldzr/ivw7/9A/jL+CDAA0QFFC2qcOmgAAAAASUVORK5CYII=" width="40" width="40" alt="50%" /></a></li>
<li class="opacity-75"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA8BJREFUeNrs2MdLZGsQBfBpc3zqmANmBAURcSPq1p3/qztx5VJ0IW4UBAMGzDlnnR/9QSM9r4PXec/N1OLS9r33O3WqToU29v7+/uM7LOfHN9lf4Iz29PT09vb2DcA5OX8mSHkZn3h5eXl9fS0oKHB9eHjIz8/3JdJ5eXlfAY5lLKe7uzt4sVgM2NnZGbyqqqri4uLCwsL/kDG6Ygvs/Px8b29vY2MD78bGRrxzc3Pr6+s7OzujUc/wzuPjIzWdnJzs7u4uLi6ur68LAK7/xA3vvr4+nh0cHHR3dw8MDJSWln4VWAqQW1tbg1pRUXFzc+PL29vb/f19MQdZVlZWVFTEFZ4Bbm9vR31wcDCI4EvAMjo7O4vK4eHhwsLC0dHRxcXF8/OzW9fX16hDQpd/sN26vLz0SklJCYfcIosowAB2dnZqa2sxmJmZWV1dJTGRf4+bB+ChnvhTSJaXl32Q+J9x40FExkjU1NRsb29vbm6CDHWVVAWBlivSKysrctHb29vR0YFxRGBn4SrIeN/FLUHuo3OJD4A9zD/6ampqonkxS5PvlMBclt25uTmZE+Tf2yQwziWwBePq6kpUtra2iJHyeZAGOGX/47J6FTSqdlyqdHz8zLio1qenpycnJ4UqTXdK13gRGhkZKS8vz2ZZCMkWGLxpe2lpaWpq6vj4OOKQ0B2Hhoay7I4CG2pJb6mrq+OB+k7ldOZuZzw4SwyzGVyVlZWwgUkzpzEmun/1OwNjytI3skENwiZ+XipiV+JS3L6MEmpvhm6VTagl2MNYUrhoYxyGaZRQO4uks185griqq6tDmkN1RAGmFxn6WK/phS3NsPUvtaDdchrpKKHme39/f2traxqwhEENwuarNNOX11NN6wyMRWx4eJi+ZA6PpA4DLKl7AxbhsbGxhoYGEwx8qh0tJ2P0HGTaq5Ok74nWrY+TIMxp/a6np4dbgszvVMMxq5XR6R9XC2c5lCtSIJ6Jo9GtiJsScg0j9UvrLYy2tjbwAaM2bugiZ/qGmAsp56wlbjU3N7uF/ZfWW+aUiYkJ7s/PzwOQQo0CadqBpNbNbDDNcevq6pLgVFX0OWAqpW28jVsw4+PjdjGKUzPCMDo6qldQr6h0xS1VCX0aOOSVRG102idCehkPAFt7W1pahIS2rSse8Fj6bSvbhT5hKkfrLoobVIMPs9PTU8kmpRD59HmNCJw0D1T2/f290WunJ6j/42eqSMo6sLBdR/slEf2nX5g8LNqPqFjk/4F40SDSrag9GzX9MeC//wP5pP0SYADIr0ZT/EnDdQAAAABJRU5ErkJggg==" width="40" width="40" alt="75%" /></a></li>
<li class="opacity-100"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABBBJREFUeNrsmMtLakEcxztq77L3i6Qke4BBRA8KixbRqmjT1mX9Hf0l7ty1DqJdhFgULTPEqOiJUtr7Vpbez3XgIHXPnOPRe9s0i5gZ58z39/3+HjOTkk6ni76jWYq+qf0Ay1sqlXp5efkexhZLYURS5FEtKBYXF1ut1ufnZ4ZlZWXMM6MoSj7ANvnPyWTy8fHx4+MD4Hg8/vDw0NraWltba820fwWcyjQoAnl+fr6/v89fh8PR2Nj4/v5eV1c3PDzc0NBQeKl/ZVosFru6ugoEAltbWxcXF/gYSLAxqL+/v6enJxKJoMHMzIzL5SoMY2B2dnbsdjveTWYajFEbSJCqqqoODg5sNtvl5SWLE4nE4uJiU1NTvsDE1Pr6OttBC7rhcPjo6AgLEBmv0ykpKQEV96MZfVS5vr5miKFYphv8msDwYJfe3t7t7W0swM3ggSpcw0+vr69vb290GDIZCoU2NjY6OjoIAgIQX8ijTxMYrojJ7ru7u1ABEpivAQEz8op59FhbW0OesbExZuBdXl5uBhi5oAhvggu/Et7pTMteI4b8hPtZRgcBurq60Em4QJLrmsBOp5ONCB9QVYU/oaqTdJ6enliGucRjRUVFdXV1ZWWlzMlp7RYMBmdnZxHcYKDiVPCam5sHBgZ8Ph8WSzaXASPg8vKyQWBUVaMJrh6PB5ezg9bmsqAnW6ampvCZEVQWg2fPNNzE8PDwkCjRKlA6tZrvjUvNSnQmzvE05t7e3pIaiP/XvJIxJn9OT0/JYF1IaBFZOJV+S0sLpOvr6/n8/v6eCM2ZMYU6Go3e3d0ZoQs2wmIo6dve3t7W1gZ1kYQ5XwQEDwLEoNSsh+LNzQ0VVNQv8korlW3y9MB8djEY1TRYohAfQho70FyraMsYY+/Q0ND4+HhpaakuHg0TCSVs5ZDGx2Az1GJskTMeGRnxer1ut/triQaGBWr9+pOaFktNTQ0H8/T0NPFB1WSNGcY0zB8dHaX2fvoeDSBEAJNv6l2FPjGFrcxjB7wlbtK/MoKBbtlbAIDzuru7Ozs7xd1PaABdAoo+i6khXBbMX/bEMQVjovTs7IxTkt2pEqI8MTw5OeF4wJFow5WIGwilA5t0y44+MIVwfn6earCysnJ8fDwxMcE9i/wGAyRQNzc3STlExj6igSPZSLGzGTlzuMUtLS0R5H6/f2FhAUKrq6u4EDEmJyeZ59gGta+vD7PQowD3arUyoDB4nHfsjh3wQ22IEgFzc3PkLjOID7wIt3xfEtmN3bkBojB4e3t7DDkGoIv7cTDzaGD8gaOYeJiToNwpASbcwBscHFTPH/l1J2epv3qdtCFnOI7gmm268QeVyacfjgSD2zXA5l5viun/gZBInPPiLfNfgX/+B5Jj+y3AAIu3sCkC5FAXAAAAAElFTkSuQmCC" width="40" width="40" alt="100%" /></a></li>
</menu>
</div>
<div class="selection-group">
<span>Color</span>
<menu class="select-color" type="list">
<li class="color-000000" data-color="000000"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAABhJREFUeNpiYBgFo2AUjIJRMApoBwACDAAGaAABg+4RpgAAAABJRU5ErkJggg==" width="40" width="40" alt="Black" /></a></li>
<li class="color-597ab6" data-color="597ab6"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFWXq2AAAABZ0J2AAAABhJREFUeNpiYBgFo2AUjIJRMApoBwACDAAGaAABg+4RpgAAAABJRU5ErkJggg==" width="40" width="40" alt="Blue" /></a></li>
<li class="color-56bc53" data-color="56bc53"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFVrxTAAAAcz8XfAAAABhJREFUeNpiYBgFo2AUjIJRMApoBwACDAAGaAABg+4RpgAAAABJRU5ErkJggg==" width="40" width="40" alt="Green" /></a></li>
<li class="color-b6b615" data-color="b6b615"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFtrYVAAAAkbQTvgAAABhJREFUeNpiYBgFo2AUjIJRMApoBwACDAAGaAABg+4RpgAAAABJRU5ErkJggg==" width="40" width="40" alt="Yellow" /></a></li>
<li class="color-e3632c" data-color="e3632c"><a><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF42MsAAAAAcHN+AAAABhJREFUeNpiYBgFo2AUjIJRMApoBwACDAAGaAABg+4RpgAAAABJRU5ErkJggg==" width="40" width="40" alt="Red" /></a></li>
</menu>
</div>
</script>
<script type="text/html" id="floating-panel-content-select-paper">
<menu type="list">
<li class="paper-hanshi" data-paper-name="hanshi"><a><img src="res/img/hanshi.png" width="64" height="64" alt="hanshi (default)" /></a></li>
<li class="paper-paper_01" data-paper-name="paper_01"><a><img src="res/img/paper_01.png" width="64" height="64" alt="hanshi_01" /></a></li>
<li class="paper-paper_02" data-paper-name="paper_02"><a><img src="res/img/paper_02.png" width="64" height="64" alt="paper_02" /></a></li>
<li class="paper-paper_03" data-paper-name="paper_03"><a><img src="res/img/paper_03.png" width="64" height="64" alt="paper_03" /></a></li>
<li class="paper-paper_04" data-paper-name="paper_04"><a><img src="res/img/paper_04.png" width="64" height="64" alt="paper_04" /></a></li>
<li class="paper-paper_05" data-paper-name="paper_05"><a><img src="res/img/paper_05.png" width="64" height="64" alt="paper_05" /></a></li>
<li class="paper-paper_06" data-paper-name="paper_06"><a><img src="res/img/paper_06.png" width="64" height="64" alt="paper_06" /></a></li>
<li class="paper-paper_07" data-paper-name="paper_07"><a><img src="res/img/paper_07.png" width="64" height="64" alt="paper_06" /></a></li>
</menu>
</script>
<script type="text/html" id="floating-panel-content-finish">
<div class="finish-form">
<form action="/Write/Commit" method="post"><div class="panel-left">
<div class="preview-wrap">
<img class="preview" width="330" height="396" />
<span class="tenkoku" />
</div>
<!-- /panel-left --></div>
<div class="panel-right">
<div>
<label>Your seal-signature ( upto 10 characters )<br />
<input class="tenkoku-input" name="Tenkoku" type="text" value="" maxlength="10" placeholder="JOHN SMITH" autofocus="autofocus" /><br />
<small>only letters (a-z), numbers (0-9), and Hyphen (-)</small>
</label>
</div>
<!-- <div>
<label><span>Comment ( upto 100 characters )</span><span class="comment-characters-limit">100</span>
<textarea name="Comment" rows="3"></textarea>
</label>
</div> -->
<!-- /panel-right --></div>
<div style="display:none">
<input id="Data" name="Data" type="hidden" value="" />
<input id="StrokeHistory" name="StrokeHistory" type="hidden" value="" />
</div>
</form><!-- finish-form --></div>
</script>
<script type="text/html" id="floating-panel-content-loading">
<div>
<img src="res/img/loading_L.gif" alt="Loading..." width="68" height="68" />
</div>
</script>
</article>
<!-- floating panel -->
<div class="floating-mask" style="display: none;">
<div class="floating-panel">
<h1 class="floating-panel-title"></h1>
<div class="floating-panel-close"><a href="#">Close</a></div>
<div class="floating-panel-body">
<div class="floating-panel-body-content"></div>
<div class="floating-panel-buttons" style="display: block;">
</div>
</div>
</div>
</div>
<!-- /floating panel -->
<iframe src="res/media/silence.mp3" allow="autoplay" id="audio" style="display:none"></iframe>
<audio class="bgm" loop>
<source src="res/media/bgm_01.ogg" type="audio/ogg">
</audio>
</body></html>