<!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" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="copyright" content="Nikukyu-Punch" />
<title>●●●あなたのホームページ名●●●</title>
<meta name="description" content="ここにサイト説明を入れます" />
<meta name="keywords" content="キーワード１,キーワード２,キーワード３,キーワード４,キーワード５" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header">
<h1>h1タグ用コメントをここに書きます。重要な箇所なので適切なワードを盛り込みましょう。</h1>
<a href="index.html"><img src="images/logo.gif" alt="Sample Nail Salon" name="logo" width="357" height="57" id="logo" /></a></div>
<!--/header-->
<ul id="menu">
<li><a href="index.html">TOP PAGE</a></li>
<li><a href="about.html">ABOUT</a></li>
<li><a href="#">WORKS</a></li>
<li><a href="#">SHOPPING</a></li>
<li><a href="#">MAP</a></li>
<li><a href="#">BLOG</a></li>
<li class="last"><a href="#">CONTACT</a></li>
</ul>
<div id="contents">
<div id="wrap">
<div id="main">
<img src="images/mainimg.jpg" alt="" width="703" height="304" /><br /><br />
<h2>テンプレートご利用の前に必ずお読み下さい</h2>
<p>■このテンプレートは、<a href="http://nikukyu-punch.com/">無料テンプレートサイトNikukyu-Punch</a>が配布しているものです。<a href="http://nikukyu-punch.com/about.html">必ず利用規約をご一読</a>の上でご利用下さい。また、梱包のReadMeファイルもご一読下さい。</p>
<p><span class="color1">■<strong>下の著作表示は外さないで下さい。</strong></span><br />
お守りいただけない場合、テンプレートの利用を中止し、違反金を請求いたします。 逆に、500円のライセンス料を支払う事により、外す事も可能です。<a href="http://nikukyu-punch.com/license/index.html" target="_blank">>>ライセンスコードお申し込みフォームはこちら</a></p>
<p>■<a href="about.html">当テンプレートの詳しい使い方はこちら</a>をご覧下さい</p>
<h2>What's New</h2>
<dl class="new">
<dt>2009/00/00</dt>
<dd>ホームページリニューアル。ホームページリニューアル。ホームページリニューアル。ホームページリニューアル。ホームページリニューアル。ホームページリニューアル。</dd>
<dt>2009/00/00</dt>
<dd>ホームページリニューアル</dd>
<dt>2009/00/00</dt>
<dd>ホームページリニューアル</dd>
<dt>2009/00/00</dt>
<dd>ホームページリニューアル</dd>
<dt>2009/00/00</dt>
<dd>ホームページリニューアル</dd>
</dl>
<h2>New Nail</h2>
<div class="newitem">
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
<p>item name<br />
<a href="#"><img src="images/sampleimg1.jpg" alt="item name" width="100" height="100" /></a></p>
</div>
<!--/newitem-->
</div>
<!--/main-->
<div id="sub">
<h2><img src="images/submenu_title_menu.gif" width="178" height="80" /></h2>
<ul class="submenu">
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
</ul>
<h3>上のsub menuの詳しい使い方</h3>
<p><a href="about.html#sidemenu">こちら</a>をご覧下さい。</p>
<h3>当ブロック内のテキストは</h3>
<p>段落タグ<p>で囲みましょう。余白が自動で反映されます。 </p>
<h3>当ブロック内に画像を置く場合</h3>
<p>段落タグ<p>内なら幅168px。段落タグの外なら178pxまで</p>
<h3>サポート</h3>
<p>■HPカラーの変更、お問い合わせフォームの設置など、ホームページ編集のお手伝いもしております。<br />
<a href="http://nikukyu-punch.com/support.html" target="_blank">>>詳細はこちら</a></p>
<p>■画像加工サービスも行っております。ご自分でうまく画像加工ができない方への有料サービスです。料金は加工の度合いにもよりますがメインイメージの場合は１点1,000円ほど。ロゴ作成も500円〜1,000円ほど。</p>
</div>
<!--/sub-->
</div>
<!--/wrap-->
<div id="side">
<ul class="submenu">
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
<li><a href="#">sub menu</a></li>
</ul>
<img src="images/add.jpg" width="178" height="127" /><br />
<h3>上の画像について</h3>
<p>baseフォルダに文字なしの土台画像が入っています。必要があればご利用下さい。<br />
文字のせ代行サービスも行っております。500円〜1,000円。</p>
<h3>オリジナルバナー制作も</h3>
<p>承っております。１個1,000円ほど。見積もり無料なのでお気軽にご相談下さい。</p>
</div>
<!--/side-->
<div id="footer">
Copyright(C) 2009 ●●●あなたのホームページ名●●● All Rights Reserved.<br />
<a href="http://nikukyu-punch.com/" target="_blank">Template design by Nikukyu-Punch</a>
</div>
<!--/footer-->
</div>
<!--/contents-->
</div>
<!--/container-->
</body>
</html>