本文へスキップ

MD-08 — NOTICES

通知・警告ボックス16点 取扱中

インフォ・成功・警告・クーポン枠。伝わる報せ方。 すべてテーブルレイアウト+インラインスタイルで、Outlook/Gmail/Apple Mailに安全に投函できます。

MD08-001-JP

インフォボックスInfo Box

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="5" bgcolor="#2B5EA7" style="background-color:#2B5EA7;font-size:0;line-height:0;">&nbsp;</td>
    <td bgcolor="#EBF1F9" style="background-color:#EBF1F9;padding:14px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
      <strong style="color:#2B5EA7;">お知らせ:</strong> 7月15日(水)2:00〜5:00にメンテナンスを実施します。この間サービスをご利用いただけません。
    </td>
  </tr>
</table>
重量 630 g OutlookGmailApple MailORIGINAL
MD08-002-JP

成功ボックスSuccess Box

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="5" bgcolor="#2B8A78" style="background-color:#2B8A78;font-size:0;line-height:0;">&nbsp;</td>
    <td bgcolor="#EAF4F1" style="background-color:#EAF4F1;padding:14px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
      <strong style="color:#2B8A78;">手続き完了:</strong> お支払い方法の変更を受け付けました。次回請求分から新しいカードに請求されます。
    </td>
  </tr>
</table>
重量 626 g OutlookGmailApple MailORIGINAL
MD08-003-JP

警告ボックスWarning Box

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="5" bgcolor="#B98A00" style="background-color:#B98A00;font-size:0;line-height:0;">&nbsp;</td>
    <td bgcolor="#FBF4DE" style="background-color:#FBF4DE;padding:14px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
      <strong style="color:#8F6B00;">ご注意:</strong> 現在のプランは7月31日で終了します。継続をご希望の場合は期日までに更新手続きをお願いします。
    </td>
  </tr>
</table>
重量 638 g OutlookGmailApple MailORIGINAL
MD08-004-JP

エラーボックスError Box

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
    <td bgcolor="#FCEBEC" style="background-color:#FCEBEC;padding:14px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
      <strong style="color:#D7000F;">決済エラー:</strong> お支払いを完了できませんでした。カード情報をご確認のうえ、<a href="https://example.com/" target="_blank" style="color:#D7000F;font-weight:bold;text-decoration:underline;">再度お手続きください</a>。
    </td>
  </tr>
</table>
重量 746 g OutlookGmailApple MailORIGINAL
MD08-005-JP

クーポンコード枠Coupon Box

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:8px 16px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:2px dashed #C9A063;background-color:#FBF6EA;">
        <tr>
          <td align="center" style="padding:16px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;color:#8F6B00;">クーポンコード</td>
        </tr>
        <tr>
          <td align="center" style="padding:0 20px 6px;font-family:'Courier New',monospace;font-size:24px;font-weight:bold;letter-spacing:5px;color:#26221F;">SUMMER26</td>
        </tr>
        <tr>
          <td align="center" style="padding:0 20px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;color:#5F584E;">5,000円以上のご注文で500円OFF / 7月末まで</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1037 g OutlookGmailApple MailORIGINAL
MD08-006-JP

期限リマインダーDeadline

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:16px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.7;color:#ffffff;">
      ポイント失効まで <strong style="font-size:20px;color:#E8B93B;">あと3日</strong><br>
      <span style="font-size:12px;color:#CFC9BE;">保有ポイント: 1,240pt(7月6日 23:59失効)</span>
    </td>
  </tr>
</table>
重量 560 g OutlookGmailApple MailORIGINAL
MD08-007-JP

セキュリティ通知Security Alert

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td style="padding:18px 20px 6px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#26221F;">
      新しい端末からのログインがありました
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
      日時: 2026年7月3日 10:24<br>
      端末: Windows / Chrome<br>
      場所: 東京都(推定)
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
      心当たりがない場合は、すぐに<a href="https://example.com/password" target="_blank" style="color:#D7000F;font-weight:bold;text-decoration:underline;">パスワードを変更</a>してください。
    </td>
  </tr>
</table>
重量 1041 g OutlookGmailApple MailORIGINAL
MD08-008-JP

配信理由の説明Why You Got This

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td bgcolor="#F5F2EA" style="background-color:#F5F2EA;padding:12px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;line-height:1.8;color:#5F584E;">
      このメールは、example.comで商品をご購入いただいた方、またはメールマガジンにご登録いただいた方にお送りしています。心当たりがない場合は<a href="https://example.com/contact" target="_blank" style="color:#5F584E;text-decoration:underline;">こちら</a>からご連絡ください。
    </td>
  </tr>
</table>
重量 684 g OutlookGmailApple MailORIGINAL
MD08-009-JP

認証コード(OTP)ボックスVerification Code

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:8px 16px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1px solid #D2CBBB;background-color:#F5F2EA;">
        <tr>
          <td align="center" style="padding:18px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;color:#5F584E;">ログイン認証コード</td>
        </tr>
        <tr>
          <td align="center" style="padding:0 20px 8px;font-family:'Courier New',monospace;font-size:28px;font-weight:bold;letter-spacing:8px;color:#26221F;">482913</td>
        </tr>
        <tr>
          <td align="center" style="padding:0 20px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;line-height:1.8;color:#8C8475;">発行から5分間有効です。他人にコードを共有しないでください。</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1090 g OutlookGmailApple MailORIGINAL
MD08-010-JP

アカウントロック通知Account Locked

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td width="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
    <td style="padding:18px 20px 6px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#26221F;">
      アカウントを一時的にロックしました
    </td>
  </tr>
  <tr>
    <td width="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
    <td style="padding:0 20px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
      短時間に複数回のログイン失敗を検知したため、安全のため一時的にロックしています。
    </td>
  </tr>
  <tr>
    <td width="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
    <td style="padding:0 20px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;">
      <a href="https://example.com/unlock" target="_blank" style="color:#D7000F;font-weight:bold;text-decoration:underline;">本人確認へ進む &#8594;</a>
    </td>
  </tr>
</table>
重量 1308 g OutlookGmailApple MailORIGINAL
MD08-011-JP

再入荷通知Back In Stock

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td width="90" valign="top" style="padding:16px 0 16px 16px;">
      <img src="https://example.com/your-image.jpg" width="72" height="72" alt="商品画像" style="display:block;border:0;background-color:#EFEAE0;">
    </td>
    <td valign="middle" style="padding:16px 20px 16px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="display:block;font-size:11px;font-weight:bold;color:#2B8A78;letter-spacing:0.5px;">再入荷しました</span>
      <span style="display:block;padding-top:4px;font-size:14px;font-weight:bold;color:#26221F;">クラフトレザー トートバッグ</span>
      <span style="display:block;padding-top:8px;font-size:12px;">
        <a href="https://example.com/products/tote" target="_blank" style="color:#2B5EA7;font-weight:bold;text-decoration:underline;">今すぐ購入する &#8594;</a>
      </span>
    </td>
  </tr>
</table>
重量 1054 g OutlookGmailApple MailORIGINAL
MD08-012-JP

値下げ通知Price Drop Alert

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" bgcolor="#FCEBEC" style="background-color:#FCEBEC;padding:18px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="display:block;font-size:12px;font-weight:bold;color:#D7000F;letter-spacing:0.5px;">お気に入り商品が値下がりしました</span>
      <span style="display:block;padding-top:8px;font-size:13px;color:#8C8475;text-decoration:line-through;">通常価格 &yen;12,800</span>
      <span style="display:block;padding-top:2px;font-size:24px;font-weight:bold;color:#D7000F;">&yen;8,900</span>
      <span style="display:block;padding-top:8px;font-size:11px;color:#5F584E;">30%OFF・在庫が無くなり次第終了</span>
    </td>
  </tr>
</table>
重量 851 g OutlookGmailApple MailORIGINAL
MD08-013-JP

達成率プログレスバー通知Progress Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:16px 20px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;">
      次のランクまで <strong style="color:#2B5EA7;">あと3,000円</strong>
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px 6px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-collapse:collapse;">
        <tr>
          <td width="70%" height="10" bgcolor="#2B5EA7" style="background-color:#2B5EA7;font-size:0;line-height:0;">&nbsp;</td>
          <td width="30%" height="10" bgcolor="#E4DECF" style="background-color:#E4DECF;font-size:0;line-height:0;">&nbsp;</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;color:#8C8475;">
      現在のご利用累計: &yen;7,000 / GOLD会員まで &yen;10,000
    </td>
  </tr>
</table>
重量 1072 g OutlookGmailApple MailORIGINAL
MD08-014-JP

自動更新のお知らせRenewal Notice

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td style="padding:18px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#26221F;">
      ご利用プランが自動更新されます
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
      プレミアムプラン(月額)が 2026年8月15日 に自動更新され、登録済みのお支払い方法へ &yen;1,980 が請求されます。
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;">
      <a href="https://example.com/account/subscription" target="_blank" style="color:#2B5EA7;font-weight:bold;text-decoration:underline;">プランを管理する &#8594;</a>
    </td>
  </tr>
</table>
重量 1008 g OutlookGmailApple MailORIGINAL
MD08-015-JP

影付きハイライトボックスShadow Highlight Box

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:16px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#ffffff" style="background-color:#ffffff;border-radius:10px;box-shadow:0 4px 16px rgba(38,34,31,0.12);">
        <tr>
          <td style="padding:20px 22px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
            <strong style="display:block;padding-bottom:6px;font-size:15px;">今週のピックアップ</strong>
            周囲から浮き立つ影付きカードで、本文中の重要な告知だけを際立たせます。
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 839 g OutlookGmailApple MailORIGINAL