Ajax Loader
HTML 
<div id="csscanvas">
1
<div id="csscanvas">
2
  <div id="corebody"><!-- 基準座標 -->
3
    <div id="waist">
4
      <div id="waist_r1"></div>
5
      <div id="waist_r2"></div>
6
      <div id="waist_l2"></div>
7
      <div id="waist_l1"></div>
8
      <div id="bust">
9
        <div id="bust_r"></div>
10
        <div id="bust_l"></div>
11
        <div id="sholder_r">
12
          <div id="upperarm_r">
13
            <div id="lowerarm_r">
14
              <div id="lowerarm_r_r"></div>
15
              <div id="lowerarm_r_l"></div>
16
              <div id="hand_r">
17
                <div id="hand_r_l"></div>
18
              </div>
19
            </div>
20
          </div>
21
        </div>
22
        <div id="scarf_r"></div>
23
 
24
        <div id="sholder_l">
25
          <div id="scarf_l"></div>
26
          <div id="upperarm_l">
27
            <div id="lowerarm_l">
28
              <div id="lowerarm_l_r"></div>
29
              <div id="lowerarm_l_l"></div>
30
              <div id="hand_l">
31
                <div id="hand_l_l"></div>
32
              </div>
33
            </div>
34
          </div>
35
        </div>
36
        <div id="button_r_upper"></div>
37
        <div id="button_l_upper"></div>
38
        <div id="ribbon">
39
          <div id="ribbon_r_upper">
40
            <div id="ribbon_r_upper_1"></div>
41
            <div id="ribbon_r_upper_2"></div>
42
          </div>
43
          <div id="ribbon_r_lower">
44
            <div id="ribbon_r_lower_1"></div>
45
            <div id="ribbon_r_lower_2"></div>
46
          </div>
47
          <div id="ribbon_c"></div>
48
          <div id="ribbon_l_upper">
49
            <div id="ribbon_l_upper_1"></div>
50
            <div id="ribbon_l_upper_2"></div>
51
          </div>
52
          <div id="ribbon_l_lower">
53
            <div id="ribbon_l_lower_1"></div>
54
            <div id="ribbon_l_lower_2"></div>
55
          </div>
56
        </div>
57
        <div id="neck">
58
          <div id="backhair">
59
            <div id="backhair_r_0"></div>
60
            <div id="backhair_r_1"></div>
61
            <div id="backhair_c"></div>
62
            <div id="backhair_l_1"></div>
63
            <div id="backhair_l_0"></div>
64
          </div>
65
          <div id="neck_tohead"></div>
66
          <div id="neckline_upper"></div>
67
          <div id="neckline_lower"></div>
68
          <div id="head">
69
            <div id="hair">
70
              <div id="fronthair">
71
                <div id="fronthair_r0"></div>
72
                <div id="fronthair_r1"></div>
73
                <div id="fronthair_l1"></div>
74
                <div id="fronthair_l0"></div>
75
              </div>
76
            </div>
77
            <div id="eye_r">
78
              <div id="eye_r_outline">
79
                <div id="eye_r_core"></div>
80
                <div id="eye_r_upperwhite"></div>
81
                <div id="eye_r_lowerwhite"></div>
82
              </div>
83
              <div id="eye_r_upperline"></div>
84
            </div>
85
            <div id="eye_l">
86
              <div id="eye_l_outline">
87
                <div id="eye_l_core"></div>
88
                <div id="eye_l_upperwhite"></div>
89
                <div id="eye_l_lowerwhite"></div>
90
              </div>
91
              <div id="eye_l_upperline"></div>
92
            </div>
93
            <div id="brow_r"></div>
94
            <div id="brow_l"></div>
95
            <div id="mouth"></div>
96
 
97
            <div id="sideburns">
98
              <div id="sideburns_r">
99
                <div id="sideburns_r_0">
100
                  <div id="sideburns_r_1">
101
                    <div id="sideburns_r_2">
102
                      <div id="sideburns_r_3">
103
                        <div id="sideburns_r_4">
104
                          <div id="sideburns_r_5">
105
                            <div id="sideburns_r_6"></div>
106
                          </div>
107
                        </div>
108
                      </div>
109
                    </div>
110
                  </div>
111
                </div>
112
              </div>
113
              <div id="sideburns_l">
114
                <div id="sideburns_l_0">
115
                  <div id="sideburns_l_1">
116
                    <div id="sideburns_l_2">
117
                      <div id="sideburns_l_3">
118
                        <div id="sideburns_l_4">
119
                          <div id="sideburns_l_5">
120
                            <div id="sideburns_l_6"></div>
121
                          </div>
122
                        </div>
123
                      </div>
124
                    </div>
125
                  </div>
126
                </div>
127
              </div>
128
            </div>
129
 
130
          </div>
131
        </div>
132
 
133
      </div>
134
      <div id="button_r_lower"></div>
135
      <div id="button_l_lower"></div>
136
 
137
      <div id="skirt">
138
        <div id="skirt_r0"></div>
139
        <div id="skirt_r1"></div>
140
        <div id="skirt_r2"></div>
141
        <div id="skirt_c"></div>
142
        <div id="skirt_l2"></div>
143
        <div id="skirt_l1"></div>
144
        <div id="skirt_l0"></div>
145
      </div>
146
      <div id="crotch">
147
        <div id="thigh_r">
148
          <div id="thigh_r_r"></div>
149
          <div id="thigh_r_l"></div>
150
          <div id="shin_r">
151
            <div id="shin_r_r"></div>
152
            <div id="foot_r">
153
              <div id="foot_r_socks"></div>
154
            </div>
155
          </div>
156
        </div>
157
        <div id="thigh_l">
158
          <div id="thigh_l_r"></div>
159
          <div id="thigh_l_l"></div>
160
          <div id="shin_l">
161
            <div id="shin_l_l"></div>
162
            <div id="foot_l">
163
              <div id="foot_l_socks"></div>
164
            </div>
165
          </div>
166
        </div>
167
      </div>
168
    </div>
169
  </div>
170
</div>
 
CSS 
body {
1
body {
2
    background-color: rgb(192, 208, 240);
3
}
4
 
5
#csscanvas {
6
  position: relative;
7
  margin: auto;
8
  width: 200px;
9
  height: 370px;
10
  background-color: transparent;
11
}
12
 
13
/* えりかstyle */
14
/* 基準 */
15
#corebody {
16
  position: relative;
17
  top: 50%;
18
  left: 50%;
19
  width: 0px;
20
  height: 0px;
21
}
22
 
23
/* 頭部 */
24
#head {
25
  position: absolute;
26
  top: -58px;
27
  left: -8px;
28
  width: 48px;
29
  height: 48px;
30
  border-radius: 24px 24px 24px 24px / 20px 20px 24px 24px;
31
  background-color: rgba(249, 219, 209, 1);
32
  -webkit-transform-origin: 50% 100%;
33
  -moz-transform-origin: 50% 100%;
34
  -webkit-transform: rotate(15deg);
35
  -moz-transform: rotate(15deg);
36
  z-index: 200;
37
}
38
 
39
#backhair {
40
  position: absolute;
41
  top: -70px;
42
  left: -13px;
43
  width: 56px;
44
  height: 56px;
45
  border-radius: 28px 28px 12px 12px / 28px 28px 12px 12px;
46
  background-color: rgba(35, 55, 80, 1);
47
  border-top: 2px solid rgba(103, 153, 190, 1);
48
  border-left: 2px solid rgba(103, 153, 190, 1);
49
  border-right: 2px solid rgba(103, 153, 190, 1);
50
  -webkit-transform-origin: 50% 100%;
51
  -moz-transform-origin: 50% 100%;
52
  -webkit-transform: rotate(15deg);
53
  -moz-transform: rotate(15deg);
54
  z-index: 0;
55
}
56
 
57
#backhair_r_0 {
58
  position: absolute;
59
  top: 44px;
60
  left: -4px;
61
  width: 32px;
62
  height: 32px;
63
  border-radius: 5px;
64
  background-color: rgba(35, 55, 80, 1);
65
  -webkit-transform: rotate(45deg);
66
  -moz-transform: rotate(45deg);
67
  border-left: 1px solid rgba(103, 153, 190, 1);
68
  border-bottom: 1px solid rgba(103, 153, 190, 1);
69
}
70
 
71
#backhair_r_1 {
72
  position: absolute;
73
  top: 64px;
74
  left: 4px;
75
  width: 20px;
76
  height: 20px;
77
  border-radius: 5px;
78
  background-color: rgba(35, 55, 80, 1);
79
  -webkit-transform: rotate(30deg);
80
  -moz-transform: rotate(30deg);
81
  border-left: 1px solid rgba(103, 153, 190, 1);
82
  border-bottom: 1px solid rgba(103, 153, 190, 1);
83
}
84
 
85
#backhair_l_0 {
86
  position: absolute;
87
  top: 44px;
88
  left: 28px;
89
  width: 32px;
90
  height: 32px;
91
  border-radius: 5px;
92
  background-color: rgba(35, 55, 80, 1);
93
  -webkit-transform: rotate(45deg);
94
  -moz-transform: rotate(45deg);
95
  border-top: 1px solid rgba(103, 153, 190, 1);
96
  border-right: 1px solid rgba(103, 153, 190, 1);
97
}
98
 
99
#backhair_l_1 {
100
  position: absolute;
101
  top: 64px;
102
  left: 32px;
103
  width: 20px;
104
  height: 20px;
105
  border-radius: 5px;
106
  background-color: rgba(35, 55, 80, 1);
107
  -webkit-transform: rotate(60deg);
108
  -moz-transform: rotate(60deg);
109
  border-top: 1px solid rgba(103, 153, 190, 1);
110
  border-right: 1px solid rgba(103, 153, 190, 1);
111
}
112
 
113
#backhair_c {
114
  position: absolute;
115
  top: 72px;
116
  left: 18px;
117
  width: 20px;
118
  height: 20px;
119
  background-color: rgba(35, 55, 80, 1);
120
  -webkit-transform: rotate(45deg);
121
  -moz-transform: rotate(45deg);
122
  border-bottom: 1px solid rgba(103, 153, 190, 1);
123
  border-right: 1px solid rgba(103, 153, 190, 1);
124
}
125
 
126
#hair {
127
  position: absolute;
128
  top: 0px;
129
  left: 0px;
130
}
131
 
132
#fronthair {
133
  position: absolute;
134
  top: -4px;
135
  left: -1px;
136
}
137
 
138
#fronthair_r0 {
139
  position: absolute;
140
  top: 0px;
141
  left: 8px;
142
  width: 8px;
143
  height: 22px;
144
  border-radius: 0px 0px 0px 8px / 0px 0px 0px 22px;
145
  background-color: rgba(35, 55, 80, 1);
146
  -webkit-transform: rotate(20deg);
147
  -moz-transform: rotate(20deg);
148
}
149
 
150
#fronthair_r1 {
151
  position: absolute;
152
  top: 0px;
153
  left: 15px;
154
  width: 8px;
155
  height: 22px;
156
  border-radius: 0px 0px 0px 8px / 0px 0px 0px 22px;
157
  background-color: rgba(35, 55, 80, 1);
158
  -webkit-transform: rotate(15deg);
159
  -moz-transform: rotate(15deg);
160
}
161
 
162
#fronthair_l1 {
163
  position: absolute;
164
  top: 0px;
165
  left: 27px;
166
  width: 8px;
167
  height: 22px;
168
  border-radius: 0px 0px 8px 0px / 0px 0px 22px 0px;
169
  background-color: rgba(35, 55, 80, 1);
170
  -webkit-transform: rotate(-15deg);
171
  -moz-transform: rotate(-15deg);
172
}
173
 
174
#fronthair_l0 {
175
  position: absolute;
176
  top: 0px;
177
  left: 35px;
178
  width: 8px;
179
  height: 22px;
180
  border-radius: 0px 0px 8px 0px / 0px 0px 22px 0px;
181
  background-color: rgba(35, 55, 80, 1);
182
  -webkit-transform: rotate(-20deg);
183
  -moz-transform: rotate(-20deg);
184
}
185
 
186
#sideburns {
187
  position: absolute;
188
  top: -2px;
189
  left: 1px;
190
  -webkit-transform-origin: 50% 50%;
191
  -moz-transform-origin: 50% 50%;
192
  -webkit-transform: rotate(4deg);
193
  -moz-transform: rotate(4deg);
194
  z-index: 300;
195
}
196
 
197
#sideburns_r {
198
  position: absolute;
199
  top: 0px;
200
  left: 0px;
201
}
202
 
203
#sideburns_r_0 {
204
  position: absolute;
205
  top: 4px;
206
  left: 2px;
207
  width: 8px;
208
  height: 16px;
209
  border-radius: 4px 0px 0px 0px;
210
  background-color: rgba(35, 55, 80, 1);
211
  -webkit-transform-origin: 50% 0%;
212
  -moz-transform-origin: 50% 0%;
213
  -webkit-transform: rotate(10deg);
214
  -moz-transform: rotate(10deg);
215
}
216
 
217
#sideburns_r_1 {
218
  position: absolute;
219
  top: 14px;
220
  left: 0px;
221
  width: 8px;
222
  height: 36px;
223
  border-radius: 0px 0px 4px 4px;
224
  background-color: rgba(35, 55, 80, 1);
225
  -webkit-transform-origin: 50% 0%;
226
  -moz-transform-origin: 50% 0%;
227
  -webkit-transform: rotate(-8deg);
228
  -moz-transform: rotate(-8deg);
229
}
230
 
231
#sideburns_r_2 {
232
  position: absolute;
233
  top: 30px;
234
  left: -2px;
235
  width: 8px;
236
  height: 16px;
237
  border-radius: 4px 4px 2px 2px;
238
  background-color: rgba(35, 55, 80, 1);
239
  -webkit-transform-origin: 50% 0%;
240
  -moz-transform-origin: 50% 0%;
241
  -webkit-transform: rotate(-45deg);
242
  -moz-transform: rotate(-45deg);
243
}
244
 
245
#sideburns_r_3 {
246
  position: absolute;
247
  top: 13px;
248
  left: 0px;
249
  width: 6px;
250
  height: 16px;
251
  border-radius: 2px;
252
  background-color: rgba(35, 55, 80, 1);
253
  -webkit-transform-origin: 50% 0%;
254
  -moz-transform-origin: 50% 0%;
255
  -webkit-transform: rotate(90deg);
256
  -moz-transform: rotate(90deg);
257
}
258
 
259
#sideburns_r_4 {
260
  position: absolute;
261
  top: 13px;
262
  left: 0px;
263
  width: 6px;
264
  height: 16px;
265
  border-radius: 2px;
266
  background-color: rgba(35, 55, 80, 1);
267
  -webkit-transform-origin: 50% 0%;
268
  -moz-transform-origin: 50% 0%;
269
  -webkit-transform: rotate(-100deg);
270
  -moz-transform: rotate(-100deg);
271
}
272
 
273
#sideburns_r_5 {
274
  position: absolute;
275
  top: 13px;
276
  left: 0px;
277
  width: 4px;
278
  height: 12px;
279
  border-radius: 0px 2px 4px 0px / 0px 2px 12px 0px;
280
  background-color: rgba(35, 55, 80, 1);
281
  -webkit-transform-origin: 50% 0%;
282
  -moz-transform-origin: 50% 0%;
283
  -webkit-transform: rotate(100deg);
284
  -moz-transform: rotate(100deg);
285
}
286
 
287
#sideburns_r_6 {
288
  position: absolute;
289
  top: 11px;
290
  left: 1px;
291
  width: 2px;
292
  height: 6px;
293
  border-radius: 0px 0px 2px 0px / 0px 0px 6px 0px;
294
  background-color: rgba(35, 55, 80, 1);
295
  -webkit-transform-origin: 50% 0%;
296
  -moz-transform-origin: 50% 0%;
297
  -webkit-transform: rotate(100deg);
298
  -moz-transform: rotate(100deg);
299
}
300
 
301
#sideburns_l {
302
  position: absolute;
303
  top: 2px;
304
  left: 36px;
305
}
306
 
307
#sideburns_l_0 {
308
  position: absolute;
309
  top: 0px;
310
  left: 2px;
311
  width: 8px;
312
  height: 20px;
313
  border-radius: 0px 6px 0px 0px / 0px 10px 0px 0px;
314
  background-color: rgba(35, 55, 80, 1);
315
  -webkit-transform-origin: 50% 0%;
316
  -moz-transform-origin: 50% 0%;
317
  -webkit-transform: rotate(-15deg);
318
  -moz-transform: rotate(-15deg);
319
}
320
 
321
#sideburns_l_1 {
322
  position: absolute;
323
  top: 18px;
324
  left: 0px;
325
  width: 8px;
326
  height: 36px;
327
  border-radius: 0px 0px 4px 4px;
328
  background-color: rgba(35, 55, 80, 1);
329
  -webkit-transform-origin: 50% 0%;
330
  -moz-transform-origin: 50% 0%;
331
  -webkit-transform: rotate(-2deg);
332
  -moz-transform: rotate(-2deg);
333
}
334
 
335
#sideburns_l_2 {
336
  position: absolute;
337
  top: 30px;
338
  left: 2px;
339
  width: 8px;
340
  height: 16px;
341
  border-radius: 4px 4px 2px 2px;
342
  background-color: rgba(35, 55, 80, 1);
343
  -webkit-transform-origin: 50% 0%;
344
  -moz-transform-origin: 50% 0%;
345
  -webkit-transform: rotate(45deg);
346
  -moz-transform: rotate(45deg);
347
}
348
 
349
#sideburns_l_3 {
350
  position: absolute;
351
  top: 13px;
352
  left: 0px;
353
  width: 6px;
354
  height: 16px;
355
  border-radius: 2px;
356
  background-color: rgba(35, 55, 80, 1);
357
  -webkit-transform-origin: 50% 0%;
358
  -moz-transform-origin: 50% 0%;
359
  -webkit-transform: rotate(-100deg);
360
  -moz-transform: rotate(-100deg);
361
}
362
 
363
#sideburns_l_4 {
364
  position: absolute;
365
  top: 13px;
366
  left: 0px;
367
  width: 6px;
368
  height: 16px;
369
  border-radius: 2px;
370
  background-color: rgba(35, 55, 80, 1);
371
  -webkit-transform-origin: 50% 0%;
372
  -moz-transform-origin: 50% 0%;
373
  -webkit-transform: rotate(100deg);
374
  -moz-transform: rotate(100deg);
375
}
376
 
377
#sideburns_l_5 {
378
  position: absolute;
379
  top: 13px;
380
  left: 0px;
381
  width: 4px;
382
  height: 12px;
383
  border-radius: 2px 0px 0px 4px / 2px 0px 0px 12px;
384
  background-color: rgba(35, 55, 80, 1);
385
  -webkit-transform-origin: 50% 0%;
386
  -moz-transform-origin: 50% 0%;
387
  -webkit-transform: rotate(-100deg);
388
  -moz-transform: rotate(-100deg);
389
}
390
 
391
#sideburns_l_6 {
392
  position: absolute;
393
  top: 11px;
394
  left: 1px;
395
  width: 2px;
396
  height: 6px;
397
  border-radius: 0px 0px 0px 2px / 0px 0px 0px 6px;
398
  background-color: rgba(35, 55, 80, 1);
399
  -webkit-transform-origin: 50% 0%;
400
  -moz-transform-origin: 50% 0%;
401
  -webkit-transform: rotate(-100deg);
402
  -moz-transform: rotate(-100deg);
403
}
404
 
405
#eye_r {
406
  position: absolute;
407
  top: 20px;
408
  left: 4px;
409
  width: 14px;
410
  height: 8px;
411
  -webkit-transform-origin: 50% 50%;
412
  -moz-transform-origin: 50% 50%;
413
  -webkit-transform: scale(1, 0.9) skew(1deg);
414
  -moz-transform: scale(1, 0.9) skew(1deg);
415
}
416
 
417
#eye_r_upperline {
418
  position: absolute;
419
  top: -1px;
420
  left: 2px;
421
  width: 13px;
422
  height: 22px;
423
  border-radius: 50%;
424
  border-top: 2px solid black;
425
  -webkit-transform-origin: 50% 50%;
426
  -moz-transform-origin: 50% 50%;
427
  -webkit-transform: rotate(-20deg);
428
  -moz-transform: rotate(-20deg);
429
}
430
 
431
#eye_r_outline {
432
  position: absolute;
433
  top: 0px;
434
  left: 1px;
435
  width: 12px;
436
  height: 15px;
437
  border-radius: 6px 6px 2px 3px / 8px 6px 6px 5px;
438
  background-color: rgba(35, 55, 80, 1);
439
  border-left: 2px solid white;
440
  border-right: 1px solid white;
441
}
442
 
443
#eye_r_core {
444
  position: absolute;
445
  top: 4px;
446
  left: 3px;
447
  width: 4px;
448
  height: 8px;
449
  border-radius: 50%;
450
  background-color: black;
451
}
452
 
453
#eye_r_upperwhite {
454
  position: absolute;
455
  top: 1px;
456
  left: 2px;
457
  width: 6px;
458
  height: 4px;
459
  border-radius: 50%;
460
  background-color: white;
461
}
462
 
463
#eye_r_lowerwhite{
464
  position: absolute;
465
  top: 10px;
466
  left: 3px;
467
  width: 2px;
468
  height: 4px;
469
  border-radius: 50%;
470
  background-color: white;
471
}
472
 
473
#eye_l {
474
  position: absolute;
475
  top: 20px;
476
  left: 30px;
477
  width: 14px;
478
  height: 8px;
479
  -webkit-transform-origin: 50% 50%;
480
  -moz-transform-origin: 50% 50%;
481
  -webkit-transform: scale(1, 0.9) skew(-1deg);
482
  -moz-transform: scale(1, 0.9) skew(-1deg);
483
}
484
 
485
#eye_l_upperline {
486
  position: absolute;
487
  top: -1px;
488
  left: -1px;
489
  width: 13px;
490
  height: 22px;
491
  border-radius: 50%;
492
  border-top: 2px solid black;
493
  -webkit-transform-origin: 50% 50%;
494
  -moz-transform-origin: 50% 50%;
495
  -webkit-transform: rotate(20deg);
496
  -moz-transform: rotate(20deg);
497
}
498
 
499
#eye_l_outline {
500
  position: absolute;
501
  top: 0px;
502
  left: 1px;
503
  width: 12px;
504
  height: 15px;
505
  border-radius: 6px 6px 3px 2px / 6px 8px 5px 6px;
506
  background-color: rgba(35, 55, 80, 1);
507
  border-left: 1px solid white;
508
  border-right: 2px solid white;
509
}
510
 
511
#eye_l_core {
512
  position: absolute;
513
  top: 4px;
514
  left: 3px;
515
  width: 4px;
516
  height: 8px;
517
  border-radius: 50%;
518
  background-color: black;
519
}
520
 
521
#eye_l_upperwhite {
522
  position: absolute;
523
  top: 1px;
524
  left: 2px;
525
  width: 6px;
526
  height: 4px;
527
  border-radius: 50%;
528
  background-color: white;
529
}
530
 
531
#eye_l_lowerwhite{
532
  position: absolute;
533
  top: 10px;
534
  left: 3px;
535
  width: 2px;
536
  height: 4px;
537
  border-radius: 50%;
538
  background-color: white;
539
}
540
 
541
#brow_r {
542
  position: absolute;
543
  top: 16px;
544
  left: 6px;
545
  width: 10px;
546
  height: 4px;
547
  border-radius: 50%;
548
  border-top: 1px solid rgba(35, 55, 80, 1);
549
  -webkit-transform-origin: 100% 50%;
550
  -moz-transform-origin: 100% 50%;
551
  -webkit-transform: rotate(10deg);
552
  -moz-transform: rotate(10deg);
553
}
554
 
555
#brow_l {
556
  position: absolute;
557
  top: 16px;
558
  left: 32px;
559
  width: 10px;
560
  height: 4px;
561
  border-radius: 50%;
562
  border-top: 1px solid rgba(35, 55, 80, 1);
563
  -webkit-transform-origin: 0% 50%;
564
  -moz-transform-origin: 0% 50%;
565
  -webkit-transform: rotate(-10deg);
566
  -moz-transform: rotate(-10deg);
567
}
568
 
569
#mouth {
570
  position: absolute;
571
  top: 37px;
572
  left: 20px;
573
  width: 10px;
574
  height: 4px;
575
  border-radius: 50%;
576
  border-bottom: 1px solid gray;
577
}
578
 
579
/* 首 */
580
#neck {
581
  position: absolute;
582
  top: 0px;
583
  left: 0px;
584
}
585
 
586
#neck_tohead {
587
  position: absolute;
588
  top: -16px;
589
  left: 11px;
590
  width: 10px;
591
  height: 16px;
592
  border-radius: 4px;
593
  background-color: rgba(249, 219, 209, 1);
594
}
595
 
596
#neckline_upper {
597
  position: absolute;
598
  top: -6px;
599
  left: 6px;
600
  width: 20px;
601
  height: 14px;
602
  border-radius: 20px 20px 0px 0px / 8px 8px 0px 0px;
603
  background-color: rgba(249, 219, 209, 1);
604
}
605
 
606
#neckline_lower {
607
  position: absolute;
608
  top: 0px;
609
  left: 6px;
610
  width: 20px;
611
  height: 16px;
612
  background-color: rgba(255, 255, 255, 1);
613
}
614
 
615
/* 右腕 */
616
#sholder_r {
617
  position: absolute;
618
  top: -7px;
619
  left: -17px;
620
  width: 24px;
621
  height: 12px;
622
  border-radius: 10px 6px 0px 6px / 6px 6px 0px 6px;
623
  -webkit-transform: rotate(45deg);
624
  -moz-transform: rotate(45deg);
625
  background-color: rgba(251, 253, 232, 1);
626
  z-index: 1;
627
}
628
 
629
#scarf_r {
630
  position: absolute;
631
  top: -2px;
632
  left: -8px;
633
  width: 20px;
634
  height: 20px;
635
  -webkit-transform: rotate(-5deg) scale(1, 1.6);
636
  -moz-transform: rotate(-5deg) scale(1, 1.6);
637
 
638
  background: -webkit-gradient(
639
    linear, right top, left bottom,
640
    from(rgba(255, 255, 255, 1)),
641
    color-stop(0.40, rgba(255, 255, 255, 1)),
642
    color-stop(0.40, rgba(181, 36, 91, 1)),
643
    color-stop(0.45, rgba(181, 36, 91, 1)),
644
    color-stop(0.45, rgba(255, 255, 255, 1)),
645
    color-stop(0.5, rgba(255, 255, 255, 1)),
646
    color-stop(0.5, transparent),
647
    to(transparent)
648
  );
649
  background: -moz-linear-gradient(
650
    top right,
651
    rgba(255, 255, 255, 1) 0%,
652
    rgba(255, 255, 255, 1) 40%,
653
    rgba(181, 36, 91, 1) 40%,
654
    rgba(181, 36, 91, 1) 45%,
655
    rgba(255, 255, 255, 1) 45%,
656
    rgba(255, 255, 255, 1) 50%,
657
    transparent 50%,
658
    transparent
659
  );
660
  z-index: 150;
661
}
662
 
663
#upperarm_r {
664
  position: absolute;
665
  top: 0px;
666
  left: 0px;
667
  width: 12px;
668
  height: 48px;
669
  border-radius: 4px 4px 6px 6px;
670
  -webkit-transform-origin: 6px 6px;
671
  -moz-transform-origin: 6px 6px;
672
  -webkit-transform: rotate(130deg);
673
  -moz-transform: rotate(130deg);
674
  background-color: rgba(251, 253, 232, 1);
675
  z-index: 155;
676
}
677
 
678
#lowerarm_r {
679
  position: absolute;
680
  top: 40px;
681
  left: 0px;
682
  width: 12px;
683
  height: 48px;
684
  border-radius: 4px 4px 6px 6px;
685
  -webkit-transform-origin: 6px 6px;
686
  -moz-transform-origin: 6px 6px;
687
  -webkit-transform: rotate(12deg);
688
  -moz-transform: rotate(12deg);
689
  background: -webkit-gradient(
690
    linear, left top, left bottom,
691
    from(rgba(251, 253, 232, 1)),
692
    color-stop(0.83, rgba(251, 253, 232, 1)),
693
    color-stop(0.83, rgba(205, 118, 152, 1)),
694
    color-stop(0.87, rgba(205, 118, 152, 1)),
695
    color-stop(0.87, rgba(255, 255, 255, 1)),
696
    color-stop(0.90, rgba(255, 255, 255, 1)),
697
    color-stop(0.90, rgba(205, 118, 152, 1)),
698
    to(rgba(205, 118, 152, 1))
699
  );
700
  background: -moz-linear-gradient(
701
    top,
702
    rgba(251, 253, 232, 1) 0%,
703
    rgba(251, 253, 232, 1) 83%,
704
    rgba(205, 118, 152, 1) 83%,
705
    rgba(205, 118, 152, 1) 87%,
706
    rgba(255, 255, 255, 1) 87%,
707
    rgba(255, 255, 255, 1) 90%,
708
    rgba(205, 118, 152, 1) 90%,
709
    rgba(205, 118, 152, 1)
710
  );
711
}
712
 
713
#lowerarm_r_r {
714
  position: absolute;
715
  top: 0px;
716
  left: 0px;
717
  width: 6px;
718
  height: 40px;
719
  border-radius: 4px 0px 0px 2px;
720
  -webkit-transform-origin: 6px 6px;
721
  -moz-transform-origin: 6px 6px;
722
  -webkit-transform: rotate(6deg);
723
  -moz-transform: rotate(6deg);
724
  background-color: rgba(251, 253, 232, 1);
725
}
726
 
727
#lowerarm_r_l {
728
  position: absolute;
729
  top: 0px;
730
  left: 6px;
731
  width: 6px;
732
  height: 40px;
733
  border-radius: 0px 4px 2px 0px;
734
  -webkit-transform-origin: 6px 6px;
735
  -moz-transform-origin: 6px 6px;
736
  -webkit-transform: rotate(-6deg);
737
  -moz-transform: rotate(-6deg);
738
  background-color: rgba(251, 253, 232, 1);
739
}
740
 
741
#hand_r {
742
  position: absolute;
743
  top: 45px;
744
  left: 0px;
745
  width: 12px;
746
  height: 20px;
747
  border-radius: 4px 4px 8px 4px / 4px 4px 4px 8px;
748
  -webkit-transform-origin: 50% 0%;
749
  -moz-transform-origin: 50% 0%;
750
  -webkit-transform: rotate(-6deg);
751
  -moz-transform: rotate(-6deg);
752
  background-color: rgba(249, 219, 209, 1);
753
}
754
 
755
#hand_r_l {
756
  position: absolute;
757
  top: 1px;
758
  left: 8px;
759
  width: 6px;
760
  height: 16px;
761
  border-radius: 4px 4px 8px 0px / 4px 4px 8px 0px;
762
  -webkit-transform: rotate(-15deg);
763
  -moz-transform: rotate(-15deg);
764
  background-color: rgba(249, 219, 209, 1);
765
}
766
 
767
/* 左腕 */
768
#sholder_l {
769
  position: absolute;
770
  top: -4px;
771
  left: 14px;
772
  width: 24px;
773
  height: 12px;
774
  border-radius: 6px 10px 6px 0px / 6px 6px 6px 0px;
775
  -webkit-transform: rotate(-12deg);
776
  -moz-transform: rotate(-12deg);
777
  background-color: rgba(251, 253, 232, 0);
778
  z-index: 1;
779
}
780
 
781
#scarf_l {
782
  position: absolute;
783
  top: 4px;
784
  left: 6px;
785
  width: 20px;
786
  height: 20px;
787
  -webkit-transform: rotate(16deg) scale(1, 1.6);
788
  -moz-transform: rotate(16deg) scale(1, 1.6);
789
 
790
  background: -webkit-gradient(
791
    linear, left top, right bottom,
792
    from(rgba(255, 255, 255, 1)),
793
    color-stop(0.40, rgba(255, 255, 255, 1)),
794
    color-stop(0.40, rgba(181, 36, 91, 1)),
795
    color-stop(0.45, rgba(181, 36, 91, 1)),
796
    color-stop(0.45, rgba(255, 255, 255, 1)),
797
    color-stop(0.5, rgba(255, 255, 255, 1)),
798
    color-stop(0.5, transparent),
799
    to(transparent)
800
  );
801
  background: -moz-linear-gradient(
802
    top left,
803
    rgba(255, 255, 255, 1) 0%,
804
    rgba(255, 255, 255, 1) 40%,
805
    rgba(181, 36, 91, 1) 40%,
806
    rgba(181, 36, 91, 1) 45%,
807
    rgba(255, 255, 255, 1) 45%,
808
    rgba(255, 255, 255, 1) 50%,
809
    transparent 50%,
810
    transparent
811
  );
812
  z-index: 120;
813
}
814
 
815
#upperarm_l {
816
  position: absolute;
817
  top: 0px;
818
  left: 12px;
819
  width: 12px;
820
  height: 48px;
821
  border-radius: 4px 4px 6px 6px;
822
  -webkit-transform-origin: 6px 6px;
823
  -moz-transform-origin: 6px 6px;
824
  -webkit-transform: rotate(-66deg);
825
  -moz-transform: rotate(-66deg);
826
  background-color: rgba(251, 253, 232, 1);
827
  z-index: 110;
828
}
829
 
830
#lowerarm_l {
831
  position: absolute;
832
  top: 36px;
833
  left: -4px;
834
  width: 12px;
835
  height: 48px;
836
  border-radius: 4px 4px 6px 6px;
837
  -webkit-transform-origin: 6px 6px;
838
  -moz-transform-origin: 6px 6px;
839
  -webkit-transform: rotate(90deg);
840
  -moz-transform: rotate(90deg);
841
  background: -webkit-gradient(
842
    linear, left top, left bottom,
843
    from(rgba(251, 253, 232, 1)),
844
    color-stop(0.83, rgba(251, 253, 232, 1)),
845
    color-stop(0.83, rgba(205, 118, 152, 1)),
846
    color-stop(0.87, rgba(205, 118, 152, 1)),
847
    color-stop(0.87, rgba(255, 255, 255, 1)),
848
    color-stop(0.90, rgba(255, 255, 255, 1)),
849
    color-stop(0.90, rgba(205, 118, 152, 1)),
850
    to(rgba(205, 118, 152, 1))
851
  );
852
  background: -moz-linear-gradient(
853
    top,
854
    rgba(251, 253, 232, 1) 0%,
855
    rgba(251, 253, 232, 1) 83%,
856
    rgba(205, 118, 152, 1) 83%,
857
    rgba(205, 118, 152, 1) 87%,
858
    rgba(255, 255, 255, 1) 87%,
859
    rgba(255, 255, 255, 1) 90%,
860
    rgba(205, 118, 152, 1) 90%,
861
    rgba(205, 118, 152, 1)
862
  );
863
}
864
 
865
#lowerarm_l_r {
866
  position: absolute;
867
  top: 0px;
868
  left: 0px;
869
  width: 6px;
870
  height: 40px;
871
  border-radius: 4px 0px 0px 2px;
872
  -webkit-transform-origin: 6px 6px;
873
  -moz-transform-origin: 6px 6px;
874
  -webkit-transform: rotate(6deg);
875
  -moz-transform: rotate(6deg);
876
  background-color: rgba(251, 253, 232, 1);
877
}
878
 
879
#lowerarm_l_l {
880
  position: absolute;
881
  top: 0px;
882
  left: 6px;
883
  width: 6px;
884
  height: 40px;
885
  border-radius: 0px 4px 2px 0px;
886
  -webkit-transform-origin: 6px 6px;
887
  -moz-transform-origin: 6px 6px;
888
  -webkit-transform: rotate(-6deg);
889
  -moz-transform: rotate(-6deg);
890
  background-color: rgba(251, 253, 232, 1);
891
}
892
 
893
#hand_l {
894
  position: absolute;
895
  top: 45px;
896
  left: 0px;
897
  width: 12px;
898
  height: 20px;
899
  border-radius: 4px 4px 8px 4px / 4px 4px 4px 8px;
900
  -webkit-transform-origin: 50% 0%;
901
  -moz-transform-origin: 50% 0%;
902
  -webkit-transform: rotate(15deg);
903
  -moz-transform: rotate(15deg);
904
  background-color: rgba(249, 219, 209, 1);
905
}
906
 
907
#hand_l_l {
908
  position: absolute;
909
  top: 1px;
910
  left: 8px;
911
  width: 6px;
912
  height: 16px;
913
  border-radius: 4px 4px 8px 0px / 4px 4px 8px 0px;
914
  -webkit-transform: rotate(-15deg);
915
  -moz-transform: rotate(-15deg);
916
  background-color: rgba(249, 219, 209, 1);
917
}
918
 
919
/* 胸部 */
920
#bust {
921
  position: absolute;
922
  top: -40px;
923
  left: -4px;
924
  width: 32px;
925
  height: 44px;
926
  border-radius: 4px 4px 8px 8px / 4px 4px 8px 8px;
927
  -webkit-transform-origin: 50% 96%;
928
  -moz-transform-origin: 50% 96%;
929
  -webkit-transform: rotate(-6deg);
930
  -moz-transform: rotate(-6deg);
931
  background-color: rgba(251, 253, 232, 1);
932
}
933
 
934
#bust_r {
935
  position: absolute;
936
  top: 0px;
937
  left: -3px;
938
  width: 10px;
939
  height: 36px;
940
  border-radius: 5px 5px 0px 0px;
941
  -webkit-transform: rotate(-10deg);
942
  -moz-transform: rotate(-10deg);
943
  background-color: rgba(251, 253, 232, 1);
944
  z-index: 1;
945
}
946
 
947
#bust_l {
948
  position: absolute;
949
  top: 0px;
950
  left: 25px;
951
  width: 10px;
952
  height: 36px;
953
  border-radius: 5px 5px 0px 0px;
954
  -webkit-transform: rotate(10deg);
955
  -moz-transform: rotate(10deg);
956
  background-color: rgba(251, 253, 232, 1);
957
  z-index: 1;
958
}
959
 
960
#ribbon {
961
  position: absolute;
962
  top: 16px;
963
  left: 13px;
964
  z-index: 200;
965
}
966
 
967
#ribbon_r_upper {
968
  position: absolute;
969
  top: 0px;
970
  left: -18px;
971
}
972
 
973
#ribbon_r_upper_1 {
974
  position: absolute;
975
  top: -4px;
976
  left: 1px;
977
  width: 18px;
978
  height: 14px;
979
  border-radius: 2px;
980
  -webkit-transform: skew(30deg) rotate(20deg);
981
  -moz-transform: skew(30deg) rotate(20deg);
982
  background-color: rgba(181, 36, 91, 1);
983
}
984
 
985
#ribbon_r_upper_2 {
986
  position: absolute;
987
  top: 2px;
988
  left: 1px;
989
  width: 18px;
990
  height: 12px;
991
  border-radius: 2px;
992
  -webkit-transform: skew(-30deg) rotate(-15deg);
993
  -moz-transform: skew(-30deg) rotate(-15deg);
994
  background-color: rgba(181, 36, 91, 1);
995
}
996
 
997
#ribbon_r_lower {
998
  position: absolute;
999
  top: 8px;
1000
  left: -8px;
1001
}
1002
 
1003
#ribbon_r_lower_1 {
1004
  position: absolute;
1005
  top: -2px;
1006
  left: -4px;
1007
  width: 7px;
1008
  height: 20px;
1009
  -webkit-transform: rotate(0deg) skew(-30deg);
1010
  -moz-transform: rotate(0deg) skew(-30deg);
1011
  background-color: rgba(181, 36, 91, 1);
1012
}
1013
 
1014
#ribbon_r_lower_2 {
1015
  position: absolute;
1016
  top: 0px;
1017
  left: 0px;
1018
  width: 7px;
1019
  height: 20px;
1020
  -webkit-transform: rotate(55deg) skew(30deg) ;
1021
  -moz-transform: rotate(55deg) skew(30deg) ;
1022
  background-color: rgba(181, 36, 91, 1);
1023
}
1024
 
1025
#ribbon_c {
1026
  position: absolute;
1027
  top: 0px;
1028
  left: 0px;
1029
  width: 6px;
1030
  height: 12px;
1031
  background-color: rgba(181, 36, 91, 1);
1032
}
1033
 
1034
#ribbon_l_upper {
1035
  position: absolute;
1036
  top: 0px;
1037
  left: 5px;
1038
}
1039
 
1040
#ribbon_l_upper_1 {
1041
  position: absolute;
1042
  top: -4px;
1043
  left: 0px;
1044
  width: 18px;
1045
  height: 14px;
1046
  border-radius: 2px;
1047
  -webkit-transform: skew(-30deg) rotate(-20deg);
1048
  -moz-transform: skew(-30deg) rotate(-20deg);
1049
  background-color: rgba(181, 36, 91, 1);
1050
}
1051
 
1052
#ribbon_l_upper_2 {
1053
  position: absolute;
1054
  top: 2px;
1055
  left: 0px;
1056
  width: 18px;
1057
  height: 12px;
1058
  border-radius: 2px;
1059
  -webkit-transform: skew(30deg) rotate(15deg);
1060
  -moz-transform: skew(30deg) rotate(15deg);
1061
  background-color: rgba(181, 36, 91, 1);
1062
}
1063
 
1064
#ribbon_l_lower {
1065
  position: absolute;
1066
  top: 8px;
1067
  left: 8px;
1068
}
1069
 
1070
#ribbon_l_lower_1 {
1071
  position: absolute;
1072
  top: 0px;
1073
  left: 0px;
1074
  width: 7px;
1075
  height: 20px;
1076
  -webkit-transform: rotate(-55deg) skew(-30deg) ;
1077
  -moz-transform: rotate(-55deg) skew(-30deg) ;
1078
  background-color: rgba(181, 36, 91, 1);
1079
}
1080
 
1081
#ribbon_l_lower_2 {
1082
  position: absolute;
1083
  top: -2px;
1084
  left: 4px;
1085
  width: 7px;
1086
  height: 20px;
1087
  -webkit-transform: rotate(0deg) skew(30deg);
1088
  -moz-transform: rotate(0deg) skew(30deg);
1089
  background-color: rgba(181, 36, 91, 1);
1090
}
1091
 
1092
#button_r_upper {
1093
  position: absolute;
1094
  top: 38px;
1095
  left: 4px;
1096
  width: 6px;
1097
  height: 6px;
1098
  border-radius: 3px;
1099
  background-color: rgba(205, 118, 152, 1);
1100
  z-index: 190;
1101
}
1102
 
1103
#button_l_upper {
1104
  position: absolute;
1105
  top: 38px;
1106
  left: 22px;
1107
  width: 6px;
1108
  height: 6px;
1109
  border-radius: 3px;
1110
  background-color: rgba(205, 118, 152, 1);
1111
  z-index: 190;
1112
}
1113
 
1114
#button_r_lower {
1115
  position: absolute;
1116
  top: 10px;
1117
  left: 0px;
1118
  width: 6px;
1119
  height: 6px;
1120
  border-radius: 3px;
1121
  background-color: rgba(205, 118, 152, 1);
1122
}
1123
 
1124
#button_l_lower {
1125
  position: absolute;
1126
  top: 10px;
1127
  left: 18px;
1128
  width: 6px;
1129
  height: 6px;
1130
  border-radius: 3px;
1131
  background-color: rgba(205, 118, 152, 1);
1132
}
1133
 
1134
/* 腰 */
1135
#waist {  /* center parts */
1136
  position: absolute;
1137
  top: -24px;
1138
  left: -10px;
1139
  width: 24px;
1140
  height: 32px;
1141
  background-color: rgba(251, 253, 232, 1);
1142
}
1143
 
1144
#waist_r1 {
1145
  position: absolute;
1146
  top: -2px;
1147
  left: -2px;
1148
  width: 10px;
1149
  height: 16px;
1150
  -webkit-transform: rotate(-9deg);
1151
  -moz-transform: rotate(-9deg);
1152
  background-color: rgba(251, 253, 232, 1);
1153
}
1154
 
1155
#waist_r2 {
1156
  position: absolute;
1157
  top: 12px;
1158
  left: -2px;
1159
  width: 10px;
1160
  height: 16px;
1161
  -webkit-transform: rotate(9deg);
1162
  -moz-transform: rotate(9deg);
1163
  background-color: rgba(251, 253, 232, 1);
1164
}
1165
 
1166
#waist_l2 {
1167
  position: absolute;
1168
  top: -2px;
1169
  left: 16px;
1170
  width: 10px;
1171
  height: 16px;
1172
  -webkit-transform: rotate(9deg);
1173
  -moz-transform: rotate(9deg);
1174
  background-color: rgba(251, 253, 232, 1);
1175
}
1176
 
1177
#waist_l1 {
1178
  position: absolute;
1179
  top: 12px;
1180
  left: 16px;
1181
  width: 10px;
1182
  height: 16px;
1183
  -webkit-transform: rotate(-9deg);
1184
  -moz-transform: rotate(-9deg);
1185
  background-color: rgba(251, 253, 232, 1);
1186
}
1187
 
1188
/* スカート */
1189
#skirt {
1190
  position: relative;
1191
  top: 20px;
1192
  left: -4px;
1193
  width: 32px;
1194
  height: 8px;
1195
  background-color: rgba(251, 253, 232, 1);
1196
  z-index: 110;
1197
  -webkit-transform: rotate(-12deg);
1198
  -moz-transform: rotate(-12deg);
1199
}
1200
 
1201
#skirt_r0 {
1202
  position: absolute;
1203
  top: -1px;
1204
  left: -12px;
1205
  width: 10px;
1206
  height: 32px;
1207
  -webkit-transform: rotate(45deg);
1208
  -moz-transform: rotate(45deg);
1209
  background-color: rgba(251, 253, 232, 1);
1210
  border-right: 4px solid rgba(209, 196, 151, 1);
1211
}
1212
 
1213
#skirt_r1 {
1214
  position: absolute;
1215
  top: 0px;
1216
  left: -9px;
1217
  width: 16px;
1218
  height: 36px;
1219
  -webkit-transform: rotate(30deg);
1220
  -moz-transform: rotate(30deg);
1221
  background-color: rgba(251, 253, 232, 1);
1222
  border-right: 3px solid rgba(209, 196, 151, 1);
1223
}
1224
 
1225
#skirt_r2 {
1226
  position: absolute;
1227
  top: 4px;
1228
  left: -1px;
1229
  width: 16px;
1230
  height: 36px;
1231
  -webkit-transform: rotate(10deg);
1232
  -moz-transform: rotate(10deg);
1233
  background-color: rgba(251, 253, 232, 1);
1234
  border-right: 4px solid rgba(209, 196, 151, 1);
1235
}
1236
 
1237
#skirt_c {
1238
  position: absolute;
1239
  top: 5px;
1240
  left: 9px;
1241
  width: 16px;
1242
  height: 36px;
1243
  background-color: rgba(251, 253, 232, 1);
1244
  border-right: 5px solid rgba(209, 196, 151, 1);
1245
}
1246
 
1247
#skirt_l2 {
1248
  position: absolute;
1249
  top: 4px;
1250
  left: 18px;
1251
  width: 16px;
1252
  height: 36px;
1253
  -webkit-transform: rotate(-10deg);
1254
  -moz-transform: rotate(-10deg);
1255
  background-color: rgba(251, 253, 232, 1);
1256
  border-right: 4px solid rgba(209, 196, 151, 1);
1257
}
1258
 
1259
#skirt_l1 {
1260
  position: absolute;
1261
  top: 1px;
1262
  left: 25px;
1263
  width: 16px;
1264
  height: 36px;
1265
  -webkit-transform: rotate(-30deg);
1266
  -moz-transform: rotate(-30deg);
1267
  background-color: rgba(251, 253, 232, 1);
1268
  border-right: 3px solid rgba(209, 196, 151, 1);
1269
}
1270
 
1271
#skirt_l0 {
1272
  position: absolute;
1273
  top: -2px;
1274
  left: 34px;
1275
  width: 10px;
1276
  height: 34px;
1277
  -webkit-transform: rotate(-45deg);
1278
  -moz-transform: rotate(-45deg);
1279
  background-color: rgba(251, 253, 232, 1);
1280
}
1281
 
1282
/* 股 */
1283
#crotch {
1284
  position: absolute;
1285
  top: 32px;
1286
  left: 6px;
1287
  width: 12px;
1288
  height: 12px;
1289
  z-index: 100;
1290
}
1291
 
1292
/* 右足 */
1293
#thigh_r {
1294
  position: absolute;
1295
  top: 0px;
1296
  left: -12px;
1297
  width: 12px;
1298
  height: 88px;
1299
  border-radius: 5px;
1300
  -webkit-transform-origin: 50% 0%;
1301
  -moz-transform-origin: 50% 0%;
1302
  -webkit-transform: rotate(15deg);
1303
  -moz-transform: rotate(15deg);
1304
  background-color: rgba(249, 219, 209, 1);
1305
}
1306
 
1307
#thigh_r_r {
1308
  position: absolute;
1309
  top: 8px;
1310
  left: -4px;
1311
  width: 8px;
1312
  height: 80px;
1313
  border-radius: 5px 5px 5px 5px / 20px 0px 0px 5px;
1314
  -webkit-transform: rotate(-3deg);
1315
  -moz-transform: rotate(-3deg);
1316
  background-color: rgba(249, 219, 209, 1);
1317
}
1318
 
1319
#thigh_r_l {
1320
  position: absolute;
1321
  top: 0px;
1322
  left: 6px;
1323
  width: 8px;
1324
  height: 88px;
1325
  border-radius: 5px;
1326
  -webkit-transform: rotate(2deg);
1327
  -moz-transform: rotate(2deg);
1328
  background-color: rgba(249, 219, 209, 1);
1329
}
1330
 
1331
#shin_r {
1332
  position: absolute;
1333
  top: 80px;
1334
  left: 4px;
1335
  width: 8px;
1336
  height: 88px;
1337
  border-radius: 5px;
1338
  -webkit-transform-origin: 50% 0%;
1339
  -moz-transform-origin: 50% 0%;
1340
  -webkit-transform: rotate(-5deg);
1341
  -moz-transform: rotate(-5deg);
1342
  background: -webkit-gradient(
1343
    linear, left top, left bottom,
1344
    from(rgba(249, 219, 209, 1)),
1345
    color-stop(0.2, rgba(249, 219, 209, 1)),
1346
    color-stop(0.2, rgba(35, 55, 80, 1)),
1347
    to(rgba(35, 55, 80, 1))
1348
  );
1349
  background: -moz-linear-gradient(
1350
    top,
1351
    rgba(249, 219, 209, 1) 0%,
1352
    rgba(249, 219, 209, 1) 20%,
1353
    rgba(35, 55, 80, 1) 20%,
1354
    rgba(35, 55, 80, 1)
1355
  );
1356
}
1357
 
1358
#shin_r_r {
1359
  position: absolute;
1360
  top: 0px;
1361
  left: -4px;
1362
  width: 8px;
1363
  height: 88px;
1364
  border-radius: 5px;
1365
  -webkit-transform: rotate(-3deg);
1366
  -moz-transform: rotate(-3deg);
1367
  background: -webkit-gradient(
1368
    linear, left top, left bottom,
1369
    from(rgba(249, 219, 209, 1)),
1370
    color-stop(0.2, rgba(249, 219, 209, 1)),
1371
    color-stop(0.2, rgba(35, 55, 80, 1)),
1372
    to(rgba(35, 55, 80, 1))
1373
  );
1374
  background: -moz-linear-gradient(
1375
    top,
1376
    rgba(249, 219, 209, 1) 0%,
1377
    rgba(249, 219, 209, 1) 20%,
1378
    rgba(35, 55, 80, 1) 20%,
1379
    rgba(35, 55, 80, 1)
1380
  );
1381
}
1382
 
1383
#foot_r {
1384
  position: absolute;
1385
  top: 76px;
1386
  left: -4px;
1387
  width: 16px;
1388
  height: 36px;
1389
  border-radius: 4px 6px 6px 8px / 4px 6px 12px 32px;
1390
  -webkit-transform-origin: 6px 4px;
1391
  -moz-transform-origin: 6px 4px;
1392
  -webkit-transform: rotate(45deg);
1393
  -moz-transform: rotate(45deg);
1394
  background-color: rgba(110, 81, 73, 1);
1395
}
1396
 
1397
#foot_r_socks {
1398
  position: absolute;
1399
  top: -2px;
1400
  left: 0px;
1401
  width: 8px;
1402
  height: 14px;
1403
  border-radius: 3px;
1404
  background-color: rgba(35, 55, 80, 1);
1405
}
1406
 
1407
/* 左足 */
1408
#thigh_l {
1409
  position: absolute;
1410
  top: 0px;
1411
  left: 12px;
1412
  width: 12px;
1413
  height: 88px;
1414
  border-radius: 5px;
1415
  -webkit-transform-origin: 50% 0%;
1416
  -moz-transform-origin: 50% 0%;
1417
  -webkit-transform: rotate(-15deg);
1418
  -moz-transform: rotate(-15deg);
1419
  background-color: rgba(249, 219, 209, 1);
1420
}
1421
 
1422
#thigh_l_r {
1423
  position: absolute;
1424
  top: 0px;
1425
  left: -4px;
1426
  width: 8px;
1427
  height: 88px;
1428
  border-radius: 5px;
1429
  -webkit-transform: rotate(-3deg);
1430
  -moz-transform: rotate(-3deg);
1431
  background-color: rgba(249, 219, 209, 1);
1432
}
1433
 
1434
#thigh_l_l {
1435
  position: absolute;
1436
  top: 8px;
1437
  left: 6px;
1438
  width: 8px;
1439
  height: 80px;
1440
  border-radius: 5px;
1441
  border-radius: 5px 5px 5px 5px / 5px 20px 5px 0px;
1442
  -webkit-transform: rotate(2deg);
1443
  -moz-transform: rotate(2deg);
1444
  background-color: rgba(249, 219, 209, 1);
1445
}
1446
 
1447
#shin_l {
1448
  position: absolute;
1449
  top: 80px;
1450
  left: -2px;
1451
  width: 8px;
1452
  height: 88px;
1453
  border-radius: 5px;
1454
  -webkit-transform-origin: 50% 0%;
1455
  -moz-transform-origin: 50% 0%;
1456
  -webkit-transform: rotate(-5deg);
1457
  -moz-transform: rotate(-5deg);
1458
  background: -webkit-gradient(
1459
    linear, left top, left bottom,
1460
    from(rgba(249, 219, 209, 1)),
1461
    color-stop(0.2, rgba(249, 219, 209, 1)),
1462
    color-stop(0.2, rgba(35, 55, 80, 1)),
1463
    to(rgba(35, 55, 80, 1))
1464
  );
1465
  background: -moz-linear-gradient(
1466
    top,
1467
    rgba(249, 219, 209, 1) 0%,
1468
    rgba(249, 219, 209, 1) 20%,
1469
    rgba(35, 55, 80, 1) 20%,
1470
    rgba(35, 55, 80, 1)
1471
  );
1472
}
1473
 
1474
#shin_l_l {
1475
  position: absolute;
1476
  top: 0px;
1477
  left: 4px;
1478
  width: 8px;
1479
  height: 88px;
1480
  border-radius: 5px;
1481
  -webkit-transform: rotate(3deg);
1482
  -moz-transform: rotate(3deg);
1483
  background: -webkit-gradient(
1484
    linear, left top, left bottom,
1485
    from(rgba(249, 219, 209, 1)),
1486
    color-stop(0.2, rgba(249, 219, 209, 1)),
1487
    color-stop(0.2, rgba(35, 55, 80, 1)),
1488
    to(rgba(35, 55, 80, 1))
1489
  );
1490
  background: -moz-linear-gradient(
1491
    top,
1492
    rgba(249, 219, 209, 1) 0%,
1493
    rgba(249, 219, 209, 1) 20%,
1494
    rgba(35, 55, 80, 1) 20%,
1495
    rgba(35, 55, 80, 1)
1496
  );
1497
}
1498
 
1499
#foot_l {
1500
  position: absolute;
1501
  top: 76px;
1502
  left: -2px;
1503
  width: 16px;
1504
  height: 36px;
1505
  border-radius: 4px 6px 6px 8px / 4px 6px 12px 32px;
1506
  -webkit-transform-origin: 6px 4px;
1507
  -moz-transform-origin: 6px 4px;
1508
  -webkit-transform: rotate(-20deg) scale(0.9, 1);
1509
  -moz-transform: rotate(-20deg) scale(0.9, 1);
1510
  background-color: rgba(110, 81, 73, 1);
1511
}
1512
 
1513
#foot_l_socks {
1514
  position: absolute;
1515
  top: -2px;
1516
  left: 5px;
1517
  width: 8px;
1518
  height: 14px;
1519
  border-radius: 3px;
1520
  background-color: rgba(35, 55, 80, 1);
1521
}
1522
 
1523
/* all */
1524
#csscanvas div {
1525
  box-sizing: border-box;
1526
  -moz-box-sizing: border-box;
1527
 
1528
  -webkit-animation-iteration-count: infinite;
1529
  -webkit-animation-timing-function: linear;
1530
  -webkit-animation-duration: 0.8s;
1531
 
1532
  -moz-animation-iteration-count: infinite;
1533
  -moz-animation-timing-function: linear;
1534
  -moz-animation-duration: 0.8s;
1535
}
1536
 
1537
#sideburns_r div {
1538
  background: -webkit-gradient(
1539
    linear, left top, right top,
1540
    from(rgba(103, 153, 190, 1)),
1541
    color-stop(0.3, rgba(35, 55, 80, 1)),
1542
    to(rgba(35, 55, 80, 1))
1543
  );
1544
 
1545
  background: -moz-linear-gradient(
1546
    left,
1547
    rgba(103, 153, 190, 1) 0%,
1548
    rgba(35, 55, 80, 1) 30%,
1549
    rgba(35, 55, 80, 1)
1550
  );
1551
}
1552
 
1553
#sideburns_l div {
1554
  background: -webkit-gradient(
1555
    linear, right top, left top,
1556
    from(rgba(103, 153, 190, 1)),
1557
    color-stop(0.3, rgba(35, 55, 80, 1)),
1558
    to(rgba(35, 55, 80, 1))
1559
  );
1560
 
1561
  background: -moz-linear-gradient(
1562
    right,
1563
    rgba(103, 153, 190, 1) 0%,
1564
    rgba(35, 55, 80, 1) 30%,
1565
    rgba(35, 55, 80, 1)
1566
  );
1567
}
1568
 
1569
/* えりかstyle Animation */
1570
 
1571
#waist {
1572
  -webkit-animation-name: waist_move;
1573
  -moz-animation-name: waist_move;
1574
}
1575
 
1576
@-webkit-keyframes waist_move {
1577
    0% {top: -24px; left: -10px;}
1578
   25% {top: -24px; left: -24px;}
1579
   50% {top: -18px; left: -24px;}
1580
   80% {top: -24px; left: -24px;}
1581
   95% {top: -24px; left: -10px;}
1582
  100% {top: -24px; left: -10px;}
1583
}
1584
 
1585
@-moz-keyframes waist_move {
1586
    0% {top: -24px; left: -10px;}
1587
   25% {top: -24px; left: -24px;}
1588
   50% {top: -18px; left: -24px;}
1589
   80% {top: -24px; left: -24px;}
1590
   95% {top: -24px; left: -10px;}
1591
  100% {top: -24px; left: -10px;}
1592
}
1593
 
1594
#skirt {
1595
  -webkit-animation-name: skirt_move;
1596
  -moz-animation-name: skirt_move;
1597
}
1598
 
1599
@-webkit-keyframes skirt_move {
1600
    0% {-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg);}
1601
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1602
   50% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1603
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1604
   95% {-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg);}
1605
  100% {-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg);}
1606
}
1607
 
1608
@-moz-keyframes skirt_move {
1609
    0% {-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg);}
1610
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1611
   50% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1612
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1613
   95% {-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg);}
1614
  100% {-webkit-transform: rotate(-12deg); -moz-transform: rotate(-12deg);}
1615
}
1616
 
1617
#bust {
1618
  -webkit-animation-name: bust_move;
1619
  -moz-animation-name: bust_move;
1620
}
1621
 
1622
@-webkit-keyframes bust_move {
1623
    0% {-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);}
1624
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1625
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1626
   95% {-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);}
1627
  100% {-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);}
1628
}
1629
 
1630
@-moz-keyframes bust_move {
1631
    0% {-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);}
1632
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1633
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1634
   95% {-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);}
1635
  100% {-webkit-transform: rotate(-6deg); -moz-transform: rotate(-6deg);}
1636
}
1637
 
1638
#head {
1639
  -webkit-animation-name: head_move;
1640
  -moz-animation-name: head_move;
1641
}
1642
 
1643
@-webkit-keyframes head_move {
1644
    0% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1645
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1646
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1647
   50% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1648
   95% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1649
  100% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1650
}
1651
 
1652
@-moz-keyframes head_move {
1653
    0% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1654
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1655
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1656
   50% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1657
   95% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1658
  100% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1659
}
1660
 
1661
#backhair {
1662
  -webkit-animation-name: backhair_move;
1663
  -moz-animation-name: backhair_move;
1664
}
1665
 
1666
@-webkit-keyframes backhair_move {
1667
    0% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1668
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1669
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1670
   50% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1671
   95% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1672
  100% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1673
}
1674
 
1675
@-moz-keyframes backhair_move {
1676
    0% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1677
   25% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1678
   80% {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);}
1679
   50% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1680
   95% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1681
  100% {-webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1682
}
1683
 
1684
#sideburns {
1685
  -webkit-animation-name: sideburns_move;
1686
  -moz-animation-name: sideburns_move;
1687
}
1688
 
1689
@-webkit-keyframes sideburns_move {
1690
    0% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1691
   25% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1692
   50% {-webkit-transform: rotate(7deg); -moz-transform: rotate(4deg);}
1693
   80% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1694
   95% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1695
  100% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1696
}
1697
 
1698
@-moz-keyframes sideburns_move {
1699
    0% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1700
   25% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1701
   50% {-webkit-transform: rotate(7deg); -moz-transform: rotate(4deg);}
1702
   80% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1703
   95% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1704
  100% {-webkit-transform: rotate(4deg); -moz-transform: rotate(4deg);}
1705
}
1706
 
1707
#sholder_r {
1708
  -webkit-animation-name: sholder_r_move;
1709
  -moz-animation-name: sholder_r_move;
1710
}
1711
 
1712
@-webkit-keyframes sholder_r_move {
1713
    0% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1714
   25% {-webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
1715
   80% {-webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
1716
   95% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1717
  100% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1718
}
1719
 
1720
@-moz-keyframes sholder_r_move {
1721
    0% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1722
   25% {-webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
1723
   80% {-webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
1724
   95% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1725
  100% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1726
}
1727
 
1728
#scarf_r {
1729
  -webkit-animation-name: scarf_r_move;
1730
  -moz-animation-name: scarf_r_move;
1731
}
1732
 
1733
@-webkit-keyframes scarf_r_move {
1734
    0% {-webkit-transform: rotate(-5deg) scale(1, 1.6);}
1735
   25% {-webkit-transform: rotate(-10deg) scale(1, 1.6);}
1736
   80% {-webkit-transform: rotate(-10deg) scale(1, 1.6);}
1737
   95% {-webkit-transform: rotate(-5deg) scale(1, 1.6);}
1738
  100% {-webkit-transform: rotate(-5deg) scale(1, 1.6);}
1739
}
1740
 
1741
@-moz-keyframes scarf_r_move {
1742
    0% {-moz-transform: rotate(-5deg) scale(1, 1.6);}
1743
   25% {-moz-transform: rotate(-10deg) scale(1, 1.6);}
1744
   80% {-moz-transform: rotate(-10deg) scale(1, 1.6);}
1745
   95% {-moz-transform: rotate(-5deg) scale(1, 1.6);}
1746
  100% {-moz-transform: rotate(-5deg) scale(1, 1.6);}
1747
}
1748
 
1749
#upperarm_r {
1750
  -webkit-animation-name: upperarm_r_move;
1751
  -moz-animation-name: upperarm_r_move;
1752
}
1753
 
1754
@-webkit-keyframes upperarm_r_move {
1755
    0% {left: 0px; -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); z-index:155;}
1756
   25% {left: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); z-index:140;}
1757
   50% {left: 2px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); z-index:140;}
1758
   80% {left: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); z-index:140;}
1759
   95% {left: 0px; -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); z-index:155;}
1760
  100% {left: 0px; -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); z-index:155;}
1761
}
1762
 
1763
@-moz-keyframes upperarm_r_move {
1764
    0% {left: 0px; -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); z-index:155;}
1765
   25% {left: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); z-index:140;}
1766
   50% {left: 2px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); z-index:140;}
1767
   80% {left: 8px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); z-index:140;}
1768
   95% {left: 0px; -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); z-index:155;}
1769
  100% {left: 0px; -webkit-transform: rotate(130deg); -moz-transform: rotate(130deg); z-index:155;}
1770
}
1771
 
1772
#lowerarm_r {
1773
  -webkit-animation-name: lowerarm_r_move;
1774
  -moz-animation-name: lowerarm_r_move;
1775
}
1776
 
1777
@-webkit-keyframes lowerarm_r_move {
1778
    0% {top: 40px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg);}
1779
   25% {top: 36px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg);}
1780
   50% {top: 36px; -webkit-transform: rotate(155deg); -moz-transform: rotate(155deg);}
1781
   80% {top: 36px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg);}
1782
   95% {top: 40px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg);}
1783
  100% {top: 40px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg);}
1784
}
1785
 
1786
@-moz-keyframes lowerarm_r_move {
1787
    0% {top: 40px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg);}
1788
   25% {top: 36px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg);}
1789
   50% {top: 36px; -webkit-transform: rotate(155deg); -moz-transform: rotate(155deg);}
1790
   80% {top: 36px; -webkit-transform: rotate(100deg); -moz-transform: rotate(100deg);}
1791
   95% {top: 40px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg);}
1792
  100% {top: 40px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg);}
1793
}
1794
 
1795
#upperarm_l {
1796
  -webkit-animation-name: upperarm_l_move;
1797
  -moz-animation-name: upperarm_l_move;
1798
}
1799
 
1800
@-webkit-keyframes upperarm_l_move {
1801
    0% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1802
   25% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1803
   50% {-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg);}
1804
   80% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1805
   95% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1806
  100% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1807
}
1808
 
1809
@-moz-keyframes upperarm_l_move {
1810
    0% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1811
   25% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1812
   50% {-webkit-transform: rotate(-60deg); -moz-transform: rotate(-60deg);}
1813
   80% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1814
   95% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1815
  100% {-webkit-transform: rotate(-66deg); -moz-transform: rotate(-66deg);}
1816
}
1817
 
1818
#thigh_r {
1819
  -webkit-animation-name: thigh_r_move;
1820
  -moz-animation-name: thigh_r_move;
1821
}
1822
 
1823
@-webkit-keyframes thigh_r_move {
1824
    0% {top: 0px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1825
   25% {top: 0px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1826
   50% {top: -8px; -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
1827
   80% {top: 0px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1828
   95% {top: 0px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1829
  100% {top: 0px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1830
}
1831
 
1832
@-moz-keyframes thigh_r_move {
1833
    0% {top: 0px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1834
   25% {top: 0px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1835
   50% {top: -8px; -webkit-transform: rotate(6deg); -moz-transform: rotate(6deg);}
1836
   80% {top: 0px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1837
   95% {top: 0px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1838
  100% {top: 0px; -webkit-transform: rotate(15deg); -moz-transform: rotate(15deg);}
1839
}
1840
 
1841
#shin_r {
1842
  -webkit-animation-name: shin_r_move;
1843
  -moz-animation-name: shin_r_move;
1844
}
1845
 
1846
@-webkit-keyframes shin_r_move {
1847
    0% {left: 4px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1848
   25% {left: 5px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1849
   50% {left: 6px; -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg);}
1850
   80% {left: 5px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1851
   95% {left: 4px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1852
  100% {left: 4px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1853
}
1854
 
1855
@-moz-keyframes shin_r_move {
1856
    0% {left: 4px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1857
   25% {left: 5px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1858
   50% {left: 6px; -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg);}
1859
   80% {left: 5px; -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg);}
1860
   95% {left: 4px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1861
  100% {left: 4px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1862
}
1863
 
1864
#foot_r {
1865
  -webkit-animation-name: foot_r_move;
1866
  -moz-animation-name: foot_r_move;
1867
}
1868
 
1869
@-webkit-keyframes foot_r_move {
1870
    0% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1871
   25% {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);}
1872
   80% {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);}
1873
   95% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1874
  100% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1875
}
1876
 
1877
@-moz-keyframes foot_r_move {
1878
    0% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1879
   25% {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);}
1880
   80% {-webkit-transform: rotate(20deg); -moz-transform: rotate(20deg);}
1881
   95% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1882
  100% {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg);}
1883
}
1884
 
1885
#thigh_l {
1886
  -webkit-animation-name: thigh_l_move;
1887
  -moz-animation-name: thigh_l_move;
1888
}
1889
 
1890
@-webkit-keyframes thigh_l_move {
1891
    0% {top: 0px; left: 12px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
1892
   25% {top: -8px; left: 4px; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg);}
1893
   50% {top: -8px; left: 4px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg);}
1894
   80% {top: -8px; left: 4px; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg);}
1895
   95% {top: 0px; left: 12px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
1896
  100% {top: 0px; left: 12px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
1897
}
1898
 
1899
@-moz-keyframes thigh_l_move {
1900
    0% {top: 0px; left: 12px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
1901
   25% {top: -8px; left: 4px; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg);}
1902
   50% {top: -8px; left: 4px; -webkit-transform: rotate(-30deg); -moz-transform: rotate(-30deg);}
1903
   80% {top: -8px; left: 4px; -webkit-transform: rotate(-35deg); -moz-transform: rotate(-35deg);}
1904
   95% {top: 0px; left: 12px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
1905
  100% {top: 0px; left: 12px; -webkit-transform: rotate(-15deg); -moz-transform: rotate(-15deg);}
1906
}
1907
 
1908
#shin_l {
1909
  -webkit-animation-name: shin_l_move;
1910
  -moz-animation-name: shin_l_move;
1911
}
1912
 
1913
@-webkit-keyframes shin_l_move {
1914
    0% {left: -2px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1915
   25% {left: 0px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg);}
1916
   50% {left: 0px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);}
1917
   80% {left: 0px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg);}
1918
   95% {left: -2px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1919
  100% {left: -2px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1920
}
1921
 
1922
@-moz-keyframes shin_l_move {
1923
    0% {left: -2px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1924
   25% {left: 0px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg);}
1925
   50% {left: 0px; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg);}
1926
   80% {left: 0px; -webkit-transform: rotate(25deg); -moz-transform: rotate(25deg);}
1927
   95% {left: -2px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1928
  100% {left: -2px; -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg);}
1929
}
1930
 
1931
 
1932
#foot_l {
1933
  -webkit-animation-name: foot_l_move;
1934
  -moz-animation-name: foot_l_move;
1935
}
1936
 
1937
@-webkit-keyframes foot_l_move {
1938
    0% {top: 76px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
1939
   25% {top: 80px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg);}
1940
   50% {top: 80px; -webkit-transform: rotate(-55deg); -moz-transform: rotate(-55deg);}
1941
   80% {top: 80px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg);}
1942
   95% {top: 76px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
1943
  100% {top: 76px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
1944
}
1945
 
1946
@-moz-keyframes foot_l_move {
1947
    0% {top: 76px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
1948
   25% {top: 80px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg);}
1949
   50% {top: 80px; -webkit-transform: rotate(-55deg); -moz-transform: rotate(-55deg);}
1950
   80% {top: 80px; -webkit-transform: rotate(-40deg); -moz-transform: rotate(-40deg);}
1951
   95% {top: 76px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
1952
  100% {top: 76px; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
1953
}
1954
 
1955
#foot_l_socks {
1956
  -webkit-animation-name: foot_l_socks_move;
1957
  -moz-animation-name: foot_l_socks_move;
1958
}
1959
 
1960
@-webkit-keyframes foot_l_socks_move {
1961
    0% {top: -2px; left: 5px;}
1962
   25% {top: -1px; left: 7px;}
1963
   80% {top: -1px; left: 7px;}
1964
   95% {top: -2px; left: 5px;}
1965
  100% {top: -2px; left: 5px;}
1966
}
1967
 
1968
@-moz-keyframes foot_l_socks_move {
1969
    0% {top: -2px; left: 5px;}
1970
   25% {top: -1px; left: 7px;}
1971
   80% {top: -1px; left: 7px;}
1972
   95% {top: -2px; left: 5px;}
1973
  100% {top: -2px; left: 5px;}
1974
}
1975
 
 

Dancing Anime / Manga Girl

CSSDeck G+