@charset "Shift_JIS";
@import "http://";
/* ★★★ぺージ構造に関するCSS */
#wrapper {
  margin-left:auto;
  margin-right:auto;
  width:718px;
  background-color: #FFFFFF;	
}

/* ★★★ボディに関するCSS */
body {
  text-align: left;
  font-size: 13px;
  padding-top: 0px;
  margin-top: 15px;
  background-image: url(back-img.gif);  
}

#main {
  float: right;
  width: 72%;
}

#left {
  float: right;
  width: 25%;
}

h1 {
  padding-top: 5px;
  padding-rght: 0px; 
  padding-leht: 0px; 
  padding-bottom: 0px;  
  font-weight: normal; 
  font-size: 12px;   
  margin: 3px;
  color: #999999; 
  text-align: center;
}

h2 {
  font-size: 20px;
  color: #CD853F;
  margin: 0px 0px 10px 10px;
  padding: 0px 0px 0px 0px;
}

h3 {
  font-size: 15px;
  color: #DAA520;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

h4 {
  font-size: 20px;
  color: #DAA520;
  margin: 0px 0px 0px 15px;
  padding: 0px 0px 0px 0px;
}

h5 {
  font-size: 15px;
  color: #DAA520;
  margin: 10px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

/* ★★★リストに関するCSS*/
ul{
  margin: 0px 0px 0px 0px;
}

#menu li {
  color: #696969;
  list-style-type: none;
  margin: 0px 0px 0px 23px;
  padding: 4px 0px 4px 0px;
  float:left;
}

/* ★★★ナビに関するCSS*/

#nav {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  list-style:none;
  border: none;
  float:left;
  width : px;
}

#nav li {
  float:left;
  background-color: #F0F0F0;
  margin: 0px 5px 0px 0px;
  border: 1px solid #000;
  font-size: 14px;
  text-align: center;
  width: 25px;
  height: 16px;
}

#nav a{
  color: #000;
  display:block;
  width: 25px;
  height: 15px;
  border:none;
}

#nav a:hover {
  color: #FFF;
  background-color: #ff99ff;
  text-decoration:none;
}

/* ★★★スクロールバーに関するCSS*/
html {
  scrollbar-face-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
  scrollbar-track-color:#ffffff;
}

/* ★★★段落に関するCSS*/
p {
  margin:5px 10px 0px 10px;
  padding:0px 0px 0px 0px;
  font-size:13px;
  line-height:140%;
}

p.setumei {
  margin:5px 6px 0px 10px;
  padding:0px 0px 0px 0px;
  font-size:13px;
  line-height:130%;
}

/* ★★★インフォメーションボックスに関するCSS */
.info {
  float:left;
  width:150px;
  height: 100%;
  font-size: 13px;
  border: none;
  margin:0px 13px 0px 6px;
  background-color:#ffffff;
}

.info2 {
  width:158px;
  height: 100px;
  border:1px solid #FF6984;
  margin: 0px 0px 5px 0px;
  padding: 0px 0px 0px 0px;
  background-color:#ffffff;
}

.spece {
  width: 159px;
  height: 570px;
  border: none;
  margin: 10px 0px 5px 0px;
  background-image: url(back-img.gif);
}

/* ★★★リンクに関するCSS */

a:link {
  font-size: 13px;
  color: #696969;
  text-decoration:none;
  padding-bottom:1px;
}

a:visited {
  font-size: 13px;
  color: #696969;
  text-decoration:none;
}

a:hover {
  font-size: 13px;
  color: #FF0000;
}

/* class="content" なリンク部分のみ周囲の文字より２割分大きくする */

a.syouhin {
  font-size: 13px;
  font-weight: bold;
  color: #CD853F;
}

a.syouhin2 {
  font-size: 11px;
  font-weight: bold;
  color: #CD853F;
}

a.syouhin3 {
  font-size: 10px;
  font-weight: bold;
  color: #CD853F;
}

a.syouhin:link {
  color: #B8860B;
}

a.syouhin:visited {
  color: #B8860B;
}

a.syouhin:hover {
  color: #ff0000;
}

#category {
  width:158px;
  height:25;
  border:none;
  margin: 5px 0px 0px 0px;
}

/* ★★★お店の紹介に関するCSS */
.mise {
  width: 512px;
  height:125px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  border: none;
  background-color: #FFFFFF;
  float:left;
}

/* ★★★カテゴリー紹介に関するCSS */
.midasi {
  width: 511px;
  height: 30px;
  margin: 5px 0px 0px 3px;
  padding: 0px 0px 0px 0px;
  border: none;
  float:left;
}

/* ★★★ホームに関するCSS */
#home {
   width:100%;
   margin-left:auto;
   margin-right:auto;
   margin-top:15px;
   margin-bottom:15px;
   text-align: center;
   border: none;
}


/* ★★★フッターに関するCSS */
#footer {
  clear:left; 
  text-align:right;
  border-top: solid 1px #000;
}