html{-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none;touch-action:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}body{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}img{pointer-events:none}*{margin:0;padding:0}iframe{position:absolute;padding:0;margin:0;border:none}#main{display:none}#centerpanel{position:absolute;left:0;right:0;top:0;bottom:0;overflow:hidden;display:flex;flex-direction:column}#content{flex:1 0 auto;position:relative}#tool{flex:0 0 auto;position:relative;background-color:#f9f9f9}#tab{flex:0 0 auto;display:flex;background-color:#fff;height:20px;padding:0 2px}.contents_frame{width:100%;height:100%;background-color:#fff}#toolpanel{overflow:hidden}#tooltabs{position:absolute;bottom:0;left:0;right:0;z-index:11}#frames{z-index:0;position:absolute;top:0;bottom:0;left:0;right:0}#tab>div{flex:1 1 auto;max-width:250px;line-height:20px;position:relative;border-style:solid;border-color:#808080;border-width:0 1px 1px 0;overflow:hidden;background-color:#ddd;font-size:14px}#tab>div:first-child{border-width:0 1px 1px 1px}#tab>div:hover{background-color:#fdd}#tab>div.active{background-color:#fff}#tab>div.active:hover{background-color:#fff1f1}#tab>div>.tab_text{cursor:default;position:absolute;top:0;left:.25em;right:17px}#tab>div>.tab_close{position:absolute;top:0;right:2px;width:15px;height:19px}#tab>div>.tab_close:hover line{stroke:red}.paneltab{background-color:#f9f9f9;position:absolute;display:flex;flex-direction:column;z-index:10}#rightpaneltab{top:2px;right:0}#leftpaneltab{top:2px;left:0}.tab_tb{flex:0 0 auto;display:flex;align-items:center;font-size:15px;border-color:#808080;border-style:solid;padding:5px 2px 5px 2px;font-family:'Meiryo',sans-serif;cursor:default;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;min-width:1.25em;background-color:#f9f9f9}.tab_tb:hover{background-color:rgba(255,221,221,1) !important}.tab_tb_r{border-width:0 0 1px 1px}.tab_tb_r:first-child{border-width:1px 0 1px 1px}.tab_tb_l{border-width:0 1px 1px 0}.tab_tb_l:first-child{border-width:1px 1px 1px 0}.tab_selected{background-color:rgba(170,170,255,1) !important}.tab_selected:hover{background-color:rgba(221,221,255,1) !important}.tab_tb_label{flex:0 0 auto;margin-top:3px;margin-bottom:3px;vertical-align:top}.tab_tb img{flex:0 0 auto}.sidepanel{position:absolute;width:275px;top:0;bottom:0}#rightpanel{right:-275px}#leftpanel{left:-275px}#panel_conts{display:none}.sidepanel_cont{position:absolute;top:0;bottom:0;right:0;left:0;z-index:10;background:#e6e6e6;overflow:hidden;-ms-touch-action:pan-y;touch-action:pan-y;display:none}.sidepanel_head{display:table;position:absolute;top:0;width:100%;height:27px;z-index:11;background:#ddd;border-bottom:2px #fff solid}.sidepanel_head_label{display:table-cell;vertical-align:middle;padding-left:5px}.sidepanel_button{line-height:0;top:0;height:25px;width:25px;background:#ddd;border:solid 1px #ddd;display:table-cell}.sidepanel_button:hover{border:solid 1px #f00;background:#ffc0cb}.sidepanel_button_active{background:#ffc0cb}.sidepanel_body{top:29px;bottom:0;width:100%;position:absolute}.toc_panel{position:absolute;top:0;bottom:0;width:100%}.toc{position:absolute;top:0;bottom:0;width:100%;margin:0;overflow-y:auto;list-style-type:none}.toc_top{position:absolute;top:0;width:100%;margin:0;list-style-type:none}.toc_folder_item{width:100%;min-height:45px;background-color:#fdffc6;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAuBAMAAADXWFSyAAAAHlBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOpnVyeAAAACXRSTlMAEDBgoLDQ4PCsV+VOAAAANklEQVQYV2NgGDKAZeYMBSjTc2YTPkHWmdMEICzGzJmJUEHxmdOgLMuZkyEM5pkzDUgRGuQAAKLzEb8LX7QgAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right center}.toc_folder_item:hover{background-color:#feffe0}.toc_item{width:100%;min-height:45px;background-color:#efefef;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAuBAMAAAC7Xga3AAAAD1BMVEX///8AAAAzMzOZmZn8/PxCpUtAAAAAAXRSTlMAQObYZgAAADdJREFUKJFjYKAREEQGIAERFwRwJFvAGAhMXJSUlAgIYGghQ2DgbaFGiCnBAE6BoWILRpKiOgAABm1kmcsbZHcAAAAASUVORK5CYII=);background-repeat:no-repeat;background-position:left center}.toc_item:hover{background-color:#f6f6f6}.toc_item .nolink{color:#999}.toc_item_placeholder{width:100%;height:3px;background-color:#008000}.toc_item .page{color:#823200}.sortable_selected{position:absolute !important;opacity:.9;z-index:100}.toc_folder_toparent{width:100%;min-height:45px;background-color:#fdffc6}.toc_folder_toparent .toc_li_cont{padding-right:20px;padding-left:5px}.selected_folder{background-color:#ff8c8c}.ui-state-highlight{width:100%;height:3px;background-color:#008000}.toc_back{width:100%;height:45px;background-color:#b0c4de;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAuBAMAAAAxcZ/2AAAAGFBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzOcv8ImAAAAB3RSTlMAMGCAkKDwy9zahgAAADZJREFUKFNjYBgBQL28CM5mKi9XIEaiGFkCBCAcNmQOYzoSh0GsvATKgkgFIHhi5aVESQ0XAACeihMMaowudgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:left center}.toc_back:hover{background-color:#dbe4f1}.toc li,.toc_top li{display:table;border-bottom:solid 2px #fff;cursor:default;position:relative}.toc_li_cont{display:table-cell;vertical-align:middle;word-break:break-all}.toc_li_cont .nowrap{display:inline-block}.toc_item .toc_li_cont{padding-left:45px}.toc_folder_item .toc_li_cont{padding-right:20px;padding-left:5px}.toc_folder_item .r_btn_area{margin-left:-35px}.toc li.toc_folder_drop{width:100%;height:0}.toc_back .toc_li_cont{padding-left:35px}.r_btn_area{display:none;width:25px;vertical-align:middle}.r_btn_area>div{line-height:0;border:solid 1px rgba(255,255,255,0)}.r_btn_area>div:hover{border:solid 1px #f00;background:#ffc0cb}#list_body{overflow:hidden}.list_panel_body{position:absolute;top:0;overflow-y:auto;width:100%;height:100%}.list_item{padding:10px 0 5px 0;background-color:#efefef;border-bottom:solid #fff 2px}.list_item:hover{background-color:rgba(255,221,221,1) !important}.list_item_nothumb{min-height:45px;background-color:#efefef;border-bottom:solid #fff 2px;width:100%;display:table}.list_item_nothumb:hover{background-color:#f6f6f6}.list_folder_item{display:table;width:100%;min-height:45px;background-color:#fdffc6;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAuBAMAAADXWFSyAAAAHlBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzMzOpnVyeAAAACXRSTlMAEDBgoLDQ4PCsV+VOAAAANklEQVQYV2NgGDKAZeYMBSjTc2YTPkHWmdMEICzGzJmJUEHxmdOgLMuZkyEM5pkzDUgRGuQAAKLzEb8LX7QgAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:right center;border-bottom:solid 2px #fff}.list_folder_item:hover{background-color:#feffe0}.list_back{display:table;width:100%;height:45px;background-color:#b0c4de;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAuBAMAAAAxcZ/2AAAAGFBMVEX///8zMzMzMzMzMzMzMzMzMzMzMzMzMzOcv8ImAAAAB3RSTlMAMGCAkKDwy9zahgAAADZJREFUKFNjYBgBQL28CM5mKi9XIEaiGFkCBCAcNmQOYzoSh0GsvATKgkgFIHhi5aVESQ0XAACeihMMaowudgAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:left center;border-bottom:solid 2px #fff}.list_back:hover{background-color:#dbe4f1}.list_cont{display:table-cell;vertical-align:middle;word-break:break-all}.list_folder_item .list_cont{padding-right:20px;padding-left:5px}.list_back .list_cont{padding-left:35px}.list_empty{text-align:center;padding:10px 0 5px 0}.list_thumb{text-align:center}.list_thumb_cont{position:relative;display:inline-block}.list_thumb_cont img.thumb_img{padding:3px;background-color:#fff;border:solid 1px #555}.list_thumb_cont img.type_img{position:absolute;left:5px;top:5px}.list_label{text-align:center}.list_label_nothumb{display:table-cell;vertical-align:middle;word-break:break-all;padding-left:10px;cursor:default}.list_panel{position:absolute;top:0;bottom:0;width:100%}.tab_bottom{position:absolute;bottom:0;background-color:rgba(250,250,250,.5)}.tab_bottom:hover{background-color:rgba(255,221,221,1) !important}.tab_bottom_selected{background-color:#f9f9f9}.tab_bottom>div{padding:0 7px 0 7px;border-color:#808080;border-style:solid;border-width:1px 1px 0 0}.tab_bottom>div:first-child{border-left-width:1px}.button_panel{height:54px;border:1px solid rgba(238,238,238,0)}.button_panel_single{width:48px}.button_panel_side{width:63px}.button_panel_wside{width:66px;border:none}.button_panel_wside_1{position:absolute;width:48px;height:54px;border:1px solid #f9f9f9}.button_panel_wside_2{position:absolute;right:0;width:15px;height:54px;border:1px solid #f9f9f9}.button_panel_wside:hover .button_hover{border:1px solid #f00}.button_panel_wside:hover .button_hover_border{border:1px solid #f00}.button_icon{display:block;margin:0 auto 0 auto;position:relative}.button_panel_side .button_icon{position:absolute;left:5px}.button_str{position:absolute;height:13px;width:48px;font-size:12px;line-height:13px;text-align:center;cursor:default;bottom:0;font-family:"Meiryo UI",sans-serif}.panel_sep{position:absolute;top:0}.tool_subpanel{position:relative;height:62px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA+CAYAAADqOXHxAAAAIklEQVR42mL4//8/AxMDEKARzGJiYv+xSYwgggFX4AAEGACKRge13huzxQAAAABJRU5ErkJggg==);background-repeat:no-repeat}.tool_subpanel_f{position:relative;height:62px}.tool_subpanel_f:hover{background-color:rgba(255,221,221,1) !important}.tool_subpanel .button_panel{position:relative;margin-top:3px;display:block}.tool_subpanel_r{float:right;padding-right:3px;padding-left:4px;background-position:left}.tool_subpanel_l{float:left;padding-left:3px;padding-right:4px;background-position:right}.tool_subpanel_lf{float:left;padding-left:1px;padding-right:2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA+CAYAAADqOXHxAAAAIklEQVR42mL4//8/AxMDEKARzGJiYv+xSYwgggFX4AAEGACKRge13huzxQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right}.tool_subpanel_rf{float:right;padding-left:2px;padding-right:1px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA+CAYAAADqOXHxAAAAIklEQVR42mL4//8/AxMDEKARzGJiYv+xSYwgggFX4AAEGACKRge13huzxQAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:left}.tool_subpanel_r .button_panel{float:right}.tool_subpanel_l .button_panel{float:left}.tool_subpanel_0f .button_panel,.tool_subpanel_1f .button_panel{float:right}.tool_subpanel_r .button_panel_wside{float:right}.tool_subpanel_l .button_panel_wside{float:left}.tool_subpanel_0f .button_panel_wside,.tool_subpanel_1f .button_panel_wside{float:right}.submenu_img{position:absolute;top:0;right:0}#tool1_btn{right:70px}.pen_indicater{position:absolute;top:2px;height:36px;display:none;border:solid 1px #fff}#draw_type_btn{position:absolute;top:11px;width:25px;height:25px;background:#888}#draw_stat_btn{position:absolute;top:37px;width:25px;height:25px;background:#888}.button_hover:hover{border:1px solid #f00;background-color:#fdd}.button_hover_border:hover{border:1px solid #f00}.button_gray{color:#808080}.button_active{border:1px solid #0f0 !important;background-color:#dfd !important}.button_selected{border:1px solid #00f !important;background-color:#ddf}#search_body{display:none}#sidepanel_head_search{display:none;vertical-align:middle}#sidepanel_head_search_close{display:none}#sidepanel_search_input{border:none;margin-left:5px;width:calc(100% - 11px);height:calc(100% - 6px);background:#fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUBAMAAAB/pwA+AAAAIVBMVEX///+zs7Ozs7Ozs7Ozs7Ozs7Ozs7PZ2dnx8fH19fX///9YGWFkAAAABnRSTlMAEFCgsNB+Jb69AAAAZklEQVQIW2NgwAlU0lIUICyRtLS0FAEw0y191vQ0BxCLKa1r1aq2JBCTJX3VqlXLU0BMtkwgc2UamJkFZK5KQxNFUotkAnMayFwDENMsDWYbc1oyzA1mEDmIIJTFwAoXZGAMZsAEAJkxJkHO2pugAAAAAElFTkSuQmCC) no-repeat;background-position:2px}.search_mes{height:25px}.search_result{position:absolute;left:0;right:0;top:25px;bottom:0}#movepanel_left{width:50px;background-color:#f9f9f9;border:solid 1px #808080;z-index:15;position:absolute;bottom:2px;left:2px}#movepanel_right{width:50px;background-color:#f9f9f9;border:solid 1px #808080;z-index:15;position:absolute;bottom:2px;right:2px}.button_str_movepanel{bottom:3px}#movepanel_left .button_panel{position:relative;left:0}#movepanel_right .button_panel{position:relative;left:0}.movepanel_sub{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAABCAYAAACc0f2yAAAAHklEQVR42mL8//8/AwxMmzYNwRkCICsrixHGBggwAGMpBv+LnZRGAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-position:bottom;padding-top:1px;padding-bottom:2px}.movepanel_sub:first-child{padding-top:0}.movepanel_sub:last-child{background:none;padding-bottom:0}.close_panel{display:none;position:absolute;top:3px;z-index:15;border:solid 1px #808080;background-color:rgba(0,0,0,.7)}.close_panel img{display:block}.close_panel_left{left:30px}.close_panel_right{right:30px}.modal_win{background-color:rgba(0,0,0,.5);position:absolute;left:0;top:0;bottom:0;right:0;z-index:100;display:flex;justify-content:center;align-items:center}.modaldialog_body{flex:0 0 auto;display:flex;flex-direction:column;background-color:#fff;height:20%;width:50%;min-height:150px;min-width:250px}.modaldialog_title{flex:0 1 auto;width:100%;height:40px}.modaldialog_content{flex:1 1 auto;width:100%}.modaldialog_footer{flex:0 1 auto;width:100%;height:40px}.modaldialog_closebtn{float:right;margin:5px;width:25px;height:25px;border:solid 1px rgba(255,255,255,0)}.modaldialog_closebtn:hover{border:solid 1px #f00;background:#ffc0cb}.modaldialog_btn{background:#666;color:#fff;float:right;height:30px;width:100px;line-height:30px;text-align:center;cursor:default}.modaldialog_btn:hover{background:#aaa}.modaldialog_okbtn{margin:5px 10px 5px 5px}.modaldialog_cancelbtn{margin:5px}.modaldialog_title_text{display:table-cell;vertical-align:middle;height:40px;margin-right:50px;padding-left:20px}.modaldialog_message{margin:1em}#newfolder_form{height:100%}#newfolder_input{margin:0 20px;border:solid 1px;padding:1px;width:calc(100% - 44px);font-size:20px}#rename_form{height:100%}#rename_input{margin:0 20px;border:solid 1px;padding:1px;width:calc(100% - 44px);font-size:20px}#menupanels{z-index:50}.menupanel{display:none;position:absolute;background-color:#f9f9f9;border:solid 1px #808080;font-size:12px;font-family:'Meiryo UI',sans-serif;vertical-align:middle}.menu_line{height:25px;border:1px solid #f9f9f9}.menu_line_icon{vertical-align:middle;border-right:solid 1px #808080;padding-right:3px}.menu_line_str{vertical-align:middle;margin-left:5px;padding-right:3px;display:inline-block;cursor:default}#draw_menupanel{width:179px;height:197px}.menupanel_header{position:absolute;top:-16px;right:0;height:14px;width:14px;border:1px solid #808080;background-color:#aaa}.menupanel_header img.panel_close_button{position:absolute;top:2px;right:2px}#draw_menupanel .menupanel_header:hover{background-color:#faa}.menupanel_content{position:absolute;top:0;left:0}.color_select{border:solid 1px #fff;width:38px;height:38px;position:absolute}.color_icon{margin:1px;width:36px;height:36px}#color1_btn{left:5px;top:5px}#color2_btn{left:47px;top:5px}#color3_btn{left:89px;top:5px;border:solid 1px #808080}#color3_btn:hover{border:1px solid #f00}#color4_btn{left:5px;top:47px}#color5_btn{left:47px;top:47px}#color6_btn{left:89px;top:47px}#color7_btn{left:5px;top:89px}#color8_btn{left:47px;top:89px}#color9_btn{left:89px;top:89px}.button_menupanel{position:absolute;width:40px;height:56px;border:solid 1px #f9f9f9}#penselect{left:5px;top:134px}#markerselect{left:47px;top:134px}.button_str_menupanel{position:absolute;width:40px;text-align:center;bottom:0}.button_menupanel2{position:absolute;width:38px;height:38px;border:solid 1px #f9f9f9}#width1select{left:134px;top:5px}#width2select{left:134px;top:47px}#width3select{left:134px;top:89px}.button_str_menupanel2{position:absolute;width:40px;text-align:center;bottom:0}.button_icon_menupanel_wsubmenu{position:absolute;top:0;left:0}.button_str_menupanel_wsubmenu{position:absolute;bottom:0;left:0;width:40px}.button_menupanel_panel_wside_1{position:absolute;width:40px;height:56px;border:1px solid #f9f9f9}.button_menupanel_panel_wside_2{position:absolute;left:41px;width:15px;height:56px;border:1px solid #f9f9f9}#shape_btn{position:absolute;top:134px;left:89px;width:57px;height:56px}#appendtool_btn{left:147px;top:149px}#removetool_btn{left:147px;top:149px}.button_menupanel3{border:solid 1px #f9f9f9}#shape_menupanel{padding:3px;bottom:100px}#undo_menupanel{padding:3px;bottom:100px}#show_menupanel{padding:3px;bottom:100px}.menupanel_title{position:relative;left:0;right:0;background-color:#aaa;padding:2px 5px 2px 5px;font-family:'Meiryo UI',sans-serif;clear:both}.menupanel_button_icon{height:25px;width:25px;border:solid 1px #f9f9f9;float:left}.button_menupanel4{position:absolute;width:25px;height:41px;border:solid 1px #f9f9f9}.button_str_menupanel4{position:absolute;width:25px;text-align:center;bottom:0}#save_menupanel{width:91px}.menupanel_buttons_line{margin:2px 5px 2px 5px}.menupanel_buttons_line:after{content:"";clear:both;display:block}.tool_opt_button{position:absolute;top:0;right:0;width:7px;height:7px;border:solid 1px #f9f9f9;line-height:0}