/**
 *  @fileoverview  Stars 2
 *  @author        Tohl SMALLFIELD
 */
body,header,div,p,img,label,input,button,canvas{
    margin: 0; padding: 0;
}
header{
    display: block;
}
body{
    font-family: 'ＭＳ Ｐゴシック', osaka, helvetica, arial, sans-serif;
    overflow: hidden;
}
body.debug{
    overflow: visible;
}
#wrapper{
    width: 465px; height: 465px;
}
body.debug #wrapper{
    width: 900px; height: auto;
}
/*------------------------------------------------
    
------------------------------------------------*/
img{
    display: block;
    margin: 10px;
    background: repeat scroll left top;
    border: 1px solid #ccc;
}
/*------------------------------------------------
    
------------------------------------------------*/
header{
    height: 46px;
    background: repeat-x scroll left top;
    overflow: hidden;
}
/*------------------------------------------------
    
------------------------------------------------*/
.param{
    float: left;
    height: 45px;
    padding-right: 9px;
    overflow: hidden;
    background: no-repeat scroll right top;
}
#paramChar label,
#paramVibration p{
    float: left;
    height: 45px;
    background: no-repeat scroll center 14px;
    text-indent: -9999px;
}
#paramChar label{ width: 41px; }
#paramVibration p{ width: 69px; }
/*------------------------------------------------
    
------------------------------------------------*/
input,button,#slider{
    -webkit-border-radius: 5px;
    -moz-border-radius:    5px;
    -ms-border-radius:     5px;
    -o-border-radius:      5px;
    border-radius:         5px;
    border-width: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    border-right:  1px solid rgba(255, 255, 255, .2);
}
input{
    line-height: 1;
    float: left;
    width: 120px; height: 30px;
    margin: 5px 0 0 5px;
    background-color: #ddd;
    border: 1px solid rgba(0, 0, 0, .75);
    font-weight: bold;
    font-size: 120%;
    text-align: center;
    color: #555;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, .5) inset;
    -moz-box-shadow:    1px 1px 2px rgba(0, 0, 0, .5) inset;
    -ms-box-shadow:     1px 1px 2px rgba(0, 0, 0, .5) inset;
    -o-box-shadow:      1px 1px 2px rgba(0, 0, 0, .5) inset;
    box-shadow:         1px 1px 2px rgba(0, 0, 0, .5) inset;
    outline: none;
}
input:hover{
    background-color: #fff;
    color: #333;
}
input:focus{ 
    background-color: #ffc;
    color: #000;
}
/*------------------------------------------------
    
------------------------------------------------*/
#slider{
    position: relative;
    float: left;
    width: 125px; height: 24px;
    margin-top: 8px;
}
#slider a{
    position: absolute;
    left: 0; top: 0;
    width: 23px; height: 22px;
    margin: 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius:    3px;
    -ms-border-radius:     3px;
    -o-border-radius:      3px;
    border-radius:         3px;
    border-width: 0;
    
    -webkit-transition: left .2s ease-in-out;
    -moz-transition:    left .2s ease-in-out;
    -ms-transition:     left .2s ease-in-out;
    -o-transition:      left .2s ease-in-out;
    transition:         left .2s ease-in-out;
}
#slider:hover a{
    -webkit-transition: none;
    -moz-transition:    none;
    -ms-transition:     none;
    -o-transition:      none;
    transition:         none;
}
/*------------------------------------------------
    
------------------------------------------------*/
button{
    position: relative;
    float: right;
    width: 71px; height: 31px;
    margin: 5px 7px 0 0;
    text-indent: -9999px;
    cursor: pointer;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition:    opacity .2s ease-in-out;
    -ms-transition:     opacity .2s ease-in-out;
    -o-transition:      opacity .2s ease-in-out;
    transition:         opacity .2s ease-in-out;
    
}
button:hover{
    opacity: .75;
}
button:active{
    background-color: #fff;
    -webkit-transition: none;
    -moz-transition:    none;
    -ms-transition:     none;
    -o-transition:      none;
    transition:         none;
}
/*------------------------------------------------
    
------------------------------------------------*/
canvas{
    vertical-align: top;
}
/*------------------------------------------------
    DATA URIs
------------------------------------------------*/
#wrapper{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdEA\
AAABCAMAAAC2VGQyAAADAFBMVEX9AP/qAP+D/wCL/wAA7v//wQ\
CX/wCT/wCb/wD/yACj/wCr/wCy/wC6/wD/IADZAP+gAP8A/wL/\
AOnAAP8S/wDQAP//AFPy/wAA/yYA/ykp/wAA//0A/P8A//H/AJ\
v/6gD//QD8/wDi/wAAdP/q/wD/8QAA/9EA/2gA2P/Z/wAA/xYA\
/8D/gwCv/wDI/wD/4AAA/68A/x6n/wD/AOf/1wD/APkD/wAl/w\
D/AHsA/0cA+v8A/+Wf/wD/zACH/wD/xQC+/wAA//iP/wC2/wD/\
APIFAP8ABv8K/wD/AAX/BQD/CQD/DgD/AP4A//sA//80AP87AP\
8B/wEAK//yAP//AO72AP//APb6AP//AC11AP8TAP8AJP//JgBM\
AP+mAP8AVf//LQAA/wUF/wAA/wkBAf//AQEA/w1TAP8A/xIO/w\
BaAP//NAD//wDGAP//ABttAP/MAP/WAP8APf//ADTeAP98AP//\
ADz/ANQADP//AET/AOKEAP8ARP/uAP//HAD/AE0bAP+LAP//AF\
oATP+TAP//AGMA/+EA9v+aAP8A/+4A//X/AHWtAP+0AP//AJW7\
AP//AKLm/wAAZf//9QDu/wD/OwD/AKv1/wD5/wD/ALwAbf8AE/\
8jAP//QwD/AMQA/xr/AMwW/wAA/yIc/wAsAP8A/y7/SgD/ANsA\
/zUi/wAA/zv/AGwA/0Iu/wAAHP81/wALAP//ABP/UwAAxf8A/1\
Q8/wAA/1v/AIMA/27/WwD/AIxS/wAAXf8A1P9DAP//FQD/YwAA\
/5QA3v8A/6oAlP//bAAA/7UA5P8A/7z/ALQA6v8A/8YA/80AnP\
//dAAA/9YA/9wA8v//AAsA/+oApf//fQD/0gAArf//3AAAe//D\
/wAAtf//igD/5gDO/wDU/wAAg/8Avf//7gDe/wD/kgAA/0wAjP\
//+gD/mwBD/wAA/2IAzP//owBK/wAA/3UA/30AM/9kAP8A/4Rb\
/wD/qwAA/4xl/wD/ACQA/5tt/wD/swAA/6LlAP91/wB9/wD/uw\
CprH4EAAABaUlEQVR42gXBT2iNAQAA8N9739sbjhQHSk1JcmB7\
8RKGm+0ijR1QpkQsWzhMKRqXN3/bS2riIK0WqzVrRc1FI2tbGk\
0kb+3P3WG8P3vf9/n9Eucs6KHAmBxtNgoE0p60C2w1Z/CmwDeP\
rkhr8EWNpO92+upt4bA/axU2GNEqEtnuzgpdnp718qRQ/w2R2I\
zhLlWhiopF63VzXeifNnrFjlNikZ+cwGObMa+eLaxjUNFzuq1R\
65fTZq2SG1Ur7bfVagVS0mZkzbjUp0Zg75RRb+brTdVbPiLfrs\
mFZk1irf1iZ56JXMzLCn2WEQrFJnR8MCmyS8tVkUjoWtzj4WV3\
D4iEIkMOLu2wpM6r+5LSHizkJaVlpEzLEgikJKT2jTeOx8nM9L\
YfdYU9Ew19WoYkNL3T2CHf6fYtCblmI5+81jtm/3vHBpx64fzk\
7o8VKypKqqpKjg4oK1pRVrasqGTWX1XDnQ5xTyy26T+uRIxnFQ\
+dVwAAAABJRU5ErkJggg==");
}
img{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAA\
AAAQAQMAAAAlPW0iAAAABlBMVEX////MzMw46qqDAAAAEElEQV\
R42mNg+M+AFeEQBgB+vw/xeaW7jwAAAABJRU5ErkJggg==");
}
header{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEA\
AAAuCAMAAADeMYNYAAAAb1BMVEX///9vb29ubm5tbW1sbGxra2\
tqamppaWloaGhnZ2dmZmZlZWVkZGRjY2NiYmJhYWFOTk5NTU1M\
TExLS0tKSkpJSUlISEhHR0dGRkZFRUVERERDQ0NCQkJBQUFAQE\
A/Pz8+Pj49PT04ODgqKiooKChL8nhpAAAAAXRSTlMAQObYZgAA\
ACJJREFUeNpjUGJgZGJkYgBCRjhkwMJChww4xJgYIECF6QcAI5\
MBst0tbgkAAAAASUVORK5CYII=");
}
.param{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIA\
AAAtCAMAAACzkkr1AAAAh1BMVEX///+goKCenp6dnZ2bm5uZmZ\
mXl5eVlZWTk5OQkJCOjo6MjIyJiYmGhoaEhISBgYF+fn58fHx5\
eXl2dnZzc3NwcHBtbW1qampnZ2dlZWViYmJfX19dXV1aWlpXV1\
dVVVVTU1NQUFBOTk5MTExKSkpISEhGRkZFRUU6Ojo2NjYvLy8o\
KCgdHR2Sl5UUAAAAAXRSTlMAQObYZgAAABtJREFUeNpjVORm/i\
jExMhAZ8TCzMgAA4yaDAC/awHYvwgQ/wAAAABJRU5ErkJggg==");
}
#paramChar label{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4A\
AAAKCAMAAACUqR4dAAAA2FBMVEX////////z8/Py8vLn5+fm5u\
bl5eXa2trY2NjQ0NDOzs7Nzc3KysrExMTBwcHAwMC+vr64uLiz\
s7OxsbGwsLCoqKijo6OhoaGgoKCfn5+cnJyampqZmZmWlpaVlZ\
WPj4+NjY2JiYmIiIiGhoZ+fn59fX18fHx7e3t3d3d0dHRzc3Nx\
cXFwcHBvb29qampnZ2dmZmZkZGRjY2NiYmJhYWFgYGBaWlpZWV\
lWVlZRUVFLS0tKSkpJSUlISEhHR0dGRkZFRUVERERCQkJAQEA+\
Pj49PT08PDw6OjpjcymqAAAAAXRSTlMAQObYZgAAAM9JREFUeN\
p1j9lSwkAQRfvOjGCi7MoIGllMIKDsccQkQJBl/v+PmFCR0gfu\
Y59bp7spitOEdCW7YGTiT/8NV5d6ZCON/EuT9dul/u4/QHqLg9\
4R7XW00j+xduDTZn9Mzl0HHh0nAndqeYuZi8rA6Bq6nWcyw5s1\
L7q8QmPcC6G+jW++RKnrZTjpoPpyw2jrwKjOvjnnNZXh0EHetq\
1YPwJP6aQfboMaxO/uT5TdVu/wgWaOK3pGM/iqDwVLb5MGU8di\
QirB1CsKpArmGQuWdwIPsRnKNWxLbwAAAABJRU5ErkJggg==");
}
#paramVibration p{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADUA\
AAAKCAMAAAAjFOY6AAAA2FBMVEX////////z8/Py8vLn5+fm5u\
bl5eXc3Nzb29va2trY2NjQ0NDMzMzLy8vKysrExMTAwMC+vr64\
uLi2traxsbGwsLCsrKypqamoqKinp6elpaWkpKSjo6OhoaGdnZ\
2bm5uZmZmYmJiWlpaVlZWPj4+IiIiGhoaDg4OAgIB+fn59fX18\
fHx6enp0dHRxcXFvb29ubm5qampkZGRiYmJhYWFaWlpZWVlYWF\
hVVVVUVFRLS0tKSkpJSUlISEhHR0dGRkZFRUVERERBQUFAQEA+\
Pj49PT08PDw6Ojrd2Y2LAAAAAXRSTlMAQObYZgAAATlJREFUeN\
ptkWtXgkAQhucFggDTsiRLqVArQ8JuVOKqbNz+/z9qNj3HDrWf\
ZueZZ3Z2l4QgolSk9LUhmdO/i1Fj5fOI04vodX08zoduE6csLB\
k10lkbIVUniJ/Qydv403TBAqNmsxH8Va0Zon4mtspCkKizSqyK\
ulxRVrchFCJZlJLPqDNVQfSBQzmDJ+bw2To3nZDDGy26P4R5mw\
YAIkZy3bfNiyQb4YorWHeQDhDvrO5E1ziEGz8Gc0dL3h2En4zK\
S/gBumy5U93gu44wsw3aWSSHqrdHuTg9AEKVUqgyLSocja1we/\
sX9LhqZ62qAd44pOpIe+jtLanbWW3/sqQJxFurhbMpP4yyNro5\
4emWLdypCamP4Bre3iIPPCiFjFyro3Xin5DGhuXxp8QWYrVPPM\
PwEvI55eIbQZ4wS7bauRoAAAAASUVORK5CYII=");
}
#slider{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0A\
AAAYCAMAAADgZwL+AAAAb1BMVEU+Pj40NDQ8PDw6Ojo2NjZqam\
o4ODhFRUVpaWldXV1YWFgSEhJZWVlKSkpTU1NhYWETExNMTExl\
ZWVQUFBRUVE9PT03NzcbGxtcXFxXV1dHR0dVVVVgYGA1NTVAQE\
A/Pz9CQkJBQUFEREQAAABDQ0N2kfd1AAAAyUlEQVR42s2W2RKD\
MAhFbxLj2n1fjJro/39jMdrOtH0Hz1vycoBhAFhbZEYp5Tghn8\
kKa5EfE6MBtJyQT5tkk+PmdFQ3nMQAtDugMSRvGs8LBQCYBy6a\
5PTuOBn9LXQKFeXj18DF5Ce9muyM6ncAHzulPnBDyY92N6ceOJ\
mTd0uwUylC1XNRhVj6L3vPx0rUXv/bd2zy6489dl1Zc1EupOdl\
p434pBXcMk5uw54TpILXRYtOyV1Wd2Re7KrcbxHC2qcCF3Xqn/\
XpBWaPdQRt5fLaAAAAAElFTkSuQmCC");
}
#slider a{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcA\
AAAWCAMAAAAcqPc3AAAAjVBMVEXa2trX19eSkpKNjY2Xl5ecnJ\
whISFSUlIODg5tbW05OTnOzs7w8PDLy8vJycnv7+/t7e0AAADu\
7u7Gxsbr6+uGhobp6emkpKStra3Dw8Obm5uhoaHIyMiRkZGQkJ\
Dh4eHV1dXf39/c3NzT09PQ0NCEhITl5eWIiIjs7Ox4eHjj4+N8\
fHyAgIDo6Ojq6uoPKyC4AAAAe0lEQVR42m3DRw7CQBAEwAa8ju\
TkSM7B/v/z8Owg9WVKKjxt6Gxobbjb8LbhoDZjFjipZMYCZxUt\
WeAvnbM3UOGaBY4q7ljgohZbFriquGWBrClq51yYcV00GcoqEO\
mEg6AqkQ+9aMq9HLuRl6y4t8fDhpsNXxs+NrxsPyjLOTZdnPsw\
AAAAAElFTkSuQmCC");
}
button{
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEcA\
AAAfCAMAAACCsyC3AAADAFBMVEVuwe0xY9lyye1Yk92mu9ljte\
lUpOQ1atqO0OpYqeYtWs17zPHc5PTX4fUqVsRLlN80aad0i7wt\
XtJtbW0rVrZ9fX0sWckvX9ZCg8U7ddbB1eoxYc0lSpo9etZOmd\
hqvuxGjOVOmuB5ldptv+yBzfFJkd5xxO41ac74+f3d6vkyZdIt\
Ys/u8vpbreYvXc8yXcYxY8o9etk1atH2+Pv09votP1LO4fY4cd\
uW1vQFNWU4cdL9/f56enpmZmZoaGjt8ffr7vV3yvA7dK2O1fEu\
XLs3btVBQUFVpeRnuutPneFMTExxwu5fselTo+OawuJesOd7m8\
RiYmJCdsk6cta41PJdd7Jjrc0xYcorWLMbQGRng8pamuGJ0vI7\
U2touetQn+EhRWlMgrBCht4rVshOnNxfjbg/f9osWtBgs+k3bt\
J5x+80atdSXmswYNGc2vVMluAvXsqIm8YqVMT6/P1eXl42bc9Z\
WVkzZs4vXsgtWcYCNmpGi91Cg9pEh9tRoeNHj90sWMUwYMkuXc\
ctWsZLleCDnd1Wp+UuW8dQoOJUpOMrV8VRouMhVLRovOshXYxH\
R0dBgtlFh9wMOWdJj900Z80sV8YyZMtQoOGf3PVpuuwyY8xdr+\
dKkt9TU1NFiNxGid1jt+oqVccxYtUzZddHjN0IN2ZNmeAtXMgu\
XcguXMya2PVEhdva5/g/dbZTouBdkcFzxe+fxu4vW7iattM7R1\
RumL8nT6mV2fQQN15gj7pRouVZZXFMmuRzrecMP4OIo9+8x9/E\
0O0NQYRNo8k/a8wjWLRHkOMrV7rO3/ZUpeZOl9FEh9YtarpLlu\
N+0PJIh9tShrOOz+nN3Ou4y+BBg9xUj92ZruB8sOd0xuYySmLm\
7PTh7fpWqOZDhtlEhs1Yp+EsV8BpiNZJkuNyj8uWstB8yO+WvN\
+cuttVleBCd6xFi95NmN0YPmVIVGCyvtvo7fkrWM5fsOgpVMSV\
1vQqVcQtW9NnuOtuv+0sV8srVchaq+YqVMZcXFwzZsz///8AM2\
ZYryNMAAADxUlEQVR42mMQFs5JmPSfAjApIUdYWJhBOLYvjGNG\
3ioLC4vPJAKgllV5MzjC+mKB5uRUXZzxWSVLzZvhO8mAwVttQx\
b3uRtVu4UZIsPyYjYwKPfOjPtGMoib2avMsMHx3OEEYQZLZ2c1\
5d4FrBk+Pj4fSQJADRmsC3qV1RyZltow/N/uKB/H6jNb9xcucP\
8UTind2T6scfJqjv9FGf47M3iw+v/ibHPHBdZd8MMl1cb5y5/V\
g4EJZE5ML9CYNjbfOjSQIgcFpxKL/UDclHh0JXW+bG1Ag3oZQO\
aoLPD/5e7b4amIAl5LOF1IhYKt//49U5RI3LleThENeHb4uv/y\
XyAPNidDt803XjG/BQVIvGSx/4cA1hslNv8rvrQXVVFLvmK8b5\
tuhgfInKf+nJ3TFfPnqKIApyf/UIDZvedA8jaqItU5+YrTOzn9\
F4DMyQI6xzOfX7UeBQjc+vdPMwQCLgONia6/LlX87x+qonpV/n\
xPkIP+A+P9+y/3jmX8k5dUowABjX860RDm6bX/zF4AaQmWf/9Q\
FVUvmcy/rMP9FyfIHB/3bsWW+up5tShAwPjfGijzLvMJZhAdFP\
DvH6qi2nnV9S2K3e7LQOb8ms/folo9cXUNCgCZA2FNqDl/FcwA\
mYOqqGb1xGrVFv759SBz7kyQlbQqVZ/yFwXIGP/jBTNcNqlDhV\
wE//1DVfR3inqplaTshFf/7Rj+n0yTBRrzd5oBCgCZA6JdZB7v\
hwpFAM1BVWQw7S/QINm0JJA5uwwlM9X/zgpvRAFAc3g2NTa6yI\
SaXBOBAJnCf/9QFTWGz/qrnilpeOW/LcP/Dkkro3KDxoomFLDN\
4d+/d0rHZUId/h0QhIBCoBCqoqaKRoNyIyvJNJA5e4Iz1Wc1rm\
hvRgEPgJH8T0MkVAclNeqgKmpuX9E4Sz0z2BBkztlgo/LwgvbK\
BlRw5KD1P42GKGNkY94roSmqbC8ILzeCmPPI1WhWwfLKLj40oP\
+wVYmPL8r+38FWKFAKQlfTVbm8YJaRq+T/QIb/x1zLpQuap/J9\
wQ6iNK59wQn4pjYXSJe7moPMUcjWkl4p1vWl6BN2oLT/Ey5Q9K\
VLbKW0VjbMnNyVYskLf5MBFiaLrcyFmGOZxL44V49LLDn5J8kg\
OVmMSy93MXu2ZSDDjjPsixcBDeL6QQbgAhqzaDH70TclDKb/tR\
kZxYW+pqd/IBmkp38VEmdk1P7/tozBzfRQjxCjuPhXsoC4OKNQ\
z76bJf0Mbm5bIpdS0k5YGvm2xMsNaI5b/9yyPxSAsrn9bm4A9N\
Fy2PvhSJcAAAAASUVORK5CYII=");
}