@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style{
    border-color: #cccccc;
}

.hpb-parts-hl-style{
    padding: 4px 0.2em 2px !important;
    border-color: #8f2500 !important;
    line-height: 1 !important;
	background-image:none !important;
	color:#5a3300 !important;
}

.hpb-parts-cbox-style{
	border-color: #8f2500;
}

.hpb-parts-hr-style{
    border-color: #5a3300;
}

.hpb-parts-pbox-style{
    border-color: #cccccc;
}
.hpb-parts-pbox-style h4{
    padding: 0px !important;
}

.hpb-parts-blist-style{
    border-color: #cf1d00;
	background-color:#FFFFFF;
}
a:link.hpb-parts-blist-style{
    color: #333333;
}
a:visited.hpb-parts-blist-style{
    color: #333333;
}
a:hover.hpb-parts-blist-style{
    color: #cf1d00;
}
a:active.hpb-parts-blist-style{
    color: #cf1d00;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/
#bread{
  text-align : left;
}


/*topへ戻るボタンのデザイン*/

#topbutton{
  /* ▼表示位置を画面の右下に固定 */
  position: fixed; /* ←表示場所を固定 */   /* ←下端からの距離 */    /* ←右端からの距離 */     /* ←横幅 */

  /* ▼最初は非表示にしておく */
  display: none;

  /* ▼配色・配置・文字の装飾など */ /* ←背景色 */
  opacity: 1;          /* ←透明度 */
  border-radius: 0px;  /* ←角丸の半径 */
  text-align: center;  /* ←文字の位置 */
  font-size : 40px;    /* ←文字サイズ */
  font-weight: bold;   /* ←文字の太さ */
  margin: 0px;         /* ←外側の余白 */
  padding: 0px;        /* ←内側の余白 */

  background-image : url(../image/top_scroll.png);
  background-repeat : no-repeat;
  bottom : 100px;
  right : 0px;
  background-position : center center;
}

#topbutton a{
  /* ▼リンクの装飾 */
  color: #669900;            /* ←文字色 */
  text-decoration: none; /* ←下線なし */
  display: block;
  width : 70px;
  height : 70px;
}

#topbutton a:hover{
  /* ▼マウスが載ったときの装飾 */
  color: yellow;         /* ←文字色 */
  text-decoration: none; /* ←下線なし */
}
#products3{
  width : 220px;
  float : left;
  font-size : 14px;
  margin-right : 10px;
}

.recipe-photo{
  text-align : center;
}

.recipe-right{
  text-align : right;
}

#top-news{
  padding-top : 10px;
  padding-left : 10px;
  padding-right : 10px;
  padding-bottom : 10px;border-width : 4px;border-style : solid;border-color : red;
  font-size : 13px;
}

#recipe5{
  padding-left : 10px;
  padding-right : 10px;
  border-right-width : 1px;
  border-right-style : dashed;
  border-right-color : gray;
  width : 150px;
  float : left;
  text-align : center;
  margin-bottom : 10px;
  height : 140px;
  background-color : #efefef;
  padding-top : 10px;
}
#recipe5left{
  padding-left : 10px;
  padding-right : 10px;
  border-right-width : 1px;
  border-right-style : dashed;
  border-right-color : gray;
  width : 150px;
  float : left;
  text-align : center;
  border-left-width : 1px;
  border-left-style : dashed;
  border-left-color : gray;
  margin-bottom : 10px;
  height : 140px;
  background-color : #efefef;
  padding-top : 10px;
}
#shopping_side{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;border-style : solid;border-color : #b3b3b3;
  margin-top : 15px;
  background-image : url(../image/shopping_side.png);
  background-repeat : no-repeat;
  font-size : 12px;
}

#shopping_data{
  width : 400px;
  float : left;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;
  border-top-width : 1px;
  border-bottom-width : 1px;
  border-left-width : 1px;border-style : solid;border-color : silver;
  height : 550px;
  margin-top : 10px;
}

#shopping_data2{
  float : left;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  background-color : #eeeeee;
  height : 552px;
  margin-top : 10px;
  width : 220px;
}

#shopping_data3{
  width : 400px;
  float : left;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;border-width : 1px;border-style : solid;border-color : silver;
  height : 800px;
  margin-top : 10px;
}

#shopping_data3right{
  float : left;
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  background-color : #eeeeee;
  height : 802px;
  margin-top : 10px;
  width : 220px;
}

#tvcm{
  position : static;
  margin-top : 50px;
  z-index : 1;
  float : right;
}

.campaignimage img{
	border-width : 1px;border-style : solid;border-color : black;
}

.contest{
  float : left;
}