/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */

/*------------------------------------------------
注意事項
--------------------------------------------------
このテンプレートは、「デザイン設定」-「共通テンプレート」
-「初心者モード」設定の【使用する画像の色設定】にて選択
した色番号によって、表示されるメニュー画像の色（ピンク系
・ブルー系）が変換されます。
変換される画像は、次のクラスの背景画像として指定しています。

body
.left
.left img
.right
.right img
#header
#header .home
#header .account
#header .contact
.info_title
.info
.info_bottom



--------------------------------------------------*/

body {
	color:#4D4D4D;
	background-color:#E3FFC8;
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/comn_topbg.jpg);
	font: 12px/150% "Verdana", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
	padding:0;
	background-repeat: repeat-x;
	}
* {
	margin: 0px;
	padding:0px;}

table {
	border:none;}

img {
	border:none;}

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

li {list-style-type:none;}

br.clear {
	clear:both;
	font:0/0 sans-serif;
	}
	
.border {
	/*background:url(http://img.shop-pro.jp/tmpl_img/15/border.gif) repeat-x;*/
	height:1px;
	margin:10px 0;
	}
.border img {
	width:1px; height:1px;}
	
	
/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- */

#wrapper {
	width:835px;
	margin: 0 auto;
	}

	
.left {
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/comn_backg_lf.gif); background-repeat:repeat-y; background-position:right ;
	}
.left img {
	width:13px;
	height:280px;
	}

.center {
	width:812px;
	background:#FFF;
	}

.right {
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/comn_backg_rt.gif); 
	background-repeat:repeat-y; background-position:left;
	}
.right img {
	/*width:10px;*/
	/*height:280px;*/
	}
	
	
#header {
	height:165px;
	}

#side {
	width:180px;
	float:left;
	padding-left:15px;
	margin-right:39px;
	clear:both;
	}
	
#main {
	width:554px;
	float:left;
	}
	
#feed { 
	background:#FFF;
	text-align:right;
	padding-top:15px;
	}
#feed img {
	margin:5px;
	width:57px;
	height:15px;
	}
	
#footer {
	text-align:center;
	font-size:15px;
	padding:20px 0 5px 0;
	background-color:#FFFFFF;
	border-top:4px solid;
	border-color:#666666;
	}
#footer .copyright{ margin-top:15px; font-size:12px;}
#footer strong{  color:#333; }

/* ------------------------------------- 
 *	リンクの色設定（初級モードで設定）
 * ------------------------------------- */

/*左サイドメニューのリンク文字色*/
a:link    {color: #FF3366; text-decoration: underline;}
a:visited {color: #FF3366; text-decoration: underline;}
a:active  {color: #FF3366; text-decoration: underline;}
a:hover   {color: #FF3366; text-decoration: none;}

/*ショップタイトルのリンク文字色*/
.logo a:link    {color: #4D4D4D; text-decoration: none;}
.logo a:visited {color: #4D4D4D; text-decoration: none;}
.logo a:active  {color: #4D4D4D; text-decoration: none;}
.logo a:hover   {color: #999; text-decoration: none;}

/*メインエリアのリンク文字色
#main a:link    {color: #0099FF; text-decoration: underline;}
#main a:visited {color: #0099FF; text-decoration: underline;}
#main a:active  {color: #0099FF; text-decoration: underline;}
#main a:hover   {color: #0099FF; text-decoration: none;}
*/

/*フッターのリンク文字色*/
#footer a:link    {color: #4D4D4D; text-decoration: underline;}
#footer a:visited {color: #4D4D4D; text-decoration: underline;}
#footer a:active  {color: #4D4D4D; text-decoration: underline;}
#footer a:hover   {color: #666; text-decoration: none;}




/* ************************************************ 
 *	ヘッダー
 * ************************************************ */
#header { width:812px; padding:0px; margin:0px;}


#header .menu {
	list-style-type:none;
	margin-top:12px;
	margin-left:45px;
	}
#header .menu li{
	float:left;
	padding-left:8px;
}



h1{ font-size:10px; text-align:right; font-weight:normal; margin-top:43px; padding-right:5px; margin-bottom:1px;}
.bloglink{font-size:11px; text-align:right; color:#999900; margin-top:0px;}

.search{
	margin-top:50px;
	text-align:right;

}
/*------------------------------------------*/
#header .hleft{
	float:left;
	width:426px;
	padding:0px;
	margin:0px;
	height:164px;
	border:0px;
}
#header .hright{
	width:386px;
	float:right;
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/comn_logo_02.jpg);
	/*background-position:left;*/
	background-repeat:no-repeat;
	height:164px;
	border:0px;
}


/* ************************************************ 
 *	サイドメニュー
 * ************************************************ */

.linktitle {
	width:180px;
	height:22px;
	margin-bottom:5px;
	}

.link {
	width:180px;
	margin-bottom:15px;
	}

.link li {
	margin-bottom:3px;
	padding-left: 15px;
	list-style-type: none;
	background: url(http://img.shop-pro.jp/tmpl_img/15/li.gif) no-repeat;
	background-position: 0px 6px;
	}
.link li img {
	}
/* ----------- カテゴリメニュ -----------------*/
 .mcategory{
	width:180px;
	margin-bottom:15px;
	
	border-left:1px solid; border-right:1px solid; border-bottom:1px solid; border-color:#999999;
	border-top:1px solid #CCCCCC;
	padding:0px 0px;
	/*background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/comn_pdmenu_backg.jpg);*/
	background-repeat:no-repeat;
	background-position:right;
}
 .mcategory li{
	/*margin-bottom:3px;*/
	padding:0px;
	font-size: 15px;
	margin:0px;
	border-bottom:1px dotted #999999;
	
	
	/*font-weight:bold;*/
}
.mcategory li a{display: block; text-decoration:none; padding:10px 5px 10px 35px; 
 background-repeat:no-repeat; 
 background-position:left;}


.mcategory li .menulink{ }
.mcategory li .mimg{ }


.mcategory a:link , .mcategory a:visited , .mcategory a:active {
	color:#003300;
	text-decoration:none;
	background-repeat:no-repeat; 
 background-position:left;
}
.mcategory li a:hover {color:#CC0000; 
text-decoration:underline; 
background-color:#E6E6E6;
background-repeat:no-repeat;
background-position:left;
text-decoration:none;
}


	
 /* ------ カートを見る、店長コーナー ------ */

.link_2 {
	width:180px;
	margin-bottom:15px;
	}
.link_2 .top
	{
	height: 27px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/linktitle_cart.gif) no-repeat;
	text-align: center;
	}
.link_2 .middle {
	background:url(http://img.shop-pro.jp/tmpl_img/15/link_2.gif) repeat-y;
	padding:5px 15px;
	border-top: 2px solid #DDDDDD;
	}
	
.link_2 .bottom {
	height:5px;
	}
.link_2 .bottom img {
	 width:180px;
	 height:5px;
	 }

.cart ul {
	padding:5px 15px;
	}
.cart li {
	background:none;
	padding:0;
	}

.owner_photo {
	display:block;
	margin:0px auto;
	}
	
	
 /* ------ メルマガ ------ */
.mailmaga {
	text-align:center;
	border-bottom:1px #9E9E9E solid;
	border-right:1px #9E9E9E solid;
	border-left:1px #9E9E9E solid;
	}

/* ------ バナー領域 ------ */

.banner{
	margin-bottom:10px;
}
/* ------ 支払い方法 --------*/

.paylogo{ margin-top:0xp; margin-left:120px}
.pay img{
	border:1px solid #666666;
}

/* ------ 携帯サイト --------*/

.mobilelogo{margin-top:10px; margin-bottom:0px; margin-left:115px}
.mobile{
	margin-top:0px;
	border:1px solid #666666;
	text-align:center;
	width:178px;
	padding-top:5px;
	padding-bottom::5px;
}
 /* ------ フリーページ --------------- */

.freepage{
	margin-bottom:15px;
}
.freepage li {
	margin-bottom:3px;
	border-bottom:1px dotted;
	border-color:#669900;
	border-left:6px solid #669900;
	padding:1px 0px 0px 8px;
	list-style-type:none;
	list-style-image:none;
	font-size:14px;
	margin-bottom:8px;
	font-weight:bold;
	/*list-style-position:none;*/
	}
	.freepage a:link    {color: #333333; text-decoration:none}
	.freepage a:visited {color: #333333; text-decoration:none}
	.freepage a:active  {color: #333333; text-decoration:none}
	.freepage a:hover   {color: #333333; text-decoration:underline}

.freepage_body{
	width:553px;
	background-color:#FFFFFF;
}
/* ------ 店舗紹介 -----   */

	.freepage_body .address{
		margin-left:25px;
		padding-bottom:10px;
	}
	.freepage_body .telno{
		font-size:150%;
		color:#333333;
	}
	.freepage_body .telno strong{
		color:#CC0000;
		font-size:110%;
	}
	.freepage_body .telno img{ vertical-align:baseline}
	
	.rshopimg{ margin:20px 0px; text-align:center;}
	
	.manager{
		width:540px;
		height:194px;
		background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/free01_tenchou01.jpg);
		background-repeat:no-repeat;
		margin-left:10px;
		font-size:12px;
	}
	.manager p{ padding:40px 10px 0px 230px;}

/* ------ 工場紹介 -----   */
.freepage_body .imgTB{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}
.freepage_body .imgTB img{
	border:1px solid #000000;
}
	.freepage_body .imgTB td{
		padding:10px 0px;
	}
	.prizewin{
		margin-top:20px;
	}
	 .pwimg{
	 	font-size:10px;
		text-align:center;
	 }
	 .pwtext{ padding-left:5px;}
	 .pwtext p{ text-indent:0.5em; margin-bottom:5px;}
	 .pwtext h3{margin-bottom:10px; padding-top:2px;}

/* ------------ お茶の淹れ方 --------------- */
#f04how2use{}
#f04how2use p{ margin:5px 0px;}
#f04how2use h3{ margin:10px 0px; text-indent:-1.2em; padding-left:25px; color:#CC0000; padding-top:2px; font-size:17px; line-height:1.2em;}
.htable{
	margin-bottom:15px;
	border:1px solid #CCCCCC;
}
.htable2{
	margin:0px 20px;
	border:4px dotted;
	border-color:#FF9900;
	padding:5px 10px;
}
#f04how2use table p{
	font-size:14px;
	padding-left:5px;
}
#f04how2use .td1, #f04how2use .td2{
	padding-top:5px;
	padding-bottom:5px;
	

}

/* ------------ 注文方法 --------------- */
#f05how2order{}
#f05how2order h3{
	background-color:#CC0000;
	color:#FFFFFF;
	margin:0px 0px 15px 0px;
	padding:6px 0px 2px 5px;
}
#f05how2order h4{
	border-bottom:1px solid;
	/*border-left:5px solid;*/
	border-color:#CC0066;
	padding:4px 0px 0px 1px;
	margin:20px 10px 10px 2px;
}
#f05how2order .indent1{
	margin-left:15px;
}
#f05how2order .odsample{
	width:200px;
	padding:7px;
	border:1px solid #999999;
	margin-left:20px;
	margin-bottom:10px;
}
#f05how2order .freetel{
	font-size:19px;
	font-weight:bold;
	color:#CC0000;
}
#f05how2order .freetel img{ margin-right:5px;}

/* ************************************************ 
 *	メイン
 * ************************************************ */
 
/* ------------------------------------- 
 *	各ページ共通
 * ------------------------------------- */
 
 /* ------ 角丸ボックス ------ */
 
.round_top {
	height:30px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/round_top.gif) no-repeat;
	}

.round_top .img1 {
	height:15px;
	margin-left:18px;
	}
	
.round_bg {
	background:url(http://img.shop-pro.jp/tmpl_img/15/round_bg.gif) repeat-y;
	text-align:left;
	}

	
.round_bottom{
	height:30px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/round_bottom.gif) no-repeat;
	}
	
/* ------ 角丸ボックス2 ------ */
 
.round_top2 {
	height:16px;
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/round_01.gif);
	background-repeat:no-repeat
	}

.round_top2 .img1 {
	height:15px;
	margin-left:18px;
	}
	
.round_bg2 {
	background-repeat: repeat-y;
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/round_03.gif);
	text-align:left;
	}

	
.round_bottom2{
	height:16px;
	background:url(http://img03.shop-pro.jp/PA01005/420/etc/round_05.gif);
	background-repeat: no-repeat;
	}

/* ----------- トップおすすめ商品 ---------- */
#recommendTB{ margin-top:10px;}
#recommendTB .td_bg{
	background-image:url(http://img03.shop-pro.jp/PA01005/420/etc/top_recd_tb0606_03.jpg);
	background-repeat:repeat-y;

}
#recommendTB .pdname{ font-size:14px; padding-top:3px;}
#recommendTB .price{font-size:14px; color:#FF0000;}
	#recommendTB a:link    {color: #333333; text-decoration:none}
	#recommendTB a:visited {color: #333333; text-decoration:none}
	#recommendTB a:active  {color: #333333; text-decoration:none}
	#recommendTB a:hover   {color: #333333; text-decoration:underline}


 /* ------ パンくずナビ等 ------ */
 
.pankuzu { margin-bottom:5px; font-size:11px;}

.sort { margin-bottom:10px;}
.pagenavi { text-align:center;}



/* ------------------------------------- 
 *	トップページ（Information、フリースペース）
 * ------------------------------------- */

.info_title{
	height:34px;
	/*background:url(http://img.shop-pro.jp/tmpl_img/15/c_1/info_title.gif) no-repeat;*/
	}
.info {
	/*background:url(http://img.shop-pro.jp/tmpl_img/15/c_1/info_border.gif) repeat-y;*/
	padding:15px 20px;
	}
.info_bottom{
	height:5px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/c_1/info_bottom.gif) no-repeat;
	}

.freepage_title{
	margin-left:10px;
}
.freespace {
	border:1px solid #CCC;
	padding:5px 10px 5px 10px;
	margin:5px 20px 5px 20px;
	height:4em;
	overflow-y:scroll;
	}
	
/* ------------------------------------- 
 *	商品リスト（4列表示）
 * ------------------------------------- */

.item_box {
	float:left;
	width:100px;
	padding:10px 18px 0px 18px;
	text-align:center;
	}
	
.item_box img{
	border:1px solid #999999;
	display:block;
	}
	
	
/* ------------------------------------- 
 *	商品リスト（縦1列表示）
 * ------------------------------------- */

.item_box2 {
	width:140px;
	padding:0px 10px 10px 10px;
	margin-bottom:2px;
	text-align:center;
	
	}
	
.item_box2 img{
	border:1px solid #999999;
	text-align:center;
	}

/* ------------------------------------- 
 *	商品一覧
 * ------------------------------------- */
/*
.item_cat {width:100%;}
.item_cat .thumnail {
	background:url(http://img.shop-pro.jp/tmpl_img/15/cat_border.gif) repeat-y;
	background-position:right;
	margin-right:10px;
	}
.item_cat .thumnail img {
	border:1px solid #999999;
	margin-right:20px;
	}
.item_cat .expl {padding:0px 20px;}
.item_cat .expl .name { width:260px; height:30px; font-size:14px; font-weight:bold;}

	.item_cat .expl .name a:link{color: #333333; text-decoration: none;}
	.item_cat .expl .name a:visited{color: #333333; text-decoration: none;}
	.item_cat .expl .name a:active{color: #333333; text-decoration: none;}
	.item_cat .expl .name a:hover{color: #FF3366; text-decoration: underline;}

.item_cat .expl .price { height:30px; color:#FF0000; font-weight:bold;}
.cate_name{
	margin-left:15px;
	margin-top:2px;
}
.cate_name h2{
	color:#660000;
	font-size:17px;
	}
.cate_name img{ vertical-align:middle;}
*/


.cate_name{
	margin-left:15px;
	margin-top:2px;
}
.cate_name h2{
	color:#660000;
	font-size:17px;
	/*padding:8px 0px 3px 20px;*/
	}
.cate_name img{ vertical-align:middle;}


/*-------------------*/


.item_cat {
	margin-bottom:5px;
	margin-top:5px;
}
.iborder{ margin:5px 0px; border-style:dotted; color:#CCC;}



.item_cat .thumnail {}
.item_cat .thumnail img {
	border:1px solid #999999;

	}
.item_cat .expl {
	 padding:0px 8px 0px 5px;
	}
.item_cat .name { 
	font-size:14px; 
	font-weight:bold;
	margin-bottom:15px;
	
	border-top:1px solid #999;
	border-left:4px solid #CC0000;
	
	border-bottom:1px solid #999;

	background-color:#EEE;
	padding-left:5px;
	padding-top:1px;
	
}

	.item_cat  .name a:link{color: #333333; text-decoration: none;}
	.item_cat  .name a:visited{color: #660000; text-decoration: none;}
	.item_cat  .name a:active{color: #660000; text-decoration: none;}
	.item_cat  .name a:hover{color: #FF3366; text-decoration: none;}


.item_cat  .price {  color:#FF0000; font-weight:bold; text-align:center; margin-bottom:20px; font-size:13px;}


/* 新茶マーク */

.firsttea{
	margin:10px 0px;

}
.firsttea span{
	color:#669900;
	border:1px solid;
	padding:2px 2px 1px 2px;
	vertical-align:baseline;
}

/* ------------------------------------- 
 *	商品詳細ページ
 * ------------------------------------- */

/*商品画像（画像周囲の飾り枠）*/
.main_img {
	padding:3px 3px 10px 3px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/main_img.gif);
	}

/*商品名*/
.detail_name {
	font-size:120%;
	font-weight:bolder;
	padding:0px 0px 5px 0px;
	}

/*商品販売価格*/
.detail_price {
	font-size:120%;
	padding:0px 0px 10px 0px;
	color:#CC0033;
	border-bottom:1px dotted #CCC;
	}

/*商品説明テキスト*/
.detail_expl {
	border-top:1px dotted #CCC;
	border-bottom:1px dotted #CCC;
	padding:10px 0px 10px 0px;
	}

/*価格詳細表*/
.spec  {
	font-size:12px;
	margin:10px 0px 0px 0px;
	}
.spec td {
	height:20px;
	padding-right:10px;
	}
.sub_imgHR{
	border-top:1px dotted #CCC;
	color:#FFFFFF;
}
.sub_img {
	float:left;
	width:200px;
	margin-right:5px; 
	}
.sub_img .thumnail {
	width:100px;
	border:1px dotted #999999;
	display:block;
	margin-bottom:3px;
	}
.zoom {width:32px;height:7px;border:none;}

.etc {
	width:195px;
	}
.etc_btn {
	/*width:195px;*/
	/*height:23px;*/
	/*display:block;*/
	margin-bottom:5px;
	margin-top:5px;
	}
.etc_btn img{display:block; padding-bottom:1px;}
.detail_title {
	width:529px;
	height:20px;
	margin-bottom:5px;
	}


/* ------------------------------------- 
 *	こんな商品も買ってます
 * ------------------------------------- */

.together {
	width:169px;
	float:left;
	margin:0px 0px 20px 3px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/together.gif) repeat-y;
	}
.together .top {
	height:12px;
	width:169px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/together_top.gif) no-repeat;
	}
.together .middle {
	text-align:center;
	width:149px;
	padding:3px 10px;
	}
.together .bottom {
	height:12px;
	width:169px;
	background:url(http://img.shop-pro.jp/tmpl_img/15/together_bottom.gif) no-repeat;
	background-color:#fff;
	}
.together .middle img{
	border:1px solid #999999;
	display:block;
	margin:0px auto;
	}



/* ------------------------------------- 
 *	トラックバック
 * ------------------------------------- */

/*トラックバックURL*/
.tb_url{
	font-size:12px;
	font-weight:bolder;
	color:#FF3366;
	margin-bottom:20px;
	}

/*トラックバックの枠*/
.tb{
	border:1px #DDDDDD solid;
	margin-bottom:20px;
	width:529px;
	}

/*トラックバックの日付*/
.tb_date {
	color:#333;
	background:#EAEAEA;
	padding:5px 10px;
	border-bottom:1px #DDDDDD solid;
	}

/*記事名・ブログ名*/
.tb_title {
	color: #FF3366;
	background:#F4F4F4;
	padding:10px;
	}
.tb_body {
	padding:10px;
	border-top:1px #DDDDDD solid;
	border-bottom:1px #DDDDDD solid;
	}




/* ------------------------------------- 
 *	特定商取引（SK）
 * ------------------------------------- */

.sk_title {
	font-size:120%;
	color:#339999;
	font-weight:bolder;
	text-align:center;
	}

#sk_shop { background-color:#666666;}
#sk_shop th {
	text-align:left;
	font-weight:normal;
	color:#333333;
	padding:3px 10px 3px 0px;
	background-color:#E0E0E0;
	padding:5px;
	}

#sk_shop td {
	padding:3px 10px 3px 0px;
	background-color:#FFFFFF;
	padding:5px;
	}

/*お支払い方法・配送方法の罫線の色*/
.sk {
	width:515px;
	background:#FFF;
	border:1px #999 solid;
	margin-top:10px;
	}

.sk .title {
	font-size:120%;
	font-weight:bolder;
	padding:10px;
	}

.sk .title img {
	margin:3px;
}

.sk .note {
	padding:10px;
	border-top:1px #999 dotted;
	}

.payment_img {
	width:30px;
	height:30px;
	margin:3px;
}



/* ------------------------------------- 
 *	商品検索結果
 * ------------------------------------- */
.srh {
	margin-bottom:30px;
	}
.srh_hit {
	font-size:120%;
	line-height:170%;
	border-bottom:3px #FF6699 dotted;
	}

/* ------------------------------------- 
 *	オプション
 * ------------------------------------- */

.option_title {
	font-size:120%;
	font-weight:bolder;
	text-align:center;
	color:#FFF;
	margin-top:30px;
	}
.option {
	margin:20px auto;
	background:#666666;
	}

.option .cell1 {
	color:#666666;
	background:#DDDDDD;
	padding:3px;
	}

.option .cell2 {
	background:#FFF;
	padding:3px;
	}

.option_btn {
	margin-bottom:10px 0px;
	text-align:center;
	}

/* ------------------------------------- 
 *	プライバシーポリシー
 * ------------------------------------- */

.privacy_title {
	font-size:120%;
	font-weight:bolder;
	background:#FFF;
	padding:5px;
	margin-top:20px;
	}

.privacy_note {
	padding:10px;
	}
 
 /*--------------------- 母の日 ------------------*/
 
.h514_ftable {
	border:1px dotted; 
	border-color:#666699;
}
.h514_ftable .td02{ padding-left:10px; padding-right:10px;}
.h514_ftable h4{ font-size:16px; color:#FF0066}
.h514_ftable .fword{ color:#990000}