:link,:visited,html{color:#fff}.site-title .title,body,html{margin:0;padding:0}.content,body,html{height:100%}.content,.floating-mask,body{min-height:631px;max-height:731px}.floating-panel-buttons input,body{font-family:Garamond,Georgia,serif}.panel-finish .tenkoku,.panel-finish .tenkoku-input{text-transform:uppercase}*{font-weight:400}html>img{clip:rect(0,0,0,0)}html{background:#000}body{font-size:14px;line-height:16px;touch-action:none;-ms-touch-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}img{border:0}small{font-size:inherit}article,aside,canvas,figcaption,figure,footer,header,hgroup,nav,section{display:block;margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;font-style:inherit;font-weight:inherit}abbr,audio,embed,keygen,mark,meter,output,progress,time,video{display:inline;margin:0;padding:0;border:0;outline:0;text-decoration:none;font-size:100%;font-style:inherit;font-weight:inherit}a{cursor:pointer}:link:active,:link:focus,:link:hover,:visited:active,:visited:focus,:visited:hover{color:#aaa}.site-title{position:absolute;z-index:3;left:0}.content{position:relative;z-index:0;display:block;min-width:980px;background:#fff;color:#000;overflow:auto}.content::after,.content::before{content:".";clear:both;display:block;height:0;visibility:hidden}.floating-mask{display:none;position:absolute;z-index:2;top:0;bottom:0;left:0;width:100%;min-width:980px;background:url(../img/bg_mask_01.png);background:rgba(0,0,0,.7);overflow:hidden}.write .floating-mask{background:rgba(0,0,0,.5)}.alert-shown .floating-mask{top:58px}.floating-panel{display:block;position:absolute;top:50%;left:50%;margin:-149px 0 0 -185px;width:370px;background:url(../img/bg_panel_body_01.svg) #666;color:#fff;box-shadow:0 0 7px 1px rgba(0,0,0,.65)}.floating-panel .floating-panel-title{margin:0;padding:10px;height:16px;font-size:15px;font-weight:400;background:url(../img/bg_panel_title_01.png) repeat-x #333}.floating-panel .floating-panel-body{padding:10px}.floating-panel .floating-panel-body:after{content:'';display:block;clear:both}.floating-panel .floating-panel-close{position:absolute;top:10px;right:10px}.floating-panel .floating-panel-close a{text-decoration:none}.floating-panel .floating-panel-close :link:before,.floating-panel .floating-panel-close :visited:before{content:url(../img/icon_close_01.png);padding-right:2px;vertical-align:-1px}.floating-panel .floating-panel-close :link:hover:before,.floating-panel .floating-panel-close :visited:hover:before{content:url(../img/icon_close_01_h.png)}#top-menu .menu-folding>.submenu:before,#top-menu:after,#write-paper:after{content:''}.floating-panel-body .floating-panel-buttons{display:none;text-align:center;margin-top:15px}.floating-panel-body .floating-panel-buttons input[type=button],.floating-panel-body .floating-panel-buttons input[type=submit]{border-style:none;background:url(../img/bg_panel_btn-left_01.png) top left no-repeat,url(../img/bg_panel_btn-right_01.png) top right no-repeat,url(../img/bg_panel_btn-center_01.png) top left repeat-x;color:#fff;font-size:16px;line-height:30px;height:30px;width:120px;outline:transparent 0}.floating-panel-body .floating-panel-buttons input[type=button]:active,.floating-panel-body .floating-panel-buttons input[type=button]:focus,.floating-panel-body .floating-panel-buttons input[type=submit]:active,.floating-panel-body .floating-panel-buttons input[type=submit]:focus{outline:#999 solid 1px}.floating-panel-body .floating-panel-buttons input[type=button].cancel,.floating-panel-body .floating-panel-buttons input[type=submit].cancel{background:#444;background:url(../img/bg_panel_cancelbtn-left_01.png) top left no-repeat,url(../img/bg_panel_cancelbtn-right_01.png) top right no-repeat,url(../img/bg_panel_cancelbtn-center_01.png) top center repeat-x}.floating-panel-body .floating-panel-buttons input[type=button].cancel:hover,.floating-panel-body .floating-panel-buttons input[type=submit].cancel:hover{background:#4c4c4c;background:url(../img/bg_panel_cancelbtn-left_01_h.png) top left no-repeat,url(../img/bg_panel_cancelbtn-right_01_h.png) top right no-repeat,url(../img/bg_panel_cancelbtn-center_01_h.png) top center repeat-x}.floating-panel-body .floating-panel-buttons input[type=button]:hover,.floating-panel-body .floating-panel-buttons input[type=submit]:hover{background:#444;background:url(../img/bg_panel_btn-left_01_h.png) top left no-repeat,url(../img/bg_panel_btn-right_01_h.png) top right no-repeat,url(../img/bg_panel_btn-center_01_h.png) top center repeat-x}.floating-panel-body .floating-panel-buttons input[type=button][disabled],.floating-panel-body .floating-panel-buttons input[type=button][disabled]:hover,.floating-panel-body .floating-panel-buttons input[type=submit][disabled],.floating-panel-body .floating-panel-buttons input[type=submit][disabled]:hover{background-color:#5c5c5c}.floating-panel.panel-messagebox{text-align:center;width:349px;margin-top:-58px}.floating-panel.panel-messagebox .floating-panel-body{padding:14px;font-size:20px}.floating-panel-body .floating-panel-buttons input[type=button],.floating-panel-body .floating-panel-buttons input[type=submit]{margin:0 10px 0 11px}@namespace svg "http://www.w3.org/2000/svg";article.content{background-color:#000;overflow:hidden}#hand-visibility-checkbox,#hand-visibility-checkbox:hover{background:url(../img/icon_checkbox_01.png) center left no-repeat}.write-stage{display:none;position:absolute;top:0;bottom:91px;width:100%}.write-container{position:absolute;top:50%;margin-top:-320px;height:640px;width:100%}#copybook-layer,#hand-canvas,#layered-canvas,#write-canvas,#write-hanshi{width:415px;left:50%;top:50%;position:absolute}#write-paper{z-index:2}#write-shitajiki{display:none;z-index:2;position:absolute;left:50%;top:50%;margin-left:-456px;margin-top:-300px}#write-hanshi{display:none;z-index:2;height:541px;background:#fefefe;margin-left:-436px;margin-top:-270px}#write-bunchin{display:none;z-index:2;position:absolute;left:50%;top:50%;margin-left:-385px;margin-top:-265px}#write-tools{z-index:0;position:absolute;left:50%;top:50%;margin-left:29px;margin-top:-320px;background:url(../img/steel.png) left center no-repeat;height:640px;width:540px}#write-tools-ink{display:none;cursor:pointer;z-index:2;position:absolute;left:50%;top:50%;margin-left:-209px;margin-top:-12px;width:180px;height:255px}#write-tools-ink #write-tools-ink-label{position:absolute;top:120px;left:50%;margin-left:-34px}#write-tools-stage{display:none;cursor:pointer;z-index:2;position:absolute;left:50%;top:50%;margin-left:-18px;margin-top:-285px}#write-tools-stage #write-tools-stage-label{position:absolute;top:360px;left:43px;width:79px;height:46px;z-index:7}#write-fude-small{z-index:5;position:absolute;left:8px;top:183px}#write-fude-medium{z-index:6;position:absolute;left:41px;top:97px}#write-fude-large{z-index:5;position:absolute;left:68px;top:50px}#write-tools-movie{display:none}#write-paper:after{z-index:1;position:absolute;top:50%;margin-top:-320px;height:640px;width:100%;display:block;background:url(../img/frame.png) top center no-repeat}.write-ready #write-paper:after{z-index:0}#top-menu,#write-hanshi *{z-index:2}#hand-visibility-checkbox{display:none;position:absolute;left:53px;bottom:55px;color:#fff;line-height:13px;font-size:13px;text-decoration:none;padding-left:18px}#hand-visibility-checkbox.checked,#hand-visibility-checkbox.checked:hover{background:url(../img/icon_checkbox_02_o.png) center left no-repeat}#hand-canvas,#layered-canvas,#write-canvas{margin-left:-208px;margin-top:-228px;height:498px;display:block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,.0001)}#hand-canvas{z-index:6}#layered-canvas{z-index:3}#write-canvas{z-index:4}#copybook-layer{z-index:3;margin-left:-208px;margin-top:-228px;font-size:350px;text-align:center;vertical-align:middle;line-height:498px;height:498px}#copybook-layer img{display:none;width:400px;position:absolute;left:50%;top:50%;margin-left:-200px;margin-top:-200px}#copybook-layer svg,#copybook-layer.ki svg{margin-left:-162px;margin-top:-193px}#copybook-layer svg{position:absolute;left:50%;top:50%}#copybook-layer.bi svg{margin-left:-172px;margin-top:-203px}#copybook-layer.soku svg{margin-left:-168px;margin-top:-203px}#copybook-layer svg g,#top-menu .menu-folding .submenu{display:none}#hanshi{position:absolute;top:0;left:0}#hand{z-index:5;position:relative;top:42px;left:0}#hand-image{display:none;position:absolute;top:0;left:0}#hand-image-small{display:none;position:relative;top:-6px;left:-14px}#hand-image-medium{position:relative;top:-14px;left:-24px}#hand-image-large{display:none;position:relative;top:-20px;left:-27px}#top-menu{margin:0 0 0 82px;padding:0;position:absolute;top:-30px;left:50%}#top-menu:after{clear:both;display:block}#top-menu>li{margin:0;padding:0;float:left;list-style-type:none;position:relative}#top-menu>li>a{display:inline-block;line-height:28px;width:70px;height:28px;background-color:#000;color:#fff;text-align:center;text-decoration:none;background:-moz-linear-gradient(top,#45484d 0,#000 50%,#000 100%);background:-webkit-linear-gradient(top,#45484d 0,#000 50%,#000 100%);background:linear-gradient(to bottom,#45484d 0,#000 50%,#000 100%)}#p-menu>li>a:hover{color:#fff;background-color:#444}#top-menu>li a{border-right:1px dotted #4d4d4d}#top-menu .menu-folding.menu-opened>a:first-child{background:#1f1f1f;border-bottom:1px solid #000;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#top-menu .menu-folding>.submenu{display:none;position:absolute;top:36px;right:0;width:225px;height:300px;background:#1f1f1f;background:-moz-linear-gradient(top,#1F1F1F 0,#333 100%);background:-webkit-linear-gradient(top,#1F1F1F 0,#333 100%);background:linear-gradient(to bottom,#1F1F1F 0,#333 100%);padding:36px 18px 18px;margin:0}#top-menu .menu-folding>.submenu:before{position:absolute;top:-8px;right:0;display:block;width:109px;height:8px;background-color:#1f1f1f}#top-menu .menu-folding>.submenu menu:after,#top-menu .menu-folding>.submenu:after{clear:both;display:block;content:''}#top-menu .menu-folding.menu-opened>.submenu{display:block}#top-menu .menu-folding .submenu li{list-style:none;float:left;position:relative;margin:6px;padding:0;width:63px;height:63px}#top-menu .menu-folding .submenu li a{display:inline-block;margin:0;padding:0;width:63px;height:63px;line-height:63px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:24px;text-decoration:none;text-align:center;color:#000;background-color:#fff;border:4px solid #fff}#top-menu .menu-folding .submenu li a:hover{border:4px solid #ccc}#top-menu .menu-folding .submenu li.selected a{border:4px solid #b7282e}#top-menu .menu-folding .submenu li a span{position:absolute;bottom:4px;left:50%;margin-left:-31px;width:63px;line-height:12px;font-size:12px}#top-menu .menu-folding .submenu li.selected none{font-size:24px}#top-menu .menu-folding .close-menu{display:none;background-image:none;background-color:transparent;position:absolute;top:47px;right:24px;margin:0;padding:0;line-height:1;height:auto;width:auto}#top-menu .menu-folding .close-menu:before{content:url(../img/icon_close_01.png);padding-right:2px;vertical-align:-1px}#top-menu .menu-folding .close-menu:hover{opacity:.75}#top-menu .menu-folding.menu-opened .close-menu{display:inline}#top-menu .menu-clear a,#top-menu .menu-finish a,#top-menu .menu-paper #button-paper{width:70px}#top-menu .menu-paper.menu-folding>.submenu{width:140px;height:270px;padding-left:14px;padding-right:14px;padding-top:58px}#top-menu .menu-paper.menu-folding>.submenu:before{width:70px}#top-menu .menu-paper.menu-folding>.submenu #paper-select{margin:0;padding:0;width:138px;float:left}#top-menu .menu-paper.menu-folding .close-menu{right:16px}#top-menu .menu-paper.menu-folding>.submenu li{margin:4px;width:60px;height:60px}#top-menu .menu-paper.menu-folding>.submenu li a{width:62px;height:62px}#top-menu .menu-paper.menu-folding>.submenu .label-paper{position:absolute;color:#fff;top:40px;left:19px}#top-menu .menu-copybook{display:none}#top-menu .menu-copybook #button-copybook{width:70px}#top-menu .menu-copybook.menu-folding>.submenu{width:225px}#top-menu .menu-copybook.menu-folding>.submenu:before{width:109px}#copybook-select li svg{width:32px;height:32px}#copybook-select li svg g{width:32px;height:32px;display:none}#copybook-select li svg path,#copybook-select li svg polygon{opacity:1}#copybook-select li svg g:not(#html5):not(#windows) path,#copybook-select li svg g:not(#html5):not(#windows) polygon{fill:#000;opacity:1}.panel-select-brush,.panel-select-ink,.panel-select-paper{width:330px;margin-top:-109px;margin-left:-165px}.panel-select-ink{width:380px;margin-left:-190px}.panel-select-ink .floating-panel-body{padding:24px 37px 10px}.panel-select-ink .floating-panel-body div{display:table}.panel-select-ink .floating-panel-body div .selection-group{display:table-row}.panel-select-ink .floating-panel-body div .selection-group span{display:table-cell;vertical-align:middle;padding-bottom:3px}.panel-select-ink .floating-panel-body div .selection-group menu{display:table-cell;padding-bottom:3px;padding-left:3px}.panel-select-brush .floating-panel-body,.panel-select-paper .floating-panel-body{padding:24px 10px 10px}.panel-select-paper{width:774px;margin-left:-387px}.panel-select-brush menu,.panel-select-ink menu,.panel-select-paper menu{margin:0;padding:0;text-align:center;display:inline-block;vertical-align:middle}.panel-select-ink menu{text-align:left;display:table-cell}.panel-select-brush menu li,.panel-select-paper menu li{display:inline;list-style-type:none;margin:0 10px}.panel-select-ink menu li{display:inline;list-style-type:none;margin:0 0 0 3px}.panel-select-ink menu li:first-child{margin-left:0}.panel-select-brush menu li a img,.panel-select-ink menu li a img,.panel-select-paper menu li a img{border:3px solid #fff}.panel-select-brush menu li:hover a img,.panel-select-ink menu li:hover a img,.panel-select-paper menu li:hover a img{border:3px solid #ccc}.panel-select-brush menu li.selected a img,.panel-select-ink menu li.selected a img,.panel-select-paper menu li.selected a img{border:3px solid #b7282e}.panel-finish{margin-top:-303px;margin-left:-350px;width:700px}.panel-finish label{display:block;margin-top:32px}.panel-finish :first-child>label{margin-top:0}.panel-finish small{color:#ccc;font-size:10px;line-height:1}.panel-finish input[type=text],.panel-finish textarea{color:#fff;background-color:#888;padding:5px;margin:8px 0;border:1px solid rgba(170,170,170,1);outline:transparent 0}.panel-finish input[type=text]:hover,.panel-finish textarea:hover{border:1px solid #ccc}.panel-finish input[type=text]:focus,.panel-finish textarea:focus{background-color:#999}.panel-finish textarea{width:300px;height:85px;border-box:box-sizing}.panel-finish textarea.has-error{background-color:#b5575c;border:1px solid #6c2c2f}.panel-finish .floating-panel-body{font-size:16px}.panel-finish .panel-left{float:left;width:310px;padding:10px}.panel-finish .panel-right{float:right;width:310px;padding:18px 10px 10px}.panel-finish .panel-left .preview-wrap{position:relative;height:396px}.panel-finish .panel-left div.replay{margin-top:10px}.panel-finish .comment-characters-limit{display:block;float:right;color:#bbb}.panel-finish .comment-characters-limit:after{display:block;content:'';clear:both}.panel-finish .comment-characters-limit.has-error{color:#ff7b82}.panel-finish .tenkoku{position:absolute;left:10px;bottom:9px;margin:0;padding:2px 0 2px 1px;width:22px;background:url(../img/bg_tenkoku-middle_01.png) repeat-y;color:#c9171e;font-size:10px;line-height:10px;text-align:center}.panel-finish .tenkoku:before{content:url(../img/bg_tenkoku-top_01.png);display:block;position:absolute;top:-8px;left:0}.panel-finish .tenkoku:after{content:url(../img/bg_tenkoku-bottom_01.png);display:block;position:absolute;bottom:-3px;left:0}.panel-loading{padding:0;height:68px;width:68px;margin-left:-34px;margin-top:-34px}.panel-loading .floating-panel-body{padding:0;opacity:.7}