/* ###### bodyの設定 ######################## */
body {
	margin : 0;
	padding : 0;
	font-family:'メイリオ',Meiryo,sans-serif,'Osaka','ＭＳ Ｐゴシック';
	font-size : small;
}

/* ###### 画像(img)の設定 ######################## */
img {
	margin : 0;
	padding : 0;
	border : 0;
}

/* ###### 文章(p)の設定 ######################## */
p {
	margin : 0;
	padding : 0;
	line-height : 1.4em;
	text-align : left;
}

/* ###### 文字を小さくする設定 ######################## */
.xs {
	font-size : x-small;
}

/* ###### 文字寄せの設定 ######################## */
.left {
 text-align : left;
}

.center {
 text-align : center;
}

.right {
 text-align : right;
}

/* ###### 回り込みの設定 ######################## */
.f-left {
	float:left;
	margin : 0;
	padding : 0;
}

.f-right {
	float:right;
	margin : 0;
	padding : 0;
}

.f-left2 {
	float:left;
	margin : 0px 10px 10px 0px;
	padding : 0;
}

.f-right2 {
	float:right;
	margin : 0px 0px 10px 10px;
	padding : 0;
}

/* ###### 回り込みの解除 ######################## */
.clear {
	clear : both;
}

.clr {
	clear : both;
	margin : 0;
	padding : 0;
	font-size : 0;
	line-height : 0;
}

/* ###### リンクの設定 ######################## */
a {
	text-decoration : none;
	color : #990000;
}

a:link {
	text-decoration : none;
}

a:active {
	text-decoration : none;
}

a:visited {
	text-decoration : none;
}

a:hover {
	text-decoration : none;
	color:#E41E26;
}

/* ###### 見出しの設定 ###################### */
h1 {
	color: #960;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-size: 10px;
	line-height: 10px;
}

h2 {
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

h3{
	background-color:#993300;
	color:#fff;
	padding:3px 5px;
	font-size: 13px;
}

h4 {
  font-size: 100%;
  font-weight: normal;
  color: #333333;
  margin: 0px;
  padding: 0px;
}

/* ###### フォームタグの設定 ######################## */
form {
	margin : 0;
	padding : 0;
}

/* ###### IMEの入力規則 ####################### */

.imeon { ime-mode: active; }

.imeoff { ime-mode: inactive; }


/* ###### テキストカウンターの文字設定 ######################## */
#count,#count a {
	color:#999999;
}

#count a:hover {
	color:#333333;
}




/* ヘッダー */
#head{
	background-image:url(/shop/images/head-bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	height:102px;
}

#head-inn{
	width:840px;
	margin:0 auto;
}

#head-inn h1{
	float:left;
	width:185px;
	padding:0 0 0 20px;
}

#top-menu{
	padding:15px 5px 0 0;
	color:#660000;
	height:40px;
}

.topmenu01,
.topmenu02,
.topmenu03{
	background-position:top left;
	background-repeat:no-repeat;
	font-size:10px;
	height:30px;
	line-height:30px;
	text-align:center;
}

.topmenu01{
	background-image:url(/shop/images/topmenu-01.gif);
	width:70px;
}

.topmenu02{
	background-image:url(/shop/images/topmenu-02.gif);
	width:83px;
}

.topmenu03{
	background-image:url(/shop/images/topmenu-03.gif);
	width:170px;
	color:#fff!important;
	padding-left:10px!important;
}

.topmenu03 a{
	color:#fff;
}


#g-menu{
	clear:both;
	color:#fff;
	margin:0 auto;
	/* height:47px; */
	text-align:center;
	line-height:32px;
}

#g-menu ul{
	list-style:none;
	margin:0;
	/* padding:8px 0 8px 0;
	_padding:8px 0 9px 0; */
}

/* *:first-child+html #g-menu ul{
	list-style:none;
	margin:0;
	padding:8px 0 9px 0;
} */

#g-menu li{
	display:inline;
	padding:0 5px;
	font-size:12px;
	border-right:1px solid #fff;
}

.g-last{
	border-right:0px!important;
}

#g-menu a,
#footer-menu a{
	color:#fff;
}

#g-menu a:hover,
.topmenu03 a:hover,
#footer-menu a:hover{
	color:#FFDBC5;
}

.welcome{
	line-height:30px;
	padding:0 10px 0 0;
}


/* コンテンツ背景 */

#wrapper{
	background-image:url(/shop/images/content-bg.jpg);
	background-position:top center;
	background-repeat:repeat-y;
}

#wrapper-inn{
	background-image:url(/shop/images/content-bg-top.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}


/* コンテンツ */

#contents{
	width:824px;
	margin:0 auto;
	padding:0 8px;
}

#right-content{
	float:right;
	width:647px;
}

#left-content{
	float:left;
	width:167px;
}



/* 左メニュー */

.pbottom5{
	padding:0 0 5px 0;
}

.pbottom10{
	padding:0 0 10px 0;
}

.pbottom20,
#flasharea-bottom{
	padding:0 0 20px 0;
}

/* カテゴリーメニュー */

.cmenu,
.cmenu a,
.cmenu a:hover,
.cmenucur{
	background-repeat:no-repeat;
	background-position:top left;
	line-height:33px;
	text-align:center;
	display:block;
	width:153px;
	height:33px;}

.cmenu{
	background-image:url(/shop/images/menu-bg.gif);
	color:#380609;
}

.cmenu a:hover,
.cmenucur{
	background-image:url(/shop/images/menu-bg-ov.gif);
	color:#919D00;

}

.menubgcolor{
	background-color:#FCF6E8;
}

#category h3{
	width:145px;
	margin:10px 0 3px 0;
	padding:3px 5px;
	background-color:#993300;
	color:#fff;
}

.serchbt{
	margin:5px 0 10px 0;
}


/* メインコンテンツ */

#main{
	float:left;
	width:471px;
}

/* パンクズリスト */
.bcrumblist{
	color:#70665D;
	font-size:12px;
	padding:5px 0 0 0;
}



/* 右メニュー */

#right-menu{
	float:right;
	width:160px;
}

.price{
	border:2px solid #000;
	margin-bottom:20px;
}

.price p{
	background-color:#000;
	color:#fff;
	padding:2px;
}


/* ランキング */

#ranking{
	border:2px solid #DBC796;
	background-color:#FEF5E9;
	margin-bottom:20px;
	padding:15px 4px;
}

.rankbox table{
	margin:0 auto 10px auto;
}


.rankbox th{
	background-color:#9F8059;
	color:#fff;
	padding:3px 5px;
}

.rankbox td{
	padding:5px 3px;
	vertical-align:top;
}




/* フッター用 */

#footer{
	background-image:url(/shop/images/footer-bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	margin-top:20px;
}

#footer-inn{
	width:840px;
	margin:0 auto;
	padding:0;
}

#footer-inn .center{
	padding:10px 0 0 0;
}

.copyright{
	text-align:center;
	color:#996600;
	font-size:x-small;
}

#footer-menu{
	color:#fff;
	margin:0 auto;
	height:47px;
	text-align:center;
}

#footer-menu ul{
	list-style:none;
	margin:0;
	padding:10px 0 8px 0;
	_padding:10px 0 9px 0;
}

/* *:first-child+html #g-menu ul{
	list-style:none;
	margin:0;
	padding:8px 0 9px 0;
} */

#footer-menu li{
	display:inline;
	padding:0 5px;
	font-size:12px;
	border-left:1px solid #fff;
}

.f-last{
	border-right:1px solid #fff!important;
}




/* チェック・新入荷・おすすめ商品 */

#checkitems,
#newitem{
	margin:0 0 20px 0;
}

.itembox01{
	border:1px solid #ECD4AD;
	background-color:#FEF5E9;
	padding:5px;
}

#checkitems{
	width:471px;
}

.itemp{
	border:1px solid #996600;
	margin:0 0 5px 0;
}

.pitemtitle{
	line-height:1.3;
	padding:0 0 5px 0;
}

.pitemtitle a,
.pitemtitle a:visited{
	color:#336600!important;
}

.pitemtitle a:hover{
	color:#E41E26!important;
}



@charset "utf-8";
/* CSS Document */

.red {
	color: #900;
}
.right-image {
	padding: 5px;
	margin-right: 10px;
}
.image-margin_5px {
	padding: 5px;
}

#pickup h4 {
	font-size: 14px;
	font-weight: bold;
	color: #400000;
	display: block;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #960;
	margin-top: 5px;
	background-color: #EFE9DE;
	margin-left: 5px;
	padding-left: 5px;
	padding-top: 3px;
}
#pickup ul li {
	color: #340E07;
}
#right-list {
	display: block;
	margin: 0px;
	padding: 0px;
}
#right-list ul {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-image: none;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
}
#right-list ul li {
	list-style-type: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #960;
}


#pickup ul li em {
	text-align: right;
	display: block;
	border-top-width: 2px;
	border-top-style: dotted;
	border-top-color: #960;
	margin-right: 20px;
}
#clr {
	clear: both;
}


#pickup ol {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#pickup ol li {
	list-style-type: none;
	font-size: 13px;
	color: #666;
	font-weight: normal;
	margin-left: 10px;
}
#pickup ol li strong {
	font-size: 13px;
	font-weight: bold;
	color: #666;
	background-color: #EDEAE4;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #999;
	letter-spacing: 5px;
}


/* �A�C�L���b�`�t�����X�g */

#feature02{
	width:165px;
	margin-bottom:20px;
}

#feature02 ul,
#hotwords02 ul{
	list-style:none;
	margin:0;
	padding:0 5px;
	color:#666;
}

#feature02 li,
#hotwords02 li{
	padding:0 0 0 15px;
	border-bottom:1px dotted #CBA866;
	line-height:1.4;
}

#feature02 li a,
#hotwords02 li a{
	color:#666;
}

#feature02 li a:hover,
#hotwords02 li a:hover{
	color:#E41E26;
}

#news li,
#feature02 li{
	background-image:url(http://www.craft-recipe.net/shop/images/list-icon.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#pickup-img {
	float: left;
	width: 130px;
	border: 1px solid #CCC;
	margin: 5px;
}
#pickup-text {
	float: right;
	width: 300px;
	margin: 5px;
}
#pickup-text ul {
	background-color: #FFF;
	line-height: 25px;
	border: 1px solid #666;
	padding: 5px;
	list-style-type: none;
	margin: 0px;
}
#pickup-text ul li  {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #990;
}


#pickup-text ul li strong {
	color: #400000;
	padding: 5px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #FFF;
}
#details {
	text-align: right;
	margin-top: 10px;
}




/* Flash */

#flasharea{
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	background-color:#fff;
	width:645px;
	text-align:center;
}


#pickup{
	border:1px solid #ccc;
	background-color:#fff;
	padding:7px 5px;
	margin-bottom:20px;
}

#pickup p{
	color:#340E07;
	padding:10px;
}

#news,
#feature{
	width:224px;
	margin-bottom:20px;
}

/* アイキャッチ付きリスト */
#news ul,
#feature ul,
#hotwords ul{
	list-style:none;
	margin:0;
	padding:0 5px;
	color:#666;
}

#news li,
#feature li,
#hotwords li{
	padding:0 0 0 15px;
	border-bottom:1px dotted #CBA866;
	line-height:1.4;
}

#news li a,
#feature li a,
#hotwords li a{
	color:#666;
}

#news li a:hover,
#feature li a:hover,
#hotwords li a:hover{
	color:#E41E26;
}

/* センターエリア用 */

#news li,
#feature li{
	background-image:url(/shop/images/list-icon.gif);
	background-position:left;
	background-repeat:no-repeat;
}


/* サイドエリア用 */

#hotwords li{
	background-image:url(/shop/images/list-icon02.gif);
	background-position:left;
	background-repeat:no-repeat;
}



#lineup table td img{
	margin:10px 0 0 0;
}

.lineup-txt{
	border:1px solid #ECD4AE;
	background-color:#FEF5E9;
	text-align:right;
	font-size:80%;
	padding:5px 3px;
	vertical-align:top;
	line-height:1.4;
}
.lineup-txt02 {
	border:1px solid #ECD4AE;
	background-color:#FEF5E9;
	text-align:left;
	font-size:80%;
	padding:5px;
	vertical-align:top;
	line-height:1.2;
}



#hotwords{
	padding:0 10px 20px 10px;
}


/* カレンダー */
#calendar,
#lineup{
	margin:0 auto 20px auto;
}

#calendar table{
	margin:0 auto;
}
.title01 {
	color: #FFF;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 0px;
	margin-left: 12px;
	font-size: 13px;
}
.title02 {
	font-size: 13px;
	margin: 0px;
	text-align: center;
	color: #FFF;
	background-color: #993300;
}
