<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=910">
<link rel="stylesheet" type="text/css" href="style.css">
<title>Cafe and Music Bar MU</title>
<meta name="Keywords" content="キーワード１,キーワード２,キーワード３">
<meta name="Description" content="サイトの説明">
</head>
<body>
<!-- body▼ -->
<div id="body">
<!-- header▼ -->
<div id="header">
<header>
<h1 id="top"><a href="index.html">SITE NAME</a></h1>
</header>
</div>
<!-- header▲ -->
<!-- メニュー▼ -->
<div id="menu">
<nav>
<ul>
<li><a href="index.html">HOME</a></li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ２</a>
<ul class="sbm">
<li><a href="page2.html">ページ ２-１</a></li>
<li><a href="page2.html">ページ ２-２</a></li>
<li><a href="page2.html">ページ ２-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ３</a>
<ul class="sbm">
<li><a href="page2.html">ページ ３-１</a></li>
<li><a href="page2.html">ページ ３-２</a></li>
<li><a href="page2.html">ページ ３-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ４</a>
<ul class="sbm">
<li><a href="page2.html">ページ ４-１</a></li>
<li><a href="page2.html">ページ ４-２</a></li>
<li><a href="page2.html">ページ ４-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ５</a>
<ul class="sbm">
<li><a href="page2.html">ページ ５-１</a></li>
<li><a href="page2.html">ページ ５-２</a></li>
<li><a href="page2.html">ページ ５-３</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<!-- メニュー▲ -->
<!-- main▼ -->
<div id="main">
<section>
<!-- メインコンテンツ▼ -->
<!-- レイアウトボックス１▼ -->
<div class="box1">
<article>
<h2>レイアウトボックス１ <h2>見出し</h2>
<p>
ここにテキスト
</p>
</article>
<article>
<h3>レイアウトボックス１ <h3>見出し</h3>
<p>
ここにテキスト
</p>
</article>
</div>
<!-- レイアウトボックス１▲ -->
<!-- レイアウトボックス２▼ -->
<div class="box2">
<article>
<div class="left1">
<h4>レイアウトボックス２ <h4>見出し</h4>
<p>
ここに左テキスト
</p>
</div>
<div class="right1">
<h5>レイアウトボックス２ <h5>見出し</h5>
<p>
ここに右テキスト
</p>
</div>
</article>
</div>
<!-- レイアウトボックス２▲ -->
<!-- レイアウトボックス３▼ -->
<div class="box3">
<article>
<div class="left2">
<h4>レイアウトボックス３ <h4>見出し</h4>
<p>
ここに左テキスト
</p>
</div>
<div class="center1">
<h5>レイアウトボックス３ <h5>見出し</h5>
<p>
ここに中央テキスト
</p>
</div>
<div class="right2">
<p>
ここに右テキスト
</p>
</div>
</article>
</div>
<!-- レイアウトボックス３▲ -->
<!-- レイアウトボックス４▼ -->
<div class="box4">
<article>
<div class="left3">
<p>
ここに左テキスト
</p>
</div>
<div class="center2">
<h4>レイアウトボックス４ <h4></h4>
<p>
ここに中央左テキスト
</p>
</div>
<div class="center3">
<h5>レイアウトボックス４ <h5></h5>
<p>
ここに中央右テキスト
</p>
</div>
<div class="right3">
<p>
ここに右テキスト
</p>
</div>
</article>
</div>
<!-- レイアウトボックス４▲ -->
<div class="up"><a href="#top">Page Top ▲</a></div>
<!-- メインコンテンツ▲ -->
</section>
</div>
<!-- main▲ -->
<!-- メニュー２▼ -->
<div id="menu2">
<nav>
<ul>
<li><a href="index.html">HOME</a></li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ２</a>
<ul class="sbm2">
<li><a href="page2.html">ページ ２-１</a></li>
<li><a href="page2.html">ページ ２-２</a></li>
<li><a href="page2.html">ページ ２-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ３</a>
<ul class="sbm2">
<li><a href="page2.html">ページ ３-１</a></li>
<li><a href="page2.html">ページ ３-２</a></li>
<li><a href="page2.html">ページ ３-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ４</a>
<ul class="sbm2">
<li><a href="page2.html">ページ ４-１</a></li>
<li><a href="page2.html">ページ ４-２</a></li>
<li><a href="page2.html">ページ ４-３</a></li>
</ul>
</li>
<li onmouseover="this.className='on'" onmouseout="this.className='off'" class="off">
<a>ページ ５</a>
<ul class="sbm2">
<li><a href="page2.html">ページ ５-１</a></li>
<li><a href="page2.html">ページ ５-２</a></li>
<li><a href="page2.html">ページ ５-３</a></li>
</ul>
</li>
</ul>
</nav>
</div>
<!-- メニュー２▲ -->
<!-- footer▼ -->
<footer>
<div id="footer">
<br><br><br><br><br>
Copyright (C) <a href="index.html">サイト名</a> All Rights Reserved.
</div>
<div id="copy">
<!--削除しないでください-->
<p><a href="http://homepagetemplate.web.fc2.com/" target="_blank" title="ホームページ テンプレート フリー H.P.T.F">ホームページ テンプレート フリー</a></p><p>Design by</p>
</div>
</footer>
<!-- footer▲ -->
</div>
<!-- body▲ -->
</body>
</html>