<!DOCTYPE HTML>
<HTML>
<HEAD>
<!-- タイトル -->
<TITLE>DIV 要素によるページレイアウト例</TITLE>
<!-- スタイルシート -->
<LINK REL="stylesheet" TYPE="text/css" HREF="../../master.css">
<!-- 文字コード -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
<!-- スマホ -->
<META NAME=viewport CONTENT="width=device-width, initial-scale=1">
</HEAD>
<BODY CLASS="white" STYLE="text-align: center">
<H1 CLASS="center">DIV 要素によるページレイアウト例</H1>
<DIV STYLE="margin: auto; border-width: 2px; border-style: solid; width: 800px; height: 700px">
<DIV ID="header" STYLE="margin: auto; border-width: 2px; border-style: solid; width: 750px; height: 100px">
<H1>ヘッダー</H1>
</DIV>
<DIV ID="left" STYLE="margin: auto; border-width: 2px; border-style: solid; width: 300px; height: 590px; float: left">
<H1>左領域</H1>
</DIV>
<DIV ID="right" STYLE="margin: auto; border-width: 2px; border-style: solid; width: 490px; height: 590px; float: left">
<H1>右領域</H1>
</DIV>
</DIV>
</BODY>
</HTML>