JOHO.html
===============
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>cafe</title>
<link href="JOHO.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="page">
<header>
<div id="header_inner">
<div id="header_logo">
<p>情報処理特効a</p>
</div>
</header>
<div id="main_image">
<div id="main_image_inner">
<h1>カフェめぐり</h1>
</div>
</div>
<main>
<section id="section01">
<div class="scroll">
<h2>酒田の美味しいカフェの特集です</h2>
</div>
<nav>
<ul id="main_nav">
<li><a href="#div01">1.店名</a></li>
<li><a href="#div02">2.店名</a></li>
</ul>
</nav>
<div class="contents" id="div01">
<div class="left" id="photo01">
</div>
<div class="right text">
<h4>1.テキストテキストテキストテキスト</h4>
<p>テキストテキストテキストテキストテキストテキストテキストテキ
ストテキストテキストテキストテキストテキストテキストテキストテキ
ストテキストテキストテキストテキストテキスト</p>
<div class="contact_right main_contact_inner">
<a href="page1.html" class="contact_right_inner">
<p>くわしく見る</p>
</a>
</div>
</div>
</div>
<div class="contents" id="div02">
<div class="left text">
<h4>2.テキストテキストテキストテキスト</h4>
<p>テキストテキストテキストテキストテキストテキストテキストテキ
ストテキストテキストテキストテキストテキストテキストテキストテキ
ストテキストテキストテキストテキストテキスト</p>
<div class="contact_right main_contact_inner">
<a href="page1.html" class="contact_right_inner">
<p>くわしく見る</p>
</a>
</div>
</div>
<div class="right" id="photo02">
</div>
</div>
</section>
</main>
<footer>
<p>footer</p>
</footer>
</div>
</body>
</html>
