@charset "utf-8";

/* --- 全体の背景・テキスト --- */
body  { color: #000000; font-size: 100%; margin: 0px; padding:0px; text-align:center; }

/* --- コンテナ --- */
#container   { text-align: left; margin-right: auto; margin-left: auto; width: 800px }

/* --- ヘッダ --- */
#header          { color: black; font-size: 12px; padding-top: 5px; padding-left: 7px }

/* --- コンテンツ --- */
#content     { margin-right: auto; margin-left: auto }
#content p    { color: black; font-size: 16px; margin-right: 80px; margin-left: 80px; width: 100% }
/* --- フッタ --- */
#footer              { color: black; font-size: 15px; margin-right: auto; margin-left: auto }
#footer p { margin-right: 80px; margin-left: 80px }
p    { color: black; text-align: left; margin-top: 3px; margin-bottom: 3px }

hr.separator    { text-align: center; height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #000000 }
img { border: none }
h1     { color: black; font-size: 15px; margin-top: 2px; margin-bottom: 2px; margin-left: 5px }
h2     { color: black; font-size: 14px; text-align: left; margin: 5px 80px 10px }
/* --- ナビゲーションバー --- */
div.nav             { background-color: white; margin-right: auto; margin-left: auto; width: 800px }
/* --- メニューエリア --- */
div.nav ul.nl    { list-style-type: none; margin: 0; padding: 4px 0; width: 100% }
/* --- メニュー項目 --- */
div.nav ul.nl li     { float: left }
/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1     { width: 219px }
div.nav ul.nl li.item2  { width: 82px }
div.nav ul.nl li.item3  { width: 85px }
div.nav ul.nl li.item4  { width: 82px }
div.nav ul.nl li.item5  { width: 103px }
div.nav ul.nl li.item6  { width: 132px }
/* --- リンク --- */
div.nav ul.nl li a   { text-decoration: none; display: block; padding: 2px 5px; position: relative; border-right: 1px solid #cccccc }
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover { text-decoration: underline }
/* --- clearfix --- */
.clearFix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
.clearFix   { min-height: 1px }

/* --- ナビゲーションバー --- */
div.goods              { background-color: white; margin-right: auto; margin-left: auto; width: 720px }
/* --- メニューエリア --- */
div.goods ul.nl    { list-style-type: none; margin: 0; padding: 4px 0; width: 100% }
/* --- メニュー項目 --- */
div.goods ul.nl li       { width: 240px; float: left }
/* --- 項目の幅（emで指定） --- */
div.goods ul.nl li.item1        { width: 230px; height: 173px }
div.goods ul.nl li.item2      { width: 230px; height: 173px }
div.goods ul.nl li.item3      { width: 230px; height: 173px }
div.goods ul.nl li.item4     { width: 230px; height: 173px }
div.goods ul.nl li.item5     { width: 230px; height: 173px }
div.goods ul.nl li.item6     { width: 230px; height: 173px }
div.goods ul.nl li.item7      { width: 230px; height: 173px }
div.goods ul.nl li.item8      { width: 230px; height: 173px }
/* --- リンク --- */
div.nav ul.nl li a   { text-decoration: none; display: block; padding: 2px 5px; position: relative; border-right: 1px solid #cccccc }
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover { text-decoration: underline }
/* --- clearfix --- */
.clearFix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
.clearFix   { min-height: 1px }