<!DOCTYPE HTML>
<HTML>
<HEAD>
<!-- タイトル -->
<TITLE>ASIDE 要素の使用例</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">
<ARTICLE>
<HGROUP>
<H2 CLASS="center">秋の果物</H2>
<H3 CLASS="center">草木の果実の食用となるものであり，水菓子ともいう．</H3>
</HGROUP>
<SECTION>
<H2>梨</H2>
<P> バラ科の落葉高木．わが国中部以南および中国大陸に自生する原種から，それぞれ独立に果樹として改良された．</P>
</SECTION>
<SECTION>
<H2>葡萄</H2>
<P> ブドウ科ブドウ属の蔓性落葉低木の総称．ペルシア・コーカサス地方の原産とされ，古くからペルシア・インドで栽培されたヨーロッパ系と北米原産の系統がある．</P>
</SECTION>
<ASIDE>
<H2>なぜ，水菓子</H2>
<P> 本来，菓子は「果物」の意味であったが，間食すべてを意味するようになった．そこで，現在「菓子」と呼ばれるものと区別するため「水」という字が付け加えられた．</P>
</ASIDE>
</ARTICLE>
</BODY>
</HTML>