/* ************************************************ 
 * ------------------------------------------------
 *	共通設定
 * ------------------------------------------------
 * ************************************************ */
 
/* --- Reset Start --- 
   --- 各ブラウザ間の表示を統一する為の記述です --- */

/* default property reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,
th,td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:strong;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
   


/* body * {line-height:1.22em;} について */
/*
各フォントサイズ毎に行間を算出する指定です。
この指定を削除すると、全体の行間は統一される為、
見た目のレイアウトが変更される場合があります。
*/



/* --- Reset End --- */

html{background:url("https://img05.shop-pro.jp/PA01160/370/etc/body_bck.jpg");
}


body {
	font-size:85%;
	line-height:1.22em;color:#000;
	font-family: "Verdana" , "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
/*	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", sans-serif;*/
	}
html[xmlns*=""]:root body { background:url("https://img05.shop-pro.jp/PA01160/370/etc/body_bck.jpg"); } 

a,a:visited{color:#009900;}
a:hover{ color:#000000;}
ul,ol,dl{ list-style:none;}
table{
	border:0;
	border-collapse:collapse;
	border-spacing:0;}

.pd_b05 {padding-bottom:5px;}
.pd_b10 {padding-bottom:10px;}
.pd_b20 {padding-bottom:20px;}
.pd_b30 {padding-bottom:30px;}

.pd_b30 p {margin:0; padding:3px 0 5px;}


.table01 {margin-bottom:20px;}
.table01 th,.table01 td {
	padding:3px 6px;
	border:1px solid #333;
	vertical-align:top;
	}
.table01 th {
	background-color:#FFC;
	text-align:left;
	width:140px;
	}


/*--------------layout2段カラム--------------*/

#header_txt {
	margin: 0 auto 5px;
	width: 966px;
	clear:both;
	font-size:10px;
	}	
	

#container {
background:url(https://img05.shop-pro.jp/PA01160/370/etc/con_bck.jpg) repeat-y;
	width: 966px;
	margin: 0 auto 15px;
	padding:0 0 0 0;
	text-align:left;
}
#header {
margin:0 0;
}
#header .left{
float:left;
width:502px;
}
#header .right{
float:right;
width:464px;
}


#header_mn {/*上部メニュ*/
clear:both;
	padding:0 25px 10px;
margin:0 0 8px;
}



#contents_Box {
margin:0 25px 0 25px;
clear:both;
}

#main {
	width:720px;
	float:right;
}

#sub {
	width: 180px;
	float: left;
	font-size:0.9em;
	padding:0 0 20px 0;
}




/*--------------背景付きDL--------------*/
dl.shopinfo {
	width:225px;
	margin-bottom:20px;
	background:url(../http://img05.shop-pro.jp/PA01160/370/etc/shop/sd_dotline.gif) bottom repeat-x;}
dl.shopinfo dt , dl.shopinfo dd {
	padding:4px 0;
	background:url(../http://img05.shop-pro.jp/PA01160/370/etc/shop/sd_dotline.gif) top repeat-x;}
dl.shopinfo dt {
	float:left;
	width: 5.1em;
	clear:both;}
dl.shopinfo dd{
	padding-left:5.1em;}


/*--------------pagetop--------------*/
.pagetop {
	clear:both;
	text-align:right;
	font-size:12px;
	margin:15px 0;
	background:url(https://img05.shop-pro.jp/PA01160/370/etc/gotop.gif) right no-repeat;
	padding-right:14px;}
.pagetop a, .pagetop a:link{
	text-decoration:none;
	color:#666666;}
.pagetop a:hover, .pagetop a:activ {
	color:#666666;
	text-decoration:underline;}
	
/*--------------text_right--------------*/
.text_right{
text-align:right;
}

 /* ************************************************ 
 *	ヘッダー
 * ************************************************ */


#left_rogo {
position:absolute;
left:-100px;
top:50;
	}
	
#header_bn {
	clear:both;
margin:0 25px;
}



 /* ************************************************ 
 *	左ナビ
 * ************************************************ */

#sub .member {/*会員*/
	width:178px;
	border:1px solid #E0CFC0;
	text-align:center;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	}

#sub .search {/*検索*/
	width:178px;
	border:1px solid #E0CFC0;
	text-align:center;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	}

#sub .mg_b20 {
margin:0 0 20px;
border:1px solid #E0CFC0;}

#sub .mg_b20 p {margin:0; padding:3px 0 5px;}

 
#sub ul.leftNavi {/*商品リスト*/
 margin:0 0 12px 0;
 border:0px solid #ccc;}
  

#sub ul.leftNavi li {
	border-bottom:1px solid #EEEEEE;
}
#sub ul.leftNavi li img{
vertical-align:middle;
}
#sub ul.leftNavi li a {
	color:#666666;
text-decoration:none;
	display:block;
	padding:5px 0 5px 8px;
}
#sub ul.leftNavi li a strong{
	text-decoration:none;
	color:#F00;
}


#sub .link {
	border:1px solid #ccc;
	border-width:1px 0;
	padding:10px 5px;
	margin:0 0 20px;}

#sub .banner {
	margin:0 20px 15px 0;
	text-align:center;}




/*--------------Calendar--------------*/
table.calendar {
	padding: 0;
	margin: 0px;
}
table.calendar tr.headline td{
	font-size: 10px;
}
table.calendar th {
	text-align: left;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	color: #777777;
}
table.calendar th span {
	font-family: "ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3","Osaka";
	cursor: pointer;
	float: right;
}
table.calendar td {
	border-bottom: solid 1px #CCCCCC;
	text-align: center;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	font-family: "Myriad Pro","Verdana","Arial", "Helvetica", "sans-serif";
	line-height: normal;
	font-size: 10px;
	color: #333333;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #FFFFFF;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #0000FF;
	font-size: 10px;
}
table.calendar td.Sun {
	color: #FF0000;
	background-color: #FFCCCC;
}
table.calendar td.holyday {
	color: #FF0000;
	background-color: #FFCCCC;
}
table.calendar td.xday {
	font-weight: bolder;
	color: #009999;
	font-size: 14px;
}
table.calendar td.birthday {
	font-weight: bolder;
	color: #990000;
	font-size: 14px;
}

 /* ************************************************ 
 *	フッター
 * ************************************************ */


#mainFooter {padding-top:30px;
}

/*--------------フッター各種説明--------------*/
#ft_attention{
border:1px #ccc solid;
padding:6px;
}

.delivery ,.payment {
	width:340px;
	float:left;
	font-size:12px;
	margin:20px 0 0 0;}

.mutenka {
	width:100%;
	font-size:12px;
	text-align: center;}



.delivery{
margin-right:15px;
}

.delivery .block,.payment .block {margin:0 0px 30px 22px;}
#ft_attention p{margin:5px 0px 15px 0; padding:0px;}

#ft_address{
clear:both;
}

/*--------------　キャッチコピー　フッター--------------*/
.Footer_cp {
text-align:center;
font-size:1em;
}

/*--------------フッターメニュー--------------*/
#menuFooter {padding:15px 0 5px;
text-align:center;
font-size:0.8em;
}

#menuFooter a {color:#000000;
}

/*--------------コピーライト--------------*/
.mainFooter {padding:20px;
text-align:center;
font-size:0.8em;
border-top:1px solid #E0CFC0;}

/*--------------フッター画像--------------*/
#bottom {padding:10px;
background:url(https://img05.shop-pro.jp/PA01160/370/etc/ft01.jpg)  no-repeat bottom;
font-size:0.8em;}


/* ------------------------------------- 
 *	パンクズリスト
 * ------------------------------------- */
#footstamp{
margin:5px 0 15px 0;
font-size:0.8em;
}

 /* ************************************************ 
 *	タイトル周り・共通
 * ************************************************ */
h2.base{
font-weight:bold;
padding:20px 3px 20px 25px;
font-size:1.5em;
color:#0F5906;
background:url(https://img05.shop-pro.jp/PA01160/370/etc/ttl_bck_base.jpg) no-repeat;
margin:0 0 20px 0;
}

h2.kosiki{
margin:0 0 20px 0;
}

.main_title{
background:#006600;
font-size:1.2em;
color:#fff;
font-weight:bold;
margin:0 0 10px 0;
padding:7px;
}

/*共通*/
hr.clear{
color:#999999;
width:100%;
height:1px;
clear:both;
margin:8px 0;

}

.red{
color:#990000;
}

/* ************************************************ 
 * ------------------------------------------------
 *	検索結果
 * ------------------------------------------------
 * ************************************************ */

.txt-search{
margin:8px 0 0px;
font-size:90%;
border-bottom:1px dotted #ccc;
padding:10px 10px 5px 0px;
text-align:right;

}

.txt-hitNum{
color:#336600;
}

h2.message{
margin:0 0 40px 0;
}

#message{
padding:0 20px 50px;
}

body #message p{
line-height:1.8em;
margin:0 0 20px ;
}



/* ************************************************ 
 * ------------------------------------------------
 *	店舗一覧
 * ------------------------------------------------
 * ************************************************ */
 
#cafe_info{
}
#cafe_info .left{
width:243px;
float:left;
}

#cafe_info .left img{
margin:0 0 5px;
}

#cafe_info .right{
width:450px;
float:right;
}

body #cafe_info .right table{
padding:10px 5px;
line-height:1.5em;
margin:10px 0 3px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

body #cafe_info .right td{
padding:8px 5px;
line-height:1.5em;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

body #cafe_info .right th{
padding:0 3px;
background-color:#F7F7F7;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

 

.tenpo_Box{
font-size:0.9em;
margin:15px 0 30px 0;
}

.tenpo_Box p{
line-height:1.7em;
}

body .tenpo_Box table{
padding:10px 5px;
line-height:1.5em;
margin:10px 0 3px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

body .tenpo_Box td{
padding:8px 5px;
line-height:1.5em;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

body .tenpo_Box th{
padding:0 3px;
background-color:#F7F7F7;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}


body .tenpo_Box .caption{
font-size:0.9em;
}

.tenpo_Box h3{
background:#006600;
font-size:1.2em;
color:#fff;
font-weight:bold;
margin:0 0 10px 0;
padding:7px;
}
/* ************************************************ 
 * ------------------------------------------------
 *	会社概要
 * ------------------------------------------------
 * ************************************************ */
 
.layout_Box_com{
margin:20px 0 0 0;
width:720px;

}

h3.com{
background:#006600;
font-size:1.2em;
color:#fff;
font-weight:bold;
margin:0 0 10px 0;
padding:7px;
}

.layout_Box_com .left{
width:370px;
float:left;
padding:20px 0 0 30px;

}

body .layout_Box_com .left p{
line-height:2.5em;
margin:0 0 15px;
}

.layout_Box_com .right{
width:300px;
padding:5px 0 0 10px;
float:right;
}

.layout_Box_com.clearfix #saiji {
	background-image: url(https://img05.shop-pro.jp/PA01160/370/etc/company_ph3.jpg);
	background-repeat: no-repeat;
	height: 300px;
}
.layout_Box_com.clearfix #saiji ul {
	margin-left: 240px;
}
.layout_Box_com.clearfix #saiji ul li {
	font-size: 12px;
	padding-bottom: 12px;
}
#tv p {
	margin-left: 20px;
	font-size: 12px;
	line-height: 130%;
}
#tv img {
	margin-left: 7px;
}

/* ************************************************ 
 * ------------------------------------------------
 *	ガイド
 * ------------------------------------------------
 * ************************************************ */

.guide_Box{
font-size:1em;
margin:15px 0 30px 0;
}

body .guide_Box p{
font-size:1em;
line-height:1.5em;
margin:0 0 10px;
padding:0;
}
body .guide_Box table{
padding:10px 5px;
line-height:1.5em;
}

body .guide_Box table{
margin:10px 0 3px;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
}

body .guide_Box td{
padding:8px 5px;
line-height:1.5em;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}

*body .guide_Box th{
padding:0 3px;
background-color:#DFFBFF;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}



.guide_Box h3{
font-size:1.2em;
font-weight:bold;
color:#5E261F;
background:url(https://img05.shop-pro.jp/PA01160/370/etc/guide_ttl_bck.gif) no-repeat left;
border-bottom:1px solid #5E261F;
margin:0 0 10px 0;
padding:0 0 5px 25px;
}


.guide_Box h4{
font-size:1.1em;
font-weight:bold;
border-bottom:1px dotted #ccc;
margin:20px 0 15px 0;
padding:0 0 5px 5px;
}

/* ************************************************ 
 * ------------------------------------------------
 *	お買い物ガイド
 * ------------------------------------------------
 * ************************************************ */
.guide_menu{
margin:0 0 30px ;
border:1px solid #ccc;
padding:15px;
}


/* ************************************************ 
 * ------------------------------------------------
 *	インフォメーション
 * ------------------------------------------------
 * ************************************************ */

.info_Box{
font-size:0.9em;
line-height:1.7em;
margin:15px 0 40px 0;
}

.info_Box .date{
text-align:left;
font-size:0.9em;
line-height:1.7em;
color:#999999;
border-bottom:1px solid #000;
margin:0 0 10px 0;
}


.info_Box h3{
font-size:1.2em;
font-weight:bold;
border-bottom:1px solid #000;
margin:0 0 10px 0;
padding:0 0 5px 5px;
}

#info_list {/*商品リスト*/
}
#info_list ul li {
	margin:1px 0 0 8px;
	background:url(https://img05.shop-pro.jp/PA01160/370/etc/arw02.gif)  no-repeat left;
	padding:5px 0 5px 15px;
	font-size:1.1em;
}
#info_list ul li a {
	color:#000000;
	display:block;

}




/* ************************************************ 
 *	特定取引法
 * ************************************************ */


body table.cmn_data {
border:1px solid #ccc;
}

body table.cmn_data td{
padding:10px 20px;
}

body table.cmn_data .item_midashi{
background:url(https://img05.shop-pro.jp/PA01160/370/etc/detail_cart1_bck.gif);
}

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

#ShopKeeper {
	width: 564px;
	color:#333333;
	margin-bottom: 15px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	}


#ShopKeeper th {
	width: 160px;
	padding:10px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
	font-weight: normal;
	text-align:left;
	}

#ShopKeeper td {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	padding:10px;
	text-align:left;
	}
	
#ShopKeeper td table th,
#ShopKeeper td table td,
#ShopKeeper td table,
#ShopKeeper td table {
	border-right:none;
	border-top:none;
	border-left:none;
	border-bottom:none;
	}
	
#ShopKeeper th img,
#ShopKeeper td img {
	vertical-align:middle;
	}


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

#PrivacyExplain {
	color:#333333;
	margin-bottom: 15px;
	}

.pe_title {
font-weight:bold;
	color: #432A16;
	border-top: 1px solid #dacdb9;
	padding-top: 15px;
	}

.pe_note {
	line-height: 150%;
	margin:5px 5px 20px 30px;
	}	

/* ************************************************ 
 *	美味しい理由
 * ************************************************ */
.riyu_area1{
padding:20px 10px 30px 10px;
}

.riyu_Box1{
width:700px;
margin:0 0 20px;
}

body .riyu_Box1 p{
width:380px;
margin:10px 20px 0 20px;
line-height:1.7em;
}


.riyu_Box1 .left01{
float:left;　width:466px;}

.riyu_Box1 .right01{
float:right;　width:234px;}

.riyu_Box1 .left02{
float:left;　width:223px;}
.riyu_Box1 .right02{
float:right;　width:477px;}
.riyu_Box1 .left03{
float:left;　width:426px;}


.riyu_Box1 .right03{
float:right;　width:274px;}
.riyu_Box1 .left04{
float:left;　width:264px;}
.riyu_Box1 .right04{
float:right;　width:436px;}


.riyu_area2{
}


/*--------------clearfix--------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/*-------------- ヘッダー　年末年始お知らせ　-------------*/
.hd_block {
	padding: 10px;
	background: #fff;
	border: 1px #ccc solid;
	box-shadow: 0 2px 3px 0 #ddd;
	-moz-box-shadow: 0 2px 3px 0 #ddd;
	-webkit-box-shadow: 0 2px 3px 0 #ddd;
	font-size: 0.8em;
	color: #3D3D3D;
	margin-top: 5px;
}
.hd_block strong {
	color: #0F5906;
}

/*-------------- 　//ヘッダー　年末年始お知らせ　-------------*/

/*-------------- 　//ご利用ガイド　送料テーブル　-------------*/
ul.souryou {
width: 100%;
	}
ul.souryou li {
	display: inline-block;
	width: 28%;
	height: 40px;
	padding: 10px 10px 10px 5px;
	margin-bottom: 5px;
	vertical-align: top; 
	}
	ul.souryou li.area01{
	border-left: 5px solid #cea7cd;
	}
	ul.souryou li.area02{
	border-left: 5px solid #f8c270;
	}
	ul.souryou li.area03{
	border-left: 5px solid #acdef8;
	}
	ul.souryou li.area04{
	border-left: 5px solid #3f90f3;
	}
	ul.souryou li.area05{
	border-left: 5px solid #df7961;
	}
	ul.souryou li.area06{
	border-left: 5px solid #5abc88;
	}
	ul.souryou li.area07{
	border-left: 5px solid #b6d56a;
	}
	ul.souryou li.area08{
	border-left: 5px solid #f3b4d0;
	}
	ul.souryou li.area09{
	border-left: 5px solid #ccba54;
	}
	ul.souryou li.area10{
	border-left: 5px solid #ada1ef;
	}
	ul.souryou li.area11{
	border-left: 5px solid #a3d6ca;
	}
	ul.souryou li.area12{
	border-left: 5px solid #acdef8;
	}

	@media screen and (max-width: 666px) {
ul.souryou li {
	display: block;
	width: 90%;
	height: auto;
	padding: 5px;
	margin-bottom: 5px;
	vertical-align: top; 
	}
}
/*-------------- 　//ご利用ガイド　送料テーブル　-------------*/

/*　フッターバナー 美味しさの理由＆商品詳細　下　*/
.foot_bn{
margin:20px 0 0 0;
}

.foot_bn .foot_bn_list{
width:240px;
float:left;
}

.foot_bn .foot_bn_list_Box{
padding:15px 10px 0px 0;
}

.foot_bn .foot_bn_list_Box p{
margin:0;
padding:0;
font-size:0.9em;
}
