HTMLメールコーディング - 版の履歴

2009年7月27日 (月) 04:02に192.168.200.231による

2009-07-27T04:02:51Z

← 古い版		2009年7月27日 (月) 13:02時点における版
46行目:		46行目:
	・背景色、borderはstyleでtableに指定。CSSだとIEのwebメールで消えます。<br>		・背景色、borderはstyleでtableに指定。CSSだとIEのwebメールで消えます。<br>
	・fontの色はfont colorで指定。spanやCSSではIEwebメールで消えます。<br>		・fontの色はfont colorで指定。spanやCSSではIEwebメールで消えます。<br>
			・リンクが指定されている画像には、imgタグにborder="0"を入れること。（入れないとGmailで画像に青線が付きます。）
	</div>		</div>
	<div class="section">		<div class="section">

2008年8月8日 (金) 04:42に192.168.200.234による

2008-08-08T04:42:17Z

← 古い版		2008年8月8日 (金) 13:42時点における版
75行目:		75行目:
	<div class="html-source">		<div class="html-source">
	<pre>		<pre>
	~~<tr>~~		<td valign="top">※価格は2008年5月23日現在のものであり、消費税を含む総額にて表示しております。</td>
	<td valign="top">※価格は2008年5月23日現在のものであり、消費税を含む総額にて表示しております。</td>
	~~</tr~~>
	</pre>		</pre>
	</div>		</div>
83行目:		81行目:
	2）URLリンクは絶対パス、画像は相対パスに<br>		2）URLリンクは絶対パス、画像は相対パスに<br>
	3）IE・hotmailでの表示に注意。<br>		3）IE・hotmailでの表示に注意。<br>
			</div>
			<div class="section">
			===index_mail.html===
			・解析のため、通販の部分に<strong>＜index_mail.htmlのみ＞</strong><br>
			<div class="html-source">
			<pre>
			<td class="sp"><img src="http://search.shop.takashimaya.co.jp/img/sp.gif?mail=080808" width="1" height="12" border="0" alt="" title=""></td>
			</pre>
			</div>
			mail=[日付6桁]の部分を更新する（08/08/01号より実施）
	</div>		</div>
	</div>		</div>

2008年5月21日 (水) 10:13に192.168.200.234による

2008-05-21T10:13:35Z

← 古い版		2008年5月21日 (水) 19:13時点における版
94行目:		94行目:
	ツールを使用するとdetail01～09まで作成されます。<br>		ツールを使用するとdetail01～09まで作成されます。<br>
	detail○○を変更して、足りないところは作ってください。<br>		detail○○を変更して、足りないところは作ってください。<br>
			番号は上から順につけます。<strong>追加があったら番号順になるように直します。</strong><br>
	<div class="html-source">		<div class="html-source">
	<pre>		<pre>

2008年5月20日 (火) 05:12に192.168.200.234による

2008-05-20T05:12:36Z

← 古い版		2008年5月20日 (火) 14:12時点における版
25行目:		25行目:
	===画像・ページリンクのパスについて===		===画像・ページリンクのパスについて===
	画像・ページリンクのパスについては以下のように指定してください。<br>		画像・ページリンクのパスについては以下のように指定してください。<br>
	<strong>なおページリンクについては必ずtarget="_blank"で指定すること</strong>		<strong>なおページリンクについては必ずtarget="_blank"で指定すること</strong><br>
	<br>		<br>
	<dl>		<dl>
44行目:		44行目:
	・<strong>tableガチ組みで　paddingではなく　sp.gifを使用</strong>　←これが基本になります。<br>		・<strong>tableガチ組みで　paddingではなく　sp.gifを使用</strong>　←これが基本になります。<br>
	・webメール（hotmail）でレイアウトが崩れるのでsp.gifのみのTDに　line-height:1px;font-size:1px;　を指定する。<br>		・webメール（hotmail）でレイアウトが崩れるのでsp.gifのみのTDに　line-height:1px;font-size:1px;　を指定する。<br>
	~~・borderはtableでもCSSでもどちらでも構いません。~~		・背景色、borderはstyleでtableに指定。CSSだとIEのwebメールで消えます。<br>
			・fontの色はfont colorで指定。spanやCSSではIEwebメールで消えます。<br>
	</div>		</div>
	<div class="section">		<div class="section">
	===使用不可のHTMLタグ・属性===		===使用不可のHTMLタグ・属性===
	・外部CSSへのリンク(<link rel="stylesheet" href="～">）<br>		・外部CSSへのリンク(<link rel="stylesheet" href="～">）<br>
	~~・ul~~,li,dl,dt,dd,ol（webメールでpaddingがとられてしまうため）<br>		・em（崩れる）<br>
			・span（IEwebメールに効かない）<br>
			・p,h○,ul,li,dl,dt,dd,ol（webメールでpaddingがとられてしまうため）<br>
	・（webメール配信用については）<head></head>タグ(CSSの記述は全て<body></body>内に記述)<br>		・（webメール配信用については）<head></head>タグ(CSSの記述は全て<body></body>内に記述)<br>
	（ただし、Gmailは<body></body>以下に記述しても効かない。またタグについているid名、class名も自動的に取り除くためインラインCSSでないとだめ。）<br>		（ただし、Gmailは<body></body>以下に記述しても効かない。またタグについているid名、class名も自動的に取り除くためインラインCSSでないとだめ。）<br>
60行目:		63行目:
	・float及びclear(代わりにtableタグを使用)<br>		・float及びclear(代わりにtableタグを使用)<br>
	・background:url()による背景画像の指定。tableタグのbackground属性を使ったほうが無難。<br>		・background:url()による背景画像の指定。tableタグのbackground属性を使ったほうが無難。<br>
	~~・cssでの背景・文字色の指定。（Hotmailで背景色が消えるためtableタグのbgcolor属性、font属性を使う）~~<br>		・cssでの背景・線・文字色の指定。（Hotmailで背景色が消えるためtableタグのbgcolor属性、font属性を使う）<br>
	その他の情報は[http://www.xavierfrenette.com/articles/css-support-in-webmail/ CSSのサポート情報：Hotmail, Yahoo! Mail and Gmail](英文)を参考にして下さい。<br>		その他の情報は[http://www.xavierfrenette.com/articles/css-support-in-webmail/ CSSのサポート情報：Hotmail, Yahoo! Mail and Gmail](英文)を参考にして下さい。<br>
	</div>		</div>
72行目:		75行目:
	<div class="html-source">		<div class="html-source">
	<pre>		<pre>
	<~~div id="storeInfo">~~		<tr>
	~~<h3><span>■</span>タカシマヤ各店の情報</h3~~>		<td valign="top">※価格は2008年5月23日現在のものであり、消費税を含む総額にて表示しております。</td>
	<~~p class~~="~~event~~">~~全国のタカシマヤ各店のイベントや催しなど、<a href="http://www.takashimaya.co.jp/store/index.html" target="_blank">最寄りの店舗情報はこちらから</a></p>~~		</tr>
	~~<ul>~~
	~~<li>※品数に限りがございますので、売切れの節はご容赦ください。</li>~~
	~~<li>※価格は20○ 年○月○日現在のものであり、消費税を含む総額にて表示しております。</li>~~
	~~<li>※予告なしに内容の変更をする場合がございます。あらかじめご了承ください。</li>~~
	</ul>
	</~~div~~>
	</pre>		</pre>
	</div>		</div>
105行目:		102行目:
	<meta http-equiv="content-script-type" content="text/javascript">		<meta http-equiv="content-script-type" content="text/javascript">
	<meta http-equiv="content-style-type" content="text/css">		<meta http-equiv="content-style-type" content="text/css">
	<meta http-equiv="Refresh" content="0;URL=http://www.takashimaya.co.jp/shopping/~~tvm/1097~~/index.html">		<meta http-equiv="Refresh" content="0;URL=http://www.takashimaya.co.jp/shopping/valentinesday/index.html">
	<title>2007 タカシマヤのバレンタインデー</title>		<title>2007 タカシマヤのバレンタインデー</title>
	<script type="text/javascript">		<script type="text/javascript">
	<!--		<!--
	location.href = "http://www.takashimaya.co.jp/shopping/~~tvm/1097~~/index.html";		location.href = "http://www.takashimaya.co.jp/shopping/valentinesday/index.html";
	//-->		//-->
	</script>		</script>
	</head>		</head>
	<body>		<body>
	自動で飛ばない場合は<a href="http://www.takashimaya.co.jp/shopping/~~tvm/1097~~/index.html">2007 タカシマヤのバレンタインデー</a>へ。		自動で飛ばない場合は<a href="http://www.takashimaya.co.jp/shopping/valentinesday/index.html">2007 タカシマヤのバレンタインデー</a>へ。
	</body>		</body>
	</html>		</html>
251行目:		248行目:
	</div>		</div>
	あとは提出後、何度か修正があったりします。<br>		あとは提出後、何度か修正があったりします。<br>
	~~更新する箇所が多いとミスしがちになりますが、<br>~~		更新する箇所が多いとミスしがちになりますが、index.htmlとindex_mail.htmlの両方を更新し、souce、サーバーに上げるのを忘れないこと<br>
	~~index~~.htmlとindex_mail.htmlの両方を更新し、souce、サーバーに上げるのを忘れないこと<br>
	[[コーディング]]		[[コーディング]]
	[[案件別マニュアル]]		[[案件別マニュアル]]

2008年5月14日 (水) 03:13に192.168.200.234による

2008-05-14T03:13:19Z

← 古い版		2008年5月14日 (水) 12:13時点における版
1行目:		1行目:
			[[画像:Htmlmail_061027_200px.jpg\|right]]
	'''HTMLメール'''（えいちてぃーえむえるめーる、通称使徒）は、毎週金曜日に高島屋が配信しているメール。<br>		'''HTMLメール'''（えいちてぃーえむえるめーる、通称使徒）は、毎週金曜日に高島屋が配信しているメール。<br>
	~~[[画像:Htmlmail_061027_200px.jpg\|right]]~~
	ツール　→　[http://192.168.200.60:16080/kds_tko/osone/html/index.php HTMLメール作成君]　※不具合、修正箇所あれば報告お願いします。<br>		ツール　→　[http://192.168.200.60:16080/kds_tko/osone/html/index.php HTMLメール作成君]　※不具合、修正箇所あれば報告お願いします。<br>
	Works上での置き場所は「001_タカシマヤ\001_takashimaya.co.jp\source\co.jp\HTMLメール\[日付]」です。<br>		Works上での置き場所は「001_タカシマヤ\001_takashimaya.co.jp\source\co.jp\HTMLメール\[日付]」です。<br>
	<br>		<br>
	過去配信分　→　[[タカシマヤHTMLメール配信一覧]]<br>		過去配信分　→　[[タカシマヤHTMLメール配信一覧]]<br>

	・毎週金曜の定例配信以外にも、母の日やバレンタインデーなどイベント時に配信されることも。<br>		・毎週金曜の定例配信以外にも、母の日やバレンタインデーなどイベント時に配信されることも。<br>
	・基本的には、定型レイアウトだが、「お知らせ」の有無や位置変更、下のバナーがなかったりmap使用だったりといくつかのバリエーションがあり。<br>		・基本的には、定型レイアウトだが、「お知らせ」の有無や位置変更、下のバナーがなかったりmap使用だったりといくつかのバリエーションがあり。<br>
	・また、通常スケジュールで配信される以外のものはまったく違うデザインだったりもする。<br>		・また、通常スケジュールで配信される以外のものはまったく違うデザインだったりもする。<br>
	・非定型レイアウトのものや修正などは手作業で行う必要があるので部品の構成やコーディングのやり方は把握しておく必要があり。<br>		・非定型レイアウトのものや修正などは手作業で行う必要があるので部品の構成やコーディングのやり方は把握しておく必要があり。<br>
			<br>

	<div id="manual">		<div id="manual">
	==部品の構成と仕組み==		==部品の構成と仕組み==
20行目:		24行目:
	<div class="section">		<div class="section">
	===画像・ページリンクのパスについて===		===画像・ページリンクのパスについて===
	画像・ページリンクのパスについては以下のように指定してください。<strong>なおページリンクについては必ずtarget="_blank"で指定すること</strong>		画像・ページリンクのパスについては以下のように指定してください。<br>
			<strong>なおページリンクについては必ずtarget="_blank"で指定すること</strong>
	<br>		<br>
	<dl>		<dl>
55行目:		60行目:
	・float及びclear(代わりにtableタグを使用)<br>		・float及びclear(代わりにtableタグを使用)<br>
	・background:url()による背景画像の指定。tableタグのbackground属性を使ったほうが無難。<br>		・background:url()による背景画像の指定。tableタグのbackground属性を使ったほうが無難。<br>
	~~・tableタグに対してcssでの背景色の指定。（Hotmailで背景色が消えるためtableタグのbgcolor属性を使う）~~<br>		・cssでの背景・文字色の指定。（Hotmailで背景色が消えるためtableタグのbgcolor属性、font属性を使う）<br>
	その他の情報は[http://www.xavierfrenette.com/articles/css-support-in-webmail/ CSSのサポート情報：Hotmail, Yahoo! Mail and Gmail](英文)を参考にして下さい。<br>		その他の情報は[http://www.xavierfrenette.com/articles/css-support-in-webmail/ CSSのサポート情報：Hotmail, Yahoo! Mail and Gmail](英文)を参考にして下さい。<br>
	</div>		</div>
173行目:		178行目:
	===index.htmlの更新===		===index.htmlの更新===
	1）「お知らせ」の位置が定型じゃない場合は、適宜移動する。<br>		1）「お知らせ」の位置が定型じゃない場合は、適宜移動する。<br>
	~~一行のみTDタグでくくってあります。複数行の場合はTRまたはTDを増やして整形してください。~~<br>		一行のみTDタグでくくってあります。複数行の場合はBR,TRまたはTDを増やして整形してください。<br>
	<div class="html-source">		<div class="html-source">
	<pre>		<pre>
207行目:		212行目:
	<div class="html-source">		<div class="html-source">
	<pre>		<pre>
	<~~div id~~="header">		<table width="522" bgcolor="#eaeaea" border="0" cellpadding="0" cellspacing="0" class="header">
	<ul>		<tr>
	<li><a href="http://www.takashimaya.co.jp/link/mail/~~080509~~/index.html" target="_blank">●HTML形式が表示されない環境の方はこちらからご確認ください。</a></li>		<td class="sp"><img src="http://www.takashimaya.co.jp/link/mail/080516/sp.gif" width="1" height="10" border="0" alt="" title=""></td>
	<li><a href="http://www.takashimaya.co.jp/shopping/guide/member/mail/index.html" target="_blank">●HTMLメールが正しく表示されない方はこちらから＜HTML形式メールについて＞をお読みください。</a></li>		</tr>
	</ul>		<tr>
	</~~div~~>		<td valign="top">
			<table border="0" cellpadding="0" cellspacing="0" class="header">
			<tr>
			<td class="sp"><img src="http://www.takashimaya.co.jp/link/mail/080516/sp.gif" width="8" height="1" border="0" alt="" title=""></td>
			<td valign="top">
			<table border="0" cellpadding="0" cellspacing="0" class="header">
			<tr>
			<td valign="top">
			<a href="http://www.takashimaya.co.jp/link/mail/080516/index.html" target="_blank">●HTML形式が表示されない環境の方はこちらからご確認ください。</a>
			</td>
			</tr>
			<tr>
			<td valign="top"><a href="http://www.takashimaya.co.jp/shopping/guide/member/mail/index.html" target="_blank">●HTMLメールが正しく表示されない方はこちらから＜HTML形式メールについて＞をお読みください。</a></td>
			</tr>
			</table>
			</td>
			<td class="sp"><img src="http://www.takashimaya.co.jp/link/mail/080516/sp.gif" width="8" height="1" border="0" alt="" title=""></td>
			</tr>
			</table>
			</td>
			</tr>
			<tr>
			<td class="sp"><img src="http://www.takashimaya.co.jp/link/mail/080516/sp.gif" width="1" height="10" border="0" alt="" title=""></td>
			</tr>
			</table>
	</pre>		</pre>
	</div>		</div>

2008年5月7日 (水) 04:21に192.168.200.234による

2008-05-07T04:21:00Z

差分を表示

2008年5月7日 (水) 04:01に192.168.200.234による

2008-05-07T04:01:33Z

差分を表示

2008年4月30日 (水) 02:13に192.168.200.234による

2008-04-30T02:13:24Z

← 古い版		2008年4月30日 (水) 11:13時点における版
247行目:		247行目:
	…他、気づいたら更新。		…他、気づいたら更新。
	</div>		</div>
	[[~~category:こーでぃんぐ\|~~コーディング]]		[[コーディング]]
	[[~~category:あんけんべつまにゅある\|~~案件別マニュアル]]		[[案件別マニュアル]]

2008年4月30日 (水) 02:10に192.168.200.234による

2008-04-30T02:10:52Z

← 古い版		2008年4月30日 (水) 11:10時点における版
1行目:		1行目:
	'''HTMLメール'''（えいちてぃーえむえるめーる、通称使徒）は、毎週金曜日に高島屋が配信しているメール。<br>		'''HTMLメール'''（えいちてぃーえむえるめーる、通称使徒）は、毎週金曜日に高島屋が配信しているメール。<br>
	<br>		<br>
	ツール[http://192.168.200.60:16080/kds_tko/osone/html/index.php HTMLメール作成君]~~を使用。<br>~~		[[画像:Htmlmail_061027_200px.jpg\|right]]
	~~※不具合、修正箇所あれば報告お願いします。~~<br>		ツール[http://192.168.200.60:16080/kds_tko/osone/html/index.php HTMLメール作成君]を使用。　※不具合、修正箇所あれば報告お願いします。<br>
	<br>		<br>
	過去配信分　→　[[タカシマヤHTMLメール配信一覧]]<br>		過去配信分　→　[[タカシマヤHTMLメール配信一覧]]<br>
	~~[[画像:Htmlmail_061027_200px.jpg\|right]]~~
	・毎週金曜の定例配信以外にも、母の日やバレンタインデーなどイベント時に配信されることも。<br>		・毎週金曜の定例配信以外にも、母の日やバレンタインデーなどイベント時に配信されることも。<br>
	<br>		<br>
	・基本的には、定型レイアウトだが、「お知らせ」の有無や位置変更、下のバナーがなかったりmap使用だったりといくつかのバリエーションがあり。<br>		・基本的には、定型レイアウトだが、「お知らせ」の有無や位置変更、下のバナーがなかったりmap使用だったりといくつかのバリエーションがあり。<br>
	~~また、通常スケジュールで配信される以外のものはまったく違うデザインだったりもする。~~		また、通常スケジュールで配信される以外のものはまったく違うデザインだったりもする。
	<br>		<br>
	ただし非定型レイアウトのものや修正などは手作業で行う必要があるので部品の構成やコーディングのやり方は把握しておく必要があり。<br>		ただし非定型レイアウトのものや修正などは手作業で行う必要があるので部品の構成やコーディングのやり方は把握しておく必要があり。<br>

2008年4月30日 (水) 02:04に192.168.200.234による

2008-04-30T02:04:20Z

← 古い版		2008年4月30日 (水) 11:04時点における版
1行目:		1行目:
	'''HTMLメール'''（えいちてぃーえむえるめーる、通称使徒）は、毎週金曜日に高島屋が配信しているメール。<br>		'''HTMLメール'''（えいちてぃーえむえるめーる、通称使徒）は、毎週金曜日に高島屋が配信しているメール。<br>
	<br>		<br>
	~~過去配信分の一覧は~~[[タカシマヤHTMLメール配信一覧]]~~を参照。~~<br>		ツール[http://192.168.200.60:16080/kds_tko/osone/html/index.php HTMLメール作成君]を使用。<br>
			※不具合、修正箇所あれば報告お願いします。<br>
			<br>
			過去配信分　→　[[タカシマヤHTMLメール配信一覧]]<br>
	[[画像:Htmlmail_061027_200px.jpg\|right]]		[[画像:Htmlmail_061027_200px.jpg\|right]]
	~~お歳暮、バレンタインデーなどの際にはそれ以外のスケジュールで配信されることもあり。<br>~~		・毎週金曜の定例配信以外にも、母の日やバレンタインデーなどイベント時に配信されることも。<br>
	~~<br>~~
	基本的には、定型レイアウト（右のキャプチャ画像参照）だが、上部の緑で囲まれたあいさつ文がなかったり、下のバナーがなかったりといくつかのバリエーションがあり。<br>
	~~また、通常スケジュールで配信される以外のものはまったく違うデザインだったりもする。~~
	~~<br>~~
	~~<br>~~
	~~08/04/10,<br>~~
	~~通販のコピーとリードをテンプレートに組み込み、フォームにnifty枠をテスト追加。不備あれば報告お願いします。~~<br>
	<br>		<br>
			・基本的には、定型レイアウトだが、「お知らせ」の有無や位置変更、下のバナーがなかったりmap使用だったりといくつかのバリエーションがあり。<br>
			また、通常スケジュールで配信される以外のものはまったく違うデザインだったりもする。
	<br>		<br>
	~~<strong>＜08/02/01号よりレイアウト変更、それに伴いメール作成君も微妙にリニュ↓＞</strong><br>~~
	~~定型レイアウトのものに関しては[http://192.168.200.60:16080/kds_tko/osone/html/index.php HTMLメール作成君]を使って作成。<br>~~
	ただし非定型レイアウトのものや修正などは手作業で行う必要があるので部品の構成やコーディングのやり方は把握しておく必要があり。<br>		ただし非定型レイアウトのものや修正などは手作業で行う必要があるので部品の構成やコーディングのやり方は把握しておく必要があり。<br>
	<br>		<br>
28行目:		24行目:
	配信用のHTMLファイルとサイト置き用のHTMLファイルで画像・リンクのパスの書き方が違ってくるので注意。<br>		配信用のHTMLファイルとサイト置き用のHTMLファイルで画像・リンクのパスの書き方が違ってくるので注意。<br>
	またWebメール(Hotmail、Yahooメール)などでCSSをフルに使ったレイアウトが乱れるので、		またWebメール(Hotmail、Yahooメール)などでCSSをフルに使ったレイアウトが乱れるので、
	一部のプロパティを使うことができない。またHTMLタグに関しても一部制限がある。JavaScriptは当然不可。		一部のプロパティを使うことができない。またHTMLタグに関しても一部制限がある。JavaScriptは当然不可。<br>
	<div class="section">		<div class="section">
	===画像・ページリンクのパスについて===		===画像・ページリンクのパスについて===
47行目:		43行目:
	<div class="section">		<div class="section">
	===使用不可のHTMLタグ・属性===		===使用不可のHTMLタグ・属性===
	*外部CSSへのリンク(<link rel="stylesheet" href="～">）<br>		・外部CSSへのリンク(<link rel="stylesheet" href="～">）<br>
	*strong、emタグ(CSSでスタイルを指定してもボールド、イタリック体などになる)<br>		・strong、emタグ(CSSでスタイルを指定してもボールド、イタリック体などになる)<br>
	*<head></head>タグ(CSSの記述は全て<body></body>内に記述)<br>		・（webメール配信用については）<head></head>タグ(CSSの記述は全て<body></body>内に記述)<br>
	（ただし、Gmailは<body></body>以下に記述しても効かない。またタグについているid名、class名も自動的に取り除くためインラインCSSでないとだめ。）<br>		（ただし、Gmailは<body></body>以下に記述しても効かない。またタグについているid名、class名も自動的に取り除くためインラインCSSでないとだめ。）<br>
	*bodyタグの属性すべて（bodyタグ自体がwebメールで取り除かれるため）<br>		・bodyタグの属性すべて（bodyタグ自体がwebメールで取り除かれるため）<br>
	</div>		</div>
	<div class="section">		<div class="section">
	===使用不可のcssプロパティ===		===使用不可のcssプロパティ===
	*margin(Hotmailですべて無視される：代わりにpaddingを使用)<br>		・margin(Hotmailですべて無視される：代わりにpaddingを使用)<br>
	*フォントサイズの相対指定（ピクセル指定でないとウェブメールで表示が乱れる）<br>		・フォントサイズの相対指定（ピクセル指定でないとウェブメールで表示が乱れる）<br>
	*float及びclear(代わりにtableタグを使用)<br>		・float及びclear(代わりにtableタグを使用)<br>
	*background:url()による背景画像の指定。tableタグのbackground属性を使ったほうが無難。<br>		・background:url()による背景画像の指定。tableタグのbackground属性を使ったほうが無難。<br>
	*tableタグに対してcssでの背景色の指定。（Hotmailで背景色が消えるためtableタグのbgcolor属性を使う）<br>		・tableタグに対してcssでの背景色の指定。（Hotmailで背景色が消えるためtableタグのbgcolor属性を使う）<br>
	その他の情報は[http://www.xavierfrenette.com/articles/css-support-in-webmail/ CSSのサポート情報：Hotmail, Yahoo! Mail and Gmail](英文)を参考にして下さい。<br>		その他の情報は[http://www.xavierfrenette.com/articles/css-support-in-webmail/ CSSのサポート情報：Hotmail, Yahoo! Mail and Gmail](英文)を参考にして下さい。<br>
	</div>		</div>