document.write("<dialog id='varDialog' style='width:300px;height:150px;text-align:center;'>");
document.write("<p><div id='lbl_VarDialog_varNm' style='text-align:left;padding-left:10px;font-size:14px;'></div></p>");
document.write("<p><input id='VarDialog_val' style='width:220px;'></p>");
document.write("<p>");
document.write("<button type='button' id='btn_VarDialog_Cancle'>Cancle</button>");
document.write("<button type='button' id='btn_VarDialog_OK' style='margin-left:20px;width:65px'>OK</button>");
document.write("</p>");
document.write("</dialog>");

document.write("<dialog id='optDialog' style='width:300px;height:160px;text-align:center;'>");
document.write("<div style='text-align:left;padding-top:20px;padding-left:10px;font-size:1.1em;'><span id='lbl_OptDialog_title'></span><a id='lbl_OptDialog_help' class='help' style='padding-left:10px;font-size:0.8em;'></a></div>");
document.write("<p><div style='text-align:left;padding-left:10px;'><select id='cmb_OptDialog' style='width:270px;font-size:0.9em;'></select></div><div style='text-align:left;font-size:0.9em;;padding-left:15px;'></div><div style='text-align:left;display:none'><input id='optDialog_input' style='width:260px;font-size:1em'></p></div>");
document.write("<p>");
document.write("<button type='button' id='btn_OptDialog_Cancle'>Cancle</button>");
document.write("<button type='button' id='btn_OptDialog_OK' style='margin-left:20px;width:65px'>OK</button>");
document.write("</p>");
document.write("</dialog>");

document.write("<dialog id='modeDialog' style='width:300px;height:150px;text-align:center;'>");
document.write("<p><div id='lbl_ModeDialog_ModeNm' style='text-align:left;padding-left:10px;font-size:14px; '></div></p>");
document.write("<p><select id='cmb_ModeDialog_Mode' style='width: 220px; '></select></p>");
document.write("<p>");
document.write("<button type='button' id='btn_ModeDialog_Cancle'>Cancle</button>");
document.write("<button type='button' id='btn_ModeDialog_OK' style='margin-left:20px;width:65px'>OK</button>");
document.write("</p>");
document.write("</dialog>");

document.write("<dialog id='tmplDialog' style='width:650px;height:350px;text-align:center;'>");
document.write("<p><div id='lbl_TmplDialog_ModeNm' style='text-align:left;padding-left:10px;font-size:14px; '>テンプレート</div></p>");
document.write("<textarea id='txt_TmplDialog_Val1' style='width:620px;' rows='2'></textarea>");
document.write("<textarea id='txt_TmplDialog_Val2' style='width:620px;' rows='2'></textarea>");
document.write("<textarea id='txt_TmplDialog_Val3' style='width:620px;' rows='2'></textarea>");
document.write("<p>");
document.write("<button type='button' id='btn_TmplDialog_OK' style='margin-left:20px;width:100px'>クローズ</button>");
document.write("</p>");
document.write("</dialog>");