<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="keywords" content=""> <meta name="description" content=""> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 8.0.0.0 for Windows"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>タイトル</TITLE> <link href="style/style.css" rel="stylesheet" type="text/css"> </head> <BODY background="images/background.gif" topmargin="0"> <TABLE WIDTH=28 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0> <TR> <TD background="images/window_left.gif"> <IMG SRC="images/window_left.gif" WIDTH=3 HEIGHT=23 ALT=""></TD> <TD bgcolor="#FFFFFF"> <table width="640" border="0" cellspacing="2" cellpadding="0"> <tr> <td width="205"><div align="left"><IMG src="images/title.gif" width="129" height="36" border="0" alt="LOGO Homepage "><br> サブタイトルをこちら</div></td> <td width="429"> </td> </tr> </table> <br> <table width="640" border="0" cellpadding="3" cellspacing="2" class="menu"> <tr> <td bgcolor="#FF6600"> <!-- ↓ここからサイトメニュー --> <A href="index.htm"> トップ </A> <A href="products.htm"> 商品情報 </A> <A href="faq.htm"> 良くある質問 </A> <A href="purchase.htm"> 購入方法 </A> <A href="profile.htm"> プロフィール </A> <A href="mailto:あなたのメールアドレスを記入"> お問い合せ </A> <!-- ↑ここまでサイトメニュー --> </td> </tr> </table></TD> <TD background="images/window_right.gif"> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=23 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/window_bottom_left.gif" WIDTH=3 HEIGHT=5 ALT=""></TD> <TD background="images/window_bottom.gif"> <IMG SRC="images/spacer.gif" WIDTH=640 HEIGHT=5 ALT=""></TD> <TD> <IMG SRC="images/window_bottom_right.gif" WIDTH=3 HEIGHT=5 ALT=""></TD> </TR> </TABLE> <br> <TABLE WIDTH=28 BORDER=0 align="center" CELLPADDING=0 CELLSPACING=0 class="link"> <TR> <TD> <IMG SRC="images/window_top_left.gif" WIDTH=3 HEIGHT=2 ALT=""></TD> <TD background="images/window_top.gif"> <IMG SRC="images/window_top.gif" WIDTH=22 HEIGHT=2 ALT=""></TD> <TD> <IMG SRC="images/window_top_right.gif" WIDTH=3 HEIGHT=2 ALT=""></TD> </TR> <TR> <TD background="images/window_left.gif"> <IMG SRC="images/window_left.gif" WIDTH=3 HEIGHT=23 ALT=""></TD> <TD bgcolor="#FFFFFF"> <table width="640" border="0" cellspacing="2" cellpadding="0"> <tr> <td bgcolor="#FF9900"> </td> </tr> </table> <table width="638" height="589" border="0" align="center" cellpadding="0" cellspacing="5"> <tr> <td height="41" valign="bottom"><font color="FF8A00"><strong>メールマガジンタイトル</strong></font> <!-- ↓ここから 左 メニュータイトルバー--> <table width="190" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="42" height="7"><img src="images/bar_orange2.gif" width="42" height="7"></td> <td bgcolor="FF8A00"><img src="images/spacer.gif" width="150" height="7"></td> </tr> </table> <!-- ↑ここまで 左 メニュータイトルバー--> </td> <td valign="bottom"><strong><font color="#FF6600" size="+1">商品情報</font></strong> <!-- ↓ここから 右 メニュータイトルバー--> <table width="190" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="42" height="7"><img src="images/bar_orange.gif" width="42" height="7"></td> <td bgcolor="#FF6600"><img src="images/spacer.gif" width="375" height="7"></td> </tr> </table> <!-- ↑ここまで 右 メニュータイトルバー--> </td> </tr> <tr> <td width="201" height="533" valign="top"> <table width="193" height="100" border="0" cellpadding="5" cellspacing="0"> <tr> <td height="100"> メールアドレス <!--↓ ここからサンプルフォーム--> <INPUT name="textfield" type="text"> <br> <INPUT type="submit" name="Submit" value="登録"> <!-- ここまで↑がサンプルフォームです。メールマガジンを載せる場合はココを削除し入れ替えてください。--> <BR> <BR> メールマガジンの説明文をここに記入します。<img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="#">詳細はコチラ</A> </td> </tr> </table> <br> <FONT color="#0099FF"><STRONG>トピックス</STRONG></FONT> <!-- ↓ここから 左 メニュータイトルバー--> <table width="190" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="42" height="7"><img src="images/bar_blue.gif" width="42" height="7"></td> <td bgcolor="#0099FF"><img src="images/spacer.gif" width="150" height="7"></td> </tr> </table> <!-- ↑ここまで 左 メニュータイトルバー--> <span><br> </span> <table width="161" height="58" border="0" cellpadding="5" cellspacing="0"> <tr> <td width="151" height="58"><font color="#0066CC" size="1"> <img src="images/icon_arrow13_9x6_blu.gif" width="6" height="9"></font> <a href="#">トッピクス等のリンク</a><br> <br> <font color="#0066CC" size="1"><img src="images/icon_arrow13_9x6_blu.gif" width="6" height="9"></font> <a href="#">トッピクス等のリンク</a><br> <br> <font color="#0066CC" size="1"><img src="images/icon_arrow13_9x6_blu.gif" width="6" height="9"></font> <a href="#">トッピクス等のリンク</a><br> <br> <font color="#0066CC" size="1"><img src="images/icon_arrow13_9x6_blu.gif" width="6" height="9"></font> <a href="#">トッピクス等のリンク</a><br> </td> </tr> </table> <br> <span> <!-- ↓ここから左下テーブル--> </span> <table width="190" height="113" border="0" cellpadding="5" cellspacing="1" bgcolor="#CCCCCC"> <tr> <TD width="186" height="113" bgcolor="#F9F9F9"> <p><img src="images/sample04.gif" width="60" height="60" align="left">こちらに商品情報以外にも写真と文章を変えるだけで様々な形に変わります。こちらに商品情報以外にも写真と文章を変えるだけで様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <a href="#">もっと詳しく見たい方はコチラ</a><br> </p></TD> </tr> </table> <!-- ↑ここまで左下テーブル--> </td> <td width="422" valign="top"> <TABLE width="417" height="247" border="0" cellpadding="1" cellspacing="0"> <TBODY> <TR> <TD width="72" valign="top"><IMG src="images/sample01.gif" sample01.gif" width="60" height="60" align="left"></TD> <TD width="341" height="54" valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報1</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A></TD> </TR> <TR> <TD valign="top"><img src="images/sample03.gif" width="60" height="60" align="left"></TD> <TD valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報3</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A></TD> </TR> <TR> <TD valign="top"><img src="images/sample02.gif" width="60" height="60" align="left"></TD> <TD valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報2</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A> </TD> </TR> <TR> <TD valign="top"><img src="images/sample04.gif" width="60" height="60" align="left"></TD> <TD valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報4</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A></TD> </TR> <TR> <TD valign="top"><IMG src="images/sample01.gif" sample01.gif" width="60" height="60" align="left"></TD> <TD height="54" valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報1</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A></TD> </TR> <TR> <TD valign="top"><img src="images/sample03.gif" width="60" height="60" align="left"></TD> <TD valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報3</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A></TD> </TR> <TR> <TD valign="top"><img src="images/sample02.gif" width="60" height="60" align="left"></TD> <TD valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報2</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A> </TD> </TR> <TR> <TD valign="top"><img src="images/sample04.gif" width="60" height="60" align="left"></TD> <TD valign="top" bgcolor="#FFFFFF"><STRONG><FONT color="#FF6600">商品情報4</FONT></STRONG><BR> こちらに商品情報以外にも写真と文章を変えるだけで<br> 様々な形に変わります。<br> <img src="images/icon_arrow12_13x9_org.gif" width="13" height="9"> <A href="products.htm">詳細はコチラ</A></TD> </TR> </TBODY> </TABLE></td> </tr> </table> <br> </TD> <TD background="images/window_right.gif"> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=23 ALT=""></TD> </TR> <TR> <TD> <IMG SRC="images/spacer.gif" WIDTH=3 HEIGHT=5 ALT=""></TD> <TD background="images/window_bottom.gif"> <IMG SRC="images/spacer.gif" WIDTH=640 HEIGHT=5 ALT=""></TD> <TD> <IMG SRC="images/window_bottom_right.gif" WIDTH=3 HEIGHT=5 ALT=""></TD> </TR> </TABLE> <div align="center"><span class="sub_menu"> <!-- ↓ここからが下のメニュー--> <a href="index.htm"> トップ </a>| <a href="products.htm"> 商品情報 </a>| <a href="faq.htm"> 良くある質問 </a>| <a href="purchase.htm"> 購入方法 </a>| <a href="profile.htm"> プロフィール </a>| <a href="mailto:あなたのメールアドレスを記入"> お問い合せ </a> <br> <a href="http://www.21webservice.com/" target="_blank">Copyright © 21webservice All rights reserved.</a> </span> <!-- ↑ここまでが下のメニュー--> <br> <br> </div> </BODY> </html>