クリックすると開くフォーム 一こめは最初から
/*巻のフォーム*/
.makinoform,.mailform{ margin-top:30px;}
.makinoform td{
width: 14.4%;
vertical-align: text-top
}
.makinoform td:last-child{
padding-right: 16px;
}
.makinoform tbody { display:none}
.table_box .makinoform:first-child tbody {
display: inherit
}
.makinoform caption{
background: #F30;
color: #FFF;
padding: 12px;
cursor:pointer
}
.d_textarea textarea { width:99%}
.mailform th{ position:relative; width:30%; vertical-align:text-top;}
.hissu{
position: absolute;
/* top: 0;
bottom: 0;*/
right: 5px;
text-align: center;
font-size: 12px;
color: #FFF;
background-color: #FF8700;
display: inline-block;
padding-right: 6px;
padding-left: 6px;
height: 18px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin-top: 3px;/*ヴァーティかるtopにしたで*/
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
}
.ninni{
position: absolute;
/* top: 0;
bottom: 0;*/
right: 5px;
text-align: center;
font-size: 12px;
color: #FFF;
background-color: #CCCCCC;
display: inline-block;
padding-right: 6px;
padding-left: 6px;
height: 18px;
/*width: 36px;*/
margin-top: 3px;/*ヴァーティかるtopにしたで*/
margin-right: auto;
margin-bottom: auto;
margin-left: auto;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius:2px;
}
<div class="table_box">
<table class="makinoform">
<caption>1パターン目のご依頼内容</caption>
<tbody>
<tr>
<td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
</td>
<td>プリント
Body
カラー
</td>
<td>プリント
Body
サイズ
</td>
<td>枚数
</td>
<td>プリント
箇所
</td>
<td>プリント
サイズ
</td>
<td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
</td>
</tr>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
[select menu-21-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-21-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-21-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-21-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
</td>
<td>
[select menu-21-6 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-21-6-2 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-21-6-3 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-21-6-4 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
</td>
<td>
[select menu--21-7 include_blank "フルカラー" "1色シルク"]
[select menu--21-7-1 include_blank "フルカラー" "1色シルク"]
[select menu--21-7-2 include_blank"フルカラー" "1色シルク"]
[select menu--21-7-3 include_blank "フルカラー" "1色シルク"]
</td>
</tr>
<tr>
<td colspan="7" class="d_textarea">
[textarea textarea-320 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
<td colspan="7" class="d_textarea">
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302 limit:5mb][file file-303 limit:5mb][file file-304 limit:5mb]
</td>
</tr>
</tbody>
</table>
<table class="makinoform">
<caption>2パターン目のご依頼内容</caption>
<tbody>
<tr>
<td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
</td>
<td>プリント
Body
カラー
</td>
<td>プリント
Body
サイズ
</td>
<td>枚数
</td>
<td>プリント
箇所
</td>
<td>プリント
サイズ
</td>
<td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
</td>
</tr>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
[select menu-22-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-22-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-22-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-22-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
</td>
<td>
[select menu-22-6 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-22-6-2 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-22-6-3 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-22-6-4 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
</td>
<td>
[select menu--22-7 include_blank "フルカラー" "1色シルク"]
[select menu--22-7-1 include_blank "フルカラー" "1色シルク"]
[select menu--22-7-2 include_blank"フルカラー" "1色シルク"]
[select menu--22-7-3 include_blank "フルカラー" "1色シルク"]
</td>
</tr>
<tr>
<td colspan="7" class="d_textarea">
[textarea textarea-320-2 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
<td colspan="7" class="d_textarea">
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302-2 limit:5mb][file file-303-2 limit:5mb][file file-304-2 limit:5mb]
</td>
</tr>
</tbody>
</table>
<table class="makinoform">
<caption>3パターン目のご依頼内容</caption>
<tbody>
<tr>
<td>プリント
Body
品番<span style="font-size:90%;color:#FF3300"> ※1</span>
</td>
<td>プリント
Body
カラー
</td>
<td>プリント
Body
サイズ
</td>
<td>枚数
</td>
<td>プリント
箇所
</td>
<td>プリント
サイズ
</td>
<td>プリント色<span style="font-size:90%;color:#FF3300"> ※2</span>
</td>
</tr>
</tr>
<tr>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
</td>
<td>
[select menu-23-5 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-23-5-2 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-23-5-3 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
[select menu-23-5-4 include_blank "FRONT" "BACK" "左胸" "右胸" "左袖" "右袖" "その他"]
</td>
<td>
[select menu-23-6 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-23-6-2 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-23-6-3 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
[select menu-23-6-4 include_blank "100×100mm以内" "A4(210×297mm)以内" "B4(257×364mm)以内" "A3(297×420mm)以内" "B3(364×515mm)以内"]
</td>
<td>
[select menu--23-7 include_blank "フルカラー" "1色シルク"]
[select menu--23-7-1 include_blank "フルカラー" "1色シルク"]
[select menu--23-7-2 include_blank"フルカラー" "1色シルク"]
[select menu--23-7-3 include_blank "フルカラー" "1色シルク"]
</td>
</tr>
<tr>
<td colspan="7" class="d_textarea">
[textarea textarea-320-3 placeholder "何か書ききれない事があればお書きください。（サイズ違い・色違いはここに記入されても大丈夫です。）１色シルクをご希望の方は、色もご記入ください。DIC / PANTONEなど色指定があればご記入下さい。2色以上はインクジェットプリントとなります。"]
</td>
</tr>
<tr>
<td colspan="7" class="d_textarea">
ご参考画像等 <span style="font-size:90%;">※ファイルは最大各5MBまで</span>
[file file-302-3 limit:5mb][file file-303-3 limit:5mb][file file-304-3 limit:5mb]
</td>
</tr>
</tbody>
</table>
</div>
<table class="mailform">
<tr><th>希望納品日<span class="ninni">任意</span></th>
<td>
<span style="font-size:80%">通常10営業日以内での発送となります。お急ぎの場合はお問い合わせください。</span></td>
</tr>
<tr><th>納品方法 <span class="hissu">必須</span></th>
<td>[select* menu-874 include_blank "ヤマト運輸（1万円以上は送料無料・時間指定可）" "引き渡しご来店"]</td>
</tr>
<tr><th>お支払い方法 <span class="hissu">必須</span></th>
<td>[select* menu-876 include_blank "銀行振込（商品到着後、１週間以内）" "引き渡し時ご来店" "ヤマト運輸代引き（只今準備中です。16年2月予定）"]</td>
</tr>
</table>
<table class="mailform">
<tr><th>お名前 <span class="hissu">必須</span></th>
<td> </td>
</tr>
<tr><th>郵便番号<span class="hissu">必須</span></th>
<td><span style="font-size:80%"></span></td>
</tr>
<tr><th>住所<span class="hissu">必須</span></th>
<td></td>
</tr>
<tr><th>電話番号<span class="hissu">必須</span></th>
<td> </td>
</tr>
<tr><th>メールアドレス <span class="hissu">必須</span></th>
<td> </td>
</tr>
<tr><th>※メールアドレス確認<span class="hissu">必須</span></th>
<td> [email* your-email_confirm]
<span style="font-size:80%">＊注意 携帯のアドレスの場合、迷惑メール設定ドメインの解除をお願いします。
こちらからの返信メールが届かない場合があります。info@makinoprint.com</span></td>
</tr>
<tr><th>LINE ID <span class="ninni">任意</span></th>
<td> </td>
</tr>
<tr><th>ご希望連絡方法<span class="hissu">必須</span></th>
<td> [checkbox* checkbox-220 "メール" "LINE" "電話"]</td>
</tr>
<tr><th>ご予算（あれば）<span class="ninni">任意</span></th>
<td> </td>
</tr>
<tr><th>
お見積りご依頼<span class="ninni">任意</span>
お問合せ内容</th>
<td> [textarea your-message] </td>
<tr>
<tr><th>
納品先が違う場合は<span class="ninni">任意</span>
こちらに
お書きください。</th>
<td> [textarea nouhin-adress x4 "〒"] </td>
<tr>
<th> </th>
<td>[submit "送信"]</td>
</tr>
</table>
一行内にない項目があるとその行は表示されないからこう書いてる
[your-name] 様 お問合せありがとうございます。 MAKINOプリントです。 下記内容でお問合せ頂きました。 確認後２営業日以内にご返信させて頂きます。 お名前: [your-name] 様 ご住所：[zip][addr] 電話番号:[text-691] メール：[your-email] LINE ID：[your-line] ご希望連絡方法：[checkbox-220] ご予算：[text-556] お問合せ内容: [your-message] 上記住所以外の納品先： [nouhin-adress] 希望納品日：[text-963] 納品方法：[menu-874] お支払い方法：[menu-876] ★１パターン目のご依頼内★ -------------------------------------------- プリントBody品番 ：[text-21-1] プリントBodyカラー ：[text-21-2] プリントBodyサイズ ：[text-21-3] プリント枚数 ：[text-21-4] ------------------------------------------- プリント箇所1 ：[menu-21-5] [menu-21-6] [menu-21-7] プリント箇所2 ：[menu-21-5-2] [menu-21-6-2] [menu-21-7-2] プリント箇所3 ：[menu-21-5-3] [menu-21-6-3] [menu-21-7-3] プリント箇所4 ：[menu-21-5-4] [menu-21-6-4] [menu-21-7-4] ------------------------------------------- 詳細内容：[textarea-320] 添付ファイル名：[file-302] [file-303] [file-304] ★2パターン目のご依頼内★ -------------------------------------------- プリントBody品番 ：[text-22-1] プリントBodyカラー ：[text-22-2] プリントBodyサイズ ：[text-22-3] プリント枚数 ：[text-22-4] ------------------------------------------- プリント箇所1 ：[menu-22-5] [menu-22-6] [menu-22-7] プリント箇所2 ：[menu-22-5-2] [menu-22-6-2] [menu-22-7-2] プリント箇所3 ：[menu-22-5-3] [menu-22-6-3] [menu-22-7-3] プリント箇所4 ：[menu-22-5-4] [menu-22-6-4] [menu-22-7-4] ------------------------------------------- 詳細内容：[textarea-320-2] 添付ファイル名：[file-302-2] [file-303-2] [file-304-2] ★3パターン目のご依頼内★ -------------------------------------------- プリントBody品番 ：[text-23-1] プリントBodyカラー ：[text-23-2] プリントBodyサイズ ：[text-23-3] プリント枚数 ：[text-22-4] ------------------------------------------- プリント箇所1 ：[menu-23-5] [menu-23-6] [menu-23-7] プリント箇所2 ：[menu-23-5-2] [menu-23-6-2] [menu-23-7-2] プリント箇所3 ：[menu-23-5-3] [menu-23-6-3] [menu-23-7-3] プリント箇所4 ：[menu-23-5-4] [menu-23-6-4] [menu-23-7-4] ------------------------------------------- 詳細内容：[textarea-320-2] 添付ファイル名：[file-302-3] [file-303-3] [file-304-3] -- このメールは ホームページのお問い合わせフォームから送信されました ------------------------------------- 牧野広告代理店 プリント事業部 〒486-0916 愛知県春日井市八光町2-30 ハピネス八光403 TEL FAX: 0568-32-4355 mail: info@makinoprint.com iphone: 080-3070-8232 iphone mail: 2youngc@i.softbank.jp 担当: 牧野