@charset "shift_jis";
/*共通設定
■文字サイズを変更したい場合、body項目内のfontにある「12px」を変更する。
■strong(強調文字)色を変更したい場合、strong項目内の「#993300」を変更する。現在は赤色になっている。
----------------------------------------------------------------------------------*/
BODY {
  color: #5b710e;
  margin: 0px;
  padding: 0px;
  text-align: center;
  background : #dfdda5 url(bg.gif) repeat-x center top;
  font: 12px "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
H1,H2,H3,P,UL,LI{
  margin: 0px;
  padding: 0px;
}
UL{
  list-style-type: none;
}
IMG {
  border: none;
  vertical-align: bottom;
}
STRONG {
  color: #993300;
  font-weight: normal;
}
P {
  padding-bottom: 5px;
  padding-top: 5px;
}
/*ヘッダー
■h1タグの文字色を白以外にしたい場合、#header-container h1項目内にある「#FFFFFF」を変える。
■h1タグの文字サイズを変更したい場合、#header-container h1項目内にある「11px」を変える。
----------------------------------------------------------------------------------*/
#header-container {
  width: 917px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}
#header-container H1 {
  font-size: 11px;
  color: #FFFFFF;
  background : #c5b74c url(header_bg.jpg);
  height: 190px;
  padding-top: 11px;
  padding-left: 10px;
}
/*メインメニュー（画像を横並びにする為の設定なので変更しない）
----------------------------------------------------------------------------------*/
#menu LI {
  display: inline;
}
/*コンテナー
----------------------------------------------------------------------------------*/
#container {
  width: 913px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 20px;
  background : url(container_bg.gif) repeat-y left center;
}
/*商品の各テーブル設定
■テーブルのフチを変えたい場合、.t1項目内の「double」を変える。単なる直線なら「solid」。
　破線なら「dashed」、点線なら「dotted」。他にも色々あるので試すといいでしょう。
■テーブルのフチ色を変えたい場合、.t1項目内の「#CCCCCC」を変える。現在はグレー色。
■写真のフチ色を変えたい場合、.t1 img項目内の「#CCCCCC」を変える。現在はグレー色。
　また、写真とフチの間のスペースにも色を付けられる。.t1 img項目内の「#FFFFFF」で変える。現在は白。
----------------------------------------------------------------------------------*/
.t1 {
  border: 3px double #CCCCCC;
  padding: 10px;
  margin-top: 9px;
  margin-right: 5px;
  width: 326px;
  background : url(item_bg.gif) repeat-x center bottom;
}
.t1 TD {
  vertical-align: top;
}
.t1 STRONG {
  background : url(arrow1.gif) no-repeat left top;
  padding-left: 20px;
  border-bottom: 1px dotted #5b710e;
  display: block;
  margin-bottom: 10px;
}
.t1 IMG {
  border: 1px solid #CCCCCC;
  padding: 5px;
  background: #FFFFFF;
}
/*メインコンテンツ
----------------------------------------------------------------------------------*/
#main {
  float: left;
  width: 662px;
  text-align: left;
  padding: 9px 9px 50px;
  line-height: 2;
  border-top: 1px solid #CCCCCC;
}
/*What's new欄の矢印とアンダーライン
■下線の色を変えたい場合、#CCCCCCを希望色にする。ちなみに、dottedは点線なので直線にしたいならsolidにする。
----------------------------------------------------------------------------------*/
.u-line LI {
  border-bottom: 1px dotted #CCCCCC;
  background : url(arrow2.gif) no-repeat left top;
  padding-left: 15px;
}
/*サイドコンテンツ
----------------------------------------------------------------------------------*/
#side {
  float: right;
  width: 192px;
  text-align: left;
  padding: 9px 9px 50px;
  line-height: 2;
  border-top: 1px solid #CCCCCC;
}
/*フッター
----------------------------------------------------------------------------------*/
#footer {
  clear: both;
  width: 913px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 20px;
  background : url(footer_bg.gif) no-repeat left top;
  padding-bottom: 20px;
}
/*clearfix（変更しないこと）
----------------------------------------------------------------------------------*/
#container:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#container {
  display: inline-block;
}
/* Hides from IE-mac \*/
*html #container {
  height: 1%;
}
#container {
  display: block;
}
/* End hide from IE-mac */