/* ---------------------------------------------------------------------
--------------トップページのデザイン設定----------------------------- */
	
/* 左コンテンツの設定ここから---------------------------------------- */

#left-content {
	width: 688px;
	float: left;}

/* トップイメージ */
#topimage-aera {
	height: 220px;}

#topimage-left {
    float :left;
    width: 220px;}

#topimage-right {
    float :right;
    width: 458px;}

/* 商品カテゴリー */
#itemcategory-area {
    clear:both;
	height: 95px;
	text-align: center;
	padding: 17px 0px 19px;}

#itemcategory-area li {
	float: left;
	height: 95px;
	width: 168px;}

#itemcategory-area li a {
	display: block;
	height: 95px;}

#itemcategory-area li#button-group-tyoumiryou {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-tyoumiryou.jpg) no-repeat left top;
	margin: 0px 5px 0px 0px;}

#itemcategory-area li#button-group-tyoumiryou a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-tyoumiryou.jpg) no-repeat left bottom;}

#itemcategory-area li#button-group-otomo {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-otomo.jpg) no-repeat left top;}
	
#itemcategory-area li#button-group-otomo a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-otomo.jpg) no-repeat left bottom;}

#itemcategory-area li#button-group-edoryouri {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-edoryouri.jpg) no-repeat left top;
	margin: 0px 5px;}

#itemcategory-area li#button-group-edoryouri a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-edoryouri.jpg) no-repeat left bottom;}

#itemcategory-area li#button-group-sake {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-sake.jpg) no-repeat left top;}

#itemcategory-area li#button-group-sake a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-group-sake.jpg) no-repeat left bottom;}

#itemcategory-area li#button-group-gift {
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/button-group-gift.jpg?cmsp_timestamp=20190415023928) no-repeat left top;}

#itemcategory-area li#button-group-gift a:hover {
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/button-group-gift.jpg?cmsp_timestamp=20190415023928) no-repeat left bottom;}


/* ニュース部分の設定------------ */

#news-content {
	float: left;
	width: 271px;}

/* キャッシュレスバナー */

#cashless {
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: center;}

/* お知らせ */
#news-infomation-area {
	padding: 0px 0px 15px;}

#news-infomation-area h2 {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/h2-news-info.gif) no-repeat left top;
	height: 27px;
	margin: 0px 0px 8px;}

#news-infomation-area p {
	padding: 0px 5px 10px 7px;}

/* メディア */
#news-media-area h2 {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/h2-news-media.gif) no-repeat left top;
	height: 25px;
	padding: 2px 5px 0px 0px;}

#news-media-area h2 a {
	float: right;
	font-size: 0.85em;
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/icon-red-right.gif) no-repeat left center;
	padding: 0px 0px 0px 8px;
	font-weight: normal;}

.media-paragraph {
	padding: 8px 0px 0px 7px;
	width: 259px;
	clear: left;
	overflow: auto;
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/line-gray.gif) repeat-x left bottom;}

.media-paragraph p {
	padding: 0px 0px 8px;}

.media-image {
	width: 83px;
	float: left;}

.media-image img {
	border: 1px solid #CEC1C1;}

.media-text {
	float: left;
	width: 176px;}

/* お得情報 */

#news-otoku-area {
	margin-bottom: 15px;
	padding: 0px 0px 15px;
	border-radius: 8px;
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/news-otoku-background.jpg?cmsp_timestamp=20181114151907) no-repeat left top;}

#news-otoku-area h2 {
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/h2-otoku.png?cmsp_timestamp=20181114153021) no-repeat left top;
	height: 37px;
	margin: 0px 0px 8px;}

#news-otoku-area p {
	padding: 0px 5px 10px 7px;}


/* マンスリー部分の設定---------- */

#monthly-content {
	float: right;
	width: 404px;}

.monthly-paragraph {
	width: 387px;
	overflow: auto;
	padding: 0px 0px 25px 12px;}

.monthly-image {
	float: left;
	width: 136px;}

.monthly-image img {
	padding: 2px;
	border: 1px solid #CEC1C1;
	background: #FFFFFF;}

.monthly-text {
	float: left;
	width: 251px;}

#monthly-content h3 {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/icon-brown-right.gif) no-repeat left 6px;
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 5px;}

/* プレゼント */
#monthly-present-area {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/monthly-present-background.gif) no-repeat left top;}

#monthly-present-area h2 {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/h2-monthly-present.gif) no-repeat left top;
	height: 34px;}

#monthly-present-area h2 a {
	display: block;
	height: 34px;}

/* レシピ */
#monthly-recipe-area {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/monthly-recipe-background.gif) no-repeat left top;}

#monthly-recipe-area h2 {
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/h2-monthly-recipe.gif?cmsp_timestamp=20190415013332) no-repeat left top;
	height: 100px;}

#monthly-recipe-area h2 a {
	display: block;
	height: 100px;}

/* 江戸レシピ */
#monthly-edo-area {
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/monthly-edo-background.gif) no-repeat left top;}

#monthly-edo-area h2 {
	background: url(https://img02.shop-pro.jp/PA01099/269/etc/h2-monthly-edo.gif?cmsp_timestamp=20170428100705) no-repeat left top;
	height: 100px;}

#monthly-edo-area h2 a {
	display: block;
	height: 100px;}


/* 左コンテンツの設定ここまで---------------------------------------- */


/* 右コンテンツの設定ここから---------------------------------------- */

#right-content {
	float: right;
	width: 177px;}

#right-content li {
	font-size: 1px;}

/* カート */
li#button-topcart {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-cart.gif) no-repeat left top;
	height: 35px;
	width: 177px;
	margin: 0px 0px 5px;}

li#button-topcart a {
	display: block;
	height: 35px;}

li#button-topcart a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-cart.gif) no-repeat right top;}

/* マイアカウント */
p#myaccount {
	margin: 0px 0px 10px 0px;
	text-align: center;}

p#myaccount a {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/icon-red-right.gif) no-repeat left center;
	padding: 0px 0px 0px 8px;}

p#myaccount a:link {
	color: #0033CC;}

p#myaccount a:visited {
	color: #0033CC;}

p#myaccount a:hover {
	color: #0033CC;}

p#myaccount a:active {
	color: #0033CC;}

/* メールマガジン */
li#button-mailmagazine {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-mailmagazine.gif) no-repeat left top;
	height: 64px;
	width: 177px;
	margin: 0px 0px 5px;}

li#button-mailmagazine a {
	display: block;
	height: 64px;}

li#button-mailmagazine a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-mailmagazine.gif) no-repeat right top;}

/* ＦＡＸ */
li#button-fax {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-fax.gif) no-repeat left top;
	height: 56px;
	width: 177px;
	margin: 0px 0px 10px;}

li#button-fax a {
	display: block;
	height: 56px;}

li#button-fax a:hover {
	background: url(http://img02.shop-pro.jp/PA01099/269/etc/button-fax.gif) no-repeat right top;}

/* バナー */
ul#banner li {
	margin-bottom:10px;}