body{
	font-family:"ＭＳ Ｐゴシック", Osaka,monospace;
	margin:0px auto;
	padding: 0px;
	font-size: 84%;
	line-height:135%;
	color:#444444;
	text-align:center;
	background:#ffece6;

}

table{ /* 基本テーブル設定（固定）*/
	border: 0px none;
	margin:0px;
	padding:0px;
	text-align:left;
	border-collapse: collapse;
	position:relative;
	clear:both;
}



th {border: 0px none;margin:0px;padding:0px;border-collapse: collapse;vertical-align:top;}

td {border: 0px none;margin:0px;padding:0px;border-collapse: collapse;vertical-align:top;}

th {white-space:nowrap;} 

h1,h2,h3,h4 { /* 基本タイトル（固定）*/
	padding: 0px; 
	margin: 0px; 
	font-size: 100%;
	text-align:left;
}

a{ /* 基本のリンク （固定）*/
	color: #444444; text-decoration: underline}
a:hover {
	color: #FF6D00; text-decoration: none}

ul{ /* 基本のリスト （固定）*/
	list-style-type: square; }

ul ul{	list-style-type: none;}

img{ border:0px;}/* イメージボーダー指定 */

form {	padding: 0px; display: inline;}

p{ line-height:150%; margin:5px 0px;padding:2px 0px;}

.clear_both { /* 画像の周り込み解除 */
	cleftlear: both; 
	font-size: 1px; 
	visibility: hidden; 
	overflow: hidden; 
	height: 1px; 
	text-align: center
}

.button1{ /* inputボタン設定 */
	color: #ffffff;
	background: #ff8a1f;
	border: 1px solid #896023;
	border-top-color: #896023;
	border-right-color: #896023;
	border-bottom-color: #896023;
	border-left-color: #896023;
	font-weight:normal;
}

.text1 {border:1px solid #CCCCCC;}/* テキストエリアデザイン設定 */

.caution{ font-weight:bold; color:#FF0000;}/* エラーメッセージ */

.no2{font-size: 12px;
	line-height:120% !important;
} /* フォントズーム */

.strong{ font-weight:bold;}/* フォントボールド */

.red{color: #CC0000;} /* フォント赤 */
.orange{color: #FF9900;} /* フォントオレンジ */
.blue{color: #0000FF;} /* フォント青 */
.green{color: #006600;} /* フォント緑 */
.glay{color: #666666;} /* フォントグレー */

.item img{/* 商品画像枠  */ 
	height: auto;
	padding: 5px;
	margin: 0px;
	top: 0px;
	background: #FFFFFF;
	text-align:center;
}

.spacebox{/* スペース設定  */ 
	height: 50px;
}

/********************************************************************/
/* 大枠テーブル（固定） */
#container {
	width: 900px;
	text-align:left;
	margin: 0 auto;
	_overflow: hidden; 
	background: #fff url("http://www.tea-story.com/hpgen/HPB/img/base_bak.jpg") no-repeat ;

}

/* マイページ、ポップアップ画面 */
#enter {
	width: 100%;
	text-align:left;
	background: /* url(../img/enter.gif) */ #fff;
	/*border:1px solid #B6A081;*/
}

/* ヘッダー */
#header{
        background-position: ; 
	width: 326px;
	height:262px;
	float:left;
	background: url("http://www.tea-story.com/hpgen/HPB/img/head.jpg") no-repeat ;
}

#header h1 {
	display:none;
}

#header h2 {
	display:none;
}

.shoplogo{ /* サイトロゴブロック（設定の場合） */
	padding: 0px; 
	margin: 0px;
	width:326px;
	height:262px;
}




.siteName { /* サイト名 h1 （テキスト） */
	margin: 10px 0px 0px 0px;
/*	padding:8px 5px 0px 658px;*/
	padding:8px 5px 0px 0px;
	font-size:110%;
	text-align: right;
}
.siteName a { color: #4c4c4c;text-decoration: none;}
.siteName a:hover { color: #4c4c4c;text-decoration: underline;}


.sitecopy{ /* サイトコピー h2 （ロゴがテキストの場合使用）*/
/*	padding:1px 5px 0px 465px;*/
	padding:1px 5px 0px 0px;
	margin: 0px; 
	color: #4c4c4c;
	font-weight:thin;
	text-align: right;
}

.sitecopy a {color: #4c4c4c;text-decoration: none;}
.sitecopy a:hover {color: #4c4c4c;text-decoration: underline;}


/* ヘッダーメニュー */
#headMenu {
	width: 574px;
	height: 262px;
	float:left;
	_float:right;
	background: url("http://www.tea-story.com/hpgen/HPB/img/site_menu_bak.jpg") no-repeat ;
}
*+html #headMenu {
	float:right;
}
.headnavi { /* ヘッダーメニューテキスト */
	padding: 5px 15px 0px 20px;
	color: #FFFFFF;
	font-weight:normal;
	text-align:right;
}

.headnavi a{color: #FFFFFF;text-decoration: none;}
.headnavi a:hover {color: #FFFFFF;text-decoration: underline;}

.navi01 {/* ヘッダーメニューアイコン */
	background-position: left center;
	background-repeat: no-repeat;
	height: 20px;
	/* background: url(../img/navi01.gif) ; */
}

/* ヘッダー下装飾ライン */
.hline {border: 2px solid #433cla;
	background: url(../img/hline.gif) no-repeat #B6A081;
}

/********************************************************************/

#leftSide { /* 左サイドtd */
	width: 210px;
	padding: 0 0 0 10px;
	margin: 0px;
	background: #ffffff;
	vertical-align: top;
	background: #ffffff url("http://www.tea-story.com/hpgen/HPB/img/left_side_bak.jpg") no-repeat ;
}

#rightSide { /* 右サイドtd （3列）*/
	width: 170px;
	padding: 0px;
	margin: 0px;
	background: #e9e3e2;
	vertical-align: top;
display:none;/* あとで消すべし！！！*/
	/* background: url(../img/rightside.gif) ; */
}

#rightSide { /* 右サイドtd （3列 ブログ）*/
	width: 170px;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	/* background: url(../img/rightside2.gif) ; */
}

#center1 { /* センター td （2列）*/
	width: 667px;
	padding: 0 0 0 9px;
	_padding: 0 0 0 3px;
	margin: 0px;
	vertical-align: top;
	/* background: url(../img/center1.gif) ; */
}

#center2 { /* センターtd （3列）*/
	width: 667px;
	padding: 0px; 
	margin: 0px;
	vertical-align: top;
	/*background:#FFFFFF;*/
	/* background: url(../img/center2.gif) ; */
}

#center3 { /* センターtd （装飾用）*/
	vertical-align: top;	
	background: #FFFFFF;
	width:100%;
	padding:0 0 10px 0;
	background: url("http://www.tea-story.com/hpgen/HPB/img/center3_btm.gif") 1px bottom no-repeat ;
}

#center3 .mainCont p {
	padding:0 10px
}

#center3 table {
	margin:0 auto;
}


.header_area { /* ヘッダのフリーエリア */
	text-align: left;
	padding:0px;
}

.header_area a {
	display:none;
}

.footer_area { /* フッタのフリーエリア */
	text-align: left;
	/*width:680px;*/
	margin:0px 5px 0px 5px;
	padding:0px;
	clear:both;
}
.footer_area p{
	text-align: center;
}
.sidebox { /* サイド用ブロック（幅設定） */

	padding: 1px 1px 1px 1px;
	margin: 10px 0 0 0;
	/* background: url(../img/sidebox.gif) ; */
}

.centerbox { /* センター用ブロック（幅設定） */
	width: 660px;
	margin: 0px;
	background: url("http://www.tea-story.com/hpgen/HPB/img/centerbox_bak.gif") left top repeat-y ;
	overflow:hidden; /*090428追記*/
}


.center{ text-align:center; background:none !important; margin:0 20px 0 10px;} /* センター */
.right{ text-align:right;} /* 左 */
.left{ text-align:left;} /* 右 */
.middle{ vertical-align:middle;}/* テキスト縦中央 */
.buttom{ vertical-align:buttom;}/* テキスト縦下 */
.float_right{ float:right;}
.float_left{ float:left;}

/********************************************************************/
/* 基本商品テキスト設定 */

.price{ /* 商品価格 */
	font-size:110%
	float:left;
        /*clear:both;*/
	color: #ff0000;
	text-align:left;
}
.price.zoom{ /* 商品価格 （商品詳細） */
	font-size: 125%;
                font-weight:bold;
}
.expl{ /* 商品説明文 */
	text-align: left;
	color:#333333;
}
.expl a{color:#333333;	text-decoration:none;}
.expl a:hover{color:#333333;text-decoration:underline;}

.fixed{ /* 商品定価 */
	color: #333333;
	text-align:left;
}

h2.goods /* 商品名 （商品一覧）*/
a{color:#d3381c; text-decoration:none;font-weight:normal;text-decoration:underline;}
a:hover{color:#d3381c;text-decoration:underline;}

h2.goods img {
	margin:5px 0;
	vertical-align: middle;
}


	
/********************************************************************/
/*センターコンテンツ  */
.topIMG { /* トップイメージ 外枠設定 */
	margin: 0px ;
	padding:0px;
}

.topIMG td{
	margin: 0px;
	padding:0px;
}

.shopCopy { /* サイト説明 */
	margin: 0px;
	padding: 3px 10px 3px 10px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
	background:#6f5a28;
	/*url(../img/shopcopyback.gif) repeat ;*/
}

/* タイトルデザイン */

.free_title { /* タイトル1 h3 */
	padding: 8px 0px 0px 25px;
	margin: 0px;
	color: #954646;
	width: auto;
	height:22px;
	background: url(../img/title_bar01.gif) repeat; 
	line-height:100%;
	vertical-align:middle;
}

#leftSide .title1{ /* 左カラム h3 */
	width:183px;
	heigh:23px;
	padding: 13px 0px 0px 27px;
	margin: 0px;
	color: #555138;
	width: auto;
	height:22px;
	background: url("http://www.tea-story.com/hpgen/HPB/img/ls_title1_bak.gif") no-repeat ;
	line-height:100%;
	vertical-align:middle;
}

#leftSide .title1 a{
	color:#555138;
	text-decoration:none;
}

#leftSide .title1 a:hover{
	color:#cccccc;
	text-decoration:underline;
}

.centerbox .title1{ /* タイトル1 h3 */
	padding: 7px 0px 0px 30px;
	margin: 0 0 10px 7px;
	_margin: 0 0 10px 7px;
	color: #ffffff;
	width: 615px;
	height:19px;
	background: url("http://www.tea-story.com/hpgen/HPB/img/title1_bak.gif") no-repeat ;
	line-height:100%;
	vertical-align:middle;
}

.mainFrame .layoutFrame .title1{ /* タイトル1 h3 */
	padding: 7px 0px 0px 30px;
	margin: 0 0 10px -2px !important;
	color: #ffffff;
	width: 615px;
	height:19px;
	background: url("http://www.tea-story.com/hpgen/HPB/img/title1_bak.gif") no-repeat ;
	line-height:100%;
	vertical-align:middle;
}

.title1 a{color:#954646;text-decoration:none;}
.title1 a:hover{color:#cccccc;text-decoration:underline;}

.title2{ /* タイトル2 h3 */
	padding: 8px 0px 0px 25px;
	margin: 0px;
	width: auto;
	color:#ffffff;
	height:22px;
	background: url(../img/title_bar02.gif) repeat;
	line-height:100%;
	vertical-align:middle;
}
.title2 a{color:#ffffff;text-decoration:none;}
.title2 a:hover{color:#cccccc;text-decoration:underline;}

.title3{ /* タイトル3 h3 */
        padding: 8px 0px 0px 25px;



        margin: 0px;
        width: auto;
        color:#ffffff;
        height:22px;
        background: url(../img/title_bar02.gif) repeat;
        line-height:100%;
        vertical-align:middle;
}

.rank{/* ランキングアイコン */
        text-align: left;
}

.mainCont { /* メインコンテンツ */
	width: 667px
	padding: 0px; 
	margin: 0px; 
}

.contbox { /* メインコンテンツ内項目ボックス*/
	padding: 10px 0px; 
	margin: 0px; 
	width: auto; 
}

li.p3{padding: 3px;}

.free_list{ /* リスト設定 */
        padding: 5px 10px;
        margin:0px;
}

ul.list{ /* リスト設定 */
	text-align: left;
	padding: 5px 10px;
	margin:0px;
	list-style:square;
	color: #F59300;
}

ul.map{ /* サイトマップリスト設定 */
	text-align: left;
	padding: 0px 20px;
	margin:0px;
	color: #D02B14;
}
li.sm1 { margin: 6px ; display: block;}
li.sm2 { margin: 0px 0px 0px -35px; display: block;}

.sitemap{ /* サイトマップリスト 項目タイトルh4*/
	padding: 5px 25px;
	color: #D02B14;
	background: url(../img/icon_sitemap.gif) no-repeat ;
	background-position: left center;
}


/* テーブル余白設定  （固定） */
.layoutp5  { padding:5px 0px;}/* 余白5px */
.layoutp5 th { padding:5px;}
.layoutp5 td { padding:5px;}
.layoutp5 .border { border:1px solid #CCCCCC;}

.layoutp3  { 
	background: #ffeded;
	text-align: left;
	/*border-bottom:1px solid #e1cbcb;*/
	padding:5px 10px 0px 10px;}/* 余白3px */
}

.layoutp3 table h2  { 
	background: #fcd7d7;
	padding: 5px ;
}


.layoutp3 table td {
	vertical-align: middle;
}

.layoutp3 th { padding:3px;}
.layoutp3 td { padding:3px;}
.layoutp3 .border { border:1px solid #999999;}

.bordlayoutp3  { padding:5px 0px;}/* ボーダーテーブル(余白3px) */
.bordlayoutp3 th { padding:3px;border:1px solid #999999;}
.bordlayoutp3 td { padding:3px;border:1px solid #999999;}
.bordlayoutp3 .side { padding:10px 15px;}/* 横余白10px */

.backcolor1 { background:#B6A081;} /* テーブル内カラー切り替え（タイトル部分） */
.backcolor2 { background:#FFFFFF; vertical-align:middle} /* コンテンツ内 */
.backcolor3 { background:#E0E0C2;padding:10px 0px;} /* カート部分 */


/* 商品レイアウト（トップページセンター、商品一覧用）*/

.layoutFrame{/* 大枠 table */
	margin: 10px 0px 0px 0px;
	padding: 0 0 0 10px;
	width: 635px;
}

.mainFrame .layoutFrame { /* 大枠 table関連商品 */
	margin: 10px 0px 0px 0px;
	padding: 0 !important;
	width: 635px;
}



.layoutFrame td{
	text-align: center;
	margin: 0px;
	padding: 1px;
	vertical-align:top;
}

.layout1{ /* レイアウト */
	margin: 0 0 10px 0;
	padding: 10px;
	background: #ffeded url("http://www.tea-story.com/hpgen/HPB/img/list_bak.gif") left bottom no-repeat ;
}

.layout1 td{
	margin: 0px;
	padding: 3px;
	text-align: center;
}

.mainFrame .layout1{ /* レイアウト関連商品 */
	margin: 0 0 10px 0;
	padding: 0px !important;
	background: #ffeded;
}



/* 第二階層 */

#bread{ /* パンクズ */
	margin: 0px;
	padding:5px 10px;
	color: #000000;
	text-align:left;
	background: url("http://www.tea-story.com/hpgen/HPB/img/list_bak_top.gif") 1px top no-repeat ;
}
#bread a { color: #000000; }

h4.title{
	margin: 5px 0px; 	
	padding: 2px 0px;
	color: #D02B14;
	border-bottom:1px solid;
}

.mainFrame{ /* メイン大枠 */
	width:635px;
	margin: 0 5px;
	padding: 5px;
}

.mainFrame p { /* メイン大枠 */
	background:#ffeded;
	margin: 0 0 0 0 !important;
	padding: 5px 10px !important;
}

.mainFrame p img {
	margin: 0 auto 10px 0 ;
	clear:both;
}

p.title	{ margin: 3px 0px; 	
	padding: 2px 0px;
	color: #669933;
	border-bottom:1px dotted;
	font-weight:bold;
}
/* メールマガジンアイコン設定 */
.mailmag_ent{ /* 新規登録 h4 */
	padding: 12px 0px 0px 60px;
	background: url(../img/icon_mailmag_ent.gif) no-repeat;
}

.mailmag_cha{ /* アドレス変更 h4 */
	padding: 12px 0px 0px 60px;
	background: url(../img/icon_mailmag_cha.gif) no-repeat;
}

.mailmag_can{ /* 配信解除 h4 */
	padding: 12px 0px 0px 60px;
	background: url(../img/icon_mailmag_can.gif) no-repeat;
}

#sortList{ /* ソート */
	margin: 0 20px 0 0;
	padding: 10px 3px 5px 3px;
	width: auto;
	color:#333333;
	float: right;
}

.pageTop { /* ページトップ */
	padding: 3px 5px 0px 17px;
	margin:10px 20px 10px 5px;
	background: url(../img/icon_top.gif) no-repeat;
	font-size:76%;
	font-weight:bold;
	float: right;
}
.pageTop a{ color:#FF6600;text-decoration: none;}
.pageTop a:hover{ color:#FF9900;text-decoration: none;}






/********************************************************************/
/* フッターーメニューレイアウト設定 */
#footer {

	padding: 0px;
	margin: 0px;
	width: auto;
	height: 40px;
	background:#faf6e3;
	text-align:center;
	
}

.footnavi { /*フッターメニューテキスト設定*/
	padding: 5px 20px 5px 20px;
	color: #4c4c4c;
}
.footnavi a{ color: #4c4c4c;text-decoration: none; }
.footnavi a:hover { color: #4c4c4c;text-decoration: underline; }

#copyright { /* コピーライト */
	padding: 0px;
	margin: 0px;
	width: auto;
	height: 20px;
	color: #FFFFFF;
	background: #aaa277;
	text-align:center;
	/* background: url(../img/copyright.gif) ; */
}
/********************************************************************/
/* サイド設定 */

#search {/* サイド商品検索枠設定 */
	padding: 17px 8px 15px 8px; 
	margin: 7px 0 0 0;
	width: auto;
	height:auto;
	background: url("http://www.tea-story.com/hpgen/HPB/img/serch_bak.gif") no-repeat ;
}

#search label{
	padding: 0px;
	margin: 0px;
	color:#555138;
	font-weight:bold;
}

.fieldarea{padding:5px 0px 5px 0px; virtical-align:center;}

/* サイドメニューカテゴリリスト */

.list { /* メニュー枠設定 */
	padding: 0px 0px;	
	display: block;
	line-height:130%;
	background:#FFFFFF;
	border-top:1px #FFFFFF solid;
	border-right:1px #FFFFFF solid;
	border-left:1px #FFFFFF solid;
	border-bottom:1px #E0D7B1 solid;
	/* background: url(../img/list.gif) ; */
}

.list h3 { /* タイトル */
	padding: 5px 5px;
	margin: 0px; 
}

ul.free_listbox{
	text-align: left;
	padding: 0px;
	margin:0px;
	list-style:none;
	background: url("http://www.tea-story.com/hpgen/HPB/img/icon_menu.gif") no-repeat ;
}

ul.listbox{
	text-align: left;
	padding: 0px;
	margin:0px;
	list-style:none;
}

li.ca1 {
	width:210px;
	height:36px;
	margin: 0px;
	/*border-bottom: 1px #E0D7B1 solid;	*/
}

li.ca2 {
	margin: 0px;
	/*border-bottom: 1px #E0D7B1 solid;*/
}
li.ca1 a{ 
	width:185px;
	height:25px;
	padding: 11px 0px 0px 25px; 
	display: block; 
	color:#3d3d3d;
	font-weight: bold;
	text-decoration: none; 
	background: url("http://www.tea-story.com/hpgen/HPB/img/ca1_bak.gif") left top no-repeat ;
}

li.ca1 a:hover{ 
	color:#3d3d3d; 
	font-weight:bold;
	text-decoration: none;
	background: url("http://www.tea-story.com/hpgen/HPB/img/ca1_bak_rol.gif") left top no-repeat ;
}

li.ca2 a{ 
	width:172px;
	height:25px;
	padding: 0px 0px 0px 38px; 
	display: block;
	color:#3d3d3d;
	line-height:2em;
	font-weight: normal;
	text-decoration: none;
	background: url("http://www.tea-story.com/hpgen/HPB/img/ca2_bak.gif") left top no-repeat ;
}

li.ca2 a:hover{ color:#3d3d3d; font-weight: bold;text-decoration: none;
	background: url("http://www.tea-story.com/hpgen/HPB/img/ca2_bak_rol.gif") left top no-repeat ;
}

li.ca3 {
	width: 192px;
	height: 37px;
	margin: 0px;
	/*border-bottom: 1px #E0D7B1 solid;	*/
}

li.ca3 a{
	width: 155px;
	height: 27px;
	display: block;
	padding: 10px 0 0 37px; display: block; 
	color:#8d0d0d;font-weight: bold;text-decoration: none; 
	/*background: url(../img/icon_eye01.gif) no-repeat #f7f5ec;*/
}

li.ca3 a:hover{ color:#8d0d0d; font-weight: bold;text-decoration: underline;
	/*background: url(../img/icon_eye01_ov.gif) no-repeat #09290f;*/
}

li.ca4 {
	margin: 0px;
	border-bottom: 1px #E0D7B1 solid;
}

li.ca4 a{ padding: 3px 3px 3px 20px; display: block;
	color:#8d0d0d;font-weight: normal;text-decoration: none;
	background: url(../img/icon_eye02.gif) no-repeat #f7f5ec;
}

li.ca4 a:hover{ color:#FFFFFF; font-weight: bold;text-decoration: none;
	background: url(../img/icon_eye02_ov.gif) no-repeat #6b6b6b;
}

/*サイドバー下ライン跡地*/

/* サイドコンテンツ */
.sidemain1 { /* メイン枠 */
	margin: 0px;
}

.sidemain1 p {
	margin: 0px;
}

.sidemain1 ul { /* リスト設定 */
	margin: 0px; 
} 

.sidemain1 li {
	display: block;
	padding: 2px 0px 2px 15px;
	color: #334d55;
	background: url(../img/icon_eye03.gif) no-repeat
}

/* カレンダー */
caption { /* 年月タイトル */
	 font-weight: bold;
	 text-align: center;
	/* padding:3px;*/
	 color:#907861;
}
caption a{ color:#907861; text-decoration:underline;}

caption a:hover{ color:#907861;	 text-decoration:underline;}

.carender { /* カレンダー テーブル*/
	 border-collapse: collapse;
	 padding:5px 0px;
	 margin:0px;
	 text-align:center;
}




.carender table {

	 margin:0 auto;
}

.carender td {







	padding:2px;
	border-collapse: collapse;

	text-align:right;
	border:1px solid #CCCCCC;	
}

.carender th {
	padding:2px;
	border-collapse: collapse;
	border:1px solid #a8a8a7;	
}

th.day { /* ヘッダ平日 */
	font-weight: bold;
	color: #696969;
	background: #f1ebe0;
	text-align: center;
}

th.sun { /* ヘッダ日曜 */
	color: #e67231;
	background: #fde7ac;
	text-align: center;
}

th.sat { /* ヘッダ土曜 */
	color: 375b88;
	background: #c5dcf8;
	text-align: center;
}

.chert { /* 表示色説明枠  */
	margin:5px 5px;
	font-size:84%;
}
.chert td {
	border-collapse: separate;
	padding:0px 0px 0px 5px;
	border:2px solid #FFFFDD;
}

.line01{ border: #c4c4c4 1px solid; vertical-align:buttom;} 

#rss{ / * RSS設定 */
	margin: 10px 0px 0px 0px ;
	padding:5px;
}

#count{ / * カウンター */
	margin: 0px;
	padding:5px;
}

/********************************************************************/
/* ブログ */

.blogbox { /* コメントボックス*/
	padding: 5px; 
	margin: 2px 0px;
	width: auto;
	/* background: url(../img/blogbox.gif) ; */
}

.entry_title { /* ブログエントリータイトル h2 */
	padding:5px 0px 10px 0px;
	display: block; 
	font-size:116%;
	color: #382C1F; 
	/* background: url(../img/entry_title.gif) ; */
}

.entry_date{
	display: block; 
	padding: 10px 0px 3px 0px; 
	color: #B6A081; 
	text-align:right;
}

.state{ /* ブログステータス */
	padding: 2px 0px;
	text-align: right;
	border-top: #ded9c5 1px dashed; 
}

.subtitle {/* h3 ブロックサブタイトル */
	padding: 2px 0px; 
	margin:10px 0px 10px 0px;
	text-align: left;
	font-size:110%;
	color:#B6A081;
	border-bottom: #B6A081 2px solid;
	/* background: url(../img/subtitle.gif) ; */
}

 p.label { /* ブログコメントタイトル */
	font-weight: bold;
}

.tb_url{ /* トラックバックurl */
	font-weight: bold; margin-bottom: 10px;
}

/********************************************************************/
/* カート */

.point {font-size:120%;color:red;font-weight:900;}

.pointline {font-size:100%;color:red;font-weight:900;padding: 3px;background-color: #edcdb1;}



/* ナビゲーション （固定）*/
.step_navi01,.step_navi02,.step_navi03,.step_navi04 {
	text-align:center;
	width:635px;
	height:83px;
	margin:0 0 10px 10px;
}

.step_navi01 {
	background-image:url(../img/navi01.gif);
	background-repeat:no-repeat
}

.step_navi02 {
	background-image:url(../img/navi02.gif);
}

.step_navi03 {
	background-image:url(../img/navi03.gif);
}

.step_navi04 {
	background-image:url(../img/navi04.gif);
}



-------------------------
TAGS
------------------------- */

.framne_btm {
	margin: 0 0 0 -8px;
	height: 15px;
	}

.framne_last {
	margin: 0 0 -10px 0;
	_margin: 0 0 -3px 0;
	}	

.flame_cepalate {
	margin: 0 0 0 0;
	}

/*
-------------------------
TOP AREA
------------------------- */

/*#top_area {
	width: 617px;
	height: 119px;
	margin: 0px 8px 10px 0px;
	padding: 42px 20px 0 20px;
	background: #ffffff url("http://www.tea-story.com/hpgen/HPB/img/top_area_bak.jpg");
	font-size: 80%;
	text-align: left;
	float: right;
	}*/

#top_area {
	width: 610px;
	margin: 0 0 10px 2px; 
	padding: 42px 20px 0 20px;
	background: #ffffff url("http://www.tea-story.com/hpgen/HPB/img/top_area_bak.jpg") no-repeat;
	font-size: 80%;
	text-align: left;
	}

#top_area h2 {
	display:none;
}


/*-------------------------
トップメニュー
------------------------- */

.tm_head {
	width: 657px;
	height: 7px;
	margin: 0px;
	text-indent: -9999px;
	background: url("http://www.tea-story.com/hpgen/HPB/img/top_menu/menu_head.jpg") no-repeat;
	}

.top_menu {
	width: 640px;
	margin: 0 0 0 6px;
	padding: 0px;
	}

.top_menu li {
	float: left;
	margin: 0 10px 0 0;
	list-style-type: none;
	}

.top_menu li a {
	width: 120px;
	height: 94px;
	display: block;
	}
	
.top_menu li a:hover {
	text-indent: -9999px;
	}
	
.tm_01 a {
	background: url("http://www.tea-story.com/hpgen/HPB/img/top_menu/tm_01_rol.jpg") no-repeat;
	}
.tm_02 a {
	background: url("http://www.tea-story.com/hpgen/HPB/img/top_menu/tm_02_rol.jpg") no-repeat;
	}
.tm_03 a {
	background: url("http://www.tea-story.com/hpgen/HPB/img/top_menu/tm_03_rol.jpg") no-repeat;
	}
.tm_04 a {
	background: url("http://www.tea-story.com/hpgen/HPB/img/top_menu/tm_04_rol.jpg") no-repeat;
	}
.tm_05 {
	margin: 0 !important;
	}
.tm_05 a {
	background: url("http://www.tea-story.com/hpgen/HPB/img/top_menu/tm_05_rol.jpg") no-repeat;
	}




/*
-------------------------
free_01 オススメ商品部分
------------------------- */

#free_01 {
	width: 644px;
	margin: 0 0 0 10px;
	_margin: 0 0 0 7px;
	text-align: left;
	}

#recommend {
	width: 644px;
	}

#free_01 h2 {
	width: 645px;
	margin: 0 0 0 -3px;
	_margin: 0 0 0 0px;
	}

#recommend h3 {
	margin: 0 0 0 -3px;
	_margin: 0 0 0 0px;
	padding:0 0 10px 0;
	}

.rec_detail,.rec_detail_last {
	width: 210px;
	margin: 0 5px 0 0;
	background: #ffffff;
	text-align: center;
	font-size: 99%;
	text-align: left;
	float: left;
	}

.rec_detail_last {
	margin: 0px;
	}

.rec_detail p,.rec_detail_last p {
	text-align: left;
	}

.rec_detail img,.rec_detail_last img {
	margin: 0 0 6px 0;
	}

.reccomnd_name {
	font-weight: bold;
	color: #b10000;

	}










.rec_photo {
	border: 2px solid #dddddb;
	}
.rec_pic{
margin-right:4px;
}

/*
-------------------------
free_02 商品カテゴリ部分
------------------------- */

#free_02 {
	width: 644px;
	margin:0 0 0 10px;
	_margin:0 0 0 7px;
	text-align: left;
	}

#free_02 h3 {
	margin: 0 0 10px -3px;
	_margin: 0 0 10px 0px;
	}

#free_02 h4 {
	line-height:0e;;
	}

.p_categori_l {
	width: 308px;
	text-align: left;
	font-size: 99%;
	padding: 5px;
	margin: 0 5px 0 0;
	float: left;
	position: relative;
	}

.p_categori_r {

	width: 308px;
	text-align: left;
	font-size: 99%;
	padding: 5px;
	float: left;
	position: relative;
	}


.p_categori_l img,.p_categori_r img {
	margin: 0 10px 0 0;

	float: left;
	}


.p_categori_l h4,.p_categori_r h4 {
	height: 25px;
	padding: 0 0 0 22px;
	margin: -5px -5px 5px -5px;
	text-align: left;
	color: #b10000;

	font-weight: bold;
	background: url("http://www.tea-story.com/hpgen/HPB/img/free_title1_bak.gif") left top no-repeat ;
	}

.p_categori_l h4 a,.p_categori_r h4 a {
	position: relative;
	top: 5px;
	}

.p_categori_l a img,.p_categori_r a img {
	margin: 0 10px 0 0;
	}

.to_detail {
	position: absolute;
	right: 0%;
	bottom: 5px;
	margin: 0px !important;
	}
	
/*
-------------------------
free_03 ショップガイド部分
------------------------- */

.free_3 {
	text-align: left;
	font-size: 99%;
	}

.free_3 h2 {
	margin: 0 0 0 5px;
	}

#giude_area {
	padding: 15px 0 20px 12px;
	}

#giude_area h3 {
	margin: 15px 0 0 -5px;
	}

#giude_area b {
	color: #666666;
	}

#giude_area p {
	width: 623px;
	margin: 10px 0 0 0;
	}

#guide_txt {
	margin: 0 0 15px 0;
	}

#guide_txt span {
	font-weight: bold;
	color: #bf0000;
	display: block;
	margin: 0 0 8px 0;
	}

.guide_table {
	margin: 5px 0 0 0;
	border-collapse: collapse;
	}

.guide_table th {
	width: 140px;
	padding: 16px;
	border: 1px solid #cccccc;
	background: #f8f6ec;
	font-weight: normal;
	}

.guide_table td{
	width: 412px;
	padding: 16px;
	border: 1px solid #cccccc;
	}

.pay_method {
	width: 311px;
	float: left;
	}

.pay_method p {
	width: 310px !important;
	}

.pay_method img {
	border: 1px solid #9cff32;
	margin: 0 5px 0 0;
	}

/*
-------------------------
HEAD CLASS
------------------------- */

.other_outlets {
	width: 100%;
	text-align: center;
	padding: 10px 0;
	}

/*
-------------------------
LEFT AREA CLAS 飲み方別メニュー
------------------------- */

.drink_menu {
	width: 192px;
	margin: -15px auto 0 auto;
	background: url("http://www.tea-story.com/hpgen/HPB/img/icon_menu.gif") no-repeat;
	}

.drink_menu td {
	width: 192px;
	height: 37px;
	padding: 0 0 0 37px;
	vertical-align: middle;
	}

.drink_menu td a {
	color:#8d0d0d;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.2em;
	}


.drink_menu td a:hover {
	text-decoration: underline;
	}


/*
-------------------------
LEFT AREA CLAS 社長紹介部分
------------------------- */

#president_area {
	width: 210px;
	min-height: 100px;
	font-size: 99%;
	text-align: center;
	background: url("http://www.tea-story.com/hpgen/HPB/img/history_bak.gif");
	}

#president_area p {
	width: 186px;
	margin: 10px auto 10px auto;
	text-align: left;
	letter-spacing: 0px;
	}

#president_area a {
	text-align: left;
	}

/*
-------------------------
iteminfoaba 商品詳細
------------------------- */
table.iteminfoaba{
	font-size: 12px;
	width: 600px;
	border-top:1px solid #d8a7a3;
	border-left:1px solid #d8a7a3;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#fff4f4;
	empty-cells:show;
	line-height: 18px; 
	vertical-align:middle;
	margin-bottom: 40px;
	display: inline;
}
.iteminfoaba th{
	width:120px;
	border-right:1px solid #d8a7a3;
	border-bottom:1px solid #d8a7a3;
	color:#cc0000;
	background-color:#edd0ce;
	padding:6px;
	text-align:center;
}

.iteminfoaba td{
	border-right:1px solid #d8a7a3;
	border-bottom:1px solid #d8a7a3;
	padding:6px 0 6px 32px;
	vertical-align:middle;
}


#iteminfoaba{
	vertical-align: -3px;
	margin-top: 3px;
	} 
	
#iteminfoaba_mar{ 
	vertical-align: -3px; 
	margin-left: 52px;
	margin-top: 3px;

} 

#iteminfo_w{width: 180px;}
#iteminfo_h{
	height: 55px;
	vertical-align:middle;
	}


/*-------------------------
TOP News
------------------------- */



#news_top {
	_margin: -5px 0 0 0;
	}
	
*:first-child+html #news_top {
	margin: -8px 0 0 0;
	}

ul.news{ /* 最新情報リスト設定 */
	width: 615px;
	text-align: left;
	padding: 0px 0px 0 12px;
	margin:0px;
	list-style-type: none;
	color: #a18f71;
	clear: both;
}


/*-------------------------
フリーページ ラッピング
------------------------- */

.rap_list {
	list-style-type: none !important;
	text-indent: -22px;
	padding: 0 0 0 22px !important;
	}

.rap_list li {
	margin: 0 0 0 22px;
	margin: 0 0 5px 0;
	}

/*
-------------------------
TOPバナー
------------------------- */

.xmas {
	width: 643px;
	height: 250px;
	position: relative;
	}

.xmas img {
	position: absolute;
	top: 0px;
	left: 0px;
	}

.xmas a {
	width: 145px;
	height: 30px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	background: url("http://www.tea-story.com/hpgen/HPB/img/spacer.gif");
	}
	
.tb_01 {
	top: 114px;
	left: 10px;
	}

.tb_02 {
	top: 114px;
	left: 351px;
	}

.tb_03 {
	top: 211px;
	left: 488px;
	}

/*-------------------------
フリーページ ラッピング
------------------------- */

.rap_list {
	margin: 0px;
	padding: 0px;
	list-style-type: none !important;
	}


.tasting {
	border-collapse: collapse;
	border: none;
	}

.tasting th,
.tasting td {
	border: none;
	padding: 0 0 10px 0;
	vertical-align:middle;
	}