HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="description" content="ハリウッド・カフェは、クリエイターが集まる創造空間カフェです。">
<meta name="keywords" content="カフェ,クリエイター,CAFE,作品,創造,空間">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<title>Contact | HOLLYWOOD CAFE</title>
</head>
<body>

<!-- ヘッダ要素　ここから -->
<h1><img src="images/top/hc_logo.png" alt="HOLLYWOOD CAFE" width="140" height="170"></h1>
<h2>クリエイターが集まり、作品が生まれる。創造空間カフェ。</h2>
<p><a href="sitemap.html">Sitemap</a></p>
<!-- ヘッダ要素　ここまで -->

<hr>

<!-- ナビゲーション　ここから -->
<ul>
	<li><a href="top.html"><img src="images/top/navi_home.jpg" alt="Home" width="120" height="30"></a></li>
	<li><a href="about.html"><img src="images/top/navi_about.jpg" alt="About" width="120" height="30"></a></li>
	<li><a href="menu.html"><img src="images/top/navi_menu.jpg" alt="Menu" width="120" height="30"></a></li>
	<li><a href="access.html"><img src="images/top/navi_access.jpg" alt="Access" width="120" height="30"></a></li>
	<li><img src="images/top/navi_on_contact.jpg" alt="Contact" width="120" height="30"></li>
</ul>
<!-- ナビゲーション　ここまで -->

<hr>

<!-- パンくず　ここから -->
<ul><li><a href="top.html">Home</a>></li><li>Contact</li></ul>
<!-- パンくず　ここまで -->

<!-- ページタイトル　ここから -->
<h3><img src="images/contact/contact_ttl.gif" width="440" height="33" alt="Contact"></h3>
<!-- ページタイトル　ここまで -->

<!-- リード文　ここから -->
<p class="leadText">ご予約、イベント、パーティ開催のお問い合わせ、そのほか当店へのご意見などは、下記お問い合わせフォームをご記入の上、送信ボタンをクリックして下さい。</p>
<!-- リード文　ここまで -->

<!-- フォーム　ここから -->
<form name="form1" id="form1" method="post" action="xxxxx.php">
	<table cellpadding="0" cellspacing="0" summary="お問い合わせフォーム">
		<caption>
			<img src="images/contact/contact_cap.jpg" width="420" height="22" alt="お問い合わせフォーム">
		</caption>
		<tr>
			<th><label for="subject">お問い合わせ内容</label></th>
			<td>
				<select name="subject" id="subject">
					<option value="選択してください" selected="selected">選択してください</option>
					<option value="予約について">予約について</option>
					<option value="メニューについて">メニューについて</option>
				</select>
			</td>
		</tr>
		<tr>
			<th><label for="name">お名前</label></th>
			<td>
				<input type="text" name="name" id="name" value="" size="20">
			</td>
		</tr>
		<tr>
			<th><label for="tel">電話番号</label></th>
			<td>
				<input type="text" name="tel" id="tel" value="" size="20">
			</td>
		</tr>
		<tr>
			<th><label for="email">メールアドレス</label></th>
			<td>
				<input type="text" name="email" id="email" value="" size="20">
			</td>
		</tr>
		<tr>
			<th>ご連絡方法</th>
			<td>
				<input type="radio" name="contact" id="contact1" value="メール">
				<label for="contact1">メール</label>
				<input type="radio" name="contact" id="contact2" value="電話">
				<label for="contact2">電話</label>
			</td>
		</tr>
		<tr>
			<th>当店を何でお知りになりましたか</th>
			<td>
				<p>
					<input type="checkbox" name="magazine" id="magazine" value="雑誌">
					<label for="magazine">雑誌</label>
				</p>
				<p>
					<input type="checkbox" name="web" id="web" value="ホームページ">
					<label for="web">ホームページ</label>
				</p>
				<p>
					<input type="checkbox" name="friend" id="friend" value="友人・知人">
					<label for="friend">友人・知人</label>
				</p>
				<p>
					<input type="checkbox" name="signboard" id="signboard" value="看板">
					<label for="signboard">看板</label>
				</p>
				<p>
					<input type="checkbox" name="etc" id="etc" value="その他">
					<label for="etc">その他</label>
				</p>
			</td>
		</tr>
		<tr>
			<th><label for="free">自由記入欄</label></th>
			<td>
				<textarea name="free" id="free" cols="25" rows="5"></textarea>
				<p class="notes">※ご予約の場合は、希望日時をご記入ください。</p>
			</td>
		</tr>
	</table>
	<input type="submit" name="submit" id="submit" value="送信">
	<input type="reset" name="reset" id="reset" value="リセット">
</form>
<!-- フォーム　ここまで -->

<!-- Recommended menu　ここから -->
<dl>
	<dt><img src="images/contact/side_recommend.jpg" width="220" height="22" alt="Recommended menu"></dt>
	<dd>
		<ul>
			<li><img src="images/contact/side_recommend_img_01.jpg" width="70" height="70" alt="ハリウッド・バーガー">
				<dl>
					<dt><strong>ハリウッド・バーガー</strong></dt>
					<dd>当店で毎日焼き上げる自家製のパンを使ったオリジナルハンバーガー</dd>
				</dl>
			</li>
			<li><img src="images/contact/side_recommend_img_02.jpg" width="70" height="70" alt="ハリウッド・プレート">
				<dl>
					<dt><strong>ハリウッド・プレート</strong></dt>
					<dd>お酒を飲みながら軽い食事を楽しんでいただける5点盛り合わせ</dd>
				</dl>
			</li>]]
		</ul>
		<p><a href="menu.html">More</a></p>
	</dd>
</dl>
<!-- Recommended menu　ここまで -->

<!-- バナー　ここから -->
<ul>
	<li>
		<img src="images/top/banner01.jpg">
	</li>
	<li>
		<img src="images/top/banner02.jpg">
	</li>
</ul>
<!-- バナー　ここまで -->

<!-- ページトップへのリンク　ここから -->
<p><a href="#pageTop">PageTop</a></p>
<!-- ページトップへのリンク　ここまで -->

<hr>

<!-- フッタ要素　ここから -->
<address>
	Copyright 2007 HOLLYWOOD CAFE. All Rights Reserved.
</address>
<!-- フッタ要素　ここまで -->

</body>
</html>
inserted by FC2 system