@charset "UTF-8";
/* CSS Document */


body {-webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;}

.carousel-ttl{ width:650px; border-left:4px solid #333; font-size:12px; color:#333; text-align:left; margin:0 auto; padding-left:10px; margin-bottom:20px; margin-top:13px; letter-spacing:0.5px;}
span.car1{ font-weight:bold; font-size:14px;}


#slider_wrap {
  margin:0 auto;
  width: 680px;  /* 全体の幅 */
  height: 690px;  /* パネルの高さ + パディング */
  background: #fff;
  position: relative;  /* 相対配置に */
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
#slider_prev {
  position: absolute;  /* wrapの絶対配置 */
  top: 310px;
  left: -3px;
  cursor: pointer;
  z-index:9999;

}
#slider_next {
  position: absolute;  /* wrapの絶対配置 */
  top: 310px;
  right: -3px;
  cursor: pointer;
  z-index:9999;
}
#slider {
  width: 100%;
  height: 100%;
  overflow: hidden; 
}
#slider_inner ul.panel {
  width: 640px;
  height: 690px;
  padding: 0px 20px 20px 20px;  /* パネルの幅＋パディング  */
  list-style-type:none;
  margin-top:10px;
  float: left;
  background:#fff; 
}
#slider_inner ul.panel li {
  float: left;
  margin: 0 15px 40px 25px;
  display: inline;  /* IE6対策！ */
}
#slider_inner ul.panel img {
  border: none;
  width:170px;
  height:145px;
  border-radius:3px;
}


 /* リストパネル内のテキスト全体の処理  */
#slider_inner ul.panel li p{ background:#fff; font-size:12px; color:#333; margin-top:15px; width:170px; height:140px; text-align:center; line-height:1.8em;}


 /* リストパネル内 各項目の処理  */
span.li-name01{ font-size:13px; font-weight:bold; text-align:center; display:block;}
span.li-name01 a{ font-size:13px; font-weight:bold; text-align:center; display:block; text-decoration:none; color:#333;}
span.li-name01 a:hover{ color:#C30; text-decoration:underline;}
span.li-price01{ font-size:16px; font-weight:bold; color:#F63; letter-spacing:0.4px;}
span.li-price02{ font-size:13px; font-weight:bold; color:#F63;}
span.li-kuwashiku a{ background:#222; color:#fff; padding:2px; display:inline-block; border-radius:3px; display:block; text-decoration:none; margin-top:10px;}
span.li-kuwashiku a:hover{ background:#063; color:#fff;}

a img { -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; }
a:hover img { opacity:0.7; filter:alpha(opacity=80); }