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

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

body {
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	color: #333333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Arial,Verdana,"ＭＳ Ｐゴシック",sans-serif;

}

br.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

img {
	border: 0px;
}


a {
	color: #845d42;
	text-decoration: none;
	overflow:hidden;
	outline:none;
}


a:link {
	color: #845d42;
	text-decoration: none;
}

a:visited {
	color: #b27e59;
}

a:hover {
	color:#efa977;
}


th { 
white-space:nowrap;
 }


/* ------------------------------------- 
 *	ページレイアウト
 * ------------------------------------- 
 *※ページ全体の幅は800pxとなっています。
    幅を広げる場合は、.sideと.mainのwidth
    の合計値が#containerのwidthになるよう
    設定してください。
 * ------------------------------------- */

/*ページ全体の幅、レイアウトをセンタリング*/
#container {
	margin:0px auto;
	width:800px;
	position: relative;
	text-align:left;
}

h1.header{
font-size:10px;
background-color:#000000;
color:#ffffff;
font-weight:500;
width:100%;
}

/*ヘッダー（ページタイトル、グローバルメニュー）*/
#header {
 width:100%;
 clear:left;
}

#header_navi {
 background-color:#946c45;
 padding:5px 0 2px 20px;
}

#header_navi a:link,
#header_navi a:visited{
	color:#e9dacb;
}
#header_navi a:hover{
	color:#f3981d;
	text-decoration:none;
}

/*　画面左側メニューの幅　*/
.side {
	float: left;
	width:200px;
}

a.leftnavi {
display: block; /* block形式で表示 */
color: #946c45 ;  /* 文字の色*/
background:url("https://img15.shop-pro.jp/PA01084/898/etc/stone-menubar.png?2124") no-repeat;
padding:11px 0px 0 28px;
height:36px;
margin :-10px 0;
}


.subtotal {
	padding:5px 0;
	width:180px;

}
.stotal {
	text-align:right;
}
.total {
	padding:5px 0;
	border-top:1px solid #C3C3C3;
	text-align:right;
	width:180px;
}

.postage {
	border-top:1px dotted #C3C3C3;
	border-bottom:1px dotted #C3C3C3;
	list-style-type:none;
	margin-bottom:5px;
}

.postage li {
	margin:5px 0;
	color:red;
	text-align:left;
}

.viewcart {
	padding:5px 0;
	text-align:center;
}

/*　パンくず　*/

table.footstamp {
color: #946c45 ;  /* 文字の色*/
background:url("https://img15.shop-pro.jp/PA01084/898/etc/footstamp-back.png") no-repeat;
padding:5px 0px 0 30px;
margin :5px 0 10px 0;
width:600px;
height:40px
}

h2.fs{
font-size:12px;
font-weight:500;
display:inline;
}


/*　画面右側の幅　*/
.main {
	float: left;
	width: 600px;
}

/* 特定商取引法に基づく表記（返品など）ボタン */
p#sk_link_other {
	text-align:left;
	margin-top:10px;
}

p#sk_link_other a {
	font-size:12px;
}


#group-list {
	border-top:#838383 dotted 1px;
	padding:5px 0px 0px;
	margin:10px 20px 0px 0px;
}

/* -------------------------------------
*     商品オプション 表形式
* ------------------------------------- */
#option_tbl {
     border-collapse:collapse;
     border-top:1px solid #ccc;
     border-left:1px solid #ccc;
}
#option_tbl th{
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}
#option_tbl td {
     border-bottom:1px solid #ccc;
     border-right:1px solid #ccc;
}



/*** スライドショー **/

#slideshow {
    position:relative;
    height:250px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


/*検索ボックス*/
#header #search {
	width:220px;
	float:right;
	background:#ffffff url(https://img.shop-pro.jp/tmpl_img/17/search.gif) no-repeat;
	background-position:left bottom;
	padding-bottom:10px;
	padding-top:10px;

}

#header #title {
	padding-right:230px;
}



/*表紙ナビ*/

#box1{ 
 width: 800px;
 margin-top:5px;
}
ul.ul1{
 width: 880px;
 margin: 0 0 0 0;
 overflow: hidden;
 _zoom: 1;
 list-style-type: none;
}

h2{
 font-weight:700;
 font-size:16px
}


ul.ul2{
 width: 880px;
 margin: -21px 0 0 0;
 overflow: hidden;
 _zoom: 1;
 list-style-type: none;
}
li.top{
 width : 241px;
 padding: 5px;
 margin-right: 15px;
 float: left;
 list-style-type: none;
}



/*　フッター（コピーライト）　*/
#footer {
	clear:both;
	font-size:10px;
	width:100%;
	background-color:#d2b48c;

}

#footerbox{ 
	margin-top:30px;
 width: 800px;
 margin-top:5px;
 padding-top:10px; 
 font-size:10px;
}


#footer strong{
	font-weight:bold;
}

#footer #footerbox{
	float:left;
	width:800px;
	margin:0 auto;
	padding:20p;
}


#footer #footerbox h4{
	padding:0 0 5px 0;
	border-bottom:1px dotted #cccccc;
	margin-bottom:10px;
	font-size:12px;
}

#footer #footerbox h4 a,
#footer #footerbox h5 a{
	padding-left:15px;
}

#footer #footerbox p{
	margin-bottom:10px;
}

#footer #footerbox ul#footer-navi {
	text-align:left;
}

#footerbox a:link,
#footerbox a:visited{
	color:#333333;
}
#footerbox a:hover{
	color:#ffffff;
	text-decoration:none;
}

ul#footer-navi li{
	margin-bottom:4px;
	padding:0 0 0 15px;
}

#footer p#copyright{
	clear:both;
	text-align:center;
	color:#ffffff;
	background-color:#663300;
	padding:20px 0;
	width:800px;

}


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

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

#together .tog_main_title {
	font-weight:bold;
	margin:30px 0px 5px;
	color:#6d2916;
	padding:5px 10px;
	background:#f9f4eb;
	}

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

#together img {
	padding: 4px;
	border: 1px #dacdb9 solid;%D
	}
	
	
	

/* ------------------------------------- 
 *	最近チェックした商品
 * ------------------------------------- */
.checkitem_list {
	width:123px;
	height:120px;
	padding:8px 8px 0 12px;
	margin:0 0 5px 0;
	float:left;

	text-align:center;
	}

.checkitem .ci_img {
	height:75px;
	border: 1px solid #DACDB9;
	padding: 4px;
	margin-bottom:3px;
	}


/*------------------------おすすめ見出し------------------------*/

.recommends{
	background: url("https://img15.shop-pro.jp/PA01084/898/etc/recomends_back.png") no-repeat;
  	width : 580px;
  	height : 30px;
	margin:5px 0 0 0;
	padding:8px 0 0 20px;
	font-size:12px;
	font-weight : bold;
	color : #6f5436;
}

div.feature{
margin:10px 0;
}

.attention_txt  {
  margin-left: 1em;
  text-indent: -1em;
}


table.table01 {
    width: 600px;
    border: 1px #d2b48c solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table01 th {
    padding: 5px;
    border: #d2b48c solid;
    border-width: 0 0 1px 1px;
    background: #f5deb3;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table01 td {
    padding: 5px;
    border: 1px #d2b48c solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}


table.table02 {
    width: 600px;
    border: 1px #d2b48c solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.table02 th {
    padding: 5px;
    border: #d2b48c solid;
    border-width: 0 0 1px 1px;
    background: #f5deb3;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
table.table02 td {
    padding: 5px;
    border: 1px #d2b48c solid;
    border-width: 0 0 1px 1px;
    text-align: left;
}

div.comingsoon{
margin:10px;
padding:10px;
text-align:center; 
background-color:#ffff99;
}

.apologize{
	border: 1px solid #ccc;	/* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	padding: 30px 10px 20px 10px;	/* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: -2;
    width:450px;
    margin:10px auto;
    text-align:center;
	background-color: #
}
.apologize:before{
	background-image: -webkit-gradient(radial, 30% 30%, 0, 30% 30%, 10, from(#ffe5ed), to(#e50044));	/* マップピンの色 */
	border-radius: 50%;
	box-shadow: .5px .5px 4px 1px rgba(128, 128, 128, 0.5);
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	width: 15px;
	height: 15px;
	z-index: 0;
}
.apologize:after{
	background-image: linear-gradient(-80deg, transparent 47%, #333333 47%, #333333 52%, transparent 52%, transparent);
	content: '';
	position: absolute;
	top: 15px;
	left: 50%;
	width: 10px;
	height: 13px;
	z-index: -1;
}

.scotchtape {
  background-color: #ffe4e1; /* 背景色 */
  border-radius: 2px;
  padding: 1em .6em .6em;
  position: relative;
  font-size: 12px;
  margin:20px auto;
  text-align:center;
  width: 600px;
}

.scotchtape::before {
  content: "";
  display: block;
  width: 70px;
  height: 30px;
  background-color: #ff4500; /* セロテープ部分背景色 */
  background-image: radial-gradient(white 20%, transparent 0),
                    radial-gradient(white 20%, transparent 0);
  background-position: 0 0, 8px 8px;
  background-size: 15px 15px;
  border-left: 2px dotted rgba(0,0,0,.1);
  border-right: 2px dotted rgba(0,0,0,.1);
  box-shadow: 0 0 5px rgba(0,0,0,.2);
  position: absolute;
  top: -15px;
  left: 30px;
  -webkit-transform: rotate(-3deg);
  transform: rotate(-3deg);
}


