@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: 812px }

/* --- ヘッダ --- */
#header         { color: black; font-size: 12px; text-align: right; width: 810px }

/* --- コンテンツ --- */
#content       { margin-right: auto; margin-left: auto; width: 810px }

/* --- フッタ --- */
#footer                  { margin-right: auto; margin-left: auto; width: 800px }
#footer p    { color: black; font-size: 15px; font-weight: normal; margin-bottom: 5px; margin-left: 50px; width: 800px; float: left }
/* --- ナビゲーションバー --- */
div.nav                { background-color: white; width: 800px }
/* --- メニューエリア --- */
div.nav ul.nl      { list-style-type: none; margin: 0; padding: 4px 0; width: 790px }
/* --- メニュー項目 --- */
div.nav ul.nl li     { float: left }
/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1 { width: 217px }
div.nav ul.nl li.item2 { width: 80px }
div.nav ul.nl li.item3 { width: 83px }
div.nav ul.nl li.item4 { width: 80px }
div.nav ul.nl li.item5 { width: 101px }
div.nav ul.nl li.item6 { width: 130px }
/* --- リンク --- */
div.nav ul.nl li a    { text-decoration: none; display: block; padding: 2px 5px; position: relative }
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover  { text-decoration: none }
/* --- clearfix --- */
.clearFix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
.clearFix   { min-height: 1px }
.contents      { font-size: 10px; background-color: white; text-align: justify; width: 760px; clear: left }
/* --- リストエリア --- */
ul.thumbnail                      { list-style-type: none; margin-right: auto; margin-left: auto; width: 690px }

/* --- リスト項目 --- */
ul.thumbnail li                  { width: 230px; float: left }

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}
p  { color: black; font-weight: bold }

hr.separator        { text-align: center; width: 700px; height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #000000 }
hr.separator1        { text-align: center; width: 700px; height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #000000 }
img { border: none }
h1    { font-size: 12px; margin-top: 7px; margin-bottom: 7px }
#goods         { margin-right: 5px; margin-left: 35px; width: 700px; float: left }
#goods p { color: black; font-size: 1em; font-style: normal; text-decoration: none; margin-top: 7px; margin-bottom: 7px }