@charset "UTF-8";

body {
  margin: 0px; padding: 0px;
  background: #fff;
  text-align: center;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif;
  color: #222;
  line-height: 1.3;
}


/*応急メッセージ*/
.oqmsg1 {
  height: 150px;
  background-position: center top;
}

.oqmsg1_txt {
  font-size: 11px;
  color: #fff;
  padding: 27px 0px 0px 230px;
}
/*応急メッセージend*/



h1,h2,h3,form,p {
  margin: 0px;
  padding: 0px;
  border: 0;
}

input {
  margin: 0px;
  padding: 0px;
}



img {
  border:0;
}

.clear {
  clear: both;
}

/*------------------------基本構造---------------------------*/

#wrap_sskt {
  margin: 0 auto;
  width: 910px;
/*  background-color: #ffe0e0;*/
}

/*全体にかかっているinput カートボタンのアルファ値をリセット*/
#wrap_sskt input[type="image"]:hover {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}



/* -------------------------------
sns
---------------------------------*/
#socialContainer ul { margin: 0;padding: 0;}
#socialContainer li { margin: 0;padding: 0;}

.snsb {
 margin: 0;padding: 8px;
 overflow: hidden;
}
.snsb ul { margin: 0;padding: 0;}
.snsb li {
 margin: 0 4px 0 0;padding: 0;
 float: right;
 display: block;
 list-style: none;
 
}
.snsb iframe { margin: 0 !important;}

/* -------------------------------
containts
---------------------------------*/
#contents{
 background:url('img/gold_bg.gif') repeat 0 0;
}

#socialContainer {
 float:right;
 margin:0px 0px 5px 0;
 }
#socialContainer .Facebook {
 display:inline;
 }
#socialContainer .twitter {
 display:inline;
 }


.float-l {
 float:left;
}

/* clearfix
---------------------------------*/
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}

.clearfix{
   display:inline-block;
}

* html .clearfix{
   height:1px;
}

.clearfix{
   display:block;
}

/*-----------------------------------------------------------------
背景と枠
-----------------------------------------------------------------*/

.waku{
	max-width: 910px;
	margin: auto;
	padding: 0;
	border-style: solid;
	border-width: 20px;
	border-image: url("img/17new_waku.gif") 50 round;
	min-height: 105px;
	min-width: 105px;
}

.waku_side {
 background:url('img/17new_waku_side.gif') repeat 0 0;
 }

.bg {
 background:url('img/17new_bg_w910.gif') repeat 0 0;
 }

.bg02 {
 background:#CD0A0A url("img/17new_bg.gif") repeat 0 0;
  float: left;
/*  width:494px;
  height:134px;*/
 
 }

.last_bg {
 background:url('img/17new_14.jpg') repeat 0 0;
  width:910px;
  height:490px;
 }

.att_line {
 padding: 8px;
/* background: #fff;*/
 border: 1px #000000 solid;
   margin: 0 40px;
/*  text-align: left;
  font-size: 12px;
  line-height: 1.5*/;
 }

.att_text_01 {
/* padding: 8px;
   margin: 0 40px;*/
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
 }

.att_text_02 {
/* padding: 8px;
   margin: 0 40px;*/
  text-align: left;
  font-size: 12px;
  line-height: 1.5;
 }

.center {
 text-align: center;
}


.a_course {
  background-image: url(img/17new_03.jpg);
 }

.a_course_btn {
/*  position: absolute;*/
  top: 1075px;
  left: 625px;
  width: 175px;
  height: 33px;
  background:url(img/17new_btn_01_on.gif) no-repeat;
}
.a_course_btn a:hover{
  width: 175px;
  height: 33px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

/*-----------------------------------------------------------------
リンク
-----------------------------------------------------------------*/

.sskt_pre_lk {
  padding: 10px 0 20px 640px;
  font-size: 11px;
}
.sskt_pre_lk img {
  vertical-align: middle;
}
.sskt_pre_lk a:link {
  text-decoration: underline;
  color: #222;
}
.sskt_pre_lk a:visited {
  text-decoration: underline;
  color: #333;
}
.sskt_pre_lk a:hover {
  text-decoration: underline;
  color: #800000;
}



#sskt_pre_txt {
  width: 860px;
  margin: 0 auto 8px auto;
  text-align: left;
/*  font-size: 14px;*/
  font-size: 12px;
  line-height: 1.3;
  color: #222;
}

#sskt_pre_txt ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#sskt_pre_txt li {
  background-image: url(img/sskt_pre_kome.gif);
  background-repeat: no-repeat;
  background-position: top left;
  margin: 0 0 2px 0;
  padding: 0 0 0 12px;
}



/*--------------------メイン商品-------------------------*/

#sskt_main_pd {
  width: 898px;
  margin: 0 auto 10px auto;
}

/*カートの背景*/

#sskt_main_pd_bg1 {
  background-image: url(img/16new_main_pd_05bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  height: 70px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
}

#sskt_main_pd_bg2 {
  background-image: url(img/16new_main_pd_10bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: center;
  height: 70px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
}

/*ボタン*/

.btn_bg {
 background-image: url(img/17new_bg.gif);
 background-repeat: no-repeat;
 }

/*春のシャキッとセットボタン*/
.sskt_main_pd1_cart {
  position: absolute;
  top: 4px;
  left: 192px;
  width: 181px;
  height: 34px;
  background:url(img/17new_btn_02_on.gif) no-repeat;
}
.sskt_main_pd1_cart input:hover{
  width: 181px;
  height: 34px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}
.sskt_main_pd1_suryo {
  position: absolute;
  top: 0px;
  left: 142px;
  width: 50px;
  height: 62px;
  font-size: 11px;
  text-align: center;
}
.sskt_main_pd1_suryo select {
  font-size: 11px;
  width: 40px;
  margin: 0px 0 0 0;
  padding: 3px 5px 3px 5px;
}


/*ホッとひと息セットボタン*/
.sskt_main_pd2_cart {
  position: absolute;
  top: 4px;
  left: 199px;
  width: 181px;
  height: 34px;
  background:url(img/17new_btn_02_on.gif) no-repeat;
}
.sskt_main_pd2_cart input:hover{
  width: 181px;
  height: 34px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}
.sskt_main_pd2_suryo {
  position: absolute;
  top: 0px;
  left: 150px;
  width: 50px;
  height: 62px;
  font-size: 11px;
  text-align: center;
}
.sskt_main_pd2_suryo select {
  font-size: 11px;
  width: 40px;
  margin: 0px 0 0 0;
  padding: 3px 5px 3px 5px;
}

/*おいしいこーひーセット・10ｇセットボタン*/
.sskt_main_pd3_cart {
  position: absolute;
  top: 10px;
  left: 215px;
  width: 181px;
  height: 34px;
  background:url(img/17new_btn_02_on.gif) no-repeat;
}
.sskt_main_pd3_cart input:hover{
  width: 181px;
  height: 34px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}
.sskt_main_pd3_suryo {
  position: absolute;
  top: 5px;
  left: 164px;
  width: 50px;
  height: 62px;
  font-size: 11px;
  text-align: center;
}
.sskt_main_pd3_suryo select {
  font-size: 11px;
  width: 40px;
  margin: 0px 0 0 0;
  padding: 3px 5px 3px 5px;
}

/*モカ30袋ボタン*/
.sskt_main_pd4_cart {
  position: absolute;
  top: 10px;
  left: 207px;
  width: 217px;
  height: 41px;
  background:url(img/17new_btn_03_on.gif) no-repeat;
}
.sskt_main_pd4_cart input:hover{
  width: 217px;
  height: 41px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

/*新･グルメコーヒーお試しセット*/
.sskt_main_pd5_cart {
  position: absolute;
  top: 10px;
  left: 161px;
  width: 217px;
  height: 41px;
  background:url(img/17new_btn_03_on.gif) no-repeat;
}
.sskt_main_pd5_cart input:hover{
  width: 217px;
  height: 41px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}


.img_up {

  float: left;
 width: 846px;
 margin: 0 0 0 0 ;
 padding: 0px 0px 0px 10px;
 }

.set_mene_haru {
 width: 415px;
 float: left;
 margin: 0 0 0 31px ;
  }

.haru_btn_bg {
 width: 415px;
 float: left;
 margin: 0 0 0 0 ;
  padding: 0 0 0 0;
  height: 103px;
  background:url(img/17new_06_03.gif) no-repeat;
  background-repeat: no-repeat;
/*  background-position: top left;*/
  text-align: center;
  position: relative;
 }

.set_mene_hotto {
 width: 431px;
 float: left;
 margin: 0 31px 0 0;
  }

.hotto_btn_bg {
 width: 415px;
 float: left;
 margin: 0 31px 0 0;
  padding: 0 0 0 0;
  height: 103px;
  background:url(img/17new_07_03.gif) no-repeat;
  background-repeat: no-repeat;
/*  background-position: top left;*/
  text-align: center;
  position: relative;
 }

.oisii_btn_bg {
 width: 431px;
 float: left;
 margin: 0 31px 0 0 ;
 padding: 0 0 0 0;
 height: 89px;
 background:url(img/17new_08_04.gif) no-repeat;
 background-repeat: no-repeat;
/*  background-position: top left;*/
  text-align: center;
  position: relative;
 }

.ten_btn_bg {
 width: 431px;
 float: left;
 margin: 0 31px 0 0 ;
 padding: 0 0 0 0;
 height: 89px;
 background:url(img/17new_10_03.gif) no-repeat;
 background-repeat: no-repeat;
/*  background-position: top left;*/
 text-align: center;
 position: relative;
 }



/*--------------------メイン商品 end-------------------------*/




/*--------------------合わせ買い商品-------------------------*/

#sskt_sub_pd {
  width: 898px;
  margin: 0 auto 24px auto;
}

/*カートの背景*/

#sskt_sub_pd_bg1 {
  background-image: url(img/16new_sub_pd_04bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  height: 82px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
}


#sskt_sub_pd_bg2 {
  background-image: url(img/16new_sub_pd_07bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  height: 82px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
}

#sskt_sub_pd_bg3 {
  background-image: url(img/16new_sub_pd_10bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
  text-align: left;
  height: 82px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  position: relative;
}

.coffee_moca {
 width: 447px;
 float: left;
 margin: 0 0 0 0 ;
 }

.coffee_moca_bg {
 float: left;
 width: 447px;
 height: 163px;
 padding: 0 0 0 0;
 background:url(img/17new_12_03.gif) no-repeat;
 background-repeat: no-repeat;
/*  background-position: top left;*/
 text-align: center;
 position: relative;
 }

.gurume_coffee {
 width: 463px;
 float: right;
 margin: 0 0 0 0;
 }

.gurume_coffee_bg {
 float: right;
 width: 463px;
 height: 163px;
 padding: 0 0 0 0;
 background:url(img/17new_13_03.gif) no-repeat;
 background-repeat: no-repeat;
/*  background-position: top left;*/
 text-align: center;
 position: relative;
 }



/*ボタン*/

.sskt_sub_pd1_lk {
  position: absolute;
  top: 10px;
  left: 206px;
  width: 217px;
  height: 41px;
  background:url(img/17new_btn_03_on.gif) no-repeat;
}
.sskt_sub_pd1_lk a:hover{
  width: 217px;
  height: 41px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}

.sskt_sub_pd2_lk {
  position: absolute;
  top: 10px;
  left: 161px;
  width: 217px;
  height: 41px;
  background:url(img/17new_btn_03_on.gif) no-repeat;
}
.sskt_sub_pd2_lk a:hover{
  width: 217px;
  height: 41px;
-moz-opacity: 0;
opacity: 0;
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);  /* For IE 5-7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* For IE 8 */
}


.cp_text_01 {
  margin: 5px 0 0 40px;
  text-align: left;
  font-size: 22px;
/*  color: #222;*/
 }
 
.cp_text_02 {
  margin: 15px 0 0 40px;
  text-align: left;
  font-size: 14px;
  line-height: 1.5;
/*  color: #222;*/
 }

/*--------------------合わせ買い商品 end-------------------------*/

.w860 {
  width: 860px;
  margin: 0 auto 0 auto;
}


/*ラックらくcafeのバナー背景*/
#sskt_rakucafe {
  width: 860px;
  margin: 0 auto 24px auto;
  background: #fff;
}



/*---------------------フッター詳細-------------------------*/

#sskt_ft {
  text-align: center;
/*  background: #f1f1f1;*/
  margin: 0 0 10px 0;
  padding: 8px 0 0 0;
  background: #fff;
}

#sskt_ft .ft_line {
  border-top: solid 1px #a9a9a9;
/*  border-bottom: solid 1px #a9a9a9;*/
  padding: 6px 0 6px 0;
  margin: 8px 0 8px 0;
}

.honbun {
  font-size: 11px;
  line-height: 1.3;
  color: #222;
}
.honbun a{
  color: #222;
  text-decoration: underline;
}

.honbun a:hover{
  color: #800000;
  text-decoration: underline;
}

.caption {
  font-size: 10px;
  line-height: 1.3;
  color: #222;
}
/*---------------------フッター詳細 end-------------------------*/

/*----------ページ トップへ戻るリンク-----------------*/
.lk_top {
  margin: 14px 20px 0px 30px;
  text-align: right;
}


.lk_top img{
  margin: 0px 4px 0px 0px;
  vertical-align-middle;
}

.lk_top {
  font-size: 16px; /*line-height: 1.3; */color: #333;
}
.lk_top a:link {
 color: #333; text-decoration: underline;
}

.lk_top a:visited {
 color: #333; text-decoration: underline;
}

.lk_top a:hover {
 color: #800000; text-decoration: underline;
}

/*----------ページ トップへ戻るリンク end------------*/


/*--------------終了MSG-----------------*/
#fin_msg {
  padding: 50px 0 60px 0;
  font-size: 21px;
  font-weight: bold;
  text-align: center;
}
/*--------------終了MSG end-------------*/


/*-----------------------------------------------------------------
Float
-----------------------------------------------------------------*/
/* clearfix */
.clearfix:after {
 content:"."; 
 display:block; 
 height:0; 
 clear:both; 
 visibility:hidden;
}
.clearfix {
 display:inline-block;
}
/* hide mac ie \*/
* html .clearfix {
 height:1%;
}
.clearfix {
 display: block;
}

.clear{
 clear: both;
 
}

.float{
 float: left;
font-size: 0;
  margin: 0 0 0 0;
 padding: 0 0 0 32px;
 }
 .float02{
 float: left;
 }
 
/* end */