@charset "UTF-8";

/*

theme.css

*/
/* ---------- 夏煎茶 ---------------------------------------- */

.cl-lb{
	color:#1999d8;64b5b9
}

.cl-lb2{
	color:#134793;
}

.cl-r{
	color:#F00;
}

/* ---------- メイン ---------------------------------------- */


.on-main{
   width:300px;

}

.fm{
	font-family: "ヒラギノ明朝", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho",  serif;
}


.ns a:link		{ color: #1898d5; text-decoration: none; }
.ns a:visited	{ color: #1898d5; text-decoration: none; }
.ns a:hover		{ color: #1898d5; text-decoration: underline; }
.ns a:active	{ color: #1898d5; text-decoration: none; } 


/* ---------- インデックス色線枠 ---------------------------------------- */

.on-sub-tb-line{
	border:solid 1px #daf3ff;
}

.on-sub-tb-fr li a{
    background:url(../../img/product/natsusencha-img/ic-r.jpg) center left no-repeat;
    list-style:none;
    padding-left: 10px;
	padding-bottom:3px;
	font-size:11px;
	color:#1898d7;
}

.on-sub-tb-f{
  font-size:13px;
  line-height:17px;
  padding-left:6px;
  padding-right:6px;
  overflow:hidden;
  line-height:1.3em;
}


.on-sub-tb-ph{
    padding-top:6px;
    padding-bottom:6px;
    padding-left:6px;
}

.on-sub-tb-fr{
   float:left;
   color:#1898d7;
   padding-top:20px;
   padding-left:6px;
   padding-bottom:6px;
}

.on-sub-tb-f2{
   font-size:13px;
   color:#FFF;
   line-height:16px;
  padding-left:6px;
  padding-right:6px;
  height:85px;
  overflow:hidden;
}

.on-sub-tb-ph{
    padding-top:6px;
    padding-bottom:6px;
    padding-right:6px;
}

/* ---------- 商品並び ---------------------------------------- */

.on-item-pb{
	 width:195px;
	 padding-bottom:30px;
	 font-size:12px;
	 float:left;
	 margin-right:30px;
	 padding-top:10px;
}


.on-item-fb{
	 font-size:13px;
	 color:#558A48;
	 font-weight:bold;
	 padding-top:5px;
	 float:left;
	 width:190px;
}

.on-item-f{
	 font-size:11px;
	 line-height:14px;
	 margin-top:5px;
	 float:left;
	 width:190px;
	 height:12px;
}

.on-item-f2{
	 font-size:11px;
	 line-height:14px;
	 margin-top:5px;
	 float:left;
	 width:100px;
	 height:12px;
}


.on-item-btn {
}


.on-item-btn li {	/* リスト項目 */
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
    float:right;
	margin-top:5px;
}

.on-item-btn li a {
	display:block;
}

.on-item-btn li a.btn01 {
	background:url(../../img/base/btn-on03.jpg) no-repeat top left;
	width:43px;
    height:17px;
}

.on-item-btn li a:hover.btn01{
    background-position:0px -17px;
}


/* ---------- 色アミ枠 ---------------------------------------- */



.i-box a:link		{ color: #1898d5; text-decoration: underline; }
.i-box a:visited	{ color: #1898d5; text-decoration: underline; }
.i-box a:hover		{ color: #1898d5; text-decoration: underline; }
.i-box a:active		{ color: #1898d5; text-decoration: underline; } 

.i-box{
   width:680px;
   padding-top:10px;
   padding-bottom:5px;
}


.i-box-tb{
   background:url(../../img/product/natsusencha-img/1-box-bg.jpg) top left repeat-y;
   height:auto;
   overflow:hidden;
   padding:0px 15px 5px 15px;
}


.i-box ul {	/* リストブロック */
	margin-bottom:13px;
}

.i-box li {	/* リスト項目 */
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
}

.i-box li a {
	display:block;
}

.i-box li a.btn {
	background:url(../../img/product/natsusencha-img/btn-konyu.jpg) no-repeat top left;
	width:139px;
    height:41px;
}

.i-box li a:hover.btn{
    background-position:0px -41px;
}

/* ---------- 商品詳細かご色アミ部分---------------------------------------- */

.pd-cart{
	float:right;
	overflow:hidden;
	width:311px;
}

.pd-cart-bg img {
	display:block;
	margin:0; padding:0;
}

.pd-cart-bg{
   background:url(../../img/product/natsusencha-img/2-box-bg.jpg) top left repeat-y;
   width:311px;
   height:auto;
   overflow:hidden;
}


.pd-cart-fb{
	font-size:15px;
	line-height:1.3em;
	font-weight:bold;
	color:#1999d8;
	padding-bottom:5px;
	
}

.pd-cart-f{
	font-size:13px;
	line-height:1.5em;
	padding-left:10px;
}

.pd-cart-form{
	padding-top:10px;
	padding-left:10px;
	width:300px;
}


/* ---------- なんとかセット---------------------------------------- */

.set-box{
   width:680px;
   padding-top:20px;
}


.set-box-bg{
   background:url(../../img/product/natsusencha-img/1-box-bg.jpg) top left repeat-y;
   height:auto;
   overflow:hidden;
}


.set-box-form{
	padding-top:10px;
	padding-bottom:10px;
	font-size:13px;
}


.voice-ph{
	padding-top:5px;
	padding-bottom:15px;
	padding-left:70px;
}

/* ---------- ギフトセット---------------------------------------- */

.gift-cart{
	float:right;
	overflow:hidden;
	width:390px;
}


.gift-cart-bg img {
 display:block;
 margin:0; padding:0;
}

.gift-cart-bg{
   background:url(../../img/product/natsusencha-img/8-box-bg.jpg) top left repeat-y;
   width:390px;
   height:auto;
   overflow:hidden;
}

.gift-cart-form{
	padding-top:10px;
	padding-left:10px;
	width:380px;
}




/* ---------- story ---------------------------------------- */

.s-md1{
	margin-bottom:10px;
}

.s-md2{
	margin-bottom:10px;
	padding-top:20px;
	font-size:16px;
	font-weight:bold;
	color:#606060;
	font-family:"ヒラギノ明朝 Pro W6","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif
}


.story ul {	/* リストブロック */
	padding-top:30px;
	padding-bottom:30px;
	width:200px;
	padding-left:240px;
}

.story li {	/* リスト項目 */
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
}

.story li a {
	display:block;
}

.story li a.btn1 {
	background:url(../../img/product/yutakamidori-img/9-btn1.jpg) no-repeat top left;
	width:200px;
    height:42px;
}

.story li a:hover.btn1{
    background-position:0px -42px;
}


.story li a.btn2 {
	background:url(../../img/product/yutakamidori-img/9-2-btn.jpg) no-repeat top left;
	width:200px;
    height:42px;
}

.story li a:hover.btn2{
    background-position:0px -42px;
}


.s-md3{
	font-size:15px;
	font-weight:bold;
	color:#606060;
}

.s-md5{
	font-size:13px;
	font-weight:bold;
	padding-top:7px;
}



.s-md4{
	margin-top:13px;
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
	color:#c30d23;
}






/* ---------- 淹れ方 ---------------------------------------- */

.irk-b{
	padding-bottom:5px;
	overflow:hidden;
}

.s-ph-l{
 	 padding-bottom:5px;
 	 padding-right:10px;
	 float:left;
}

.s-ph-r{
 	 padding-bottom:5px;
 	 padding-left:10px;
	 float:right;
}

/* ---------- product ---------------------------------------- */

.p-md01{
	margin-bottom:10px;
}

.p-md02{
	margin-top:30px;
	margin-bottom:5px;
}

.p-text{
	text-align:left
}

.p-photo{
	text-align:center;
	margin:30px 0px 0px 0px
}

.p-cart{
	text-align:center;
	width:600px;
	background-color:#F6F6F6;
	margin-top:20px;
	margin-left:35px;
	margin-right:35px;
	margin-bottom:30px;
	padding:10px 10px 10px 10px;
	border:solid 1px #79482a;

}



#p-gocart {	/* 決定ボタン */
	width:121px;
	margin-left:294px;
}

#p-gocart ul {
	margin:30px 0px 0px 0px;
}

#p-gocart li {	
	display:inline;
	text-indent:-9999px;
	overflow:hidden;
}

#p-gocart li a {
	display:block;
}


#p-gocart li a.p-gocart {
	background:url(../../img/product/yutakamidori-img/btn-kotohogi-gocart.jpg) no-repeat top left;
	width:121px;
	height:35px;
}

#p-gocart li a:hover.p-gocart{
    background-position:0px -36px;
}


.p-photo  a:link		{ color: #5D5D5D;; text-decoration: none; }
.p-photo  a:visited	{ color: #5D5D5D;; text-decoration: none; }
.p-photo  a:hover	    { color: #b61026; text-decoration:underline; }
.p-photo  a:active	{ color: #5D5D5D;; text-decoration: none; }