@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: 880px; border-top: gray; border-right: thin solid gray; border-bottom: gray; border-left: thin solid gray }

/* --- ヘッダ --- */
#header           { background-color: white; margin-top: 0; margin-bottom: 0; margin-left: 0; width: 870px }
#header-inner {
  margin: 0;
  padding: 0;
  color: #333333;
  width: 780px;
  background-color: #ffffff;
  background-repeat: no-repeat;
}
#header-inner p  { color: black; font-size: 12px; margin-top: 7px; margin-bottom: 7px }
#table-left      { color: #333333; font-size: 18px; line-height: 150%; text-decoration: none; text-align: right; margin: 0 20px 0 0; padding: 10px 0 0 10px; width: 850px }

#table-left a    { color: #333333; font-size: 15px; text-decoration: none; text-align: right; margin-top: 2px; margin-right: 10px }

#table-left a:hover  { color: #666666; font-size: 15px; text-decoration: none }
/* --- コンテンツ --- */
#content       { margin-right: auto; margin-left: auto; width: 870px }
#content p       { color: black; font-size: 16px; width: 700px }
.info                   { margin-left: 120px; width: 700px; border-width: thin; border-color: gray }
hr.separator           { width: 700px; height: 1px; border-style: solid none none; border-width: 1px medium medium; border-color: #000000 }
/* --- フッタ --- */
#footer                          { margin-bottom: 120px; margin-left: 120px; width: 700px; border-width: thin; border-color: gray }
#footer p   { color: black; font-size: 1em }
p    { color: black; text-align: left; margin-top: 3px; margin-bottom: 3px }
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-top: 5px; margin-bottom: 10px }
/* --- ナビゲーションバー --- */
div.nav                              { margin-right: auto; margin-bottom: 10px; margin-left: auto; width: 870px; border-top: gray; border-right: gray; border-bottom: thin solid gray; border-left: gray }
/* --- メニューエリア --- */
div.nav ul.nl             { list-style-type: none; margin: 0; width: 870px }
/* --- メニュー項目 --- */
div.nav ul.nl li     { float: left }
/* --- 項目の幅（emで指定） --- */
div.nav ul.nl li.item1   { background-color: white; width: 284px; height: 63px }
div.nav ul.nl li.item2   { background-color: white; width: 91px; height: 63px }
div.nav ul.nl li.item3   { background-color: white; width: 91px; height: 63px }
div.nav ul.nl li.item4   { background-color: white; width: 103px; height: 63px }
div.nav ul.nl li.item5   { background-color: white; width: 112px; height: 63px }
div.nav ul.nl li.item6   { background-color: white; width: 146px; height: 63px }
/* --- リンク --- */
div.nav ul.nl li a     { text-decoration: none }
/* --- ポイント時の設定 --- */
div.nav ul.nl li :hover   { background-color: olive }
/* --- clearfix --- */
.clearFix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
.clearFix    { min-height: 1px }

/* --- ナビゲーションバー --- */
div.goods                      { margin-right: auto; margin-left: auto; width: 730px }
/* --- メニューエリア --- */
ul.goods         { list-style-type: none; margin-right: 15px; margin-left: 15px; width: 700px }
/* --- メニュー項目 --- */
ul.goods li           { width: 33%; float: left }
/* --- clearfix --- */
.clearFix:after { visibility: hidden; display: block; height: 0; clear: both; content: "." }
.clearFix   { min-height: 1px }