body {
  margin: 7px 0 0 0;
  font-size: 90%;
  line-height: 100%;
  background-image: url(images/背景画像.jpg);  
  background-attachment: fixed;
  line-height: 150%;
  color: #333333;
}

img { border: none; }

#centerbox {
  width: 960px;
  text-align: center;
  margin: 0 auto;
  text-align: left;
}

/* Header */
#header {
  margin: 0 0 10px 0;
}

/* Side Menu */
#osusumebox {
  margin: 0;
  width: 220px;
  text-align: center;
}
#osusumebox img {
margin-bottom: 20px;
}
#sidebox {
  /*margin-top: 0px;*/
  width: 220px;
  height: 1130px;   /*Height */

  text-align: center;
  font-size: 90%;
  line-height: 130%;
  border-top: 1px solid #CCCCCC;
  border-left:   1px solid #CCCCCC;
  border-right:  1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  ;
}
#sidebox2 {
  /*margin-top: 0px;*/
  width: 20px;
  height: 1500px;
  /*Height */
  text-align: left;
  line-height: 130%;
}
/* Menu List1 */
.ctitle { margin-bottom: 15px; }

ul.menumark {
  margin: 0 0 30px 25px;
  padding: 0px;
  list-style-image: url(images/m_marker.gif);
  line-height: 150%;
  text-align: left;
  font-size: 12px;
}
.menumark li { margin-bottom: 10px; }
.menumark a { text-decoration: none; }
.menublk3 { margin-bottom: 5px; }


/* Contents */
#mainbox {
  text-align: left;
  color: #333333;
  }
#example1 {
  font: 11pt/8pt "Century Gothic",sans-serif;
  color: #888888;
  font-weight: bold;  
} 
#example2 {
  font: 10pt/6pt "Century Gothic",sans-serif;
  color: #888888;
  line-height: 200%;  
} 
.contents {
  width: 690px;
  margin: 0 0 10px 40px;
  font-size: 100%;
  line-height: 130%;
  float: right;
}

#fmenu { margin: 0 0 15px 0; }

.flash-box {
  text-align: center; 
  margin: 0 0 15px 0;
}
img.line1 {
  margin: 3px 0 15px 0;
  background: #66090D;
}

.sale { margin: 3px 0 22px 0; } /* Sale Banner */

table.thumb-tbl {
  margin: 0;
}
.thumb-tbl td {
  vertical-align: top;
}
.thumb-tbl p {
  margin: 5px 0 5px 1px;
  vertical-align: top;
  text-align: left;
  font-size: 12px;
  line-height : 130%;
}
table.banner-tbl {
  margin: 20px 0 0 0;
}
.thumb-tbl td {
  vertical-align: top;
}

table.hosoku-tbl {
  margin: 35px 0 0 0;
  border: none;
  border-collapse: collapse;
  font-size : 85%;
}
.hosoku-tbl th {
  border: solid 1px #971B0E;
  padding: 2px 4px;
  font-weight: normal;
  text-align: center;
}
.hosoku-tbl td {
  border: solid 1px #971B0E;
  width: 183px;
  padding: 2px 4px;
  text-align: left;
  vertical-align: top;
}
.hosoku-tbl p {
  margin: 5px 0 10px; 0;
}
td.midashi {
  height: 1.7em;
  vertical-align: middle;
  color: #B22222;
  font-weight: bold;
  background: #E8646A;
}
.bgc1 { background: #FDE8E8; }
.bgc2 { background: #FEECD8; }

p.clear { margin: 0; clear: both; }

/* Shopping Info. */
.shopinf {
  margin: 0;
;
}

table.outline {
  margin: 0 auto;
  border: none;
  border-collapse: collapse;
}
.outline td {
  border: solid 1px #CCCCCC;
  padding: 7px 10px; 5px 8px;
  vertical-align: top;
  text-align: left;
}
.outline th {
  border: solid 1px #CCCCCC;
}
.shopinf h3 {
  margin: 0 0 3px 0;
  font-size : 90%;
  font-weight: bold;
  color: #A52A2A;
}
.shopinf p {
  margin: 0 0 13px 0;
  padding: 0 0 5px 0;
  font-size : 90%;
  line-height : 130%;
  border-bottom: dotted 1px #CCCCCC;
}
p.kaigyou {
  margin: 0;
  padding: 0 0 5px 0;
  font-size : 90%;
  line-height : 130%;
  border: none;
}
.shopinf ul {
  margin: 0 0 10px 0;
  padding: 0 0 5px 16px;
  list-style-type: square;
  font-size : 90%;
  line-height: 140%;
  border-bottom: dotted 1px #CCCCCC;
}
img.card { margin: 0; }
span.txtred { color: #ff0000; }

/* Footer */
#footer {
  margin-top: 5px;
}
#footer p#back {
  padding: 5px 0;
  text-align: right;
}
#footer p#copyright {
  padding: 5px 0;
  color: #666666;
  text-align: center;
  font-size: 12px;
}

/* スライドショー
****************************************************************/

#aspslide{
      position: relative;      
      width: 300px;
      height: 250px;
      overflow:hidden;
      padding:0!important;
}

.slide {
  position   : relative;
  overflow   : hidden;
                    /* 画像のサイズに合わせて変更ください */
  width      : 960px;
  height     : 263px;
  margin     : auto;      /* サンプルは中央寄せの背景：白 */
  background : #fff;
}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  height     : inherit;
  opacity    : 0;
  animation  : slideAnime 36s ease infinite;
}
 
 /*=== スライドのアニメーションを段差で開始する ========= */
.slide img:nth-of-type(1) { animation-delay: 0s }
.slide img:nth-of-type(2) { animation-delay: 6s }
.slide img:nth-of-type(3) { animation-delay: 12s }
.slide img:nth-of-type(4) { animation-delay: 18s }
.slide img:nth-of-type(5) { animation-delay: 24s }
.slide img:nth-of-type(6) { animation-delay: 30s }
 
 /*=== スライドのアニメーション ========================= */
@keyframes slideAnime{
   0% { opacity: 0 }
   6% { opacity: 1 }
  19% { opacity: 1 }
  25% { opacity: 0 }
 100% { opacity: 0 }
}