tips
  • tips
  • 2021.8.6

HTMLメールのテンプレート

実際の表示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-language" content="ja">
<meta name="googlebot" content="noindex" />
<meta name="format-detection" content="telephone=no,address=no,email=no,date=no">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title></title>
<style>
body {
	background: #eee;
	-webkit-font-smoothing:antialiased;
	word-break:break-all;
	margin:0;padding:0;
	font-size: 15px;
	line-height:1.4;
	letter-spacing: 0.04em;
	color: #000;
	font-family:'Helvetica Neue','Helvetica','Hiragino Sans','Hiragino Kaku Gothic ProN',YuGothic,Meiryo,Arial,sans-serif;
}
img {
	border: 0;
	vertical-align: bottom;
	display: inline-block;
}
a {
	text-decoration: none;
}
table,tbody,tr,td,th {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
</style>
</head>

<!-- ==================================================================
					これ以降 font-family は指定しないこと　
					Chromeのバグあり
================================================================== -->

<!--  bodyと同じstyle -->
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="background: #eee; -webkit-font-smoothing:antialiased; word-break:break-all; margin:0; padding:0; font-size: 15px; line-height:1.4; letter-spacing: 0.04em; color: #000;">

<!-- 疑似body bodyと同じstyle -->
<div style="background: #eee; -webkit-font-smoothing:antialiased; word-break:break-all; margin:0; padding:0; font-size: 15px; line-height:1.4; letter-spacing: 0.04em; color: #000;">

<!--  table全体 bodyと同じstyle bgcolorの指定を忘れないこと -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#eee" style="background: #eee; -webkit-font-smoothing:antialiased; word-break:break-all; margin:0; padding:0; font-size: 15px; line-height:1.4; letter-spacing: 0.04em; color: #000;">
<tr>
<td align="center" style="text-align:center; margin:0 auto; padding: 0;">

<table border="0" cellpadding="0" cellspacing="0" bgcolor="#ffffff" style="margin:0 auto; padding: 0; max-width:600px; background:#ffffff; text-align:left; border-collapse: collapse; border-spacing:0;">
<tr>
<td style="margin:0 auto; padding:0;">

<!-- =================== CONTENTS START =================== -->
<!-- ===== メインイメージ 幅100％ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse: collapse; border-spacing:0;">
<tr>
<td>
<img src="https://placehold.jp/600x300.png" border="0" width="100%" style="width:100%; max-width:600px; border:0; vertical-align:bottom;" alt="altを指定すること">
</td>
</tr>
</table>
<!-- ===== /メインイメージ 幅100％ ===== -->

<!-- ===== 見出し 全体中央 テキスト左寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000" color="#fff" style="width:100%; margin:0; padding:0; background: #000; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0"  color="#fff" style="margin:0 auto; padding:0; color: #fff; font-weight: bold; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>コンテンツ<br>
全体中央 テキスト左寄せ</td>
</tr>
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /見出し 全体中央 テキスト左寄せ ===== -->

<!-- ===== コンテンツ 全体中央 テキスト左寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>コンテンツ<br>
全体中央 テキスト左寄せ</td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /コンテンツ 全体中央 テキスト左寄せ ===== -->

<!-- ===== 見出し 幅100％ テキスト左寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000" color="#fff" style="width:100%; margin:0; padding:0; background: #000; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0"  color="#fff" style="width: 100%; margin:0; padding:0; color: #fff; font-weight: bold; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>見出し<br>
幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ </td>
</tr>
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /見出し 幅100％  テキスト左寄せ ===== -->

<!-- ===== コンテンツ 幅100% テキスト左寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>コンテンツ<br>
幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ </td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /コンテンツ 幅100% テキスト左寄せ ===== -->

<!-- ===== 中見出し ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#eee" style="width: 100%; margin:0; padding:0; background: #eee; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; font-weight: bold; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
中見出し
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /中見出し ===== -->

<!-- ===== コンテンツ 幅100% テキスト左寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>コンテンツ<br>
幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ 幅100% テキスト左寄せ </td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /コンテンツ 幅100% テキスト左寄せ ===== -->

<!-- ===== 中見出し 中央寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#eee" style="width: 100%; margin:0; padding:0; background: #eee; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; text-align: center; font-weight: bold; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
中見出し 中央寄せ
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /中見出し 中央寄せ ===== -->

<!-- ===== 画像 中央寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table align="center" border="0" cellpadding="0" cellspacing="0" style="margin:0 auto; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td><img src="https://placehold.jp/200x50.png" border="0" style="width:200px; height: 50px; border:0; vertical-align:bottom;" alt="altを指定すること"></td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /画像 中央寄せ ===== -->

<!-- ===== 中見出し ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#eee" style="width: 100%; margin:0; padding:0; background: #eee; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; font-weight: bold; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
中見出し
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /中見出し ===== -->

<!-- ===== コンテンツ 2カラム ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td width="270" valign="top" style="width: 270px; vertical-align: top; margin:0 auto 0 0;">コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td width="270" valign="top" style="width: 270px; vertical-align: top; margin:0 0 0 auto;;">コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム</td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /コンテンツ 2カラム ===== -->

		<table width="100%" height="1" border="0" cellpadding="0" cellspacing="0" style="width:100%; height:1px; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
		<tr>
		<td class="w_spacer" width="20" height="1" style="margin:0; padding:0; width:20px; height:1px; border:0; line-height:0; font-size:0;"><img loading="lazy" src="https://img.spacergif.org/v1/spacer.gif" width="20" height="1" border="0" style="width:20px; height:1px; border:0; line-height:0; font-size:0;" alt=""></td>
		<td width="100%" height="1" style="width:100%; height:1px; border-bottom: 1px solid #ccc;"></td>
		<td></td>
		<td class="w_spacer" height="1" width="20" style="margin:0; padding:0; width:20px; height:1px; border:0; line-height:0; font-size:0;"><img loading="lazy" src="https://img.spacergif.org/v1/spacer.gif" width="20" height="1" border="0" style="width:20px; height:1px; border:0; line-height:0; font-size:0;" alt=""></td>
		</tr>
		</table>

<!-- ===== コンテンツ 2カラム ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td width="270" style="width: 270px; margin:0 auto 0 0;">コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td width="270" style="width: 270px; margin:0 0 0 auto;;">コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム コンテンツ2カラム</td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /コンテンツ 2カラム ===== -->

<!-- ===== 中見出し ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" bgcolor="#eee" style="width: 100%; margin:0; padding:0; background: #eee; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; font-weight: bold; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
※ 非推奨 ※
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
</td>
</tr>
<tr class="h_spacer"><td height="15" style="margin:0; padding:0; height:15px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="15" border="0" style=" height:15px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /中見出し ===== -->

<!-- ===== コンテンツ 幅100% テキスト左寄せ ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>スマホで文字が小さくなるため、画像付き2カラムは非推奨です。</td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /コンテンツ 幅100% テキスト左寄せ ===== -->

		<table width="100%" height="1" border="0" cellpadding="0" cellspacing="0" style="width:100%; height:1px; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
		<tr>
		<td class="w_spacer" width="20" height="1" style="margin:0; padding:0; width:20px; height:1px; border:0; line-height:0; font-size:0;"><img loading="lazy" src="https://img.spacergif.org/v1/spacer.gif" width="20" height="1" border="0" style="width:20px; height:1px; border:0; line-height:0; font-size:0;" alt=""></td>
		<td width="100%" height="1" style="width:100%; height:1px; border-bottom: 1px solid #ccc;"></td>
		<td></td>
		<td class="w_spacer" height="1" width="20" style="margin:0; padding:0; width:20px; height:1px; border:0; line-height:0; font-size:0;"><img loading="lazy" src="https://img.spacergif.org/v1/spacer.gif" width="20" height="1" border="0" style="width:20px; height:1px; border:0; line-height:0; font-size:0;" alt=""></td>
		</tr>
		</table>

<!-- ===== コンテンツ 2カラム 詳細 ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" style="width:100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; margin:0; padding:0; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
		<!-- 小見出し -->
		<tr>
		<td width="270" align="center" valign="top" style="width: 270px; vertical-align: top; text-align: center; font-weight: bold; margin:0 auto 0 0;">タイトル</td>
		<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
		<td width="270" align="center" valign="top" style="width: 270px; vertical-align: top; text-align: center; font-weight: bold; margin:0 0 0 auto;;">タイトル</td>
		</tr>
		<!-- /小見出し -->
	<tr class="h_spacer"><td height="10" style="margin:0; padding:0; height:10px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="10" border="0" style=" height:10px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
		<!-- 画像 -->
		<tr>
		<td width="270" valign="top" style="width: 270px; vertical-align: top; margin:0 auto 0 0;"><img src="https://placehold.jp/270x150.png" border="0" style="width:100%; height: auto; border:0; vertical-align:bottom;" alt="altを指定すること"></td>
		<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
		<td width="270" valign="top" style="width: 270px; vertical-align: top; margin:0 0 0 auto;;"><img src="https://placehold.jp/270x150.png" border="0" style="width:100%; height: auto; border:0; vertical-align:bottom;" alt="altを指定すること"></td>
		</tr>
		<!-- /画像 -->
	<tr class="h_spacer"><td height="10" style="margin:0; padding:0; height:10px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="10" border="0" style=" height:10px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
		<!-- 詳細 -->
		<tr>
		<td width="270" valign="top" style="width: 270px; vertical-align: top; margin:0 auto 0 0;">テキストテキストテキストテキストテキスト</td>
		<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
		<td width="270" valign="top" style="width: 270px; vertical-align: top; margin:0 0 0 auto;;">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</td>
		</tr>
		<!-- /詳細  -->
	<tr class="h_spacer"><td height="10" style="margin:0; padding:0; height:10px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="10" border="0" style=" height:10px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
		<!-- ボタン -->
		<tr>
		<td width="270" valign="top" align="center" style="width: 270px; vertical-align: top; margin:0 auto 0 0; text-align: center;"><a href="#"><img src="https://placehold.jp/200x50.png" border="0" style="width:200px; height: 50px; border:0; vertical-align:bottom;" alt="altを指定すること"></a></td>
		<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
		<td width="270" valign="top" align="center" style="width: 270px; vertical-align: top; margin:0 0 0 auto;; text-align: center;"><a href="#"><img src="https://placehold.jp/200x50.png" border="0" style="width:200px; height: 50px; border:0; vertical-align:bottom;" alt="altを指定すること"></a></td>
		</tr>
		<!-- /ボタン -->
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== / コンテンツ 2カラム 詳細 ===== -->

<!-- ===== フッター ===== -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#000" color="#fff" style="width:100%; margin:0; padding:0; background: #000; border-collapse:collapse; border-spacing:0;">
<tr>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
<td>
<table width="100%" align="left" border="0" cellpadding="0" cellspacing="0"  color="#fff" style="width: 100%; margin:0; padding:0; color: #fff; font-size: 12px; border-collapse:collapse; border-spacing:0;">
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr class="footer_logo"><td style="margin:0; padding:0; border:0;"><img src="https://placehold.jp/150x30.png" border="0" style="width:150px; height: 30px; border:0; vertical-align:bottom;" alt="altを指定すること"></td></tr>
<tr class="h_spacer"><td height="10" style="margin:0; padding:0; height:10px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="10" border="0" style=" height:10px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
<tr>
<td>footer情報<br>
〇〇〇県〇〇〇市〇〇〇長111-1<br>
TEL：111-1111-1111</td>
</tr>
<tr class="h_spacer"><td height="30" style="margin:0; padding:0; height:30px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" height="30" border="0" style=" height:30px; border:0; line-height:0; font-size:0;" alt=""></td></tr>
</table>
</td>
<td class="w_spacer" width="20" style="margin:0; padding:0; width:20px; border:0; line-height:0; font-size:0;"><img src="https://img.spacergif.org/v1/spacer.gif" width="20" border="0" style="width:20px; border:0; line-height:0; font-size:0;" alt=""></td>
</tr>
</table>
<!-- ===== /フッター ===== -->
<!-- =================== /CONTENTS END =================== -->

</td>
</tr>
</table>
</td>
</tr>
</table>

</div>
</body>
</html>
CONTACT
〇〇〇〇へのお問い合わせは、
こちらからお気軽にご連絡ください。
お問い合わせ