@charset "shift_jis";

/* ------------------------------------------

配置ドリンクサービス

------------------------------------------ */

.item-pict{
  width:120px;
}
#content .item .item-discription .detailCart dl{
  border:none;
}

/* free-info
*****************/
.free-info{
  padding:8px 10px;
  border:1px solid #ccc;
}
.free-info .btn{
  margin-left:20px;
  float:right;
}
.free-info .txt{
  padding-top:0.45em;
}

.free-info2{
  padding:11px 10px;
  border:1px solid #ccc;
}
.free-info2 .btn{
  padding-top:4px;
  margin-left:20px;
  float:right;
}
.free-info2 .txt{
}


/* feature
*****************/
.feature{
  /* padding-top:10px; */
}
.feature .txt{
  width:505px;
  padding-bottom:10px;
  float:left;
}
.feature dl{
}
.feature dt{
  margin-bottom:4px;
  font-weight:bold;
}
.feature dd{
  margin-bottom:14px;
  padding-left:1.35em;
}
.feature dd span{
  font-size:84.62%;
}
.feature .fig{
  width:200px;
  float:right;
}


/* lineup
*****************/
.lineup{
}
.lineup .luBox01{
  margin-bottom:25px;
  /* padding-top:10px; */
}
.lineup .luBox01 .fig{
  width:285px;
  margin-right:20px;
  float:left;
}
.lineup .luBox01 .txt{
  font-weight:bold;
  line-height:1.54;
}

.lineup .luBox02{
  margin-bottom:10px;
}
.lineup .luBox02 .luBoxTtl{
  margin-bottom:10px;
  padding:1px 0 7px 2px;
	background:url(/service/cafe/images/placement/luboxttl_bg.gif) repeat-x 0 100%;
  color:#009ee7;
  font-weight:normal;
}
.lineup .luBox02 .luBoxTtl span{
  font-weight:bold;
}
.lineup .luBox02 .luBox02Inner{
}
.lineup .luBox02 ul{
}
.lineup .luBox02 ul li{
  margin-right:10px;
  margin-bottom:10px;
  list-style:none;
  float:left;
}
.lineup .luBox02 ul li.lastR{
  margin-right:0;
}
.lineup .luBox02 ul li img{vertical-align:top;}


/* flow
*****************/
.flow{
  /* padding-top:10px; */
  padding-bottom:10px;
}
.flow ul{
}
.flow ul li{
  padding-bottom:20px;
  background:url(/service/cafe/images/placement/flow_bg.gif) left bottom no-repeat;
  list-style:none;
  clear:both;
}
.flow ul li.last{
  padding-bottom:0;
  background:none;
}
.flow dl{
}
.flow dt{
  width:80px;
  height:17px;
  padding-top:12px;
  padding-bottom:12px;
  background-position:left top;
  background-repeat:no-repeat;
  color:#fff;
  font-weight:bold;
  text-align:center;
  float:left;
}
.flow .customer dt{
  background-image:url(/service/cafe/images/placement/flow_bg_customer.gif);
}
.flow .duskin dt{
  background-image:url(/service/cafe/images/placement/flow_bg_duskin.gif);
}
.flow dd{
  margin-left:94px;
  padding-top:12px;
}
.flow dd.lines{
  padding-top:2px;
}


/* よくあるご質問
*****************/
.faq{
  margin-bottom:30px;
  /* padding-top:10px; */
}
.faq dl{
  margin-bottom:20px;
  padding-bottom:20px;
  background:url(/service/cafe/images/placement/faq_dot.gif) left bottom repeat-x;
}
.faq dt{
  margin-bottom:10px;
}
.faq dt span.ico{
  width:26px;
  height:22px;
  padding-top:5px;
  background:url(/service/cafe/images/placement/faq_bg_q.gif) left top no-repeat;
  color:#fff;
  font-size:123.08%;
  font-weight:bold;
  text-align:center;
  display:block;
  float:left;
}
.faq dt span.exp{
  margin-left:40px;
  padding-top:7px;
  font-weight:bold;
  display:block;
}
.faq dd{
}
.faq dd span.ico{
  width:26px;
  height:22px;
  padding-top:5px;
  background:url(/service/cafe/images/placement/faq_bg_a.gif) left top no-repeat;
  color:#fff;
  font-size:123.08%;
  font-weight:bold;
  text-align:center;
  display:block;
  float:left;
}
.faq dd .exp{
  margin-left:40px;
  padding-top:4px;
}

/*RESET*/
.faq dl dl, .faq dl dl dt, .faq dl dl dd{margin:0; padding:0; background:none;}

.faq dl dl{
}
.faq dl dl dt{
  width:3.5em;
  clear:both;
  float:left;
}
.faq dl dl dd{
  margin-left:3.5em;
}



/*==clearfix==*/
.free-info:after,
.feature:after,
.lineup .luBox01:after,
.lineup .luBox02 ul:after,
.flow dl:after,
.faq dt:after,
.faq dd:after,
.faq dl dl:after{content:""; display:block; clear:both;}
/*IE6, 7*/
.free-info,
.feature,
.lineup .luBox01,
.lineup .luBox02 ul,
.flow dl,
.faq dt,
.faq dd,
.faq dl dl{* zoom:1;}