@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* all
---------------------------------*/
#ca_header {
 background-color:#fff;
 margin: 0 auto;
 width: 910px;
 }

 #all_bg{
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background:url(can_tea_img/can_tea_bg_01.jpg) repeat left top;
}
#wrapper {
  background-color:#fff;
  width:932px;
}
#grdArea {
  margin:0 auto;
  background:url(can_tea_img/can_tea_bg_02.jpg) repeat-y left top;
  padding-left: 11px;
}

.cobg{
  width:910px;
  text-align: left;
  font-size:14px;
  line-height:1.4;
  color:#42210b;
  background-color:#fff;
}
/* contents
---------------------------------*/
#topCartArea {
 background:url(can_tea_img/can_tea_bg_03.jpg) no-repeat left top;
 width:910px;
 height:105px;
/* padding:0 0 0 275px;*/
 }
#topCartArea .btn_suryo {
 width:50px;
 float:left;
 margin:0 8px 0 0;
 }
#topCartArea .btn_suryo p {
 padding:10px 0 5px;
 }
#topCartArea .btn_kounyu {
 background:url(can_tea_img/can_tea_bt_01_on.gif) no-repeat;
 width:480px;
 height:72px;
 float:left;
}
#topCartArea .btn_kounyu input:hover{
 width:480px;
 height:72px;
 -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 */
}
#attention_01 {
 width:910px;
/* height:40px;*/
 background:url(can_tea_img/can_tea_bg_04.gif) no-repeat;
 }
#attention_01 p {
 font-size:12px;
 line-height:1.3;
 margin:0 0 0 53px;
 }
.midashi_voice {
 margin:40px 0 29px;
 }
.midashi_3wake {
 margin:50px 0 39px;
 }
.midashi_cart_01 {
 margin:35px 0 11px;
 }
.CartArea {
 background:url(can_tea_img/can_tea_bg_05.jpg) no-repeat left top;
 width:910px;
 height:106px;
 }
.CartArea .btn_suryo {
 width:50px;
 float:left;
 margin:0 8px 0 0;
 padding:0 0 0 282px;
 }
.CartArea .btn_suryo p {
 padding:10px 0 5px;
 }
.CartArea .btn_kounyu {
 background:url(can_tea_img/can_tea_bt_02_on.gif) no-repeat;
 width:477px;
 height:72px;
 float:left;
}
.CartArea .btn_kounyu input:hover{
 width:477px;
 height:72px;
 -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 */
}
.attention_02 {
 font-size:12px;
 line-height:1.3;
 margin:0 0 0 53px;
 color: #666666;
 }
.attention_02 p{
 margin: 0;padding: 2px 0 10px 0;
}
.midashi_ho {
 margin:60px 0 35px;
 }
.midashi_making {
 margin:60px 0 42px;
 }
.midashi_recipe {
 margin:47px 0 0;
 }
.midashi_rinyu {
 margin:25px 0 0;
 }
.about_latte {
 width:860px;
 margin:20px 0 22px 23px;
 border:solid 1px #323232;
 }
.about_latte .houzai {
 float:left;
 padding:25px 45px 25px 80px;
 }
.about_latte p {
 width:575px;
 float:left;
 font-size:13px;
 line-height:1.3;
 padding:20px 0;
 }
.pageTop {
 text-align:right;
 margin:0 25px 18px 0;
 }

#ca_header .w910 {
 width:910px;
 margin:0 auto;
 padding-bottom:10px;
 }
#ca_header .w910 .search_area {
 margin-bottom:0;
 }
/*------------------▼フッター_1501g_tk---------------*/
#footer_tk {
 font-size:12px;
 text-align:center;
 }
#footer_tk a {
 color: #42210b;
 }
#footer_tk a:hover {
 color: #800000;
 }
#footer_tk ul {
 border-top:#a9a9a9 1px solid;
 border-bottom:#a9a9a9 1px solid;
 padding:10px 0;
 margin:10px 0 0;
 }
#footer_tk li {
 display:inline;
 }
#footer_tk .footer_cp {
 padding:6px 0 10px;
 }
/* clearfix
---------------------------------*/
.clearfix:after{
   content:".";
   display:block;
   height:0px;
   clear:both;
   visibility:hidden;
}
.clearfix{
   display:inline-block;
}
* html .clearfix{
   height:1px;
}
.clearfix{
   display:block;
}
/* default
---------------------------------*/
.invisible {
 display:none;
 }
.float-l {
 float:left;
}
.float-r {
 float:right;
}
.c_both {
 clear:both;
 }
.red {
  color:#F00;
  font-weight:bold;
}
.red_02 {
  color:#F00;
}
.red_03 {
  color:#F00;
  font-size:85%;
}
.relative {
 position:relative;
 }
.bold {
 font-weight:bold;
 }
.tx_center {
 text-align: center;
}
.tx_left {
 text-align: left;
}
.tx_right {
 text-align: right;
}

.ma0{
  margin:0 auto;
}
.mr10{
  margin-right:10px;
}
.mr15{
  margin-right:15px;
}
.mr20{
  margin-right:20px;
}
.mt5{
  margin-top:5px;
}
.mt10{
  margin-top:10px;
}
.mt15{
  margin-top:15px;
}
.mt20{
  margin-top:20px;
}
.mt30{
  margin-top:30px;
}
.mt40{
  margin-top:40px;
}
.mb10{
  margin-bottom:10px;
}
.mb15{
  margin-bottom:15px;
}
.mb20{
  margin-bottom:20px;
}
.mb25{
  margin-bottom:25px;
}
.mb30{
  margin-bottom:30px;
}
.mb35{
  margin-bottom:35px;
}
.mtb10 {
 margin-top:10px;
 margin-bottom:10px;
 }
.mtb20 {
 margin-top:20px;
 margin-bottom:20px;
 }
.mtb50 {
 margin-top:50px;
 margin-bottom:50px;
 }
.ml10 {
 margin-left:10px;
 }
.pt5{
padding-top:5px;
}
.pt10{
  padding-top:10px;
}
.pt15{
  padding-top:15px;
}
.pt20{
  padding-top:20px;
}
.pr10{
  padding-right:10px;
}
.pr15{
  padding-right:15px;
}
.pb10{
  padding-bottom: 10px;
}
.pb5{
  padding-bottom: 5px;
}
.pb15{
  padding-bottom:15px;
}
.pb20{
  padding-bottom: 20px;
}
.pb25{
  padding-bottom: 25px;
}
.pb30{
  padding-bottom: 30px;
}
.pl10{
  padding-left:10px;
}
.pl15{
  padding-left:15px;
}
.pl20{
  padding-left:20px;
}
.pl25{
  padding-left:25px;
}
.ptb5 {
 padding-top:5px;
 padding-bottom:5px;
 }
.ptb10 {
 padding-top:10px;
 padding-bottom:10px;
 }
.ptb15 {
 padding-top:15px;
 padding-bottom:15px;
 }
.plr10 {
 padding-left:10px;
 padding-right:10px;
 }
.p0 {
 padding:0 !important;
 }
.p10 {
 padding: 10px;
 }
.tx_ac{
  text-align:center;
}
.tx_al{
  text-align:left;
}
.tx_ar{
  text-align:right;
}

/*---------------------
定期便ボタン追加
----------------------*/
.mi_bt_teiki{
 width:300px; height:50px;
 float:right;
 margin: 0 98px 0 20px;
 background:url("can_tea_img/can_tea_bt_teiki_on.gif") no-repeat 0 0;
}

.mi_bt_teiki a:hover img ,
.btn_r_mini a:hover img ,
.mi_bt_teiki_mini a:hover img {  opacity: 0;  filter: alpha(opacity=0);}
.mi_bt_teiki input[type="image"]:hover ,
.btn_r_mini input[type="image"]:hover ,
.mi_bt_teiki_mini input[type="image"]:hover {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}
/*---------------------
紅茶大袋追加
----------------------*/
.tea_big{
 margin: 20px 0 0 0;
}
.can_tea_big_bg {
 background:url("can_tea_img/can_tea_big_cart_bg.gif") no-repeat left top;
 width:910px;
 height:102px;
}
.tea_big .btn_suryo {
 width:50px;
 margin:10px 8px 0 0;
 padding:0;
}
.can_tea_big_btn_area{
 float: right;
 margin: 0 63px 0 0;
 *margin: 0 30px 0 0;
}
.btn_suryo {
 width:50px;
 float:left;
 margin:10px 8px 0 0;
 padding:0 0 0 282px;
}
.btn_suryo p {
 padding:10px 0 5px;
}

/*大袋カート*/
.cart_btn_mini {
 background:url("can_tea_img/can_tea_big_btn_on.gif") no-repeat;
 width:328px;
 height:60px;
 float:left;
 margin: 13px 0 0 0;
}
.cart_btn_mini input:hover{
 width:328px;
 height:60px;
 -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 */
}


/*大袋定期便カート*/
.teiki_btn_mini {
 width:169px; height:60px;
 margin: 13px 0 0 10px;
 float: left;
 background:url("can_tea_img/can_tea_b_teiki_btn_on.gif") no-repeat 0 0;
}
.teiki_btn_mini a:hover img { opacity: 0;  filter: alpha(opacity=0);}
.teiki_btn_mini input[type="image"]:hover {
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "alpha(opacity=0)";
}

/*通常カート*/
#topCartArea .cart_btn_mini ,.CartArea .cart_btn_mini { margin: 8px 0 0 0;}
#topCartArea .teiki_btn_mini ,.CartArea .teiki_btn_mini { margin: 8px 0 0 10px;}


/*----------------------------
下カート　スタイル
-----------------------------*/
/*120袋*/
.uncart_tea120_cart_bg{
 width: 390px;height: 136px;
 margin: 0; padding: 0;
 float: left;
 background:url("can_tea_img/uncart_tea120_cart_bg.jpg");
 background-repeat:no-repeat;
}
/*ふんわり*/
.uncart_fw5_cartbg{
 width: 387px;height: 102px;
 margin: 0; padding: 0;
 float: left;
 background:url("can_tea_img/uncart_fw5_cartbg.jpg");
 background-repeat:no-repeat;
}

/*大袋*/
.uncart_teao_cartbg{
 width: 387px;height: 103px;
 margin: 0; padding:0;
 float: left;
 background:url("can_tea_img/uncart_teao_cartbg.jpg");
 background-repeat:no-repeat;
}


/*カート*/
.uncart_btn {
 background:url("can_tea_img/uncart_btn_on.gif") no-repeat;
 width:328px;
 height:60px;
 float:left;
}
/*紅茶ラテ120カートボタン*/
.uncart_tea120_cart_bg .uncart_btn{ margin: 10px 0 0 0;}
/*ふんわり５種カートボタン*/
.uncart_fw5_cartbg .uncart_btn{ margin: 15px 0 0 0;}
/*大袋カートボタン*/
.uncart_teao_cartbg .uncart_btn{ margin: 15px 0 0 0;}

.uncart_btn input:hover{
 width:278px; height: 55px;
 -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 */
}

/*数量*/
.uncart_suryo { width:50px; float:left;padding: 18px 0 0 5px;}
.uncart_suryo p { padding:0;}

/*定期便カート*/
.uncart_teiki {
 width:278px; height:38px;
 margin: 2px 0 0 55px;
 float: left;
 background:url("can_tea_img/uncart_teiki_btn_on.gif") no-repeat 0 0;
 }
.uncart_teiki a:hover img { opacity: 0;  filter: alpha(opacity=0);}
.uncart_teiki input[type="image"]:hover {  opacity: 0;  filter: alpha(opacity=0);  -ms-filter: "alpha(opacity=0)";}