@charset "shift-jis";

/*=====================================

products.css

=====================================*/

/*-------------------------------------
 header
-------------------------------------*/
.products h2 { background: url(/contents/300071768.jpg) no-repeat top left; width: 851px; height:113px;text-indent: -9999px;  }

/*-------------------------------------
	submenu
-------------------------------------*/
.products #submenu ul.sub_nav li a {
	display: block;
	width: 172px;
	height: 28px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-image: url(/contents/300071781.gif);
}



/* ( out ) */
.products #submenu ul.sub_nav li#new a { background-position: 0 0; }
.products #submenu ul.sub_nav li#main a { background-position:  0 -28px; }
.products #submenu ul.sub_nav li#frec a { background-position: 0 -55px; }
.products #submenu ul.sub_nav li#obento a { background-position: 0 -82px; }
.products #submenu ul.sub_nav li#nonfry a { background-position: 0 -109px;  }
.products #submenu ul.sub_nav li#hot a { background-position: 0 -136px; }
.products #submenu ul.sub_nav li#kdessert a { background-position: 0 -163px; }
.products #submenu ul.sub_nav li#my a { background-position: 0 -190px; }
.products #submenu ul.sub_nav li#veg a { background-position: 0 -217px; }
.products #submenu ul.sub_nav li#bakery a { background-position: 0 -244px;  }
.products #submenu ul.sub_nav li#shubai a { background-position: 0 -272px;height: 29px; }
.products #submenu ul.sub_nav li#product_list a { background-position: 0 -300px;  }

/* ( active/over ) */
.products.new #submenu ul.sub_nav li#new a, .products #submenu ul.sub_nav li#new a:hover { background-position: -172px 0; }
.products.main #submenu ul.sub_nav li#main a, .products #submenu ul.sub_nav li#main a:hover { background-position: -172px -28px; }
.products.frec #submenu ul.sub_nav li#frec a, .products #submenu ul.sub_nav li#frec a:hover { background-position: -172px -55px; }
.products.obento #submenu ul.sub_nav li#obento a, .products #submenu ul.sub_nav li#obento a:hover { background-position: -172px -82px; }
.products.nonfry #submenu ul.sub_nav li#nonfry a, .products #submenu ul.sub_nav li#nonfry a:hover { background-position: -172px -109px; }
.products.hot #submenu ul.sub_nav li#hot a, .products #submenu ul.sub_nav li#hot a:hover { background-position: -172px -136px; }
.products.kdessert #submenu ul.sub_nav li#kdessert a, .products #submenu ul.sub_nav li#kdessert a:hover { background-position: -172px -163px; }
.products.my #submenu ul.sub_nav li#my a, .products #submenu ul.sub_nav li#my a:hover { background-position: -172px -190px; }
.products.veg #submenu ul.sub_nav li#veg a, .products #submenu ul.sub_nav li#veg a:hover { background-position: -172px -217px; }
.products.bakery #submenu ul.sub_nav li#bakery a, .products #submenu ul.sub_nav li#bakery a:hover { background-position: -172px -244px;  }
.products.shubai #submenu ul.sub_nav li#shubai a, .products #submenu ul.sub_nav li#shubai a:hover { background-position: -172px -272px; }
.products.product_list #submenu ul.sub_nav li#product_list a, .products #submenu ul.sub_nav li#product_list a:hover { background-position: -172px -300px; }



/*.gyomu2 #submenu ul.sub_nav li a { display: block; width: 172px; height: 27px; text-indent: -9999px; background: url(../../products/gyomu/_img/submenu.gif); }
.gyomu2 #submenu li#reitou a { background-position: 0 0; }




.reitou    #submenu li#reitou a { background-position: -172px 0; }


.gyomu2 #submenu li#reitou a:hover { background-position: -172px 0; }
*/


/*-------------------------------------
 カテゴリトップ
-------------------------------------*/
/* 商品検索
-------------------------------------*/
.item_search {
	position: relative;
	overflow: hidden;
	zoom: 1;
}
.item_search h3 {
	position: absolute;
	top: 0;
	left: 0;
	width: 121px;
	height: 0;
	padding: 42px 0 0 0;
	background: url(/contents/300071788.gif) no-repeat 0 0;
	overflow: hidden;
}
.item_search dl {
	padding: 0 0 10px 175px;
	border-bottom: 1px dashed #ccc;
}
.item_search dl dt {
	padding: 5px 0 0 0;
	font-weight: bold;
}
.item_search dl dd .needs {
	width: 450px;
}
.item_search dl dd .menu_brand {
	float: left;
	width: 220px;
	margin: 0 10px 0 0;
}
.item_search dl dd .menu_name {
	float: left;
	width: 220px;
}
.item_search dl dd span {
	display: block;
	color: #ee0019;
	font-size: 92%;
}
.item_search dl dd .search_button {
	width: 442px;
	border: 1px solid #ffa1a1;
	background: #ffe1e1;
}


/* 商品一覧
-------------------------------------*/
.brand_list {
	clear: both;
	width: 640px;
	margin: 0 -7px;
	letter-spacing: -0.4em;
	border-bottom: 1px dashed #ccc;
	background: url(/contents/300069145.gif) repeat-y 0 0;
	overflow: hidden;
	zoom: 1;
}
.brand_list li {
	display: inline-block;
	/display: inline;
	width: 300px;
	padding: 10px;
	letter-spacing: normal;
	vertical-align: top;
	border-top: 1px dashed #ccc;
	zoom: 1;
}
.brand_list li dl {
	text-align: center;
}
.brand_list li dl dt {
	padding: 5px 0;
	font-size: 142%;
	font-weight: bold;
	line-height: 1.1;
}
.brand_list li dl dd {
	padding: 5px 0;
}
.brand_list li dl dd a {
	display: block;
}
.brand_list li .brand_list_icn {
	clear: both;
	padding: 5px 0 20px 0;
	text-align: center;
}
.brand_list li .brand_list_icn img {
	padding: 0 5px;
}
.brand_list li .brand_list_btn {
	clear: both;
	padding: 10px 0;
	text-align: center;
}


/*-------------------------------------
 商品詳細
-------------------------------------*/
.brand_detail {
	margin: 0 -4px;
	overflow: hidden;
	zoom: 1;
}
.brand_detail h3 {
	padding: 10px 0;
	color: #e30030;
	font-size: 150%;
	font-weight: bold;
}

/* 商品
-------------------------------------*/
.brand_detail .brand_detail_txt {
	clear: both;
	padding: 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_txt dt {
	float: left;
	width: 350px;
}
.brand_detail .brand_detail_txt dd {
	float: left;
	width: 275px;
	text-align: center;
}
.brand_detail .brand_detail_txt dd span {
	display: block;
	padding: 0 0 10px 0;
	text-align: left;
}
.brand_detail .brand_detail_txt dd img {
	padding: 0 5px;
}

/* ポイント
-------------------------------------*/
.brand_detail .brand_detail_point {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_point p {
	float: right;
	padding: 0 0 0 5px;
}
.brand_detail .brand_detail_point dl {
	background: url(/contents/300071791.gif) no-repeat 0 0;
}
.brand_detail .brand_detail_point dl dt {
	padding: 10px 0 8px 50px;
	color: #e30030;
	font-size: 142%;
	font-weight: bold;
}
.brand_detail .brand_detail_point dl dd {
	padding: 0 0 0 50px;
}

/* この商品を使った活用レシピ
-------------------------------------*/
.brand_detail .brand_detail_recipe {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_recipe dl {
	background: url(/contents/300071792.gif) no-repeat 0 0;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_recipe dl dt {
	float: left;
	width: 395px;
	padding: 10px 0 20px 50px;
	color: #e30030;
	font-size: 142%;
	font-weight: bold;
}
.brand_detail .brand_detail_recipe dl dd {
	float: right;
	width: 180px;
}
a.inform_btn { background: url(/contents/300071795.gif) no-repeat scroll left top transparent; display: block; float: right; height: 33px; position: relative; text-indent: -9999px; width: 180px;}
a.inform_btn:hover { background-position: 0 -33px; }

.brand_detail .brand_detail_recipe ul {
	text-align: left;
	letter-spacing: -0.4em;
}
.brand_detail .brand_detail_recipe ul li {
	display: inline-block;
	/display: inline;
	width: 292px;
	padding: 10px;
	letter-spacing: normal;
	vertical-align: top;
	zoom: 1;
}
.brand_detail .brand_detail_recipe ul li img {
	float: left;
	padding: 0 10px 0 0;
}

/* 原料・産地/栄養成分/原材料名/アレルギー物質について
-------------------------------------*/
.brand_detail .brand_detail_anshin {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_anshin dl {
	margin: 0 0 10px 0;
	background: url(/contents/300071796.gif) no-repeat 0 0;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_anshin dl dt {
	padding: 10px 0 10px 50px;
	color: #e30030;
	font-size: 142%;
	font-weight: bold;
}
.brand_detail .brand_detail_anshin dl dd {
	text-align: right;
}

table.brand_origin { width:624px; margin:0px auto 20px auto; text-align:center; display: block; clear: both; background:url(/contents/300069167.gif) repeat-y top center; border-bottom: 2px solid #e30030;}
table.brand_origin th { color:#fff; font-size: 100%; line-height: 120%; font-weight: bold; }
table.brand_origin th,table.brand_origin td { width:292px; padding: 3px 10px; text-align:left; border-bottom: 1px solid #e30030;  }

table.brand_origin2 { width:624px; margin:0px auto 20px auto; text-align:center; display: block; clear: both; position:relative;border-right: 2px solid #e30030;border-left: 3px solid #e30030;border-top: 3px solid #e30030;border-bottom: 2px solid #e30030; }
table.brand_origin2 th, table.brand_origin2 td { width: 310px; padding: 0px 10px; height:20px;  }
table.brand_origin2 td { border-bottom: 1px solid #e30030;border-right: 1px solid #e30030;  }
table.brand_origin2 td b {  font-weight: bold;  }

table.brand_origin3 { width:624px; margin:0px auto 20px auto; text-align:center; display: block; clear: both; position:relative;border-right: 2px solid #e30030;border-left: 3px solid #e30030;border-top: 3px solid #e30030;border-bottom: 2px solid #e30030; }
table.brand_origin3 td { padding: 0px 10px; height:20px; text-align:left; border-bottom: 1px solid #e30030;border-right: 1px solid #e30030;  }

table.brand_origin4 { width:624px; margin:0px auto 20px auto; text-align:center; display: block; clear: both; position:relative;border-right: 2px solid #e30030;border-left: 3px solid #e30030;border-top: 3px solid #e30030;border-bottom: 2px solid #e30030; }
table.brand_origin4 th, table.brand_origin4 td { width:57px; padding: 3px 0; height:20px; font-size:84%; border-bottom: 1px solid #e30030;border-right: 1px solid #e30030;  }
table.brand_origin4 th { background-color: #e9e9e9; }

th.corner_l { background:url(/contents/300069118.gif) no-repeat top left #e30030; }
th.corner_r { background:url(/contents/300069119.gif) no-repeat top right #e30030; }
.bg th, .bg td { background-color: #e9e9e9; }


/* ajax tab */
.shadetabs { width:624px; height: 22px; padding: 3px 0; margin: 1px 0 0 5px; font: bold 12px Verdana; list-style-type: none; text-align: left; display: block; 
clear: both; position: relative; top: 1px; }
.shadetabs li { display: block; float: left; margin: 0; width: 124px; height: 24px; }
.shadetabs li a { text-decoration: none; width: 124px; height: 24px; display: block; margin-right: 3px; padding-top: 5px; 
padding-left: 5px; color: #fff; background: url(/contents/300069166.gif) top left no-repeat; }
.shadetabs li a:visited { color: #fff; }
.shadetabs li a:hover{ text-decoration: none; color: #ccc; }

.shadetabs li.selected { position: relative; top: 1px; font: bold 12px Verdana; }
.shadetabs li.selected a{ background: url(/contents/300069165.gif) no-repeat top left; border-bottom-color: #C02717; font: bold 12px Verdana; }
.shadetabs li.selected a:hover{ text-decoration: none; }

/* リンク
-------------------------------------*/
.brand_detail .brand_detail_link {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0 0 30px 0;
	border-bottom: 1px dashed #ccc;
	overflow: hidden;
	zoom: 1;
}
.brand_detail .brand_detail_link p {
	padding: 10px 0 20px 50px;
	color: #e30030;
	font-size: 142%;
	font-weight: bold;
	background: url(/contents/300071798.gif) no-repeat 0 0;
	overflow: hidden;
	zoom: 1;
}


/*-------------------------------------
 商品一覧
-------------------------------------*/
.products_list {
	clear: both;
}
.products_list h4 {
	margin: 0 0 10px 0;
	padding: 3px;
	color: #ee0019;
	font-size: 142%;
	border-top: 1px solid #ee0019;
	border-bottom: 1px solid #ee0019;
}
.products_list h4 img {
	vertical-align: middle;
}
.products_list ul {
	margin: 0 -10px 0 0;
	letter-spacing: -0.4em;
}
.products_list ul li {
	display: inline-block;
	/display: inline;
	width: 210px;
	padding: 5px 0 10px 2px;
	letter-spacing: normal;
	vertical-align: top;
	zoom: 1;
}
.products_list ul li img {
	float: left;
	vertical-align: middle;
}
.products_list ul li span {
	display: block;
	float: right;
	width: 110px;
	padding: 15px 0 0 0;
}






/* 
-------------------------------------*/
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */









/*-------------------------------------
 
-------------------------------------*/
/* 
-------------------------------------*/
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */


/*-------------------------------------
 
-------------------------------------*/
/* 
-------------------------------------*/
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */