body{width:100%;margin:0;padding:0;font-family:"Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:12px;line-height:1.5;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}#menu{display:none;position:absolute;top:0;left:0;right:0;height:30px;background:#000;z-index:10;color:#fff}#menu_bar{padding:0 0 0 50px;background:#2f2f2c;position:relative;z-index:2;text-align:left}#menu_bar.active .menu.open .menu_list{display:block}.menu{position:relative;z-index:5;color:#333;display:inline-block;text-align:left}.menu_title{cursor:pointer;display:inline-block;padding:7px 10px;z-index:10;color:#fff;position:relative;height:16px;vertical-align:top}.touch .menu_title{padding:7px 17px;height:26px;line-height:26px}.menu .menu_title:hover{background:rgba(255,255,255,.1)}.menu_list .separator{margin:5px 0;border-top:solid #ddd 1px}.menu_list{display:none;position:absolute;top:28px;left:0;white-space:nowrap;background:#fff;padding:7px 0;border-radius:0 3px 3px 3px;box-shadow:0 0 20px rgba(0,0,0,.8)}.touch .menu_list{top:38px}#menu_bar.active .menu.open .menu_title{background:#fff;color:#333}.menu .menu_list{display:none;position:absolute}.menu_list .menu_item{position:relative;overflow:hidden;line-height:22px;padding:5px 69px 5px 25px;cursor:default;color:#333}.menu_list .menu_item.tool_button{background:0 0;border:none;margin:0;padding:5px 55px 5px 25px;height:auto;width:auto}.menu_list .menu_item.push_button_pressed:before{content:'✔';position:absolute;display:block;left:7px;top:3px;width:20px;height:20px}.menu_list .menu_item.push_button_pressed:hover,.menu_list .menu_item:hover{background:rgba(0,0,0,.1);color:#000}.menu_list .menu_item.disabled:hover,.menu_list .menu_item.push_button_pressed.disabled:hover{background:0 0;color:#333}.menu_list .menu_item.push_button_pressed{background:0 0;border:none;width:auto;height:auto;margin:0}.menu_list .menu_item span{display:block;position:absolute;right:10px;padding:5px;background:rgba(0,0,0,.1);top:6px;height:10px;text-align:center;font-size:10px;line-height:120%}.tool_button{height:40px;width:50px;cursor:pointer;line-height:60px;text-align:center}.tool_button svg{vertical-align:center;fill:#999}.tool_button:hover svg{fill:#ddd}.tool_button.current svg{fill:#0cf}.tool_button.disabled,.tool_button.disabled:hover{opacity:.3;background-color:#aaa}#main_menu li#tool_import,#main_menu li#tool_open{position:relative;overflow:hidden}#tool_image{overflow:hidden}#tool_clear a,#tool_csv_open input,#tool_csv_save button,#tool_import_bitmap input,#tool_item_back button,#tool_item_front button,#tool_item_stepback button,#tool_item_stepfront button,#tool_svg_open input,#tool_svg_save button{position:absolute;opacity:0;font-size:10em;top:-5px;right:-5px;margin:0;cursor:pointer;width:100%;height:100%}.disabled{opacity:.5;cursor:default}.cm_container{position:fixed;opacity:0;transform:scale(0);transition:transform .1s;transform-origin:top left;padding:0;font-size:1.2em}.cm_container.display{opacity:1;transform:scale(1)}.cm_container,.cm_container *{box-sizing:border-box}.cm_container *{position:relative}.cm_container ul{list-style-type:none;padding:0;margin:0;background-color:#ccc;box-shadow:0 0 5px #333}.cm_container li{padding:5px 10px;padding-right:1.7em;cursor:pointer;white-space:nowrap}.cm_container li:hover{background-color:#bbb}.cm_container li .cm_icon_span{width:1.5em;height:1.2em;vertical-align:bottom;display:inline-block;border-right:1px solid #aaa;margin-right:5px;padding-right:5px;text-align:center}.cm_container li .cm_sub_span{width:1em;display:inline-block;text-align:center;position:absolute;top:50%;right:.5em;transform:translateY(-50%)}.cm_container li>ul{position:absolute;top:0;left:100%;opacity:0;transition:opacity .2s;visibility:hidden}.cm_container li:hover>ul{opacity:1;visibility:visible}.cm_container li.cm_divider{border-bottom:1px solid #aaa;margin:5px;padding:0;cursor:default}.cm_container li.cm_divider:hover{background-color:inherit}.cm_container.cm_border_right>ul ul{left:unset;right:100%}.cm_container.cm_border_bottom>ul ul{top:unset;bottom:0}.cm_container li[disabled=""]{color:#777;cursor:default}.cm_container li[disabled=""]:hover{background-color:inherit}body,html{height:100%}div.color-picker{border-left:1px solid #000;border-top:1px solid #000;position:absolute;left:0;top:0;padding:0}div.color-picker ul{list-style:none;padding:0;margin:0;float:left}div.color-picker ul li{display:block;width:15px;height:15px;border-right:1px solid #000;border-bottom:1px solid #000;margin:0;float:left;cursor:pointer}.rul_cornerTL,.rul_cornerTR{border-bottom:1px solid rgba(206,219,236,.5)}.rul_cornerBL,.rul_cornerTL{border-right:1px solid rgba(206,219,236,.5)}.rul_cornerBL,.rul_cornerBR{bottom:1px;border-top:1px solid rgba(206,219,236,.5)}.rul_cornerBR,.rul_cornerTR{right:1px;border-left:1px solid rgba(206,219,236,.5)}.rul_wrapper{position:absolute;height:100%;width:100%;overflow:hidden;pointer-events:none}.rul_corner,.rul_line,.rul_ruler{pointer-events:all;position:absolute}.rul_wrapper *{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.rul_ruler{display:block;border:1px solid rgba(206,219,236,.5);filter:blur(0);-webkit-filter:blur(0);z-index:1000}.rul_corner{background-color:#fff;z-index:1010;cursor:pointer}.rul_corner:hover{background-color:#d3d3d3}.rul_cornerTL{top:0;left:0}.rul_cornerTR{top:1px}.rul_cornerBL{left:1px}.rul_ruler_Vertical{cursor:ew-resize;border-left:none}.rul_ruler_Horizontal{cursor:ns-resize;border-top:none}.rul_line{color:transparent;background-color:transparent;border-bottom:1px solid #3bb7c7;border-left:1px solid #3bb7c7;z-index:1000}.rul_line_dragged{border:1px dotted #6b7587}.rul_line:hover{border-bottom:1px solid #236e77;border-left:1px solid #236e77}.rul_lineVer{top:0;bottom:0}.rul_lineVer:hover{cursor:ew-resize}.rul_lineHor{right:0;left:0}.rul_lineHor:hover{cursor:ns-resize}.rul_tooltip:after{background:#fff;color:#000;border:1px solid gray;font-size:10px;content:attr(data-tip);top:50%;left:50%;margin-top:1px;margin-left:1px;padding:2px 5px;position:absolute;z-index:10001;min-width:45px}.rul_tracker{height:1px;width:1px;background:#000;position:absolute;pointer-events:none}#top-panel{position:absolute;left:0;top:0;border:none;overflow:visible;z-index:2;height:39px;text-align:center}#right-panel{position:absolute;right:0;top:40px;bottom:0;overflow:auto;padding:0;width:140px;z-index:5;text-align:center}.tools-panel{position:relative;padding-right:2em}.tools-panel input,.tools-panel select{max-width:100%}#right-panel .field-title{display:block;font-size:1em;margin-top:1em;margin-bottom:.5em;text-align:center}#right-panel .item-label{display:block;font-size:1em;margin-block-start:1.67em;margin-block-end:1.67em;margin-inline-start:0;margin-inline-end:0;font-weight:700;margin:0;line-height:1.5em;text-align:left}#right-panel .text-attribute{text-align:left}#right-panel .text-attribute label{display:block;text-align:left;font-weight:700}#main-content{position:absolute;top:0;left:0;bottom:0;right:140px;border-width:0}div#workarea{position:absolute;top:40px;left:0;right:160px;bottom:0;overflow:auto;border-width:0}div#svg-container{position:relative;cursor:auto;overflow:scroll;margin-top:0;margin-left:40px;display:inline-block;vertical-align:middle;-apple-dashboard-region:dashboard-region(controlrectangle0px0px0px0px);position:relative;border:none;overflow:visible}#rulers{background-color:#fff}.rul_ruler{z-index:2}.rul_corner{background-color:#e8e8e8;z-index:2}#svgcanvas{position:relative;margin-top:15px;margin-left:15px;width:1280px;height:720px;background-color:#fff}.canvas-color{background-color:#e8e8e8;border-color:rgba(0,0,0,.1)}.svg-grayscale100{filter:url(#grayscale)}.svg-background .svg-background-image,.svg-background .svg-foreground-image{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0);background-repeat:no-repeat}.svg-background-image.svg-background-removable,.svg-foreground-image.svg-background-removable{display:none}.svg-background-image.svg-background-removable.display,.svg-foreground-image.svg-background-removable.display{display:inline}.svg-foreground-wrapper{pointer-events:none}.svg-background .svg-foreground-image{pointer-events:none}.svg-background #map{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0)}div.color-picker{z-index:10}#selectorGrip_resize_nw{cursor:nw-resize}#selectorGrip_resize_n{cursor:n-resize}#selectorGrip_resize_ne{cursor:ne-resize}#selectorGrip_resize_e{cursor:e-resize}#selectorGrip_resize_se{cursor:se-resize}#selectorGrip_resize_s{cursor:s-resize}#selectorGrip_resize_sw{cursor:sw-resize}#selectorGrip_resize_w{cursor:w-resize}#selectorGrip_rotate_e,#selectorGrip_rotate_n,#selectorGrip_rotate_ne,#selectorGrip_rotate_nw,#selectorGrip_rotate_s,#selectorGrip_rotate_se,#selectorGrip_rotate_sw,#selectorGrip_rotate_w{cursor:url(images/rotate.cur),url(../images/rotate.cur),auto;cursor:url(../images/rotate.png) 12 12,auto}