MD-03 — HEADERS

ヘッダー・プリヘッダー18点取扱中

ロゴ・お知らせバー・受信箱で効くプレビューテキスト。すべてテーブルレイアウト+インラインスタイルで、Outlook/Gmail/Apple Mailに安全に投函できます。

MD03-001-JP

プリヘッダー(受信箱プレビュー文)Hidden Preheader

<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;">
  夏の感謝セールは本日23:59まで。会員様は全品10%OFF、5,000円以上のご購入で送料も無料になります。
</div>
<div style="display:none;max-height:0;overflow:hidden;mso-hide:all;">
  &zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;&zwnj;&nbsp;
</div>

重量 436 g OutlookGmailApple MailORIGINAL

MD03-002-JP

ロゴ中央ヘッダーCentered Logo

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td align="center" style="padding:24px 12px;border-bottom:2px solid #26221F;">
      <a href="https://example.com/" target="_blank" style="text-decoration:none;">
        <img src="https://example.com/your-image.jpg" width="140" height="36" alt="YOUR BRAND" style="display:block;width:140px;height:auto;border:0;background-color:#E5DFD0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#26221F;">
      </a>
    </td>
  </tr>
</table>

重量 586 g OutlookGmailApple MailORIGINAL

MD03-003-JP

ロゴ+テキストナビLogo + Nav

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="ln-cell ln-logo" valign="middle" style="padding:18px 16px;">
      <a href="https://example.com/" target="_blank" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:18px;font-weight:bold;letter-spacing:0.06em;color:#26221F;text-decoration:none;">NAGISA HOME</a>
    </td>
    <td class="ln-cell ln-nav" align="right" valign="middle" style="padding:18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;white-space:nowrap;">
      <a href="https://example.com/new" target="_blank" style="color:#26221F;text-decoration:none;font-weight:bold;">新着</a><span>&nbsp;&nbsp;&nbsp;</span><a href="https://example.com/sale" target="_blank" style="color:#26221F;text-decoration:none;font-weight:bold;">セール</a><span>&nbsp;&nbsp;&nbsp;</span><a href="https://example.com/support" target="_blank" style="color:#26221F;text-decoration:none;font-weight:bold;">サポート</a>
    </td>
  </tr>
</table>

@media only screen and (max-width:480px) {
  .ln-cell { display: block !important; width: auto !important; text-align: center !important; }
  .ln-logo { padding: 16px 16px 6px !important; }
  .ln-nav { padding: 0 16px 12px !important; }
  .ln-nav a { display: inline-block !important; padding: 10px 12px !important; }
  .ln-nav span { display: none !important; }
}

重量 1456 g OutlookGmailApple MailORIGINAL

MD03-004-JP

お知らせバーAnnouncement Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#D7000F" style="background-color:#D7000F;">
  <tr>
    <td class="an-bar" align="center" style="padding:11px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.6;color:#ffffff;">
      8月25日(月)23:59まで 5,000円以上のご注文は送料無料 <a href="https://example.com/" target="_blank" style="color:#ffffff;text-decoration:underline;">対象商品を見る</a>
    </td>
  </tr>
</table>

@media only screen and (max-width:480px) {
  .an-bar { padding: 12px 16px !important; font-size: 12px !important; line-height: 1.7 !important; }
  .an-bar a { display: block !important; padding: 8px 0 2px !important; }
}

重量 770 g OutlookGmailApple MailORIGINAL

MD03-005-JP

ロゴ+ミニCTALogo + CTA

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td valign="middle" style="padding:16px 12px;">
      <a href="https://example.com/" target="_blank" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:18px;font-weight:bold;color:#26221F;text-decoration:none;">YOUR BRAND</a>
    </td>
    <td align="right" valign="middle" style="padding:16px 12px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="right">
        <tr>
          <td align="center" bgcolor="#26221F">
            <a href="https://example.com/shop" target="_blank" style="display:inline-block;border:solid 9px #26221F;border-left-width:18px;border-right-width:18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#26221F;">ストアへ</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

重量 1029 g OutlookGmailApple MailORIGINAL

MD03-006-JP

日付+Web版リンクDateline Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;border-bottom:1px solid #D2CBBB;">
      2026年7月3日号
    </td>
    <td align="right" style="padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;border-bottom:1px solid #D2CBBB;">
      <a href="https://example.com/web-version" target="_blank" style="color:#5F584E;text-decoration:underline;">Webブラウザで見る</a>
    </td>
  </tr>
</table>

重量 641 g OutlookGmailApple MailORIGINAL

MD03-007-JP

ダークモード対応ロゴDark Mode Logo Swap

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" class="md-dm-bg" style="background-color:#F0EBE0;">
  <tr>
    <td align="center" style="padding:24px 12px;">
      <img src="https://example.com/your-image.jpg" width="140" height="36" alt="YOUR BRAND" class="md-dm-light" style="display:block;width:140px;height:auto;border:0;background-color:#E5DFD0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#26221F;">
      <img src="https://example.com/your-image-dark.jpg" width="140" height="36" alt="YOUR BRAND" class="md-dm-dark" style="display:none;width:140px;height:auto;border:0;background-color:#1B1912;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#F0EBE0;">
    </td>
  </tr>
</table>

@media (prefers-color-scheme: dark) {
  .md-dm-bg { background-color:#1B1912 !important; }
  .md-dm-light { display:none !important; }
  .md-dm-dark { display:block !important; }
}

重量 942 g OutlookGmailApple MailORIGINAL

MD03-008-JP

パーソナライズ挨拶バーPersonalized Greeting

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:20px 24px 4px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td width="40" valign="middle">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="40" height="40">
              <tr>
                <td align="center" valign="middle" width="40" height="40" bgcolor="#2B5EA7" style="width:40px;height:40px;border-radius:20px;background-color:#2B5EA7;font-family:Arial,sans-serif;font-size:16px;font-weight:bold;color:#ffffff;">T</td>
              </tr>
            </table>
          </td>
          <td valign="middle" style="padding-left:12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;color:#26221F;">
            <strong>田中様</strong>、おかえりなさい。
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

重量 1015 g OutlookGmailApple MailORIGINAL

MD03-009-JP

ログイン・カートバーUtility Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;">
  <tr>
    <td style="padding:8px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#F0EBE0;">
      会員様限定セール開催中
    </td>
    <td align="right" style="padding:8px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;white-space:nowrap;">
      <a href="https://example.com/login" target="_blank" style="color:#F0EBE0;text-decoration:underline;">ログイン</a>
      &nbsp;|&nbsp;
      <a href="https://example.com/cart" target="_blank" style="color:#F0EBE0;text-decoration:underline;">カート(2)</a>
    </td>
  </tr>
</table>

重量 747 g OutlookGmailApple MailORIGINAL

MD03-010-JP

フルブリード画像オーバーレイヘッダーFull-Bleed Overlay Header

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
  <tr>
    <td background="https://example.com/your-image.jpg" bgcolor="#26221F" valign="middle" align="center" style="background-image:url('https://example.com/your-image.jpg');background-size:cover;background-position:center;background-color:#26221F;padding:52px 24px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="600" style="width:600px;max-width:600px;">
        <tr>
          <td align="center" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;letter-spacing:3px;color:#E8B93B;">YOUR BRAND</td>
        </tr>
        <tr>
          <td align="center" style="padding:10px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:26px;font-weight:bold;line-height:1.4;color:#ffffff;">
            海の見えるテラスで、朝食を。
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

重量 1000 g OutlookGmailApple MailORIGINAL

MD03-011-JP

評価・信頼バッジバーTrust & Rating Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F0EBE0" style="background-color:#F0EBE0;border-bottom:1px solid #D2CBBB;">
  <tr>
    <td style="padding:10px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#26221F;white-space:nowrap;">
      <span style="color:#E8B93B;">&#9733;&#9733;&#9733;&#9733;&#9733;</span> 4.8/5(12,400件のレビュー)
    </td>
    <td align="right" style="padding:10px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;white-space:nowrap;">
      全国送料無料 ・ 30日間返品保証
    </td>
  </tr>
</table>

重量 667 g OutlookGmailApple MailORIGINAL

MD03-012-JP

アプリダウンロード誘導バーApp Download Banner

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;">
  <tr>
    <td valign="middle" style="padding:12px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#F0EBE0;">
      アプリならもっと便利に。今すぐダウンロード。
    </td>
    <td align="right" valign="middle" style="padding:12px 16px;white-space:nowrap;">
      <a href="https://example.com/app-store" target="_blank" style="display:inline-block;padding:6px 14px;margin-left:6px;border:1px solid #F0EBE0;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:#F0EBE0;text-decoration:none;">App Store</a>
      <a href="https://example.com/google-play" target="_blank" style="display:inline-block;padding:6px 14px;margin-left:6px;border:1px solid #F0EBE0;font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:#F0EBE0;text-decoration:none;">Google Play</a>
    </td>
  </tr>
</table>

重量 999 g OutlookGmailApple MailORIGINAL

MD03-013-JP

ロゴなし・大胆見出しヘッダーBold Statement Header

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F0EBE0" style="background-color:#F0EBE0;">
  <tr>
    <td align="center" style="padding:40px 24px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:3px;color:#8C7A45;">
      YOUR BRAND
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 24px 36px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:30px;font-weight:bold;line-height:1.4;color:#26221F;">
      今週だけの、特別な便り。
    </td>
  </tr>
</table>

重量 603 g OutlookGmailApple MailORIGINAL

MD03-014-JP

上部SNSアイコン列Top Social Icon Strip

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#26221F" style="background-color:#26221F;">
  <tr>
    <td align="center" style="padding:12px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td style="padding:0 8px;"><a href="https://example.com/instagram" target="_blank"><img src="https://example.com/your-image.jpg" width="18" height="18" alt="Instagram" style="display:block;width:18px;height:18px;border:0;background-color:#3A362F;"></a></td>
          <td style="padding:0 8px;"><a href="https://example.com/x" target="_blank"><img src="https://example.com/your-image.jpg" width="18" height="18" alt="X" style="display:block;width:18px;height:18px;border:0;background-color:#3A362F;"></a></td>
          <td style="padding:0 8px;"><a href="https://example.com/line" target="_blank"><img src="https://example.com/your-image.jpg" width="18" height="18" alt="LINE" style="display:block;width:18px;height:18px;border:0;background-color:#3A362F;"></a></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

重量 1127 g OutlookGmailApple MailORIGINAL

MD03-015-JP

ミニナビゲーション(2〜4リンク)Restrained Mini Nav

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border-bottom:1px solid #D2CBBB;">
  <tr>
    <td align="center" style="padding:14px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;color:#26221F;">
      <a href="https://example.com/new" target="_blank" style="color:#26221F;text-decoration:none;">新着</a>
      &nbsp;&nbsp;&nbsp;<a href="https://example.com/ranking" target="_blank" style="color:#26221F;text-decoration:none;">ランキング</a>
      &nbsp;&nbsp;&nbsp;<a href="https://example.com/sale" target="_blank" style="color:#D7000F;text-decoration:none;">セール</a>
      &nbsp;&nbsp;&nbsp;<a href="https://example.com/contact" target="_blank" style="color:#26221F;text-decoration:none;">お問い合わせ</a>
    </td>
  </tr>
</table>

重量 892 g OutlookGmailApple MailORIGINAL

MD03-016-JP

差出人の顔写真付きパーソナルヘッダーPersonal Sender Header

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border-bottom:1px solid #D2CBBB;">
  <tr>
    <td width="72" valign="middle" style="padding:20px 0 20px 20px;">
      <img src="https://example.com/your-image.jpg" width="56" height="56" alt="山田 亮太" style="display:block;width:56px;height:56px;border:0;border-radius:28px;background-color:#E5DFD0;">
    </td>
    <td valign="middle" style="padding:20px 20px 20px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <div style="font-size:15px;font-weight:bold;line-height:1.5;color:#26221F;">山田珈琲焙煎所 店主・山田 亮太</div>
      <div style="font-size:12px;line-height:1.6;color:#5F584E;">2026年8月5日 発行 &nbsp;/&nbsp; 焙煎だより 第36号</div>
    </td>
  </tr>
</table>

重量 848 g OutlookGmailApple MailORIGINAL

MD03-017-JP

号数マストヘッド(特集タイトル付き)Issue Masthead

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:28px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td valign="bottom" style="font-family:Georgia,'Hiragino Mincho ProN',serif;font-size:11px;letter-spacing:3px;color:#8C8475;">
            TAGAWA BOOKSTORE LETTER
          </td>
          <td align="right" valign="bottom" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;color:#8C8475;">
            2026年8月14日発行
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td width="88" valign="middle" style="font-family:Georgia,'Hiragino Mincho ProN',serif;color:#D7000F;line-height:1;">
            <span style="font-size:12px;letter-spacing:1px;">Vol.</span><span style="font-size:42px;font-weight:bold;">42</span>
          </td>
          <td valign="middle" style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:20px;font-weight:bold;line-height:1.5;color:#26221F;">
            夏の夜長に読む、短編集7冊
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:12px 20px 22px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:2px solid #26221F;">
        <tr>
          <td style="padding-top:10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;line-height:1.7;color:#5F584E;">
            読了目安 4分 &nbsp;/&nbsp; 選書 二階堂 千夏(文芸担当)
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>

重量 1876 g OutlookGmailApple MailORIGINAL

MD03-018-JP

担当店舗バー(店舗名+予約リンク)Branch Bar

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#FFFFFF" style="background-color:#FFFFFF;border-bottom:1px solid #E2DBCB;max-width:600px;margin:0 auto;">
  <tr>
    <td class="bb-cell" valign="middle" style="padding:14px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <div style="font-size:14px;font-weight:bold;line-height:1.5;color:#26221F;">ヘアサロン ルクレ 三宮店</div>
      <div style="font-size:12px;line-height:1.7;color:#8C8475;">本日 10:00-19:00 / 078-000-0000</div>
    </td>
    <td class="bb-cell bb-cell-right" align="right" valign="middle" style="padding:14px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <a href="https://example.com/reservation" target="_blank" style="display:inline-block;border:1px solid #26221F;padding:9px 16px;font-size:13px;font-weight:bold;color:#26221F;text-decoration:none;">ご予約の確認・変更</a>
    </td>
  </tr>
</table>

@media only screen and (max-width:480px) {
  .bb-cell { display: block !important; width: auto !important; text-align: left !important; padding: 12px 18px 0 !important; }
  .bb-cell-right { padding: 10px 18px 14px !important; }
  .bb-cell-right a { display: block !important; text-align: center !important; padding: 12px 16px !important; }
}

重量 1324 g OutlookGmailApple MailORIGINAL

ヘッダー・プリヘッダー18点 取扱中