/* ************************************************ 
 *	共通設定
 * ************************************************ */
/* デフォルト余白削除タグ
--------------------------*/

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

h1, h2, h3, h4, h5, h6{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-size: 100%;
}

p, ol, ul, li, dl, dt, dd{
	margin: 0;
	padding: 0;
}

img{
	border: none;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

form{
	margin: 0;
	padding: 0;
}

em{
	color:#ef4e31;
	font-style:normal;
}

.last{
	margin-bottom:0;
}

p{
	font-size: 80%;
	line-height:1.4em;
}

.imgR{
	float:right;
	margin:0 0 10px 10px;
}
 
.imgL{
	float:left;
	margin:0 10px 10px 0;
}


/* common
================================================ */
body {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/body_bg.jpg);
	background-repeat: repeat;
}

.clear {
	clear: both;
	font-size:0;
}

.border {
	border: 1px solid #999999;
}



/* link
--------------------------*/
a:link    {text-decoration: none; color: #955A5A;}
a:visited {text-decoration: none; color: #955A5A;}
a:hover   {text-decoration: underline; color: #EF4326;}
a:active  {text-decoration: underline; color: #EF4326;}

a.link {
	background: url(https://img09.shop-pro.jp/PA01040/443/etc/i_link02.gif) no-repeat center left;
	padding-left: 8px;
}



/* header
--------------------------*/
#bgheader {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/bg_header.gif);
	background-repeat: repeat-x;
	background-position: top;
	height: 113px;
}

#header {
	width: 788px;
	margin: 0 auto;
	zoom:1;
	padding-left: 12px;
	padding-top: 9px;
}

#header p {
	font-size: 70%;
	color: #CCAB80;
	margin-bottom: 8px;	
}

#header h1 {
	height:30px;
	width: 333px;
	float: left;
	margin-bottom: 5px;
}

#header h1 a {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/logo.gif);
	background-repeat: no-repeat;
	background-position: top;
	display:block;
	text-indent:-999999px;
	overflow: hidden;
	height:100%;
	_font-size: 80%;
}

#header #header_button {
	float: right;
}

#header #header_button ul {
	list-style: none;
}

#header #header_button ul li {
	float: left;
	margin-right: 10px;
}


/* head menu */
#header_menu {
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	height:40px;
}

#header_menu ul {
	list-style: none;
	width: 788px;
	height:40px;
	zoom:1;
}

#header_menu ul:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0.1px;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
}

#header_menu ul li {
	float: left;
}

#header_menu ul li a {
	display:block;
	width:100%;
	height:40px;
	text-indent:-999999px;
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/bg_menu.gif);
	background-repeat: no-repeat;
	background-position: left top;	
	overflow: hidden;
}

#header_menu ul li.powder{width:128px;}
#header_menu ul li.powder a{background-position:-3px 0px;}
#header_menu ul li.powder a:hover{ background-position:-3px -40px;}

#header_menu ul li.bean{width:131px;}
#header_menu ul li.bean a{background-position:-132px 0px;}
#header_menu ul li.bean a:hover{ background-position:-132px -40px;}

#header_menu ul li.tea{width:131px;}
#header_menu ul li.tea a{background-position:-264px 0px;}
#header_menu ul li.tea a:hover{ background-position:-264px -40px;}

#header_menu ul li.melinjo{width:131px;}
#header_menu ul li.melinjo a{background-position:-396px 0px;}
#header_menu ul li.melinjo a:hover{ background-position:-396px -40px;}

#header_menu ul li.gift{width:131px;}
#header_menu ul li.gift a{background-position:-396px 0px;}
#header_menu ul li.gift a:hover{ background-position:-396px -40px;}

#header_menu ul li.service{width:129px;}
#header_menu ul li.service a{background-position:-528px 0px;}
#header_menu ul li.service a:hover{ background-position:-528px -40px;}

#header_menu ul li.prouse{width:129px;}
#header_menu ul li.prouse a{background-position:-658px 0px;}
#header_menu ul li.prouse a:hover{ background-position:-658px -40px;}


/* contents area
--------------------------*/

#wrapper {
	width: 780px;
	margin: 3px auto 0 auto;
	padding: 10px 10px 20px 10px;
	zoom:1;
	clear: both;	
}

#main {
	width: 580px;
	float: left;
	margin-right: 10px;
	color: #333333;
	font-size: 100%;
}

#side {
	width: 190px;
	float: left;
}

/* main
--------------------------*/
.contentbox {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/bg_pagetitle.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #FFFFFF;
	margin-bottom: 20px;
	clear: both;
}

.c-top {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/bg_contentsbottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	padding: 11px 20px 10px 20px;
	height: 100%;
	overflow:auto;
}

.title-img {
	margin-bottom: 15px;
}

/* パンクズ */
#topicpath {
	font-size: 80%;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #C69173;
}

/* トップページのイメージ */
p.topbanner{
	display:none;
}


/* 共通パラグラフ
--------------------------*/
.s-title {
	margin-bottom: 10px;
	border-bottom: 2px solid #C69173;
	padding-bottom: 5px;
	clear: both;
}

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

.m-margin {
	margin-bottom: 20px;
}


/* アンカーテキストメニューbox */
.s-ordertitle {
	background-color: #F6F1DF;
	border: 1px solid #C69173;
	padding: 7px 10px 7px 12px;
	font-size: 75%;
	clear: both;
	margin-bottom: 30px;
	height: 100%;
	overflow:auto;
}

.s-ordertitle ul {
	list-style: none;
	margin-bottom: 14px;
}

.s-ordertitle ul li {
	float: left;
	line-height:1.7;
	white-space:nowrap;
}

.s-ordertitle ul li.m-rmargin {
	margin-right: 15px;
}

.s-ordertitle ul li a {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/i_link02.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 10px;
}

/* 共通段落box */
.box {
	clear:both;
	height:100%;
	overflow:hidden;
	margin-bottom: 40px;
}

.box h3 {
	font-size: 100%;
	font-weight: bold;
	line-height:1.4em;
	margin-bottom: 20px;
	border-bottom: 2px solid #C69173;
	padding-bottom: 7px;
	clear: both;
	width: 540px;
}

.box h4 {
	font-size: 85%;
	font-weight: bold;
	color: #955E40;
	margin-bottom: 7px;
}

.box p {
	font-size: 80%;
	line-height:1.4em;
}

.box p a {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/i-itemlink.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 2px 0 2px 19px;
}

.box p.navi_top {
	text-align:right;
	border-top: 1px solid #C69173;
	margin-top:15px;
	padding-top:5px;
}

.box p.navi_top a{
	background: url(https://img09.shop-pro.jp/PA01040/443/etc/i_link02.gif) no-repeat center left;
	padding-left: 8px;
}

.bar-tel {
	text-align: center;
}


/* アイテムラインナップ */
.itemlist {
	clear: both;
	height:auto;
	overflow:auto;
	margin:10px 0;
}

/* アイテムbox */
.item {
	width: 103px;
	margin:0 5px 15px 0;
	height;auto;
	min-height:150px;
	text-align:center;
	float: left;	
}

.item img {
	margin-bottom: 3px;
}

.itemcatch {
	font-size: 70%;
	margin-bottom: 2px;
	line-height:110%;
}

.itemlink a {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/i_link02.gif);
	background-repeat: no-repeat;
	background-position: left 0.4em;
	padding:2px 0 2px 8px;
	font-size: 90%;
	line-height: 1.4em;
}

span.price{
	color:red;
}

.item02 {
	width: 104px;
	float: left;
	height: 100%;	
}

.item02 img {
	margin-bottom: 3px;
}


/* カテゴリー一覧 */
.l-category {
	float: left;
	margin-right: 20px;
	width: 260px;
}

.r-category {
	float: right;
	width: 260px;
}

.categorybox {
	width: 260px;
	margin-bottom: 10px;	
}

.categorybox dl dt{
	margin-bottom: 3px;	
}

.categorybox dl dd{
	font-size: 75%;
	line-height:1.4em;
}


/* side
--------------------------*/

.m-cart {
	margin-bottom: 15px;
}

/* アイテム一覧 */
#side_itembox {
	margin-bottom: 17px;
}

#side_itembox img {
	vertical-align: bottom;
}

#side_itembox ul {
	height:auto;
}

#side_itembox ul li{
	margin-bottom:6px;
	list-style:none;
}

#side_itembox ul li.last{
	margin-bottom:0px;
}

/* 目的別にさがす */
#searchbox {
	background-color: #FFFFFF;
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/bg_searchbottom.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	margin-bottom: 20px;
}

#searchbox dt {
	margin-top: 7px;
	margin-left: 10px;
}

#searchbox dl{
	height:100%;
}

#searchbox dl dd ul {
	list-style: none;
	font-size: 75%;
	padding-bottom:5px;
	margin: 10px 10px 0px 10px;	
}

#searchbox dl dd ul li {
	margin-bottom: 5px;
}

#searchbox dl dd ul li a {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/i-itemlink.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 2px 0 2px 19px;
}


/* ご利用案内 */
#shopguide {
	background-color: #FFFFFF;
	border: 5px solid #C69173;
	padding: 10px;
	margin-bottom: 10px;
}

#shopguide dl dd ul {
	list-style: none;
	font-size: 75%;
	margin: 10px 0;
	border-bottom: 1px solid #C69173;
	padding-bottom: 7px;
	
}

#shopguide dl dd ul li {
	margin-bottom: 4px;
}

#shopguide dl dd ul li a {
	background-image: url(https://img09.shop-pro.jp/PA01040/443/etc/i_link02.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 10px;
}

#shopguide address {
	font-style: normal;
	color: #333333;
	font-size: 75%;
	margin-top: 5px;
	line-height: 1.25em;
}


#side div#bannerbox{
	margin-bottom:10px;
}

#side div#bannerbox ul{
	list-style:none;
}

#side div#bannerbox ul li{
	margin-bottom:5px;
	line-height:0.6em;
}

#side div#bannerbox small{
	font-size:10px;
	padding-top:2px;
	line-height:1.4em;
}

#side div.feed{
	margin-bottom:20px;
}

/* footer
--------------------------*/
#bgfooter {
	background-color: #321C0E;
	height: 50px;
}

#footer {
	width: 780px;
	padding: 15px 0 0 0;
	margin: 0 auto;
}

#footer img {
	float: left;
}

#footer address {
	float: right;
	font-size: 75%;
	color: #FFFFFF;
	text-align: right;
	font-style: normal;
	margin-top: 15px;	
}




/* ************************************************ 
 *	トップ
 * ************************************************ */
.itemarea {
	margin: 0px 20px 10px 0px;
	width:120px;
	float:left;
}


/* ************************************************ 
 *	商品一覧・検索結果一覧の表示
 * ************************************************ */
.list {

}

.list th {
	padding: 5px 20px 10px 0px;
}

.list td {
	padding: 5px 5px 10px 0px;
}

.list_price {
	padding-bottom:5px;
}

/*商品一覧：サブカテゴリーの表示*/
.subcategory {
	margin: 0px 20px 10px 0px;
	width:120px;
	float:left;
}

/*並べ替え条件指定 ページナビ*/

.pagenavi {
	font-size:80%;
	padding: 5px 0px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}


/* ************************************************ 
 *	商品詳細
 * ************************************************ */

.large {
}

.small {
	width:150px ;
	margin:0px 10px 0px 0px;
	float:left;
}

/* ------------------------------------- 
 *	この商品を買った人はこんな商品も買ってます
 * ------------------------------------- */

#together {
	margin: 0px 0px 20px 0px;
	}

#together .tog_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom: 2px solid #768FBE;
	}

#together .together_list {
	margin:10px 3px 3px 3px;
	float:left;
	width: 130px;
	text-align:left;
	}

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

#trackback {
	margin: 0px 0px 20px 0px;
}

#trackback .tb_main_title {
	font-weight: bolder;
	margin-top:30px;
	padding-bottom:5px;
	border-bottom: 2px solid #533730;
}

#trackback .tb_url {
	font-size: 12px;
	padding: 5px 10px 5px 10px;
}

#trackback .tb {
	margin: 10px 0px 10px 0px;
	background:#fff;
}

#trackback .tb_date {
	font-size: 10px;
	padding: 10px 10px 10px 10px;
}

#trackback .tb_title {
	font-weight: bold;
	padding: 0px 10px 10px 10px;
}

#trackback .tb_body {
	line-height: 150%;
	padding: 10px 10px 10px 10px;
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
}

#trackback .tb_state {
	padding: 5px 10px 5px 10px;
}

/*table レイアウト　商品詳細の価格表*/
.table {
	background: #CCC;
}

.table th {
	font-weight: bolder;
	background: #EEE;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	padding: 3px;
	text-align: center;
	width: 120px;
}

.table td {
	background: #FFF;
	padding: 3px;
}


/* ************************************************ 
 *	商品オプションページ
 * ************************************************ */

#Option {
	padding:0px 10px 10px 10px;
}

/* ------------------------------------- 
 *	オプション表の罫線の色
 * ------------------------------------- */
#Option .option_table {
	background-color:#CCC;
}

/* ------------------------------------- 
 *	オプション　項目背景の色 
 * ------------------------------------- */
#Option .option_cell1 {
	text-align:left;
	background-color:#EEE;
	padding: 5px;
	font-weight:bold;
	white-space:nowrap;
}

/* ------------------------------------- 
 *	オプション　価格背景の色
 * ------------------------------------- */
#Option .option_cell2 {
	text-align:left;
	background-color:#FFFFFF;
	padding: 5px;
}

.option_btn {
	margin-top:10px;
}

/* ------------------------------------- 
 *	特定商取引法
 * ------------------------------------- */
/*特定商取引表*/
.table_sk{
	margin-bottom:10px;
	line-height:1.7;
	font-size:12px;
	border:1px solid #ccc;
}

.table_sk th{
	text-align:left;
	padding:5px 8px;
	width: 100px;
	background:#EEE;
}

.table_sk td{
	padding:5px 8px;
}


/*送料テーブル表*/
.postage{
	border:1px solid #ccc;
	text-align:center;
	font-size:12px;
	margin-bottom:10px;
}

.postage th{
	width:90px;
	line-height:1.2;
	text-align:center;
	background:#EEE;
	padding:5px;
}

.postage td{
	padding:5px;
}


/*配送・支払方法*/
.terms {
	padding-top:10px;
	margin-bottom:20px;
	border-top: 1px dotted #CCC;
}

.payment_table{
	width:400px;
	margin:0px 0px 10px 0px;
}

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