@charset "UTF-8";

/*-----ここからレイアウト-----*/

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

/*大枠*/

#wrapper {
  width: 910px;
  margin: 0px auto;
  background-image: url(img/bg_border.gif);
  background-repeat:repeat;
}

#head {
  width: 910px;
  margin: 0px auto;
}
#footer {
/*  text-align: right;*/
  width: 800px;
  padding-top: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;;
}
/*head*/
.head_bg1 {
  width: 97px;
  height: 62px;
  background-image: url(img/head_f.gif);
}

.head_bg22 {
  width: 509px;
  height: 62px;
  background-image: url(img/head_f.gif);
}

/*no1*/
.no1_bg1 {
  width: 66px;
  height: 253px;
  background-image: url(img/no1_a.gif);
  background-repeat:no-repeat;
}

.no1_bg2 {
  width: 60px;
  height: 253px;
  background-image: url(img/no1_b.gif);
  background-repeat:no-repeat;
}
.no1_bg3 {
  width: 161px;
  height: 253px;
  background-image: url(img/no1_c.gif);
  background-repeat:no-repeat;
}

.no1_bg4 {
  width: 577px;
  height: 253px;
  background-image: url(img/no1_d.gif);
}

.no1_bg4_t {
  width: 547px;
  padding-top:55px;
}

.no1_bg5 {
  width: 14px;
  height: 253px;
  background-image: url(img/no1_e.gif);
}

.no1_img {
  padding-top: 100px;
}





/*no2*/

.no2_bg1 {
  width: 77px;
  height: 160px;
  background-image: url(img/no2_a.gif);
  background-repeat:no-repeat;
}
.no2_bg2 {
  width: 117px;
  height: 160px;
  background-image: url(img/no2_b.gif);
  background-repeat:no-repeat;
}
.no2_bg3 {
  width: 242px;
  height: 160px;
  background-image: url(img/no2_c.gif);
}

.no2_bg4 {
  width: 12px;
  height: 160px;
  background-image: url(img/no2_d.gif);
  background-repeat:no-repeat;
}

.no2_bg5 {
  width: 77px;
  height: 125px;
  background-image: url(img/no2_e.gif);
  background-repeat:no-repeat;
}

.no2_bg6 {
  width: 359px;
  height: 125px;
  background-image: url(img/no2_f.gif);
}

.no2_bg7 {
  width: 12px;
  height: 125px;
  background-image: url(img/no2_g.gif);
  background-repeat:no-repeat;
}
.no2_img {
  padding-top: 80px;
  padding-left: 10px;
}

/*-------------
追加no2
--------------*/


#sec_title2 {
  width: 447px;
  height: 180px;
  background-image: url(img/no2_j.gif);
  background-repeat:no-repeat;
}

.sec_t_h-l2{
/*  background: #330000;*/
  width: 100px;
/*  height: 90px;*/
  float: left;
  margin-left: 90px;
  padding-top: 80px;
}

.sec_t_h-r2{
/*  background: #330000;*/
  width: 220px;
/*  height: 90px;*/
  float: right;
  margin-right: 15px;
  padding-top: 80px;

}

#sec_main2 {
  width: 447px;
  padding-top: 20px;
  background-image: url(img/no2_h.gif);
  background-repeat:repeat;
}

.sec_mainp2{
  width: 340px;
  padding-top: 10px;
  font-size: 13px; line-height: 1.3; color: #333;
  margin-left: 90px;
}


/*-------------
追加no3
--------------*/
#sec_title3 {
  width: 447px;
  height: 180px;
  background-image: url(img/no3_f.gif);
  background-repeat:no-repeat;
}

.sec_t_h-l3{
/*  background: #330000;*/
  width: 100px;
  height: 90px;
  float: left;
  margin-left: 50px;
  margin-top: 80px;
}

.sec_t_h-r3{
/*  background: #330000;*/
  width: 230px;
  height: 90px;
  float: right;
  margin-right: 40px;
  margin-top: 80px;
}
#sec_main3 {
  width: 424px;
  padding-top: 20px;
  background-image: url(img/no3_g.gif);
  background-repeat:repeat;
}

.sec_mainp3{
  width: 340px;
  padding-top: 10px;
  font-size: 13px; line-height: 1.3; color: #333;
  margin-left: 60px;
}



/*-------------
追加no5
--------------*/

#no5_bg {
  width: 876px;
  background-image: url(img/no5_d.gif);
  background-repeat:repeat;
  float: left;
}


#no5_title {
  margin-top: 20px;
}

/*no3*/

.no3_bg1 {
  width: 74px;
  height: 160px;
  background-image: url(img/no3_a.gif);
  background-repeat:no-repeat;
}
.no3_bg2 {
  width: 92px;
  height: 160px;
  background-image: url(img/no3_b.gif);
  background-repeat:no-repeat;
}

.no3_bg3 {
  width: 248px;
  height: 160px;
  background-image: url(img/no2_c.gif);
}

.no3_bg5 {
  width: 74px;
  height: 125px;
  background-image: url(img/no3_e.gif);
  background-repeat:no-repeat;
}

.no3_bg6 {
  width: 340px;
  height: 125px;
  background-image: url(img/no2_f.gif);
}
.no3_img {
  padding-top: 80px;
}



/*no45mini*/

.no4_bg1m {
  width: 77px;
  height: 128px;
  background-image: url(img/no4_a.gif);
}

.no5_bg1m {
  width: 77px;
  height: 128px;
  background-image: url(img/no5_a.gif);
}

.no4_bg2 {
  width: 777px;
  height: 128px;
  background-image: url(img/no4_b.gif);
}

.no4_bg3 {
  width: 20px;
  height: 128px;
  background-image: url(img/no4_c.gif);
}

.no45_img {
/*  width: 150px;*/
  margin: 0px 20px 0px 20px;
/*  margin-left: 20px;*/
}

.no45_icon {
  padding-top: 60px;
}


.no4_ta {
  margin-top: 20px;
}


/*no45long*/

.no4_bg1l {
  width: 77px;
  height: 150px;
  background-image: url(img/no4_a2.gif);
}

.no5_bg1l {
  width: 77px;
  height: 150px;
  background-image: url(img/no5_a2.gif);
}


.no5_bg2 {
  width: 777px;
  height: 150px;
  background-image: url(img/no5_b.gif);
}

.no5_bg3 {
  width: 20px;
  height: 150px;
  background-image: url(img/no5_c.gif);
}
/*--------------
追加
*--------------

.no5_ta {
  margin-top: 20px;
}




/*txt*/

.txt_head {
  font-weight: bold;
  font-size: 15px; line-height: 1.5; color: #333;
  padding-top: 5px;
}

.txt_t {
  font-weight: bold;
  font-size: 21px; line-height: 1.3; color: #333;
  margin-left: 20px;
}

.txt_t a:link{
  color: #333;
  text-decoration: underline;
}

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

.txt_t a:hover {
  color: #333;
  text-decoration: underline;
}

.txt_m {
  font-size: 14px; line-height: 1.3; color: #333;
  margin-left: 20px;
/*  padding-top: 5px;*/
}


/*--------------
Ramling２
----------------*/
.txt_tm2 {
  font-weight: bold;
  font-size: 17px; line-height: 1.3; color: #333;
}

.txt_tm2 a:link{
  color: #333;
  text-decoration: underline;
}

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

.txt_tm2 a:hover {
  color: #333;
  text-decoration: underline;
}

.txt_tm2 img{
  float: right;
  padding-top: 10px;
}




.txt_t45 {
  font-weight: bold;
  margin-top: 10px;
  margin-left:5px;
  font-size: 15px; line-height: 1.3; color: #333;
}

.txt_t45 a:link{
  color: #333;
  text-decoration: underline;
}

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

.txt_t45 a:hover {
  color: #333;
  text-decoration: underline;
}

.txt_t45 img{
  float: right;
  padding-top: 10px;
}

.txt_ms5 {
  width: 420px;
  font-size: 12px; line-height: 1.3; color: #333;
  margin: 8px 5px 10px 5px;
}


/*販売終了文字カラー*/
.txt_red{
  font-weight: bold;
  font-size: 15px; line-height: 1.3; color: red;
  padding-left: 10px;
  margin-top: 5px;
  text-align: right;
  margin-right: 10px;
}



/*icon*/

.lank_icon {
  margin-top: 20px;
  margin-left: 20px;
  padding-bottom: 10px;
}

.caption{
  font-size: 10px; line-height: 1.2;}


/*-----------------------------------------------------------------
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;
}
/* end */


.bd5{  padding: 5px;}


/*-------------------------------------------------------------
クチコミ3列表示
--------------------------------------------------------------*/
.lank_3n_all{
  width: 820px;
  margin:15px auto 0 auto;
/*  background-color:pink;*/
}
.lanl_3n_waku{
  width: 250px;
  margin: 0 0 0 15px;
  float: right;
  border:3px solid #3b0000;
  background-color:#ffffff;
}

.l3n_r{  float:right; margin-right: 13px;}

.lanl_3n_waku p{
  height: 165px;
  margin: 0px;
  text-align: left;
  font-size: 12px; line-height: 1.3; color: #333;
  padding: 10px;
/*  background-color:lightblue;*/
}


.l3_ttl{
  margin: 10px 0 0 0;
  font-weight: bold;
  text-align: left;
  font-size: 15px; line-height: 1.3; color: #333;
}

.l3_ttl a:link{color: #333;  text-decoration: underline; color: #333;}
.l3_ttl a:visited{  text-decoration: underline; color: #333;}
.l3_ttl a:hover {text-decoration:none; color: #333;}


/*-------------------------------------------------------------
オススメキャンペーン
--------------------------------------------------------------*/
.kekka_ban{
  width: 910px;
  margin: 15px auto 25px auto;
  padding:15px 0;
  background:#FCD9A4;
  font-size:16px;
  font-weight:bold;
  text-align:center;
}

.kekka_ban p{  margin: 0;color: #333;}