本文へスキップ

MD-06 — PRODUCTS

商品カード19点 取扱中

ECメールの主役。1カラム大・2連・ランキング型。 すべてテーブルレイアウト+インラインスタイルで、Outlook/Gmail/Apple Mailに安全に投函できます。

MD06-001-JP

1カラム大カードSingle Feature

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td>
      <a href="https://example.com/" target="_blank">
        <img src="https://example.com/your-image.jpg" width="598" height="300" alt="商品メイン写真" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;">
      </a>
    </td>
  </tr>
  <tr>
    <td style="padding:20px 22px 6px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:18px;font-weight:bold;line-height:1.5;color:#26221F;">
      オーガニックコットン 度詰めTシャツ
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      洗うほどに肌になじむ、厚手7.1オンスの定番。首元が伸びにくいバインダー仕様です。
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:20px;font-weight:bold;color:#D7000F;">¥4,980</span>
      <span style="font-size:12px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
</table>
重量 1241 g OutlookGmailApple MailORIGINAL
MD06-002-JP

2カラム商品Two Up

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td class="pstack" width="50%" valign="top" style="padding:8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1px solid #D2CBBB;">
        <tr><td><a href="https://example.com/1" target="_blank"><img src="https://example.com/your-image.jpg" width="280" height="200" alt="商品A" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a></td></tr>
        <tr><td style="padding:12px 14px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#26221F;">商品A</td></tr>
        <tr><td style="padding:0 14px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#D7000F;">¥2,480</td></tr>
      </table>
    </td>
    <td class="pstack" width="50%" valign="top" style="padding:8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border:1px solid #D2CBBB;">
        <tr><td><a href="https://example.com/2" target="_blank"><img src="https://example.com/your-image.jpg" width="280" height="200" alt="商品B" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a></td></tr>
        <tr><td style="padding:12px 14px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#26221F;">商品B</td></tr>
        <tr><td style="padding:0 14px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#D7000F;">¥3,180</td></tr>
      </table>
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .pstack { display: block !important; width: 100% !important; }
}
重量 1849 g OutlookGmailApple MailORIGINAL
MD06-003-JP

横並びカードHorizontal

<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="160" valign="top">
      <a href="https://example.com/" target="_blank">
        <img src="https://example.com/your-image.jpg" width="160" height="160" alt="商品写真" style="display:block;width:160px;height:auto;border:0;background-color:#E5DFD0;">
      </a>
    </td>
    <td valign="middle" style="padding:14px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:15px;font-weight:bold;line-height:1.5;color:#26221F;">帆布のトートバッグ(M)</span><br>
      <span style="font-size:12px;line-height:1.7;color:#5F584E;">A4がすっぽり入る、自立するタイプ。</span><br>
      <span style="font-size:17px;font-weight:bold;color:#D7000F;">¥1,980</span>
      &nbsp;&nbsp;<a href="https://example.com/" target="_blank" style="font-size:12px;font-weight:bold;color:#2B5EA7;text-decoration:underline;">詳細 &#8594;</a>
    </td>
  </tr>
</table>
重量 1079 g OutlookGmailApple MailORIGINAL
MD06-004-JP

価格+CTA付きカードPrice + CTA

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td align="center" style="padding:20px 22px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:17px;font-weight:bold;color:#26221F;">
      ステンレス真空マグ 480ml
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:13px;color:#8C8475;text-decoration:line-through;">¥6,600</span>
      &nbsp;<span style="font-size:22px;font-weight:bold;color:#D7000F;">¥4,980</span>
      <span style="font-size:12px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 22px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#D7000F">
            <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 12px #D7000F;border-left-width:40px;border-right-width:40px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#D7000F;">カートに入れる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 1391 g OutlookGmailApple MailORIGINAL
MD06-005-JP

ランキングカードRanking

<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="64" valign="middle" align="center" bgcolor="#E8B93B" style="background-color:#E8B93B;padding:16px 6px;">
      <span style="font-family:Arial,sans-serif;font-size:11px;font-weight:bold;color:#26221F;">RANK</span><br>
      <span style="font-family:Arial,sans-serif;font-size:30px;font-weight:bold;line-height:1.2;color:#26221F;">1</span>
    </td>
    <td width="120" valign="top">
      <img src="https://example.com/your-image.jpg" width="120" height="120" alt="1位の商品" style="display:block;width:120px;height:auto;border:0;background-color:#E5DFD0;">
    </td>
    <td valign="middle" style="padding:12px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:14px;font-weight:bold;line-height:1.5;color:#26221F;">今週いちばん売れた商品</span><br>
      <span style="font-size:16px;font-weight:bold;color:#D7000F;">¥3,480</span>
      &nbsp;&nbsp;<a href="https://example.com/" target="_blank" style="font-size:12px;font-weight:bold;color:#2B5EA7;text-decoration:underline;">見る &#8594;</a>
    </td>
  </tr>
</table>
重量 1251 g OutlookGmailApple MailORIGINAL
MD06-006-JP

在庫僅少バッジ付きLow 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 style="padding:14px 18px 0;">
      <span style="display:inline-block;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;color:#ffffff;background-color:#D7000F;padding:3px 10px;">残りわずか</span>
    </td>
  </tr>
  <tr>
    <td style="padding:8px 18px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      再入荷未定の人気アイテム
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      在庫残り3点。次回入荷は未定です。
      <a href="https://example.com/" target="_blank" style="font-weight:bold;color:#D7000F;text-decoration:underline;">今すぐ確認 &#8594;</a>
    </td>
  </tr>
</table>
重量 1007 g OutlookGmailApple MailORIGINAL
MD06-007-JP

関連商品3連Related Trio

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td style="padding:0 6px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.6;color:#26221F;">
      焚き火グリルと一緒に選ばれています
    </td>
  </tr>
  <tr>
    <td>
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td class="tstack" width="33%" valign="top" align="center" style="padding:6px;">
            <a href="https://example.com/items/fire-gloves" target="_blank"><img src="https://example.com/your-image.jpg" width="180" height="140" alt="牛革の焚き火用グローブ" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a>
            <span style="display:block;padding:10px 2px 3px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.6;color:#26221F;">牛革 焚き火グローブ</span>
            <span style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#D7000F;">¥3,960</span>
          </td>
          <td class="tstack" width="33%" valign="top" align="center" style="padding:6px;">
            <a href="https://example.com/items/steel-mug" target="_blank"><img src="https://example.com/your-image.jpg" width="180" height="140" alt="ステンレス二重マグ 400ml" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a>
            <span style="display:block;padding:10px 2px 3px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.6;color:#26221F;">ステンレス二重マグ 400ml</span>
            <span style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#D7000F;">¥2,750</span>
          </td>
          <td class="tstack" width="33%" valign="top" align="center" style="padding:6px;">
            <a href="https://example.com/items/folding-lantern" target="_blank"><img src="https://example.com/your-image.jpg" width="180" height="140" alt="折りたたみLEDランタン" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;"></a>
            <span style="display:block;padding:10px 2px 3px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;line-height:1.6;color:#26221F;">折りたたみLEDランタン</span>
            <span style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#D7000F;">¥5,280</span>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .tstack { display: block !important; width: 100% !important; }
}
重量 2874 g OutlookGmailApple MailORIGINAL
MD06-008-JP

レビュー星付きカードWith Reviews

<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:16px 18px 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      レビュー高評価の定番アイテム
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 6px;font-family:Arial,sans-serif;font-size:15px;">
      <span style="color:#E8B93B;">&#9733;&#9733;&#9733;&#9733;</span><span style="color:#D2CBBB;">&#9733;</span>
      <span style="font-size:12px;color:#5F584E;">&nbsp;4.2(361件のレビュー)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      「リピート3回目です」など、実際の声とあわせて紹介すると効果的。
      <a href="https://example.com/" target="_blank" style="font-weight:bold;color:#2B5EA7;text-decoration:underline;">レビューを読む &#8594;</a>
    </td>
  </tr>
</table>
重量 1102 g OutlookGmailApple MailORIGINAL
MD06-009-JP

タイムセール カウントダウン風カードCountdown Sale Card

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td align="center" bgcolor="#D7000F" style="background-color:#D7000F;padding:8px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;letter-spacing:1px;color:#ffffff;">
      タイムセール開催中
    </td>
  </tr>
  <tr>
    <td style="padding:20px 22px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:17px;font-weight:bold;line-height:1.5;color:#26221F;">
      期間限定セール対象商品
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:13px;color:#8C8475;text-decoration:line-through;">¥8,800</span>
      &nbsp;<span style="font-size:22px;font-weight:bold;color:#D7000F;">¥5,280</span>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">01</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">日</div>
          </td>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">23</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">時間</div>
          </td>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">45</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">分</div>
          </td>
          <td align="center" style="padding:0 4px;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr><td width="46" align="center" bgcolor="#26221F" style="background-color:#26221F;padding:8px 0;font-family:Arial,sans-serif;font-size:18px;font-weight:bold;color:#ffffff;">10</td></tr></table>
            <div style="padding-top:4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:10px;color:#8C8475;">秒</div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:0 22px 22px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#D7000F">
            <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 12px #D7000F;border-left-width:36px;border-right-width:36px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#D7000F;">今すぐチェック</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 3740 g OutlookGmailApple MailORIGINAL
MD06-010-JP

まとめ買いセット商品カードBundle Set

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td align="center" bgcolor="#C9A063" style="background-color:#C9A063;padding:10px 12px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#26221F;">
      3点セットでお得に
    </td>
  </tr>
  <tr>
    <td style="padding:16px 20px 4px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td width="56" valign="top" style="padding:8px 0;"><img src="https://example.com/your-image.jpg" width="56" height="56" alt="商品A" style="display:block;width:56px;height:56px;border:0;background-color:#E5DFD0;"></td>
          <td valign="middle" style="padding:8px 0 8px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;border-bottom:1px solid #D2CBBB;">商品A</td>
          <td valign="middle" align="right" style="padding:8px 0;font-family:Arial,sans-serif;font-size:13px;color:#5F584E;border-bottom:1px solid #D2CBBB;">¥2,480</td>
        </tr>
        <tr>
          <td width="56" valign="top" style="padding:8px 0;"><img src="https://example.com/your-image.jpg" width="56" height="56" alt="商品B" style="display:block;width:56px;height:56px;border:0;background-color:#E5DFD0;"></td>
          <td valign="middle" style="padding:8px 0 8px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;border-bottom:1px solid #D2CBBB;">商品B</td>
          <td valign="middle" align="right" style="padding:8px 0;font-family:Arial,sans-serif;font-size:13px;color:#5F584E;border-bottom:1px solid #D2CBBB;">¥1,980</td>
        </tr>
        <tr>
          <td width="56" valign="top" style="padding:8px 0;"><img src="https://example.com/your-image.jpg" width="56" height="56" alt="商品C" style="display:block;width:56px;height:56px;border:0;background-color:#E5DFD0;"></td>
          <td valign="middle" style="padding:8px 0 8px 14px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;color:#26221F;">商品C</td>
          <td valign="middle" align="right" style="padding:8px 0;font-family:Arial,sans-serif;font-size:13px;color:#5F584E;">¥1,680</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="right" style="padding:10px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:12px;color:#8C8475;text-decoration:line-through;">¥6,140</span>
      &nbsp;<span style="font-size:20px;font-weight:bold;color:#D7000F;">¥4,980</span>
      <span style="font-size:11px;color:#5F584E;">(セット価格)</span>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:10px 20px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#26221F">
            <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 11px #26221F;border-left-width:30px;border-right-width:30px;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>
重量 3413 g OutlookGmailApple MailORIGINAL
MD06-011-JP

定期便サブスク商品カードSubscription Plan

<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:14px 18px 0;">
      <span style="display:inline-block;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;color:#26221F;background-color:#E8B93B;padding:3px 10px;">定期便</span>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 0 6px 18px;">
      <img src="https://example.com/your-image.jpg" width="90" height="90" alt="定期便商品" style="display:block;width:90px;height:90px;border:0;background-color:#E5DFD0;">
    </td>
  </tr>
  <tr>
    <td style="padding:8px 18px 2px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;color:#26221F;">
      毎月お届け 定番セット
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:20px;font-weight:bold;color:#D7000F;">¥3,980</span>
      <span style="font-size:12px;color:#5F584E;">/月(税込・送料無料)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:2.0;color:#5F584E;">
      &#10003; いつでも解約・スキップ可能<br>
      &#10003; 初回限定20%OFF<br>
      &#10003; お届け周期は自由に変更
    </td>
  </tr>
  <tr>
    <td style="padding:0 18px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td align="center" bgcolor="#2B5EA7">
            <a href="https://example.com/" target="_blank" style="display:block;padding:13px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#2B5EA7;">定期便をはじめる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 2005 g OutlookGmailApple MailORIGINAL
MD06-012-JP

2商品比較表カードProduct Comparison Table

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;">
  <tr>
    <td width="34%" style="border-bottom:2px solid #26221F;"></td>
    <td width="33%" align="center" style="padding:14px 8px;border-bottom:2px solid #26221F;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#26221F;">スタンダード</td>
    <td width="33%" align="center" bgcolor="#2B5EA7" style="padding:14px 8px;background-color:#2B5EA7;border-bottom:2px solid #26221F;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#ffffff;">プレミアム</td>
  </tr>
  <tr>
    <td style="padding:12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;border-bottom:1px solid #D2CBBB;">送料</td>
    <td align="center" style="padding:12px 8px;font-family:Arial,sans-serif;font-size:13px;color:#26221F;border-bottom:1px solid #D2CBBB;">¥550</td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:12px 8px;font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#2B5EA7;border-bottom:1px solid #D2CBBB;">無料</td>
  </tr>
  <tr>
    <td style="padding:12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;border-bottom:1px solid #D2CBBB;">返品保証</td>
    <td align="center" style="padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#8C8475;border-bottom:1px solid #D2CBBB;">&#10005;</td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#2B5EA7;border-bottom:1px solid #D2CBBB;">&#10003;</td>
  </tr>
  <tr>
    <td style="padding:12px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#5F584E;">優先サポート</td>
    <td align="center" style="padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#8C8475;">&#10005;</td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:12px 8px;font-family:Arial,sans-serif;font-size:15px;color:#2B5EA7;">&#10003;</td>
  </tr>
  <tr>
    <td style="padding:16px 10px 0;"></td>
    <td align="center" style="padding:16px 8px 0;">
      <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 10px #26221F;border-left-width:20px;border-right-width:20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#26221F;">選択</a>
    </td>
    <td align="center" bgcolor="#EAF0F9" style="background-color:#EAF0F9;padding:16px 8px 0;">
      <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 10px #2B5EA7;border-left-width:20px;border-right-width:20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#2B5EA7;">選択</a>
    </td>
  </tr>
</table>
重量 3071 g OutlookGmailApple MailORIGINAL
MD06-013-JP

再入荷通知登録カードBack-in-Stock Notify

<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="140" valign="top">
      <img src="https://example.com/your-image.jpg" width="140" height="140" alt="品切れ中の商品" style="display:block;width:140px;height:140px;border:0;background-color:#E5DFD0;opacity:0.55;">
    </td>
    <td valign="middle" style="padding:16px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="display:inline-block;font-size:11px;font-weight:bold;letter-spacing:1px;color:#ffffff;background-color:#5F584E;padding:3px 10px;">只今品切れ</span>
      <div style="padding-top:8px;font-size:15px;font-weight:bold;line-height:1.5;color:#26221F;">再入荷したらいちばんにお知らせします</div>
      <div style="padding-top:6px;font-size:12px;line-height:1.8;color:#5F584E;">入荷通知に登録すると、再入荷のタイミングでメールが届きます。</div>
      <div style="padding-top:12px;">
        <table role="presentation" cellpadding="0" cellspacing="0" border="0">
          <tr>
            <td align="center" bgcolor="#2B5EA7">
              <a href="https://example.com/" target="_blank" style="display:inline-block;border:solid 11px #2B5EA7;border-left-width:22px;border-right-width:22px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#2B5EA7;">入荷通知を受け取る</a>
            </td>
          </tr>
        </table>
      </div>
    </td>
  </tr>
</table>
重量 1635 g OutlookGmailApple MailORIGINAL
MD06-014-JP

あなたへのおすすめ商品カードPersonalized Recommendation

<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:14px 18px 0;">
      <span style="display:inline-block;font-family:'IBM Plex Mono',Arial,sans-serif;font-size:10px;font-weight:bold;letter-spacing:2px;color:#26221F;background-color:#E8B93B;padding:3px 10px;">FOR YOU</span>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 18px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      7月にお買い上げの「エチオピア イルガチェフェ 200g」に合わせて
    </td>
  </tr>
  <tr>
    <td style="padding:6px 18px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td width="110" valign="top" style="padding:0 14px 0 0;">
            <img src="https://example.com/your-image.jpg" width="110" height="110" alt="白い陶器のペーパードリッパー02の写真" style="display:block;width:110px;height:110px;border:0;background-color:#E5DFD0;">
          </td>
          <td valign="top">
            <div style="font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;line-height:1.6;color:#26221F;">ペーパードリッパー 02(ホワイト)</div>
            <div style="padding-top:6px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.9;color:#5F584E;">同じ豆を選ばれた方の多くがお使いです。中細挽き・湯温90度で、この豆の柑橘の香りが出やすくなります。</div>
            <div style="padding-top:10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
              <span style="font-size:19px;font-weight:bold;color:#D7000F;">¥2,420</span>
              <span style="font-size:12px;color:#5F584E;">(税込)</span>
            </div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:14px 18px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.8;color:#2B8A78;">
      あと¥580のお買い上げで送料無料になります。
    </td>
  </tr>
  <tr>
    <td style="padding:12px 18px 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td align="center" bgcolor="#26221F" style="background-color:#26221F;">
            <a href="https://example.com/items/dripper-02-white" target="_blank" style="display:block;padding:13px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#ffffff;text-decoration:none;">カートに入れる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 2814 g OutlookGmailApple MailORIGINAL
MD06-015-JP

カラー・サイズ選択チップ付きカードColor & Size Swatches

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td>
      <img src="https://example.com/your-image.jpg" width="598" height="280" alt="ウールブレンドチェスターコート" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;">
    </td>
  </tr>
  <tr>
    <td style="padding:18px 22px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:17px;font-weight:bold;color:#26221F;">
      ウールブレンドチェスターコート
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 10px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:20px;font-weight:bold;color:#D7000F;">&yen;18,700</span>
      <span style="font-size:12px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
      先週お気に入りに追加いただいた商品に、新色キャメルが入荷しました。
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;color:#5F584E;">
      カラー: キャメル
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 16px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="padding:0 8px 0 0;"><a href="https://example.com/?color=camel" target="_blank" title="キャメル" aria-label="キャメル" style="display:block;width:28px;height:28px;background-color:#C9A063;border:2px solid #26221F;font-size:0;line-height:0;">&nbsp;</a></td>
          <td style="padding:0 8px 0 0;"><a href="https://example.com/?color=black" target="_blank" title="ブラック" aria-label="ブラック" style="display:block;width:28px;height:28px;background-color:#26221F;border:2px solid #E5DFD0;font-size:0;line-height:0;">&nbsp;</a></td>
          <td style="padding:0 8px 0 0;"><a href="https://example.com/?color=navy" target="_blank" title="ネイビー" aria-label="ネイビー" style="display:block;width:28px;height:28px;background-color:#2B5EA7;border:2px solid #E5DFD0;font-size:0;line-height:0;">&nbsp;</a></td>
          <td><a href="https://example.com/?color=gray" target="_blank" title="グレー" aria-label="グレー" style="display:block;width:28px;height:28px;background-color:#8C8475;border:2px solid #E5DFD0;font-size:0;line-height:0;">&nbsp;</a></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 8px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;color:#5F584E;">
      サイズ: M
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td style="padding:0 8px 0 0;"><a href="https://example.com/?size=s" target="_blank" style="display:block;padding:9px 15px;font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#26221F;border:1px solid #B9AF9A;text-decoration:none;">S</a></td>
          <td style="padding:0 8px 0 0;"><a href="https://example.com/?size=m" target="_blank" style="display:block;padding:9px 15px;font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#ffffff;background-color:#26221F;border:1px solid #26221F;text-decoration:none;">M</a></td>
          <td style="padding:0 8px 0 0;"><a href="https://example.com/?size=l" target="_blank" style="display:block;padding:9px 15px;font-family:Arial,sans-serif;font-size:13px;font-weight:bold;color:#26221F;border:1px solid #B9AF9A;text-decoration:none;">L</a></td>
          <td><span style="display:block;padding:9px 15px;font-family:Arial,sans-serif;font-size:13px;color:#8C8475;background-color:#F0EBE0;border:1px solid #E5DFD0;text-decoration:line-through;">XL</span></td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.7;color:#8C8475;">
      XLは完売しました。8月下旬に再入荷を予定しています。
    </td>
  </tr>
  <tr>
    <td style="padding:0 22px 22px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td align="center" bgcolor="#D7000F">
            <a href="https://example.com/" target="_blank" style="display:block;padding:13px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;color:#ffffff;text-decoration:none;background-color:#D7000F;">カートに入れる</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 4864 g OutlookGmailApple MailORIGINAL
MD06-016-JP

カート放棄リマインドカードAbandoned Cart

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td colspan="2" style="padding:18px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:16px;font-weight:bold;line-height:1.5;color:#26221F;">
      カートに商品が残っています
    </td>
  </tr>
  <tr>
    <td colspan="2" style="padding:0 20px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      お選びいただいた商品は7日間お預かりしています。在庫の状況によってはご用意できなくなる場合があります。
    </td>
  </tr>
  <tr>
    <td width="130" valign="top" style="padding:0 0 0 20px;">
      <img src="https://example.com/your-image.jpg" width="130" height="130" alt="エチオピア イルガチェフェ 200g" style="display:block;width:130px;height:auto;border:0;background-color:#E5DFD0;">
    </td>
    <td valign="middle" style="padding:0 20px 0 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:14px;font-weight:bold;line-height:1.6;color:#26221F;">エチオピア イルガチェフェ 200g</span><br>
      <span style="font-size:12px;line-height:1.7;color:#5F584E;">中煎り / 豆のまま&nbsp;&nbsp;数量 1</span><br>
      <span style="font-size:17px;font-weight:bold;color:#D7000F;">¥1,680</span>
      <span style="font-size:11px;color:#5F584E;">(税込)</span>
    </td>
  </tr>
  <tr>
    <td colspan="2" align="center" style="padding:20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center">
        <tr>
          <td align="center" bgcolor="#D7000F" style="background-color:#D7000F;">
            <a href="https://example.com/cart" target="_blank" style="display:inline-block;border:solid 13px #D7000F;border-left-width:38px;border-right-width:38px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#D7000F;">カートに戻る</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
重量 2227 g OutlookGmailApple MailORIGINAL
MD06-017-JP

コーディネート提案カード(番号付きアイテム)Shop The Look

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td>
      <a href="https://example.com/styling/18" target="_blank">
        <img src="https://example.com/your-image.jpg" width="598" height="340" alt="ネイビーの撥水コートを羽織った雨の日の通勤コーディネート" style="display:block;width:100%;height:auto;border:0;background-color:#E5DFD0;">
      </a>
    </td>
  </tr>
  <tr>
    <td style="padding:20px 20px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:2px;color:#8C8475;">
      STYLING No.18
    </td>
  </tr>
  <tr>
    <td style="padding:8px 20px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:19px;font-weight:bold;line-height:1.6;color:#26221F;">
      雨の日の通勤に、軽い一枚を。
    </td>
  </tr>
  <tr>
    <td style="padding:8px 20px 4px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.8;color:#5F584E;">
      この写真で着ている3点です。すべて自宅の洗濯機で洗えます。
    </td>
  </tr>
  <tr>
    <td style="padding:8px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #E2DCCD;">
        <tr>
          <td width="30" valign="top" style="padding:14px 0 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td align="center" width="22" height="22" bgcolor="#26221F" style="background-color:#26221F;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:22px;color:#ffffff;">1</td>
              </tr>
            </table>
          </td>
          <td width="76" valign="top" style="padding:14px 0 0;">
            <a href="https://example.com/items/coat-navy" target="_blank"><img src="https://example.com/your-image.jpg" width="64" height="64" alt="撥水ステンカラーコート ネイビー" style="display:block;width:64px;height:64px;border:0;background-color:#E5DFD0;"></a>
          </td>
          <td valign="top" style="padding:14px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
            <a href="https://example.com/items/coat-navy" target="_blank" style="font-size:14px;font-weight:bold;line-height:1.6;color:#26221F;text-decoration:none;">撥水ステンカラーコート ネイビー</a>
            <div style="padding-top:4px;font-size:14px;font-weight:bold;color:#D7000F;">¥19,800</div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #E2DCCD;">
        <tr>
          <td width="30" valign="top" style="padding:14px 0 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td align="center" width="22" height="22" bgcolor="#26221F" style="background-color:#26221F;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:22px;color:#ffffff;">2</td>
              </tr>
            </table>
          </td>
          <td width="76" valign="top" style="padding:14px 0 0;">
            <a href="https://example.com/items/shirt-white" target="_blank"><img src="https://example.com/your-image.jpg" width="64" height="64" alt="ノーアイロンシャツ ホワイト" style="display:block;width:64px;height:64px;border:0;background-color:#E5DFD0;"></a>
          </td>
          <td valign="top" style="padding:14px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
            <a href="https://example.com/items/shirt-white" target="_blank" style="font-size:14px;font-weight:bold;line-height:1.6;color:#26221F;text-decoration:none;">ノーアイロンシャツ ホワイト</a>
            <div style="padding-top:4px;font-size:14px;font-weight:bold;color:#D7000F;">¥6,900</div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:0 20px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #E2DCCD;">
        <tr>
          <td width="30" valign="top" style="padding:14px 0 0;">
            <table role="presentation" cellpadding="0" cellspacing="0" border="0">
              <tr>
                <td align="center" width="22" height="22" bgcolor="#26221F" style="background-color:#26221F;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;line-height:22px;color:#ffffff;">3</td>
              </tr>
            </table>
          </td>
          <td width="76" valign="top" style="padding:14px 0 0;">
            <a href="https://example.com/items/sneaker-black" target="_blank"><img src="https://example.com/your-image.jpg" width="64" height="64" alt="撥水レザースニーカー ブラック" style="display:block;width:64px;height:64px;border:0;background-color:#E5DFD0;"></a>
          </td>
          <td valign="top" style="padding:14px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
            <a href="https://example.com/items/sneaker-black" target="_blank" style="font-size:14px;font-weight:bold;line-height:1.6;color:#26221F;text-decoration:none;">撥水レザースニーカー ブラック</a>
            <div style="padding-top:4px;font-size:14px;font-weight:bold;color:#D7000F;">¥12,800</div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:22px 20px 8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0">
        <tr>
          <td align="center" bgcolor="#26221F" style="background-color:#26221F;">
            <a href="https://example.com/styling/18" target="_blank" style="display:inline-block;border:solid 12px #26221F;border-left-width:30px;border-right-width:30px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:14px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#26221F;">3点をまとめて見る</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td align="center" style="padding:10px 20px 22px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.7;color:#8C8475;">
      3点同時のご購入で、8月17日(月)まで送料無料
    </td>
  </tr>
</table>
重量 6560 g OutlookGmailApple MailORIGINAL
MD06-018-JP

予約受付カード(発売日・予約特典付き)Pre-order Card

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="max-width:600px;margin:0 auto;border:1px solid #D2CBBB;">
  <tr>
    <td bgcolor="#26221F" style="background-color:#26221F;padding:11px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;font-weight:bold;line-height:1.5;color:#ffffff;">
      ご予約受付中 &nbsp;/&nbsp; 9月12日(金)発売
    </td>
  </tr>
  <tr>
    <td class="po-pad" style="padding:22px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td class="po-stack po-img" width="170" valign="top" style="padding:0;">
            <a href="https://example.com/books/kissaten-design-2" target="_blank"><img src="https://example.com/your-image.jpg" width="170" height="236" alt="書籍「喫茶店のデザイン 第2版」の表紙" style="display:block;width:170px;height:auto;border:0;background-color:#E5DFD0;"></a>
          </td>
          <td class="po-stack po-body" valign="top" style="padding:0 0 0 18px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
            <div style="font-size:11px;font-weight:bold;letter-spacing:1px;color:#8C8475;">改訂第2版</div>
            <div style="padding-top:6px;font-size:17px;font-weight:bold;line-height:1.6;color:#26221F;">喫茶店のデザイン ― 全国124軒の図面と写真</div>
            <div style="padding-top:8px;font-size:13px;line-height:1.9;color:#5F584E;">初版から38軒を新たに取材し、客席と厨房の動線を実測した図面を収録しました。B5判・304ページ・全ページカラー。</div>
            <div style="padding-top:12px;font-size:20px;font-weight:bold;color:#D7000F;">&yen;4,180<span style="font-size:11px;font-weight:normal;color:#5F584E;">(税込)</span></div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="po-pad" style="padding:18px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#F5F2EA" style="background-color:#F5F2EA;border:1px dashed #C9A063;">
        <tr>
          <td style="padding:12px 16px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5A4A31;">
            <strong style="color:#26221F;">8月20日(水)23:59までのご予約特典</strong><br>
            本書未収録の6軒を撮り下ろした、非売品ポストカード6枚組をお付けします。
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="po-pad" align="center" style="padding:20px 20px 8px;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" align="center" style="margin:0 auto;">
        <tr>
          <td align="center" bgcolor="#D7000F" style="background-color:#D7000F;">
            <a href="https://example.com/books/kissaten-design-2" target="_blank" style="display:inline-block;border:solid 13px #D7000F;border-left-width:40px;border-right-width:40px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;line-height:1.2;color:#ffffff;text-decoration:none;background-color:#D7000F;">予約する</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td class="po-pad" align="center" style="padding:6px 20px 22px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.8;color:#8C8475;">
      発売日に合わせて発送します。お支払いは発送時のご請求です。
    </td>
  </tr>
</table>
@media only screen and (max-width:480px) {
  .po-stack { display: block !important; width: 100% !important; }
  .po-img { padding: 0 0 14px 0 !important; }
  .po-img img { width: 100% !important; max-width: 240px !important; height: auto !important; }
  .po-body { padding: 0 !important; }
  .po-pad { padding-left: 18px !important; padding-right: 18px !important; }
}
重量 3958 g OutlookGmailApple MailORIGINAL
MD06-019-JP

オンライン講座カード(レッスン数・講師付き)Online Course Card

<table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" bgcolor="#FBF9F3" style="max-width:600px;margin:0 auto;background-color:#FBF9F3;border:1px solid #D2CBBB;">
  <tr>
    <td>
      <img src="https://example.com/your-image.jpg" width="598" height="240" alt="表計算ソフトの集計画面を映した講座のサムネイル" style="display:block;width:100%;max-width:598px;height:auto;border:0;background-color:#E5DFD0;">
    </td>
  </tr>
  <tr>
    <td style="padding:16px 20px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:11px;font-weight:bold;letter-spacing:1px;color:#5F584E;">
      全12レッスン&nbsp;&nbsp;/&nbsp;&nbsp;合計 2時間40分
    </td>
  </tr>
  <tr>
    <td style="padding:8px 20px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:19px;font-weight:bold;line-height:1.5;color:#26221F;">
      Excel関数 実務ドリル<br>月次集計を1時間で終わらせる
    </td>
  </tr>
  <tr>
    <td style="padding:10px 20px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:13px;line-height:1.9;color:#5F584E;">
      VLOOKUPとSUMIFSの使い分けから、ピボットテーブルでの部門別集計まで。配布する売上データを実際に操作しながら進めます。
    </td>
  </tr>
  <tr>
    <td style="padding:14px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%" style="border-top:1px solid #E2DBCB;">
        <tr>
          <td width="88" valign="top" style="padding:10px 8px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#8C8475;">対象</td>
          <td valign="top" style="padding:10px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#26221F;">関数を少し触ったことがある方</td>
        </tr>
        <tr>
          <td width="88" valign="top" style="padding:6px 8px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#8C8475;">講師</td>
          <td valign="top" style="padding:6px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#26221F;">森本 千鶴(公認会計士)</td>
        </tr>
        <tr>
          <td width="88" valign="top" style="padding:6px 8px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#8C8475;">視聴期限</td>
          <td valign="top" style="padding:6px 0 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;color:#26221F;">受講開始から180日</td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:16px 20px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;">
      <span style="font-size:22px;font-weight:bold;color:#D7000F;">¥4,800</span>
      <span style="font-size:12px;color:#5F584E;">(税込・買い切り)</span>
    </td>
  </tr>
  <tr>
    <td style="padding:14px 20px 0;">
      <table role="presentation" cellpadding="0" cellspacing="0" border="0" width="100%">
        <tr>
          <td align="center" bgcolor="#26221F" style="background-color:#26221F;">
            <a href="https://example.com/courses/excel-drill" target="_blank" style="display:block;padding:14px 0;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:15px;font-weight:bold;color:#ffffff;text-decoration:none;">受講を始める</a>
          </td>
        </tr>
      </table>
    </td>
  </tr>
  <tr>
    <td style="padding:10px 20px 20px;font-family:Arial,'Hiragino Sans','Yu Gothic',sans-serif;font-size:12px;line-height:1.8;color:#8C8475;">
      8月31日(月)までのお申し込みで、練習用データ集(24ファイル)をお付けします。
    </td>
  </tr>
</table>
重量 3770 g OutlookGmailApple MailORIGINAL