CINXE.COM
メールフォーム
<!DOCTYPE html> <html lang="ja"> <head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# article: http://ogp.me/ns/article#"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta http-equiv="expires" content="86400"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=530"> <meta name="format-detection" content="telephone=no"> <meta property="og:title" content="メールフォーム" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://ws.formzu.net/fgen/S47012785/" /> <meta property="og:image" content="https://ws.formzu.net/image/public/formzu-logo-ogp.png" /> <meta property="og:site_name" content="formzu" /> <meta property="og:description" content="*は入力必須です。" /> <meta property="fb:app_id" content="468599450150995" /> <meta name="twitter:card" content="summary" /> <title>メールフォーム</title> <link rel="icon" href="/favicon.ico"> <style type="text/css" media="all"> body {font-family: meiryo, 'MS PGothic', 'Hiragino Kaku Gothic Pro', sans-serif;-webkit-text-size-adjust: 100%;}body,div,p,form,input,textarea,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,table,th,td {margin: 0;padding: 0;}input, textarea, select {font-size: 0.9em;line-height: 1.0em;padding: 2px;margin: 0px 0px 0px 0px;font-family: monospace;}input[type="file"] {width: 100%;}p {font-size: 1.0em;font-weight: normal;font-style: normal;line-height: 1.4em;}th {white-space: normal;text-align: left;font-weight: normal}li {list-style-type: none;}button {padding: 3px;}label {cursor: pointer;}body {background-color: #ffffff;}.comform-wrap {box-sizing: border-box;position: relative;margin: 8px auto 8px auto;overflow: auto;max-width: 530px;border: 1px solid #ffffff;background-color: #ffffff;padding: 0px;}.comform-title {text-align: center;max-width: auto;font-size: 16px;line-height: 1.6em;color: #ffffff;background-color: #4169e1;border: 1px solid #87ceeb;font-weight: bold;padding: 4px;margin: 8px auto 16px auto;}.comform-container {box-sizing: border-box;border-top: 1px solid #236b8e;border-left: 1px solid #236b8e;}.comform-row {table-layout: fixed;display: table;width: 100%;}.comform-row .itemTitle {display: table-cell;width: 30%;vertical-align: top;padding: 6px 6px 6px 10px;font-weight: bold;line-height: 1.2;font-size: 15px;color: #000000;background-color: #f0f8ff;border: 0;border-right: 1px solid #236b8e;border-bottom: 1px solid #236b8e;box-sizing: border-box;}.comform-row .itemInput {display: table-cell;width: 70%;vertical-align: text-top;font-size: 15px;line-height: 1.2;color: #000000;background-color: #ffffff;padding: 6px 6px 6px 10px;border: 0;border-right: 1px solid #236b8e;border-bottom: 1px solid #236b8e;box-sizing: border-box;}.itemInput.itemComment {overflow-wrap: break-word;}.itemInput input[type="text"], .itemInput input[type="email"], .itemInput input[type="password"], .itemInput textarea, .itemInput select {font-size: 0.95em;font-family: -apple-system, BlinkMacSystemFont, monospace;line-height: 1.1em;padding: 2px;margin: 2px 0px;color: #555;background-color: #fff;border: 1px solid #777;}.itemInput select {padding-left: 0px;padding-right: 0px;max-width: 100%;}.itemInput input[type="radio"], .itemInput input[type="checkbox"] {vertical-align: middle;height: 15px;width: 15px;margin: 0 0.1em 0 0;position: relative;top: -0.1em;}.itemInput select option {color: #444;background-color: #fff;}.itemInput figure {margin: 0;}.itemInput input[type="text"]:focus, .itemInput input[type="email"]:focus, .itemInput textarea:focus, .itemInput select:focus {box-shadow: 0px 0px 3px #f05050;}.itemInput label:hover {text-shadow: 0px 0px 2px #dd8080;}.comform-row figure img[onclick]:hover {cursor: pointer;}.annot {color: #dc143c;font-size: 0.9em;padding: 0px;display: inline-block;vertical-align: top;overflow-wrap: break-word;width: 100%;}.annot-upper {margin: 0px 0px 1px 0px;}.annot-lower {margin: 1px 0px 0px 0px;}.req-mark {display: inline-block;font-size: 0.8em;height: 1.4em;color: #ff0000;background-color: ;font-family: meiryo, 'Hiragino Kaku Gothic Pro', sans-serif;white-space: nowrap;border-radius: 4px;position: relative;padding: 0.1em 0.2em;margin: 0 0 0 0.2em;}.checkLabel {margin: 0px 4px;font-size: 0.9em;display: inline-block;}.tkaddress {display: inline-table;}.tkaddress th {background : 0;border: 0;padding: 0px 2px 0px 0px;text-align: left;}.tkaddress td {background : 0;border: 0;padding: 0px;}.tkaddress .search-address-button {padding: 1px 1px 1px 1px;font-size: 0.8em;}.choice-table {display: inline-table;border-spacing: 0;vertical-align: top;}.choice-table td {padding: 2px 4px 2px 18px;text-indent: -16px;}.choice-table td label {margin: 0px 0px 0px 2px;}.grid-item {display: inline-table;border-spacing: 0;vertical-align: top;}.grid-item-row {display: table-row;}.grid-item-colname {display: table-cell;padding: 4px;text-align: center;}.grid-item-rowname {display: table-cell;padding: 4px 0;}.grid-item-radio {display: table-cell;padding: 4px;text-align: center;border-radius: 4px;}.grid-item-radio:hover {background-color: rgba(255, 230, 230, 0.7);}.scale-table {}.scale-table td {text-align: center;padding: 0px 4px 0px 4px;}.blockConnect {display: inline-block;margin: 0px;vertical-align: top;}.comform-title, .itemTitle, .itemInput, .itemInput select, .annot, #form-button button, .proc-step {font-family: meiryo, "MS PGothic", "Hiragino Kaku Gothic Pro", sans-serif;}.form-buttons {text-align: center;margin: 16px 0px;padding: 0;}.form-buttons button {font-size: 13px;}.form-buttons .return-top {margin: 0 32px 0 0;}@media print { #save-load-layer { display: none; }}#advertising-top {background-color: #ffffff;margin: 16px 0px 16px 0px;text-align: center;height: 24px;width: auto;padding: 0;overflow: hidden;}#advertising-top {margin: -16px 0px -2px 0px;height: 58px;}#advertising-top #ie8-hack {/* width: 800px; */width: auto\9;}#advertising-top:hover {border-color: #ffedc0;/* height: 60px; */}#advertising-bottom {margin: 20px 0px 8px 0px;}#advertising-bottom-formzu {text-align: center;font-size: 12px;line-height: 1.8em;/*height: 40px;*/color: #555;background-color: rgba(255, 255, 255, 0.75);border: 1px solid #ddd;padding: 8px 4px;}#advertising-bottom-formzu a {color: #555;text-decoration: none;}.form-buttons .back-button {margin-right: 32px;} </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://code.jquery.com/jquery-migrate-3.4.0.min.js" integrity="sha256-mBCu5+bVfYzOqpYyK4jm30ZxAZRomuErKEFJFIyrwvM=" crossorigin="anonymous"></script> <!-- Formzu GA4 --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-T8GWZ4ETK0"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-T8GWZ4ETK0', { send_page_view: true, }); </script> </head> <body id="body"> <div class="comform-wrap"> <h1 class="comform-title">メールフォーム </h1> <form action="/fgen/S47012785/" method="post" onSubmit="return false;" novalidate="novalidate" > <div class="comform-container"> <div class="comform-row"><div class="itemInput itemComment"><span style="font-size: ; color: #ff0000;"><span style="font-weight: bold;">*</span></span>は入力必須です。</div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">お名前<span class="req-mark">*</span></div><!-- itemTitle --><div class="itemInput"><input type="text" name="tkna001" id="tkna001" size="20" value="" style="width: 100%; max-width:10em;" class="required" /></div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">メールアドレス<span class="req-mark">*</span></div><!-- itemTitle --><div class="itemInput"><input type="email" name="tkem001" id="tkem001" size="25" value="" style="width: 100%; max-width:12.5em;" class="required" /><br><input type="email" name="tkem001-check" id="tkem001-check" size="25" value="" style="width: 100%; max-width:12.5em;" class="required" /><span class="checkLabel">確認用</span></div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">URL</div><!-- itemTitle --><div class="itemInput"><input type="text" name="text358" id="text358" size="30" value="" style="width: 100%; max-width: 15em; ime-mode: disabled" /></div><!-- itemInput --></div><!-- comform-row --> <div class="comform-row"><div class="itemTitle">メッセージ<span class="req-mark">*</span></div><!-- itemTitle --><div class="itemInput"><textarea name="text001" id="text001" rows="25" cols="45" style="width: 100%; max-width: 22.5em; height: 27.5em; vertical-align: middle;" class="required" ></textarea></div><!-- itemInput --></div><!-- comform-row --> </div><!-- comform-container --> <div id="form-button" class="form-buttons"> <button type="submit" onKeydown="kc=event.keyCode;if(kc == 13 || kc == 32)goSubmit(this.form);" onmouseup="goSubmit(this.form);">内容確認画面へ</button> <input type="hidden" name="nextAction" id="nextAction" value="confirm"/> </div> <input type="hidden" name="ID" id="formId" value="S47012785"> </form> <div id="advertising-bottom"> <div id="advertising-bottom-formzu"> <div id="formzu-ad-standard" style="display: flex; justify-content: center;"> <a href="http://www.formzu.com/" target="_blank" onclick="ga('send', 'event', 'formzuAd', 'click', 'input')"> <img src="/image/public/formzu-logo-150.png" style="vertical-align: middle;" title="このフォームは「Formzu」で作成しました。"> <span style="display: inline-block;">このフォームは<span style="font-size: 1.2em; padding: 0px 4px;">Formzu</span>で作成しました。</span> </a> </div><!--formzu-ad-standard--> </div><!--advertising-bottom-formzu--> </div><!-- advertising-bottom --> </div> <!-- comform-wrap --> <script type="text/javascript"> function goSubmit(formOb) { if (typeof removeEventBeforeSubmit == 'function') { removeEventBeforeSubmit(); } formOb.submit(); } </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); </script> </body> </html>