メール文例集

社屋移転

「*|〇〇|*」の部分はカスタマイズしてご使用ください。
差し込みタグとして本文に挿入することも可能です。

件名

  • デザイン
  • コード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<meta name="format-detection" content="telephone=no,address=no,email=no,date=no">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="copyright" content="*|自社名|*">
<!--[if mso]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
<title></title>
<style type="text/css" class="general">
.l-wrapper { margin: 30px 0; }
@media screen and (max-width: 480px) {
.body { font-size: 75%; }
.l-wrapper { margin: 0; }
.l-oneColumn { padding: 0; }
}
</style>
<style type="text/css">
@media screen and (min-width: 480px) {
.s-map {
padding-right: 35px !important;
}
}
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" class="body" bgcolor="#f0f0f0" style="font-family: YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; margin: 0 !important; padding: 0;">
<center class="l-wrapper" style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding: 0; table-layout: fixed; width: 100%;">
<div class="l-wrapperInner" style="margin: 0 auto; max-width: 640px;">
<!--[if mso]>
<table width="640" align="center">
<tr>
<td>
<![endif]-->
<table class="l-main" align="center" cellpadding="0" cellspacing="0" style="background: #fff; border-collapse: collapse; border-spacing: 0; max-width: 680px; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td class="u-fullWidthImage" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<img src="https://files.ecumerun.com/email-templates/business/change/relocation/main_image.png" alt="" style="border: 0 none; height: auto; line-height: 1; max-width: 640px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<!--[if mso]>
<table width="460" align="center">
<tr>
<td>
<![endif]-->
<table width="100%" cellpadding="0" cellspacing="0" class="s-columnInner" align="center" style="border-collapse: collapse; border-spacing: 0; max-width: 460px; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td class="u-center" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; text-align: center;">
<div class="s-title" style="font-size: 190%; font-weight: bold; line-height: 1.25; margin: 27px 0 23px;">*|会社名|* 御中</div>
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 0 0 10px;">*|自社名|*でございます。<br>平素は格別のご愛顧を賜り、厚くお礼申し上げます。</p>
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 0 0 10px;">さて、このたび弊社におきましては、<br>かねてより準備を進めておりました本社の移転を完了し、<br>MM月DD日より、下記の新社屋で営業を開始することとなりました。</p>
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 0 0 10px;">これを好機として、これまで以上にサービスの充実を期し、<br>一層の努力を重ねてまいる所存ですので、<br>今後ともお引き立てを賜りますようよろしくお願い申し上げます。</p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>

<tr>
<td class="s-line--top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 26px 0 0; text-align: center;">
<img src="https://files.ecumerun.com/email-templates/business/change/relocation/line.png" alt="" style="border: 0 none; line-height: 1; max-width: 560px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<!--[if mso]>
<table width="560" align="center">
<tr>
<td>
<![endif]-->
<table width="100%" cellpadding="0" cellspacing="0" align="center" class="s-middleColumn" style="border-collapse: collapse; border-spacing: 0; max-width: 560px; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td class="s-map" valign="top" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 40px 20px 0 0;">
<img src="https://files.ecumerun.com/email-templates/business/change/relocation/map.png" width="100%" alt="地図" style="border: 0 none; line-height: 1; outline: none; text-decoration: none;">
</td>
<td class="s-mapContent" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 36px 0 0 0;">
<div class="s-mapHeading" style="font-size: 100%; font-weight: bold; line-height: 1.5;">所在地:</div>
<p class="s-mapText" style="font-size: 87.5%; line-height: 1.5; margin: 3px 0 13px;">〒530-0003<br>大阪府大阪市北区堂島1-6-20 堂島アバンザ21F<br>※ JR「大阪駅」より徒歩8分</p>
<div class="s-mapHeading" style="font-size: 100%; font-weight: bold; line-height: 1.5;">TEL:</div>
<p class="s-mapText" style="font-size: 87.5%; line-height: 1.5; margin: 3px 0 13px;">00-0000-0000</p>
<div class="s-mapHeading" style="font-size: 100%; font-weight: bold; line-height: 1.5;">FAX:</div>
<p class="s-mapText" style="font-size: 87.5%; line-height: 1.5; margin: 3px 0 13px;">00-0000-0000</p>
<div class="s-mapHeading" style="font-size: 100%; font-weight: bold; line-height: 1.5;">新社屋での営業開始日:</div>
<p class="s-mapText" style="font-size: 87.5%; line-height: 1.5; margin: 3px 0 13px;">YYYY年MM月DD日</p>
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>

<tr>
<td class="l-oneColumn  s-mapButton" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px; padding-bottom: 40px; padding-top: 19px;">
<!--[if mso]>
<table width="460" align="center">
<tr>
<td>
<![endif]-->
<table width="100%" cellpadding="0" cellspacing="0" class="s-columnInner" align="center" style="border-collapse: collapse; border-spacing: 0; max-width: 460px; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<!--[if mso]>
<table width="100%" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#2e7d32" style="color: #fff; font-weight: bold; font-size: 130%; text-align: center; padding: 20px; background: #2e7d32;">
<![endif]-->
<a class="s-button" href="https://www" title="新社屋へのアクセスマップを見る" target="_blank" style="background: #2e7d32; border-radius: 6px; color: #fff; display: block; font-size: 130%; font-weight: bold; line-height: 1.5; max-width: 420px; padding: 20px; text-align: center; text-decoration: none;">アクセスマップを見る</a>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>

<tr>
<td class="s-line--bottom" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; text-align: center;">
<img src="https://files.ecumerun.com/email-templates/business/change/relocation/line.png" alt="" style="border: 0 none; line-height: 1; max-width: 560px; outline: none; text-decoration: none; width: 100%;">
</td>
</tr>

<tr>
<td class="l-oneColumn" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 0 15px;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td class="u-center s-footerText" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; padding: 40px 0; text-align: center;">
<p class="s-text" style="font-size: 100%; line-height: 1.5; margin: 0;">お近くにお越しの際には、ぜひお立ち寄りくださいませ。<br>社員一同、心よりお待ち申し上げております。</p>
</td>
</tr>
</table>
</td>
</tr>

<tr>
<td class="l-copyright s-copyright" style="background: #f0f0f0; border-collapse: collapse; color: #424242; mso-table-lspace: 0; mso-table-rspace: 0;">
<table width="100%" cellpadding="0" cellspacing="0" style="border-collapse: collapse; border-spacing: 0; mso-table-lspace: 0; mso-table-rspace: 0;">
<tr>
<td style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0;">
<p style="font-size: 81.25%; margin: 10px 0; text-align: center;">*|自社名|* &copy; 2017</p>
</td>
</tr>
</table>
</td>
</tr>
</table>

<!--[if mso]>
</td>
</tr>
</table>
<![endif]-->
</div>
</center>
</body>
</html>