@charset "utf-8";
@import url("../styles.css");
@import url("../products.css");

/*
ショップのカラーリングの変更法方：

このCSSファイルを読み込んだ後、以下のカラーリングを設定した
別のCSSファイルを読み込んで変更させて下さい。
*/

/* カラーリングや背景画像設定 */

.shop-products { /* 商品一覧背景色 */
 width:880px;
 padding-bottom:10px;
  background-color:#ffffff;
  border:solid 1px #cccccc; 
}


.shop-linebox { /* 枠線設定 */
 width:880px;
 padding-bottom:10px;
  background-color:#ffffff;
  border:solid 1px #cccccc; 
}
h1#shop-name { /* 店舗名 */
  background-image: none;
  font-weight:bold;
  padding:4px 8px;
  color:#ffffff;
  background-color: #FF7E00;
  border:solid 1px #FF6000;
  border-bottom:solid 2px #CF2200;
  margin-bottom:10px;
}


h2#product-name{

font-weight: bold;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
 color:#ffffff;
  background-color: #FF7E00;
background-image: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CF2200;

}


h2#shop-how { /* どんなお店なんですか？タイトル */


font-weight: bold;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
 color:#ffffff;
  background-color: #FF7E00;
background-image: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CF2200;

}
#shop-msg { /* どんなお店なんですか？　のボックス */
}
#shop-info { /* 店舗情報のボックス */
}
.shop-products-box { /* 商品一覧のボックス */


}
h2.shop-products-title { /* 商品一覧タイトル */

font-weight: bold;
padding-top: 4px;
padding-right: 8px;
padding-bottom: 4px;
padding-left: 8px;
 color:#ffffff;
  background-color: #FF7E00;
background-image: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CF2200;
}

/* 以下レイアウト（ここより下は変更しないで下さい） */

#shop-mainimg img {
  vertical-align:bottom;
}
#shop-msg, #shop-info, .shop-products {
  margin:10px 0;
}

.shop-ie{
  width:880px;
  border-bottom:solid 1px #cccccc;
  }

#shop-desc-wrap, #shop-info {
  padding:10px;
}
#shop-desc-txt {
  width:648px;
  float:right;
}
#shop-owner {
  width:200px;
  float:left;
}
#shop-desc-txt p {
  margin:0;
}

#shop-desc-txt2 p {
  margin:0;
}

#shop-info {
}
#shop-info-txt {
  width:388px;
  float:right;
}
#shop-info-img {
  width:460px;
  float:left;
}
#shop-map {
  width:388px;
  margin-top:10px;
}

#shop-products-wrap {
  width:780px;
  padding:10px 45px 10px 55px;

}

.shop-products-wrap {
  width:780px;
  padding:10px 45px 10px 55px;

}
.shop-products-box {
  width:120px;
  padding:0 10px 0 0;
  float:left;
}
.shop-products-name {
  text-align:center;
}
#shop-products-toall {
  padding-right:10px;
  text-align:right;
  margin:1em 0 10px 0;

}