本文へスキップ

MD-05 — TYPOGRAPHY

見出し・本文18点 取扱中

全クライアントで読める見出し・リード文・手順の型。 すべてテーブルレイアウト+インラインスタイルで、Outlook/Gmail/Apple Mailに安全に投函できます。

MD05-001-JP

下線見出しBorder Heading

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:28px 12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:20px;font-weight:bold;line-height:1.5;color:#26221F;border-bottom:3px solid #26221F;">
今月の新刊から3冊
    </td>
  </tr>
</table>
重量 374 g OutlookGmailApple MailORIGINAL
MD05-002-JP

左アクセント見出しAccent Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:24px 12px 8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td width="6" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
          <td style="padding:4px 0 4px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:19px;font-weight:bold;line-height:1.5;color:#26221F;">
            8月のレッスンスケジュールを公開しました
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 695 g OutlookGmailApple MailORIGINAL
MD05-003-JP

リード文Lead Text

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="lead-body" style="padding:20px 24px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;line-height:2.0;color:#26221F;">
      山田様、いつもサロン ノワをご利用いただきありがとうございます。9月1日(火)より、秋の乾燥シーズンに向けたヘッドスパメニューを2種類ご用意しました。初回は通常6,600円のところ、9月中のご予約に限り4,950円でお試しいただけます。
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .lead-body { padding: 18px 18px !important; font-size: 15px !important; line-height: 1.9 !important; }
}
重量 788 g OutlookGmailApple MailORIGINAL
MD05-004-JP

引用ブロックQuote Block

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:16px 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F5F2EA" style="background-color:#F5F2EA;">
        <tr>
          <td width="5" bgcolor="#C9A063" style="background-color:#C9A063;font-size:0;line-height:0;">&nbsp;</td>
          <td style="padding:16px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.9;color:#5F584E;">
            「梱包がていねいで、想像以上に早く届きました。次もこのお店で買います。」<br>
            <span style="font-size:12px;color:#8C8475;">— 東京都・Tさん</span>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 862 g OutlookGmailApple MailORIGINAL
MD05-005-JP

番号付き手順Numbered Steps

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="44" valign="top" align="center" style="padding:12px 0;">
      <span style="display:inline-block;width:30px;font-family:Arial,sans-serif;font-size:15px;font-weight:bold;color:#ffffff;background-color:#26221F;padding:5px 0;text-align:center;">1</span>
    </td>
    <td valign="middle" style="padding:12px 12px 12px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.8;color:#26221F;border-bottom:1px solid #D2CBBB;">
      <strong>アカウントを登録</strong> — メールアドレスだけで30秒で完了します。
    </td>
  </tr>
  <tr>
    <td width="44" valign="top" align="center" style="padding:12px 0;">
      <span style="display:inline-block;width:30px;font-family:Arial,sans-serif;font-size:15px;font-weight:bold;color:#ffffff;background-color:#26221F;padding:5px 0;text-align:center;">2</span>
    </td>
    <td valign="middle" style="padding:12px 12px 12px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.8;color:#26221F;border-bottom:1px solid #D2CBBB;">
      <strong>プランを選択</strong> — いつでも変更・解約できます。
    </td>
  </tr>
  <tr>
    <td width="44" valign="top" align="center" style="padding:12px 0;">
      <span style="display:inline-block;width:30px;font-family:Arial,sans-serif;font-size:15px;font-weight:bold;color:#ffffff;background-color:#D7000F;padding:5px 0;text-align:center;">3</span>
    </td>
    <td valign="middle" style="padding:12px 12px 12px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.8;color:#26221F;">
      <strong>今日からスタート</strong> — 最初の14日間は無料です。
    </td>
  </tr>
</table>
重量 1873 g OutlookGmailApple MailORIGINAL
MD05-006-JP

マーカー強調Highlight

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:18px 24px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;line-height:2.0;color:#26221F;">
      夏季キャンペーンのご注文締め切りは<span style="background-color:#F8E9B8;font-weight:bold;padding:1px 4px;">8月15日(金)23:59</span>です。それ以降のご注文は9月上旬以降の発送となりますので、お早めにお申し込みください。
    </td>
  </tr>
</table>
重量 578 g OutlookGmailApple MailORIGINAL
MD05-007-JP

タイポグラフィ主役ヒーロー見出しDisplay Headline

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" class="md-ty-display" style="padding:48px 24px 16px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:40px;font-weight:bold;line-height:1.25;letter-spacing:-0.5px;color:#26221F;">
      夏のセール、<br>はじまる。
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 24px 32px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.8;color:#5F584E;">
      7月18日(土)10:00スタート。対象アイテム最大50%OFF、会員様は前日18:00から先行してご購入いただけます。
    </td>
  </tr>
</table>
@media screen and (max-width: 480px) {
  .md-ty-display { font-size: 30px !important; }
}
重量 834 g OutlookGmailApple MailORIGINAL
MD05-008-JP

チェックリストChecklist

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="28" valign="top" style="padding:8px 0 8px 24px;">
      <span style="display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#ffffff;background-color:#2B8A78;border-radius:9px;">&#10003;</span>
    </td>
    <td valign="middle" style="padding:8px 24px 8px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.7;color:#26221F;">
      送料無料ラインは5,000円から
    </td>
  </tr>
  <tr>
    <td width="28" valign="top" style="padding:8px 0 8px 24px;">
      <span style="display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#ffffff;background-color:#2B8A78;border-radius:9px;">&#10003;</span>
    </td>
    <td valign="middle" style="padding:8px 24px 8px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.7;color:#26221F;">
      到着後30日以内なら返品OK
    </td>
  </tr>
  <tr>
    <td width="28" valign="top" style="padding:8px 0 8px 24px;">
      <span style="display:inline-block;width:18px;height:18px;line-height:18px;text-align:center;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;color:#ffffff;background-color:#2B8A78;border-radius:9px;">&#10003;</span>
    </td>
    <td valign="middle" style="padding:8px 24px 8px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.7;color:#26221F;">
      会員登録で次回使えるクーポン進呈
    </td>
  </tr>
</table>
重量 1757 g OutlookGmailApple MailORIGINAL
MD05-009-JP

大胆ステートメント文(暖色背景)Bold Statement

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" bgcolor="#F0EBE0" style="background-color:#F0EBE0;padding:44px 28px;border-top:2px solid #C9A063;border-bottom:2px solid #C9A063;">
      <span style="display:block;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:26px;font-weight:bold;line-height:1.6;letter-spacing:0.5px;color:#26221F;">
        「安い」ではなく、<br>「長く使える」を届けたい。
      </span>
      <span style="display:block;padding-top:16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
        つくり手の想いから生まれた、今シーズンのテーマです。
      </span>
    </td>
  </tr>
</table>
重量 836 g OutlookGmailApple MailORIGINAL
MD05-010-JP

太字サインポスト見出しリストBold Signpost List

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:14px 24px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;border-top:1px solid #D2CBBB;">
      <span style="font-weight:bold;color:#D7000F;">配送</span> — ご注文から2〜4営業日でお届けします。
    </td>
  </tr>
  <tr>
    <td style="padding:0 24px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;">
      <span style="font-weight:bold;color:#D7000F;">返品</span> — 到着後30日以内なら理由を問わず承ります。
    </td>
  </tr>
  <tr>
    <td style="padding:0 24px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#26221F;border-bottom:1px solid #D2CBBB;">
      <span style="font-weight:bold;color:#D7000F;">サポート</span> — 平日10時〜18時、チャットとメールで対応します。
    </td>
  </tr>
</table>
重量 1088 g OutlookGmailApple MailORIGINAL
MD05-011-JP

ドロップキャップ本文Drop Cap Paragraph

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:24px 28px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;line-height:1.9;color:#26221F;">
      <span style="float:left;font-family:'Zilla Slab',Georgia,serif;font-size:56px;line-height:0.8;font-weight:bold;color:#D7000F;padding:4px 8px 0 0;">今</span>季、私たちが届けたいのは「長く付き合える一着」です。トレンドを追うのではなく、素材と縫製にこだわり抜いた定番をひとつずつ増やしていく。そんなものづくりの姿勢を、今シーズンのコレクションにも込めました。
    </td>
  </tr>
</table>
重量 758 g OutlookGmailApple MailORIGINAL
MD05-012-JP

大型引用符プルクォートPull Quote Mark

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:32px 32px 0;font-family:Georgia,'Zilla Slab',serif;font-size:64px;line-height:1;font-weight:bold;color:#C9A063;">
      &ldquo;
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 36px 8px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:22px;font-weight:bold;line-height:1.6;color:#26221F;">
      届いた瞬間、開けるのがもったいないと思った。
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 24px 32px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;letter-spacing:0.5px;color:#8C8475;">
      — ご購入者様レビューより
    </td>
  </tr>
</table>
重量 820 g OutlookGmailApple MailORIGINAL
MD05-013-JP

ラベル・値スペックリストLabel-Value Spec List

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="50%" valign="top" style="padding:20px 12px 16px 24px;border-bottom:1px solid #D2CBBB;">
      <span style="display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8C7A45;">日時</span>
      <span style="display:block;padding-top:4px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:15px;font-weight:bold;color:#26221F;">8月10日(月) 19:00開場</span>
    </td>
    <td width="50%" valign="top" style="padding:20px 24px 16px 12px;border-bottom:1px solid #D2CBBB;">
      <span style="display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8C7A45;">会場</span>
      <span style="display:block;padding-top:4px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:15px;font-weight:bold;color:#26221F;">東京国際フォーラム ホールA</span>
    </td>
  </tr>
  <tr>
    <td width="50%" valign="top" style="padding:16px 12px 20px 24px;">
      <span style="display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8C7A45;">料金</span>
      <span style="display:block;padding-top:4px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:15px;font-weight:bold;color:#26221F;">前売 4,800円 / 当日 5,500円</span>
    </td>
    <td width="50%" valign="top" style="padding:16px 24px 20px 12px;">
      <span style="display:block;font-family:Arial,sans-serif;font-size:11px;letter-spacing:1px;text-transform:uppercase;color:#8C7A45;">定員</span>
      <span style="display:block;padding-top:4px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:15px;font-weight:bold;color:#26221F;">300名(先着順)</span>
    </td>
  </tr>
</table>
重量 1915 g OutlookGmailApple MailORIGINAL
MD05-014-JP

モノスペース参照コード表示Monospace Reference 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 24px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;">
      ご予約番号
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 24px 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td bgcolor="#F5F2EA" style="background-color:#F5F2EA;border:1px dashed #C9A063;padding:14px 28px;font-family:'Courier New',Courier,monospace;font-size:22px;font-weight:bold;letter-spacing:3px;color:#26221F;">
            MD-7F2K-93QX
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 776 g OutlookGmailApple MailORIGINAL
MD05-015-JP

目次・ジャンプリンクリストTable of Contents List

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:20px 24px 8px;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;color:#8C7A45;">
      In this issue &nbsp;/&nbsp; 2026年8月号
    </td>
  </tr>
  <tr>
    <td style="padding:10px 24px;border-top:1px solid #D2CBBB;">
      <a href="https://example.com/letter/2026-08/danchi-one-room" target="_blank" style="font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:14px;font-weight:bold;line-height:1.7;color:#2B5EA7;text-decoration:none;">01 &nbsp;築48年の団地を、ひと部屋だけ直す</a>
      <span style="display:block;padding-top:3px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:12px;line-height:1.7;color:#8C8475;">工事は8日間・費用62万円の実例 / 読了4分</span>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 24px;border-top:1px solid #EDE8DC;">
      <a href="https://example.com/letter/2026-08/open-house" target="_blank" style="font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:14px;font-weight:bold;line-height:1.7;color:#2B5EA7;text-decoration:none;">02 &nbsp;9月6日(土)完成見学会の予約を開始しました</a>
      <span style="display:block;padding-top:3px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:12px;line-height:1.7;color:#8C8475;">神戸市灘区・木造2階建て / 各回5組まで</span>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 24px 20px;border-top:1px solid #EDE8DC;">
      <a href="https://example.com/letter/2026-08/cost-report" target="_blank" style="font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:14px;font-weight:bold;line-height:1.7;color:#2B5EA7;text-decoration:none;">03 &nbsp;8月に引き渡した3邸の費用と工期</a>
      <span style="display:block;padding-top:3px;font-family:'Hiragino Sans','Yu Gothic',Arial,sans-serif;font-size:12px;line-height:1.7;color:#8C8475;">坪単価と追加費用の内訳まで公開 / 読了6分</span>
    </td>
  </tr>
</table>
重量 2166 g OutlookGmailApple MailORIGINAL
MD05-016-JP

Q&A(よくあるご質問)リストFAQ List

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="faq-pad" style="padding:24px 24px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:17px;font-weight:bold;color:#26221F;">
      開催前によくいただくご質問
    </td>
  </tr>
  <tr>
    <td class="faq-pad" style="padding:12px 24px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #D2CBBB;">
        <tr>
          <td class="faq-mark" width="30" valign="top" align="left" style="padding:14px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#D7000F;">Q</td>
          <td valign="top" style="padding:14px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.7;color:#26221F;">
            当日の受付は何時からですか?
          </td>
        </tr>
        <tr>
          <td class="faq-mark" width="30" valign="top" align="left" style="padding:6px 0 16px;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#8C8475;">A</td>
          <td valign="top" style="padding:6px 0 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
            受付開始は13:00、開演は13:30です。会場入口でお名前をお伝えください。
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="faq-pad" style="padding:0 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #D2CBBB;">
        <tr>
          <td class="faq-mark" width="30" valign="top" align="left" style="padding:14px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#D7000F;">Q</td>
          <td valign="top" style="padding:14px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.7;color:#26221F;">
            参加できなくなった場合はどうすればよいですか?
          </td>
        </tr>
        <tr>
          <td class="faq-mark" width="30" valign="top" align="left" style="padding:6px 0 16px;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#8C8475;">A</td>
          <td valign="top" style="padding:6px 0 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
            9月18日(金)18:00までは、マイページからキャンセルいただけます。以降は参加費5,500円の返金ができかねますのでご了承ください。
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="faq-pad" style="padding:0 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #D2CBBB;border-bottom:1px solid #D2CBBB;">
        <tr>
          <td class="faq-mark" width="30" valign="top" align="left" style="padding:14px 0 0;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#D7000F;">Q</td>
          <td valign="top" style="padding:14px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.7;color:#26221F;">
            当日の資料は事前にもらえますか?
          </td>
        </tr>
        <tr>
          <td class="faq-mark" width="30" valign="top" align="left" style="padding:6px 0 16px;font-family:Georgia,'Times New Roman',serif;font-size:16px;font-weight:bold;color:#8C8475;">A</td>
          <td valign="top" style="padding:6px 0 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
            9月20日(日)の朝9時に、ご登録のメールアドレス宛へPDFをお送りします。当日は印刷資料の配布はございません。
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="faq-pad" style="padding:16px 24px 26px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;">
      <a href="https://example.com/faq" target="_blank" style="color:#2B5EA7;text-decoration:underline;">その他のご質問を見る &#8594;</a>
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .faq-pad { padding-left: 16px !important; padding-right: 16px !important; }
  .faq-mark { width: 26px !important; }
}
重量 4568 g OutlookGmailApple MailORIGINAL
MD05-017-JP

アイブロー付きセクションタイトルEyebrow Heading

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="eb-label" style="padding:30px 24px 6px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:0.14em;line-height:1.5;color:#D7000F;">
      OPEN HOUSE ｜ 9月の内覧会
    </td>
  </tr>
  <tr>
    <td class="eb-title" style="padding:0 24px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:23px;font-weight:bold;line-height:1.45;color:#26221F;">
      代官山の築浅リノベーション2LDKを、9月13日(土)から3日間だけ公開します
    </td>
  </tr>
  <tr>
    <td class="eb-sub" style="padding:0 24px 26px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.9;color:#5A5650;">
      完全予約制のため、9月10日(水)18時までにご希望の時間帯をお知らせください。東急東横線 代官山駅から徒歩6分、お車の方は1台分の駐車スペースをご利用いただけます。
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .eb-label { padding: 24px 18px 6px !important; }
  .eb-title { padding: 0 18px 10px !important; font-size: 20px !important; }
  .eb-sub { padding: 0 18px 22px !important; }
}
重量 1331 g OutlookGmailApple MailORIGINAL
MD05-018-JP

ぶら下げ箇条書きリストHanging Bullet List

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="bl-pad" style="padding:28px 24px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;line-height:1.7;color:#26221F;">
      作業開始は8月23日(土)9:00の予定です
    </td>
  </tr>
  <tr>
    <td class="bl-pad" style="padding:0 24px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.9;color:#5A5650;">
      当日をスムーズに進めるため、前日までに次の3点をお願いいたします。
    </td>
  </tr>
  <tr>
    <td class="bl-pad" style="padding:0 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td class="bl-mark" width="18" valign="top" style="padding:4px 0 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td width="5" height="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
              </tr>
            </table>
          </td>
          <td valign="top" style="padding:0 0 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.9;color:#26221F;">
            冷蔵庫の中身を空にし、前日22時までに電源をお切りください。霜取りに約8時間かかります。
          </td>
        </tr>
        <tr>
          <td class="bl-mark" width="18" valign="top" style="padding:4px 0 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td width="5" height="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
              </tr>
            </table>
          </td>
          <td valign="top" style="padding:0 0 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.9;color:#26221F;">
            現金・通帳・印鑑・貴重品は、お客様ご自身でお持ち運びをお願いします。
          </td>
        </tr>
        <tr>
          <td class="bl-mark" width="18" valign="top" style="padding:4px 0 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td width="5" height="5" bgcolor="#D7000F" style="background-color:#D7000F;font-size:0;line-height:0;">&nbsp;</td>
              </tr>
            </table>
          </td>
          <td valign="top" style="padding:0 0 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;line-height:1.9;color:#26221F;">
            洗濯機のホースの水抜きは当日スタッフが行いますので、事前のご準備は不要です。
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="bl-pad" style="padding:6px 24px 28px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5A5650;">
      日時のご変更は、8月21日(木)18:00まで <a href="https://example.com/reserve" target="_blank" style="color:#2B5EA7;text-decoration:underline;">予約ページ</a> または 0120-000-000 で承ります。
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .bl-pad { padding-left: 18px !important; padding-right: 18px !important; }
  .bl-mark { width: 14px !important; }
}
重量 3498 g OutlookGmailApple MailORIGINAL