@charset "UTF-8";

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

}


/*全体*/
#wrapper {
/*  background-color: #f1f1f1;*/
  width: 950px;
  text-align: center;
  padding: 0;
  margin: 0 auto;
}

#header {
/*  background-color: #c0c0c0;*/
/*  margin-bottom: 8px;*/
  text-align: left;
}

#content {
/*  background-color: #c0c0c0;*/
  border: solid 1px #c9c9c9;
  padding: 0px 0px 10px 0px;
  margin: 10px 0px;
}

#footer {
/*  background-color: #c0c0c0;*/
  border-top: solid 1px #d3d3d3;
  border-bottom: solid 1px #d3d3d3;
  margin: 10px 0px 10px 0px;
}

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

img {
  border: 0;
}

h1 {
  margin: 0;
  padding: 0;
}

h2 {
  margin: 0;
  padding: 0;
}

.fl_l{ float: left;}


#hd_btmline {
  height: 44px;
  background-image: url(teiki_img/hd_btmline.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}


#hd_logo {
  float: left;
  display: inline;
  width: 280px;
}

#hd_link {
  float: right;
  display: inline;
/*  width: 400px;*/
  font-size: 14px;
  color: #222;
  text-align: right;
  margin-right: 6px;
}

#hd_link ul {
  list-style-type: none;
  margin: 18px 0px 0px 0px;
  padding: 0px 0px 0px 12px;
  text-align: left;
  background-image: url(teiki_img/hd_link_ar.gif);
  background-repeat: no-repeat;
  background-position: left center;
}

#hd_link li a {
  text-decoration: none;
  color: #222;
}

#hd_link li a:visited {
  text-decoration: none;
  color: #222;
}

#hd_link li a:hover {
  text-decoration: underline;
  color: #222;
}



#main_img_1410g {
  position: relative; 
  height: 250px;
}


#main_img_1410g_01 {
  position: absolute;
  top: 0px;  
  left: 0px;  
}

#main_img_1410g_02 {
  position: absolute;
  top: 0px;  
  left: 330px;  
}

#main_img_1410g_03 {
  position: absolute;
  top: 58px;  
  left: 330px;  
}

#main_img_1410g_04 {
  position: absolute;
  top: 58px;  
  left: 636px;  
}



#main_img {
  height: 310px;
  background-image: url(teiki_img/tk_main_img_bg.gif);
  background-repeat: repeat-x;
  background-position: left top;
  text-align: left;
  margin:0;
  padding: 0;
}

#main_img_l {
  width: 309px;
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
/*  background-color: pink;*/
}

#main_img_r {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
/*   background-color: lightblue;*/
}

/*サービス説明*/
#main_img_r_dxp {
  margin: 4px 0px 0px 0px;
  width: 648px;
  background-color: #f5f5f5;
  border-top: dashed 1px #a8a8a8;
  border-bottom: dashed 1px #a8a8a8;
}

#main_img_r_dxp table {
  font-size: 12px;
  line-height: 1.3;
  color: #222;
}

#main_img_r_dxp table a {
  text-decoration: underline;
  color: #222;
}
#main_img_r_dxp table a:visited {
  text-decoration: underline;
  color: #222;
}
#main_img_r_dxp table a:hover {
  text-decoration: underline;
  color: #800;
}


#main_img_r_dxp ul {
  margin: 0;
  padding: 0;
}

#main_img_r_dxp li {
  list-style-type: square;
  margin-left: 20px;
  padding-left: 0px;
}

.main_img_r_dxp_bdr {
  border-right: dashed 1px #a8a8a8;
}




.pd_tbl_area {
/*  text-align: center;*/
  margin-bottom: 16px;
}

#tk_cate_menu {
  background-image: url(teiki_img/tk_cate_menubg.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
  color: #fff;
  margin-bottom: 16px;
}

#tk_cate_menu p {
  margin: 0px 4px 4px 4px;
  padding: 6px 4px 6px 4px;
  text-align: left;
  font-size: 16px;
}

#tk_cate_menu a {
  margin: 0px 4px 0px 4px;
  text-decoration: none;
  color: #fff;
}

#tk_cate_menu a:visited {
  text-decoration: none;
  color: #fff;
}

#tk_cate_menu a:hover {
  text-decoration: underline;
  color: #fff;
}





.tk_cate_bar {
  margin-left: auto;
  margin-right: auto;
  width: 912px;
  background-image: url(teiki_img/tk_cate_barbg1208g.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  border: solid 1px #c9c9c9;
}

.tk_cate_bar p ,.tk_cate_bar_gr p{
  text-align: left;
  border-left: solid 8px #f00;
  margin: 8px 4px 9px 4px;
  padding: 0px 4px 0px 4px;
  font-size: 16px;
  font-weight: bold;
}

.tk_cate_bar_txt {
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
}
.tk_cate_bar_m-txt {
  color: #666666;
  margin-left: 10px;
  font-size: 11px;
  font-weight: normal;
}
.tk_cate_bar_gr {
  margin-left: auto;
  margin-right: auto;
  width: 912px;
  background-image: url(teiki_img/tk_cate_barbg1403g.jpg);
  background-repeat: no-repeat;
  background-position: left center;
  border: solid 1px #c9c9c9;
}



/*-----------------水カテゴリーの中---------------*/

.tk_wt_cate_bar {
  margin: 16px auto 0px auto;
  margin-left: auto;
  margin-right: auto;
  width: 912px;
}

/*リフレティー*/
.tk_wt_color_rt {
  background: #f4ffea;
  border-top: solid 2px #c1ff84;
  border-bottom: solid 2px #c1ff84;
}




/*リズムウォーター*/
.tk_wt_color_rw {
  background: #fffaf0;
  border-top: solid 2px #ffc0cb;
  border-bottom: solid 2px #ffc0cb;
}

/*ドリップウォーター*/
.tk_wt_color_dw {
  background: #f0f8ff;
  border-top: solid 2px #87cefa;
  border-bottom: solid 2px #87cefa;
}

/*温泉水*/
.tk_wt_color_os {
  background: #ffffe0;
  border-top: solid 2px #f0e68c;
  border-bottom: solid 2px #f0e68c;
}


.tk_wt_cate_bar p {
  text-align: left;
/*  border-left: solid 8px #f00;*/
  margin: 4px 4px 5px 4px;
  padding: 0px 4px 0px 4px;
  font-size: 15px;
  font-weight: bold;
}

.tk_wt_cate_bar_txt {
  margin-left: 10px;
  font-size: 14px;
  font-weight: normal;
}
.tk_wt_cate_bar_m-txt {
  color: #666666;
  margin-left: 10px;
  font-size: 11px;
  font-weight: normal;
}


/*-----------------水カテゴリーの中end---------------*/














/*商品横4段*/
.pd_tbl4 {
/*  margin-bottom: 16px;*/
}

.pd_tbl4 td {
  padding: 6px 0px 6px 0px;
}

.pd_tbl4_td_bg {
  background-color: #fff;
  background-image: url(teiki_img/pd_tbl4_td_bg.jpg);
  background-repeat: repeat-x;
  background-position: center bottom;
  border: solid 1px #c9c9c9;
}

.mr20 {
  margin-right: 20px;
}



/*商品のtable内の左右float-----------------------------------*/

/*商品画像　左（幅は別途）*/
.pd_tbl_l {
  float: left;
  display: inline;
  text-align: center;
}

.pd_tbl_l p {
  margin: 0;
  padding: 0;
}

/*商品名等　右（幅は別途）*/
.pd_tbl_r {
  float: right;
  display: inline;
  text-align: left;
  margin-right: 6px;
}


/*幅88*/
.width88 {
  width: 88px;
}

/*幅110*/
.width110 {
  width: 110px;
}


/*幅130*/
.width130 {
  width: 130px;
}

/*幅150*/
.width150 {
  width: 150px;
}


/*幅180*/
.width180 {
  width: 180px;
}

/*幅250*/
.width250 {
  width: 250px;
}













.pd_dtlink {
  text-align: center;
  margin: 4px 0px 4px 0px;
}
.pd_dtlink a {
  font-size: 13px;
  text-decoration: underline;
  color: #222;
}
.pd_dtlink a:visited {
  text-decoration: underline;
  color: #222;
}

.pd_dtlink a:hover {
  text-decoration: underline;
  color: #800;
}


.pd_name {
  font-size: 14px;
  line-height: 1.3;
  font-weight: bold;
}

.pd_fkr {
  font-size: 13px;
  line-height: 1.3;
/*  font-weight: normal;*/
}

/*上下2段（かんたフェ）*/
.pd_fkr2 {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.3;
/*  font-weight: normal;*/
}
.pd_code {
  font-size: 12px;
  line-height: 1.3;
  color: #707070;
/*  font-weight: normal;*/
}

.pd_pr {
  font-size: 18px;
  line-height: 1.3;
  color: #f00;
  font-weight: bold;
}

.pd_pr2 {
  font-size: 12px;
}

.zei {
  color: #222;
  font-weight: normal;
}

.pldw_area {
/*  width: 94px;*/
  text-align: center;
  padding: 2px 2px 2px 6px;
  background: #600;
  color: #fff;
  font-size: 12px;
}

.pldw_area select {
  vertical-align: middle;
  margin: 0px 0px 0px 4px;
}

/*注文手続き　ボタンまわり*/
.tk_ttdk_tbl {
  width: 912px;
  margin-top: 20px;
  margin-right: left;
  margin-right: right;
  margin-bottom: 8px;
}

.tk_ttdk_txt {
  text-align: right;
  border-top: dashed 1px #d2b48c;
  border-bottom: dashed 1px #d2b48c;
/*  border-bottom: solid 2px #600;*/
  font-weight: bold;
  font-size: 18px;
  color: #600;
  padding: 11px 4px 11px 4px;

  background-color: #fff1cf;
}

.tk_ttdk_btnarea {
  padding-left: 10px;
}





/*フロート*/
.flt_l {
  float: left;
  display: inline;
}

.flt_r {
  float: right;
  display: inline;
}


/*ドリップウォーター*/

/*タイトル*/
.dw_ttl {
  margin: 10px 0px 0px 0px;
}


/*---各カテゴリー下のリンク（ページ下の「申し込み手続きへ」ボタンへ）---*/

.tk_cate_btmlink {
  margin: 0px 19px 34px 19px;
  border-bottom: dashed 1px #d2b48c;
  text-align: right;
  font-size: 17px;
  font-weight: bold;
  color: #600;
  padding: 0px 20px 8px 0px;
  background-image: url(teiki_img/tk_cate_btm_ar.gif);
  background-repeat: no-repeat;
  background-position: right 3px;
}

.tk_cate_btmlink a {
  color: #600;
  text-decoration: none;
}

.tk_cate_btmlink a:visited {
  color: #600;
  text-decoration: none;
}

.tk_cate_btmlink a:hover {
  color: #600;
  text-decoration: underline;
}



/*メニュー　商品カテゴリー*/
#tk_gnv_ttl {
  text-align: left;
  margin: 0;
  padding: 0;
}

#tk_gnv {
  background-image: url(teiki_img/tk_nv_bg.gif);
  background-repeat: no-repeat;
  background-position: left top;
  height: 158px;
  border-bottom: solid 6px #edcb86;
/*  text-align: left;*/
  margin: 0px 0px 16px 0px;
}

#nv {
  margin-left: auto;
  margin-right: auto;
/*  width: 910px;*/
  width: 912px;
}



/*メニュー　商品カテゴリーの詳細*/


#nv ul {
  padding:0;
  margin:0;
}

#nv li {
  display:inline;
  list-style-type:none;
}
#nv li a {
  height:129px;
  display:block;
  float:left;
  text-indent:-9877em;
  text-decoration:none;
  overflow:hidden;
}

/*解除*/
#nv li.nv01 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat 0px 0px;
width:114px;
}
#nv li.nv02 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -114px 0px;
width:114px;
}
#nv li.nv03 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -228px 0px;
width:114px;
}
#nv li.nv04 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -342px 0px;
width:114px;
}
#nv li.nv05 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -456px 0px;
width:114px;
}
#nv li.nv06 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -570px 0px;
width:114px;
}
#nv li.nv07 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -684px 0px;
width:114px;
}

#nv li.nv08 a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -798px 0px;
width:114px;
}


/*hover*/
#nv li.nv01 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat 0px -130px;
}
#nv li.nv02 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -114px -130px;
}
#nv li.nv03 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -228px -130px;
}
#nv li.nv04 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -342px -130px;
}
#nv li.nv05 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -456px -130px;
}
#nv li.nv06 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -570px -130px;
}
#nv li.nv07 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -684px -130px;
}

#nv li.nv08 a:hover {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -798px -130px;
}

/*active*/
#nv li.nv01_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat 0px -130px;
width:130px;
}
#nv li.nv02_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -114px -130px;
width:130px;
}
#nv li.nv03_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -342px -130px;
width:130px;
}
#nv li.nv04_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -456px -130px;
width:130px;
}
#nv li.nv05_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -570px -130px;
width:130px;
}
#nv li.nv06_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -684px -130px;
width:130px;
}
#nv li.nv07_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -780px -129px;
width:130px;
}
#nv li.nv08_on a {
background:url(teiki_img/tk1507_gnv.jpg) no-repeat -798px -130px;
width:130px;
}

/*チャット　定期便用*/

#chat_area_tk {
/*  margin-top: 16px;*/
  margin-left: auto;
  margin-right: auto;
/*  margin-bottom: 16px;*/
  width: 900px;
  padding: 6px;
/*  border: solid 1px #d3d3d3;*/
  font-size: 12px; line-height: 1.5; color: #333;
  background-color: #fff;
}

#chat_l_tk {
  width: 200px;
  float: left;
  display: inline;
  margin-left: 10px;
/*  background-color: #c9c9c9;*/
}


#chat_r_tk {
  width: 552px;
  margin-left: 10px;
  float: left;
  display: inline;
  margin-right: 16px;
/*  background-color: #c9c9c9;*/
  text-align: left;
  font-size: 12px; line-height: 1.5; color: #333;
  padding-top: 16px;
}

#chat_r_tk a:link {
  color: #800;
  text-decoration: underline;
}

#chat_r_tk a:visited {
  color: #800;
  text-decoration: underline;
}

#chat_r_tk a:hover {
  color: #c90;
  text-decoration: underline;
}


/*-------------------------------------------
グリーンティーシリーズ
--------------------------------------------*/
.ml10{ margin-left: 10px;}
.mb10{ margin-bottom: 10px;}
.mtb10{ margin-top: 10px; margin-bottom: 10px;}

.t_gr_area{
 width: 950px;
 margin-top: 5px;
 padding-bottom: 10px;
 border: 1px solid #c9c9c9;

}

.tk_gr_header ul{
 margin:5px 40px 15px 40px;padding: 0px;
 list-style-image: url("teiki_img/tk_gr_list_icon.gif");
  font-size: 14px; line-height: 1.6; color: #333;
}
.tk_gr_header li{
 margin: 0px;padding: 0px;
}

.tk_gr_header table{
  font-size: 14px; line-height: 1.5; color: #333;
}

.tk_gr_header td{
 padding: 2px 4px;
 border-bottom: solid 1px #ccf2c4;
}

.tk_gr_header a:link { text-decoration: none;color: #ff8c00;border-bottom: 1px dotted #ff8c00;}
.tk_gr_header a:visited { text-decoration: none; color: #ff8c00;border-bottom: 1px dotted #ff8c00;}
.tk_gr_header a:hover { text-decoration:none; color: #22a7cc; border-bottom: 1px solid #22a7cc;}

.tk_gr_cont .pd_name{
 margin-top: 5px;
 margin-bottom: 20px;
}

.tk_gr_att_txt{
 margin: 0px;
 padding: 0px 10px;
 font-size: 11px; line-height: 1.4; color: #333;
}

.tk_gr_10off img{
 margin: 1px 0px 0px 10px;
}




/*-----------------------------------------------------------------
footer
-----------------------------------------------------------------*/
.foot{
 margin: 10px 20px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
}
.foot ul{
 margin: 0px;padding-left: 50px;
 list-style-type: none;
}

.foot li{
 margin: 10px 0px;padding: 0px;
 float: left;
 font-size: 13px; line-height: 1.5; color: #333333;
}

.foot a:link { text-decoration: none;color: #333333;}
.foot a:visited { text-decoration: none; color: #333333;}
.foot a:hover { text-decoration:none; color: #666666; border-bottom: 1px solid #666666;}

.logo{ 
 float: left;
 margin: 0px 0px 10px 5px;
}


/*----美穀菜追加に伴うデザイン修正-----*/
.teiki_kitaku_area table{
 border: 2px solid #0A54A6;
 float: left;
 margin-left: 10px;


}

.teiki_kitaku_txt{
 font-size: 11px; line-height: 1.4; color: #FFF;
 font-weight: bold;
 text-align: left;

}

.teiki_kitaku_area p{
 margin: 0px;
 padding: 2px 5px;
 font-size: 11px; line-height: 1.4; color: #333;
}

/*.teiki_guide_area table{
 float: left;
 margin-left: 20px;
}*/

.teiki_guide_area {
/* float: left;
 margin-left: 20px;*/
}

.teiki_guide_area p{ font-size: 11px; line-height: 1.4; color: #333;
  text-align: center;
  margin: 0px 0px 4px 0px;
  padding: 0;
}

.tk_head1408_g-btn a{
 display: block;
 margin: 2px auto 0px auto;
 overflow: hidden;
 height: 24px; width: 113px;
 text-align: center;
}
.tk_head1408_g-btn a { background-image: url("teiki_img/tk_head1408_g-btn.gif");}
.tk_head1408_g-btn a:hover { background-position: 0 -27px;}
.mb10{ margin-bottom: 10px;}
.p2{ padding: 5px;}

/*メッセージ*/
.msg {
  font-size: 12px;
  line-height: 1.3;
  color: #222;
  padding: 4px;
}

.line_top {
  margin: 4px 0px 8px 0px;
  border-top: solid 1px #c9c9c9;
}

.red {
  color: #ff0000;
}


/*---------------お届け説明1410g-----------------------*/
#teiki_dsc {
  margin-bottom: 10px;
}

#teiki_dsc_l {
  float: left;
  display: inline;
  width: 760px;
/*  background: #f1f1f1;*/
  letter-spacing: -0.6px;
}

#teiki_dsc_r {
  float: right;
  display: inline;
  width: 180px;
/*  background: #f1f1f1;*/
  text-align: center;
}

#teiki_dsc_l table {
  border-top: solid 2px #0a54a6;
  border-right: solid 2px #0a54a6;
  border-bottom: solid 2px #0a54a6;
/*  height: 45px;*/
  float: left;
  display: inline;
  margin-left: 10px;
}

#teiki_dsc_l tr {
  height: 45px;
}

#teiki_dsc_l p{
 margin: 0px;
 padding: 2px 5px;
 font-size: 11px; line-height: 1.4; color: #333;
}



/*---------------お届け説明1410g end-------------------*/



/*---------------画像リンク-------------------*/
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

input[type="image"]:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}


/*---------------画像リンク end---------------*/



/*--------------価格改定リンク(201411月より掲載)--------------*/

#kakaku_msg2014w {
  width: 900px;
  border: dotted 2px #a5a5a5;
  margin: 0px auto 16px auto;
  font-size: 12px;
  line-height: 1.5;
  color: #222;
  text-align: left;
  letter-spacing: 0.6px;
}

#kakaku_msg2014w p {
  margin: 6px 15px 6px 15px;
}

#kakaku_msg2014w a:link {
  text-decoration: underline;
  color: #0033ff;
}

#kakaku_msg2014w a:visited {
  text-decoration: underline;
  color: #0033ff;
}

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

.kakaku_msg2014w_2txt {
  margin: 2px 15px 6px 15px;
  font-size: 11px;
  line-height: 1.4;
}



/*--------------価格改定リンク(201411月より掲載)end--------------*/


/*--------------カフェサプリ割引率変更で使用--------------*/

.msg_chg_area {
  text-align: center;
  margin: 0px 0px 5px 0px;
  padding: 5px 0px 5px 0px;
  font-size:14px;
  color: #555;
  background: #fff;
  border: dotted 1px #c9c9c9;
}


/*--------------カフェサプリ割引率変更で使用 end--------------*/


.btm8 {
  margin-bottom: 8px;
}

.btm16 {
  margin-bottom: 16px;
}

.btm24 {
  margin-bottom: 24px;
}


/*------------送料無料マーク------------*/
.soryom {
  padding: 8px 0px 8px 0px;
}

.ml8 {
  margin-left: 8px;
}

/*------------テキストサイズ------------*/
.tx12 {
  font-size: 12px;
}

.tx11 {
  font-size: 11px;
}


.tx10 {
  font-size: 10px;
}