@charset "euc-jp";
/* ===================================================================
CSS information

 file name  :style.css
 style info :TOP、及び共通レイアウト
 このスタイルシートの構成
 
  
 2012.06.08 kunihiro
 2019.03.12 kunihiro
=================================================================== */
/*--- reset */
html {
	overflow-y: scroll;
}

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;
	word-break: break-all;
	word-wrap: break-word;

}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td {
	vertical-align:top;
}

caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border:0;
	vertical-align:top;/* listにて隙間ができるのを防ぐ kunihro*/
}
li {
	list-style-type: none;
}

/* -----/ default /----- */
a {
color:#195AA5;
text-decoration:none;
overflow:hidden;/* タブキーのフォーカス対策kunihiro */
outline:none;/* Firefoxで点線が出ない処理　kunihiro */
}

a:visited {
	color:#6418A5;
	color:#73AAEA;
	color:#3C89E1;
	color:#5899E5;
}

a:hover {
	text-decoration:underline;
}

th,td {
	vertical-align:top;
}

/* clearfix ************************************
floatを使用したときに高さの取れてないコンテナに使う。
「clear:both」（下の要素で）で再びfloatを使って
「clear:both」を使えない、marginの指定もできない場合に使用。
*/

.clearfix:after {
	content:".";
	display:block;
	visibility:hidden;
	height:0.1em;
	font-size:0.1em;
	line-height:0;
	clear:both;
}

.clearfix { zoom: 100% }



/* /------------------------/
レイアウト
/--------------------------*/

/*--- default */
body {
	background:url(img_top/bg.png) 0 100% repeat-x;
	color: #333;
	font-size: 13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "MS Gothic","メイリオ", Meiryo, Osaka, sans-serif;
	line-height: 1.4;
	text-align: center;
}

* html body {	/* for IF6 */
	font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#Frame {
	width:980px;
	margin:0 auto;
	text-align:center;
}

/* 文字サイズ　変更 */
.fontL{
	font-size: 130.8%;/* 17px */
}
.fontM{
	font-size: 115.4%;/* 15px */
}
.fontS{
	font-size: 100%;
}



.page {
	text-align:left;
}


/* ---/ header /--- */
.header {
	height:100px;
	background:url(img_top/header_bg.jpg) 0 0 no-repeat;
	position:relative;
}

/* ---/ gnavi /--- */
.gnavi {
	height:41px;
	background:url(img_top/gnavi_bg.jpg) 0 0 no-repeat;
}

/* ---/ mainImg /--- */
.mainImg {
	height:260px;
	margin-top:10px;
	background:url(img_top/mainImg_bg.png) 0 0 no-repeat;
}

.mainImg_bg {
	width:750px;
	float:left;
	height:250px;
	padding:5px;
	background-position:5px 5px;
	background-repeat:no-repeat;
	position:relative;
}

.mainImg_banner {
	width:200px;
	height:240px;
	float:right;
	background:url(img_top/mainImg_banner_bg.jpg) 0 0 no-repeat;
	padding:10px;
}

/* ---/ leftcolumn /--- */
td#leftcolumn {
	padding-right:25px;
	padding-top:10px;
}

.leftColumn_inner {
	width:210px;
}

/* ---/ centercolumn /--- */
td#centercolumn {
	width:745px;
	padding-top:10px;
}

/*
.centerColumn {
	width:745px;
	background-color:#33F;
}
*/

td#centerCcolumn {
}

td#centerLcolumn {
	width:510px;
	padding-right:15px;
}

.centerLcolumn_inner {
	width:510px;
}

td#centerRcolumn {
	width:220px;
}

.centerRcolumn_inner {
	width:220px;
}

/* ---/ footer /--- */
.footer {
	margin-top:20px;
}

.address_box {
}


/* /------------------------/
header
/--------------------------*/

h1.logo a {
	background:url(img_top/logo.gif) 0 0 no-repeat;
	width:221px;
	height:62px;
	text-indent:-9999px;
	position:absolute;
	top:13px;
	left:20px;
	display:block;
}

.login_logo a{
	pointer-events:none;
}

/* カート */
.header_cart {
	position:absolute;
	top:42px;
	/*left:550px;*/
	right: 20px;
	width:202px;
	height:27px;
}

.header_cart_iframe {
	background:url(img_top/header_cart_bg.gif) 0 0 no-repeat;
}

/* iframe内のbodyの背景を消す */
body.iframe {
	background:none;
}


.header_cart_iframe p.number {
	font-size:12px;/* 固定 */
	color:#728006;
	width:70px;
	text-align:right;
	height:27px;
	line-height:27px;
	float:left;
}

.header_cart_iframe p.header_cart_link {
	float:right;
}

.header_cart_iframe p.header_cart_link a {
	text-indent:-9999px;
	display:block;
	width:120px;
	height:27px;
}


/* header内サブリンク(工場見学、受託製造について、採用情報) 190312 kumihiro追加 */
.header_sublink {
	position:absolute;
	top:0;
	right:215px;
	background-color: #F5F5F5;
	border-radius: 0 0 3px 3px;
	padding: 7px 5px 5px;
}

.header_sublink_list li {
	display: inline-block;
	border-right: #C9C9C9 1px solid;
}

.header_sublink_list li:last-child {;
	border-right:none;
}

.header_sublink_list li a {
	display: inline-block;
	padding: 2px 10px;
	font-size: 12px;
}



/* 文字サイズ */
.header_fontSize {
	position:absolute;
	top:10px;
	right:20px;
	width:200px;
}

.header_fontSize p {
	float:left;
	width:100px;
	height:25px;
	line-height:25px;
	text-align:right;
}

.header_fontSize ul {
	float:right;
}

.header_fontSize ul li {
	float:right;
	padding-left:5px;
}

.header_fontSize ul li a {
	display:block;
	width:25px;
	height:25px;
	text-indent:-9999px;
}

li.header_fontSize_l a {
	background:url(img_top/header_fontSize_l.gif) 0 0 no-repeat;
}

li.header_fontSize_m a {
	background:url(img_top/header_fontSize_m.gif) 0 0 no-repeat;
}

li.header_fontSize_s a {
	background:url(img_top/header_fontSize_s.gif) 0 0 no-repeat;
}

/* 選択時、及びhover */
.fontS li.header_fontSize_s a,
.fontM li.header_fontSize_m a,
.fontL li.header_fontSize_l a,
.header_fontSize ul li a:hover {
	background-position:0 100%;
}

/* ヘッダーナビ */
ul.header_navi {
	position:absolute;
	top:70px;
	right:20px;
}

ul.header_navi li {
	display:inline-block;
	background:url(img_top/arrow.gif) 0 50% no-repeat;
	padding-left:10px;
	margin-left:5px;
}

ul.header_navi li a {
	font-size: 12px;
	line-height: 26px;
	vertical-align: middle;
}

/* 会員登録関係のリンクボタン */
.header_navi .btn_logout,
.header_navi .btn_mypage,
.header_navi .btn_member_registration,
.header_navi .btn_login {
}

.header_navi .btn_member_registration,
.header_navi .btn_login {
	background-image: none;
	padding-left: 0;
}

.header_navi .btn_logout a,
.header_navi .btn_mypage a,
.header_navi .btn_member_registration a,
.header_navi .btn_login a {
	text-decoration: none;
	display: inline-block;
}

.header_navi .btn_member_registration a:hover,
.header_navi .btn_login a:hover {
	opacity: 0.8;
}

/* ログアウトbtn */
.header_navi .btn_logout a {
	
}

.header_navi .btn_logout a span {
}


/* 会員ページbtn */
.header_navi .btn_mypage a {
	
}

.header_navi .btn_mypage a span {
	font-size:110%;
	font-weight: bold;
}

/* 会員登録するbtn */
.header_navi .btn_member_registration a {
	background: none repeat scroll 0% 0% #FFFFFF;
	background-color: #F5970A;
	padding: 0 10px;
}

.header_navi .btn_member_registration a span {
	color: #FFFFFF;
}


/* ログインするbtn */
.header_navi .btn_login a {
	background: none repeat scroll 0% 0% #FFFFFF;
	background-color: #E60012;
	padding: 0 5px;
}

.header_navi .btn_login a span {
	color: #FFFFFF;
}


/* /------------------------/
gnavi
/--------------------------*/
.gnavi ul {
	padding:0 30px;
}

.gnavi ul li {
	float:left;
}

.gnavi ul li a {
	display:block;
	width:184px;
	height:41px;
	text-indent:-9999px;
}

li.gnavi_01 a {
	background:url(img_top/gnavi_01.jpg) 0 0 no-repeat;
}

li.gnavi_02 a {
	background:url(img_top/gnavi_02.jpg) 0 0 no-repeat;
}

li.gnavi_03 a {
	background:url(img_top/gnavi_03.jpg) 0 0 no-repeat;
}

li.gnavi_04 a {
	background:url(img_top/gnavi_04.jpg) 0 0 no-repeat;
}

li.gnavi_05 a {
	background:url(img_top/gnavi_05.jpg) 0 0 no-repeat;
}

.gnavi ul li a:hover {
	background-position:0 100%;
}


/* /------------------------/
mainImg
/--------------------------*/

/* ---/ mainImg_bg /--- */
.mainImg_bg h2 {
	/*
	background:url(img_top/mainImg_txt_h2.png) 0 0 no-repeat;
	width:468px;
	height:64px;
	position:absolute;
	top:33px;
	left:13px;
	*/
	text-indent:-9999px;
}

.mainImg_bg p {
	/*
	background:url(img_top/mainImg_txt_p.png) 0 0 no-repeat;
	width:337px;
	height:101px;
	position:relative;
	top:139px;
	left:19px;
	*/
	text-indent:-9999px;
}

/* 詳しくはこちら　リンク */
a.mainImg_link_btn {
	display:block;
	width:182px;
	height:32px;
	background:url(img_top/mainImg_link_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:20px;
	right:20px;
}

a.mainImg_link_btn:hover {
	background-position:0 100%;
}


/* ---/ mainImg_banner /--- */
.mainImg_recipe_link {
	margin-bottom:20px;
}


/* /------------------------/
leftcolumn（左カラム）
/--------------------------*/

/* /------------------------/
left_newProducts(新商品)
/--------------------------*/
.left_newProducts {
	background:url(img_top/left_newProducts_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_newProducts .box_bottom {
	background:url(img_top/left_newProducts_bg_bottom.png) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_newProducts .tl {
	position:relative;
}

.left_newProducts h3 {
	background:url(img_top/left_newProducts_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}

.left_newProducts .tl p.list_link_btn {
	width:52px;
	height:27px;
	position:absolute;
	top:9px;
	left:150px;
}

.left_newProducts .tl p.list_link_btn a {
	background:url(img_top/list_link_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:27px;
	display:block;
}

.left_newProducts .tl p.list_link_btn a:hover {
	background-position:0 100%;
}



td#leftcolumn .inner {/* 共通 */
	padding:0 10px 5px;
}

/* img */
.left_newProducts .img_box {
	padding-bottom:5px;
	overflow:hidden;
}

.left_newProducts .img_box a {
	display:block;
	padding:4px;
	border:#CCC 1px solid;
	text-align:center;
}

.left_newProducts .img_box a.products_img {
	width:100px;
	height:100px;
	float:left;
}

.left_newProducts .img_box a.recipe_img {
	width:65px;
	float:right;
	
	margin-top:35px;
}

.left_newProducts .img_box a img {
}

/* name */
.left_newProducts dl {
}

.left_newProducts dl dt {
	width:60px;
	height:17px;
	text-indent:-9999px;
	float:left;
}

.left_newProducts dl dt.name {
	background:url(img_top/left_newProducts_name_icon.png) 0 0 no-repeat;
}

.left_newProducts dl dt.recipe_name {
	background:url(img_top/left_newProducts_recipeName_icon.png) 0 0 no-repeat;
}

.left_newProducts dl dd {
	margin-left:70px;
	margin-bottom:5px;
}

/* ボタン */
.left_newProducts p.more_link {
	padding:5px 0;
}

.left_newProducts p.more_link a {
	display:block;
	text-indent:-9999px;
	background:url(img_top/left_newProducts_recipe_btn.gif) 0 0 no-repeat;
	width:102px;
	height:22px;
	float:right;
}


/* /------------------------/
left_news(新着情報)
/--------------------------*/
.left_news {
	background:url(img_top/left_newProducts_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_news .box_bottom {
	background:url(img_top/left_newProducts_bg_bottom.png) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_news .tl {
	position:relative;
}

.left_news h3 {
	text-indent:-9999px;
	background:url(img_top/left_news_tl.jpg) 0 0 no-repeat;
	height:52px;
}

.left_news .tl p.list_link_btn {
	width:52px;
	height:27px;
	position:absolute;
	top:9px;
	left:150px;
}

.left_news .tl p.list_link_btn a {
	background:url(img_top/list_link_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:27px;
	display:block;
}

.left_news .tl p.list_link_btn a:hover {
	background-position:0 100%;
}

.left_news dl {
}

.left_news dl dt {
	overflow:hidden;
	padding-top:10px;
	padding-bottom:5px;
	font-size:92.3%;
}

.left_news dl dt img {
	margin-left:10px;
}

.left_news dl dd {
	background:url(img_top/dotted_line_beige.gif) 0 100% repeat-x;
	padding-bottom:10px;
}

.left_news dl dd.last {
	background:none;
}

/* /------------------------/
left_recipe(レシピ検索)
/--------------------------*/

.left_recipe {
	background:url(img_top/left_recipe_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_recipe .box_bottom {
	background:url(img_top/left_recipe_bg_bottom.png) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_recipe h3 {
	background:url(img_top/left_recipe_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}

/* 左カラム検索　共通 */
td#leftcolumn input.txt{
	color:#999;
	/*
	padding:4px;
	width:180px;
	border:#CCC 1px solid;
	*/
	width:180px;
	padding:2px;
}

td#leftcolumn p.keyword_txt {
	font-size:10px;
	color:#B4CC79;
	padding-top:2px;
}

td#leftcolumn span.left_search_tag {
	display:block;
	float:left;
	width:140px;
}

td#leftcolumn span.left_search_tag a {
	margin-right:10px;
}

td#leftcolumn input.search_btn {
	background:url(img_top/left_search_btn.jpg) 0 0 no-repeat;
	display:block;
	width:42px;
	height:22px;
	text-indent:-9999px;
	float:right;
	margin:3px 0 0 0;
	border:none;
	padding:0;
}

td#leftcolumn input.search_btn:hover {
	background-position:0 100%;
}



td#leftcolumn p.search_more_btn {
	clear:both;
	padding-top:5px;
	overflow:hidden;
	padding-bottom:5px;
}

td#leftcolumn p.search_more_btn a {
	display:block;
	width:102px;
	height:22px;
	background:url(img_top/left_search_more_btn.jpg) 0 0 no-repeat;
	text-indent:-9999px;
	float:right;
}

td#leftcolumn p.search_more_btn a:hover {
	background-position:0 100%;
}


/* リンク */
.left_recipe ul {
	clear:both;
	padding-top:5px;
}

.left_recipe ul li {
}

.left_recipe ul li a {
	width:190px;
	height:45px;
	display:block;
	text-indent:-9999px;
	margin-bottom:5px;
}

.left_recipe ul li.link01 a {
	background:url(img_top/left_recipe_favorite_link.gif) 0 0 no-repeat;
}

.left_recipe ul li.link02 a {
	background:url(img_top/left_recipe_buy_link.gif) 0 0 no-repeat;
}

.left_recipe ul li.link03 a {
	background:url(img_top/left_recipe_post_link.gif) 0 0 no-repeat;
}

.left_recipe ul li a:hover {
	background-position:0 100%;
}


/* /------------------------/
left_recipeQR(レシピQRコード)
/--------------------------*/

.left_recipeQR {
	background:url(img_top/left_recipe_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_recipeQR .box_bottom {
	background:url(img_top/left_recipe_bg_bottom.png) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_recipeQR h3 {
	background:url(img_top/left_recipe_qr_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}

.left_recipeQR .img_box {
	float:right;
}

.left_recipeQR img {
	width:82px;
}

.left_recipeQR p {
	margin-top:5px;
	overflow:hidden;
}


/* /------------------------/
left_productsQR(商品QRコード)
/--------------------------*/

.left_productsQR {
	background:url(img_top/left_products_menu_bg_middle.gif) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_productsQR .box_bottom {
	background:url(img_top/left_products_bg_bottom.gif) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_productsQR h3 {
	background:url(img_top/left_products_qr_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}


.left_productsQR .img_box {
	float:right;
}

.left_productsQR img {
	width:82px;
}

.left_productsQR p {
	margin-top:5px;
	overflow:hidden;
}



/* /------------------------/
left_products_search(商品検索)
/--------------------------*/
.left_products_search {
	background:url(img_top/left_products_menu_bg_middle.gif) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_products_search .box_bottom {
	background:url(img_top/left_products_bg_bottom.gif) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_products_search h3 {
	background:url(img_top/left_products_search02_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}

/* 商品一覧の中に配置する場合のタイトル　不要になったら削除 */
p.products_search_tl {
	background:url(img_top/left_products_search_tl.gif) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}




/* /------------------------/
left_products(商品一覧)
/--------------------------*/
.left_products {
	background:url(img_top/left_products_menu_bg_middle.gif) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_products .box_bottom {
	background:url(img_top/left_products_bg_bottom.gif) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.left_products h3 {
	background:url(img_top/left_products_menu_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}

ul.products_menu {
	margin-bottom:10px;
}

ul.products_menu li {
}

ul.products_menu li a {
	width:190px;
	height:30px;
	text-indent:-9999px;
	display:block;
}

li.products_menu_shoyu a {
	background:url(img_top/left_products_menu_shoyu.jpg) 0 0 no-repeat;
}

li.products_menu_miso a {
	background:url(img_top/left_products_menu_miso.jpg) 0 0 no-repeat;
}

li.products_menu_doressing a {
	background:url(img_top/left_products_menu_dressing.jpg) 0 0 no-repeat;
}

li.products_menu_tsuyudashi a {
	background:url(img_top/left_products_menu_tsuyudashi.jpg) 0 0 no-repeat;
}

li.products_menu_ponzu a {
	background:url(img_top/left_products_menu_ponzu.jpg) 0 0 no-repeat;
}

li.products_menu_other a {
	background:url(img_top/left_products_menu_other.jpg) 0 0 no-repeat;
}

li.products_menu_prouse a {
	background:url(img_top/left_products_menu_prouse.jpg) 0 0 no-repeat;
}

li.products_menu_kodawari a {
	background:url(img_top/left_products_menu_kodawari.jpg) 0 0 no-repeat;
}

li.products_menu_gift a {
	background:url(img_top/left_products_menu_gift.jpg) 0 0 no-repeat;
}

ul.products_menu li a:hover {
	background-position:0 100%;
}


/* ---/ サブメニュー /--- */

.sf-2-menu li:hover ul,
.sf-2-menu li.sfHover ul {
}

.sf-2-menu li:hover ul a,
.sf-2-menu li.sfHover ul a {
	background:none;
	text-indent:0;
	border:#EDCE71 1px solid;
	height:25px;
	line-height:25px;
	background:url(img_top/arrow_o.gif) 5px 8px no-repeat;
	background-color:#FFF;
	padding-left:15px;
}

.sf-2-menu li:hover ul a:hover,
.sf-2-menu li.sfHover ul a:hover {
	background:#FFF3E1 url(img_top/arrow.gif) 5px 50% no-repeat;
	text-decoration:underline;
}


/* バナー　ボタン */
ul.products_banner {
	clear:both;
}

ul.products_banner li {
	margin-bottom:10px;
	/* バナーサイズが合わないための処理 */
	background:#ddd;
}

ul.products_banner li a {
	margin:0;
	/* バナーサイズが合わないための処理 */
	width:190px;
	display:block;
	background:url(img_top/left_banner_arrow.gif) 92% 50% no-repeat;
}

ul.products_banner li a img {
	margin:0;
}


/* /------------------------/
ul.left_banner(左バナー210px)
/--------------------------*/
ul.left_banner {
}

ul.left_banner li {
	padding-bottom:10px;
}


/* /------------------------/
centercolumn(センターカラム)
/--------------------------*/

/* /------------------------/
top_info_box(特別なお知らせ)
/--------------------------*/
.top_info_box {
	background:url(img_top/top_info_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.top_info_box .box_top {
	background:url(img_top/top_info_bg_top.png) 0 0 no-repeat;
}

.top_info_box .box_bottom {
	background:url(img_top/top_info_bg_bottom.png) 0 100% no-repeat;
	padding:10px;
	zoom:1;/* ie6 */
}


.top_info_box h3 {
	margin-bottom:15px;
	font-size:16px;
}

.top_info_box p {
	margin-bottom:10px;
}

.top_info_box p em {
	font-weight:bold;
	font-size:16px;
}

/* /------------------------/
top_tsuyomi(強み)
/--------------------------*/
.top_tsuyomi {
	margin-bottom:10px;
}

.top_tsuyomi h3 {
	background:url(img_top/top_tsuyomi_tl.jpg) 0 0 no-repeat;
	height:40px;
	text-indent:-9999px;
	margin-bottom:10px;
}

/* box背景 */
.tsuyomi_3box {
	background:url(img_top/top_tsuyomi_3box_bg_middle.png) 0 0 repeat-y;
}

.tsuyomi_3box .box_bottom {
	background:url(img_top/top_tsuyomi_3box_bg_bottom.jpg) 0 100% no-repeat;
	overflow:hidden;
	position:relative;
}

/* box */
.tsuyomi_box01,
.tsuyomi_box02,
.tsuyomi_box03 {
	width:245px;
	float:left;
	margin-right:5px;
}

.tsuyomi_box03 {
	margin-right:0;
}

.top_tsuyomi h4 {
	height:37px;
	text-indent:-9999px;
	margin-bottom:5px;
}

.tsuyomi_box01 h4 {
	background:url(img_top/top_tsuyomi_box01_tl.jpg) 0 0 no-repeat;
}

.tsuyomi_box02 h4 {
	background:url(img_top/top_tsuyomi_box02_tl.jpg) 0 0 no-repeat;
}

.tsuyomi_box03 h4 {
	background:url(img_top/top_tsuyomi_box03_tl.jpg) 0 0 no-repeat;
}

.tsuyomi_3box p.tsuyomi_txt01 {
	padding:0 10px 10px;
}

.tsuyomi_3box p.tsuyomi_txt02 {
	width:140px;
	padding:0 10px 50px;
}

/* 詳しく見る　ボタン */
.top_tsuyomi p.more_link {
	position:absolute;
	bottom:10px;;
}

.tsuyomi_box01 p.more_link {
	left:10px;
}

.tsuyomi_box02 p.more_link {
	left:260px;
}

.tsuyomi_box03 p.more_link {
	left:510px;
}

.top_tsuyomi p.more_link a {
	background:url(img_top/more_btn_r.jpg) 0 0 no-repeat;
	width:94px;
	height:27px;
	display:block;
	text-indent:-9999px;
}

.top_tsuyomi p.more_link a:hover {
	background-position:0 100%;
}


/* /------------------------/
top_voice(お客様の声)
/--------------------------*/
.top_voice {
	background:url(img_top/top_voice_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.top_voice .box_bottom {
	background:url(img_top/top_voice_bg_bottom.png) 0 100% no-repeat;
}

.top_voice .tl {
	position:relative;
}

.top_voice h3 {
	background:url(img_top/top_voice_tl.jpg) 0 0 no-repeat;
	height:50px;
	text-indent:-9999px;
}

/* 一覧ボタン */
.top_voice .tl p.list_link_btn {
	width:52px;
	height:27px;
	position:absolute;
	top:7px;
	right:7px;
}

.top_voice .tl p.list_link_btn a {
	background:url(img_top/list_link_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:27px;
	display:block;
}

.top_voice .tl p.list_link_btn a:hover {
	background-position:0 100%;
}

/* box */
.top_voice ul {
	padding:0 10px;
	overflow:hidden;
}

.top_voice ul li {
	height:100px;
	margin-bottom:10px;
	position:relative;
}

li.top_voice_box01 {
	background:url(img_top/top_voice_hatsuakane_bg.jpg) 0 0 no-repeat;
}

li.top_voice_box02 {
	background:url(img_top/top_voice_usukuchi_bg.jpg) 0 0 no-repeat;
}

li.top_voice_box03 {
	background:url(img_top/top_voice_yoake_bg.jpg) 0 0 no-repeat;
}

.top_voice ul li p {
	text-indent:-9999px;
}

/* お客様の声を見る　ボタン */
.top_voice p.more_link {
	position:absolute;
	top:65px;
	left:190px;
}

.top_voice p.more_link a {
	display:block;
	background:url(img_top/top_voice_more_btn.jpg) 0 0 no-repeat;
	width:142px;
	height:27px;
}

.top_voice p.more_link a:hover {
	background-position:0 100%;
}


/* /------------------------/
top_winning_banner(受賞バナー)
/--------------------------*/
.top_winning_banner a {
	background:url(img_top/winning_banner_hover.png) 0 0 no-repeat;
	display:block;
	width:510px;
	height:60px;
	margin-bottom:10px;
}

.top_winning_banner a:hover img {
	display:none;
}



/* /------------------------/
top_ranking(オンラインショッピング　人気商品)
/--------------------------*/
.top_ranking {
	background:url(img_top/top_voice_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.top_ranking .box_bottom {
	background:url(img_top/top_voice_bg_bottom.png) 0 100% no-repeat;
}

.top_ranking h3 {
	background:url(img_top/top_ranking_tl.jpg) 0 0 no-repeat;
	height:40px;
	text-indent:-9999px;
}

.top_ranking ul {
	padding:0 5px;
}

.top_ranking ul li {
	padding-left:5px;
	border-bottom:#E1C394 1px solid;
	padding:10px 0;
}

.top_ranking ul li.last {
	border:none;
}

.top_ranking ul li p {
	float:left;
}

.top_ranking  p.icon {
	padding:12px 5px 0 0;
}

.top_ranking  p.img_box {
	padding-right:5px;
}

.top_ranking  p.img_box a.img_box50 {
	display:block;
	border:#CCC 1px solid;
	padding:4px;
	width:50px;
	height:50px;
	text-align:center;
}

.top_ranking  p.name_box {
	font-size:92.3%;
	width:110px;
	padding-right:25px;
}

.top_ranking  p.name_box a.name {
	display:block;
}

.top_ranking  p.name_box a span.price {
	display:block;
	color:#EA3D1F;
}

.top_ranking  p.txt {
	width:260px;
	position:relative;
}

.top_ranking  p.txt img {
	position:absolute;
	left:-20px;
}

.top_ranking  p.txt a {
	background-color:#FFF3E1;
	display:block;
	padding:5px 5px 5px 35px;
}


/* /------------------------/
top_shopping_link(オンラインショッピング　リンク)
/--------------------------*/
.top_shopping_link {
	background:url(img_top/top_shopping.jpg) 0 0 no-repeat;
	height:180px;
	position:relative;
	margin-bottom:10px;
	
	z-index:1;
}

.top_shopping_link p {
	text-indent:-9999px;
	height:0;
}

.top_shopping_link li {
	text-indent:-9999px;
	height:0;
}

.top_shopping_link a {
	display:block;
	background:url(img_top/top_shopping_link_btn.jpg) 0 0 no-repeat;
	width:182px;
	height:32px;
	text-indent:-9999px;
	position:absolute;
	top:137px;
	left:318px;
}

.top_shopping_link a:hover {
	background-position:0 100%;
}


/* /------------------------/
top_recipe(人気レシピ)
/--------------------------*/
.top_recipe {
	margin-bottom:10px;
	background:url(img_top/top_recipe_bg.gif) 0 0 repeat-y;
	padding-bottom:10px;
}

.top_recipe .inner {
	background:url(img_top/top_recipe_bg_middle.gif) 0 0 repeat-y;
}

.top_recipe h3 {
	background:url(img_top/top_recipe_tl.gif) 0 0 no-repeat;
	height:70px;
	text-indent:-9999px;
}


/* box背景 */
.top_recipe .box_bottom {
	background:url(images/top_recipe_3box_bg_bottom.jpg) 20px 100% no-repeat;
}

ul.top_recipe_ranking {
	margin:0 10px 0 20px;
	background:url(img_top/top_recipe_3box_bg_middle.jpg) 0 0 repeat-y;
}

/* box */
li.top_recipe_ranking_box {
	width:150px;
	float:left;
	padding-right:10px;
}

li.top_recipe_ranking_box dl {
}

/* icon */
li.top_recipe_ranking_box dl dt {
	height:32px;
	text-indent:-9999px;
	padding-bottom:5px;
}

li.top_recipe_ranking_box dl dt.top_recipe_ranking01 {
	background:url(img_top/top_recipe_1_icon.png) 0 0 no-repeat;
}

li.top_recipe_ranking_box dl dt.top_recipe_ranking02 {
	background:url(img_top/top_recipe_2_icon.png) 0 0 no-repeat;
}

li.top_recipe_ranking_box dl dt.top_recipe_ranking03 {
	background:url(img_top/top_recipe_3_icon.png) 0 0 no-repeat;
}

/* name */
li.top_recipe_ranking_box dl dd {
	padding:0 20px 5px 18px;
}

li.top_recipe_ranking_box dl dd.img_box a {
	display:block;
	background-color:#FFF;
	border:#CCC 1px solid;
	width:100px;
	padding:4px;
}

li.top_recipe_ranking_box dl dd.name a {
}

/* リンク */
.top_recipe_link {
	height:77px;
	position:relative;
	background:url(img_top/top_recipe_inner_bg_bottom.gif) 0 0 no-repeat;
	margin:0 10px;
}

.top_recipe_link p.txt {
	text-indent:-9999px;
	background:url(img_top/top_recipe_txt.png) 0 0 no-repeat;
	width:216px;
	height:55px;
	position:absolute;
	top:14px;
	left:75px;
}

.top_recipe_link a.top_recipe_link_btn {
	display:block;
	background:url(img_top/top_recipe_link_btn.jpg) 0 0 no-repeat;
	width:172px;
	height:52px;
	text-indent:-9999px;
	position:absolute;
	bottom:10px;
	right:10px;
}

.top_recipe_link a.top_recipe_link_btn:hover {
	background-position:0 100%;
}

/* レシピ投稿 */
.top_recipe_post {
	background:url(img_top/top_recipe_post_bg.jpg) 0 0 no-repeat;
	height:104px;
	margin:10px 10px 0 10px;
	position:relative;
}

.top_recipe_post h3 {
	background:none;
}

.top_recipe_post p {
	text-indent:-9999px;
	height:0;
}


.top_recipe_post a {
	display:block;
	width:192px;
	height:42px;
	text-indent:-9999px;
	background:url(img_top/top_recipe_post_link_btn.gif) 0 0 no-repeat;
	position:absolute;
	bottom:10px;
	right:10px;
}

.top_recipe_post a:hover {
	background-position:0 100%;
}


/* /------------------------/
top_media(メディア掲載)
/--------------------------*/
.top_media {
	background:url(img_top/top_right_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.top_media .box_bottom {
	background:url(img_top/top_right_bg_bottom.png) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.top_media .tl {
	position:relative;
}

.top_media h3 {
	background:url(img_top/top_right_media_tl.jpg) 0 0 no-repeat;
	height:52px;
	text-indent:-9999px;
}

.top_media .tl p.list_link_btn {
	width:52px;
	height:27px;
	position:absolute;
	top:9px;
	right:9px;
}

.top_media .tl p.list_link_btn a {
	background:url(img_top/list_link_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:27px;
	display:block;
}

.top_media .tl p.list_link_btn a:hover {
	background-position:0 100%;
}

td#centerRcolumn .inner {
	padding:0 10px 5px;/* inner 200px */
	clear:both;
}

.top_media .img_box {
	border:#CCC 1px solid;
	padding:5px;/* img 190px */
	text-align:center;
	margin-bottom:5px;
}

.top_media p.txt img {
	-ms-interpolation-mode: bicubic;
}

.top_media span.date {
	font-size:92.3%;
}

.top_media span.date {
	font-size:92.3%;
	margin-right:5px;
}

/* /------------------------/
top_blog(公式ブログ)
/--------------------------*/
.top_blog {
	background:url(img_top/top_right_bg_middle.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.top_blog .box_bottom {
	background:url(img_top/top_right_bg_bottom.png) 0 100% no-repeat;
	zoom:1;/* ie6 */
}

.top_blog .tl {
	position:relative;
}

.top_blog h3 {
	background:url(img_top/top_right_blog_tl.jpg) 0 0 no-repeat;
	height:72px;
	text-indent:-9999px;
}

/* 一覧ボタン */
.top_blog .tl p.list_link_btn {
	width:52px;
	height:27px;
	position:absolute;
	top:39px;
	right:9px;
}

.top_blog .tl p.list_link_btn a {
	background:url(img_top/list_link_btn.gif) 0 0 no-repeat;
	text-indent:-9999px;
	width:52px;
	height:27px;
	display:block;
}

.top_blog .tl p.list_link_btn a:hover {
	background-position:0 100%;
}

/* 記事 */
.top_blog dl {
}

.top_blog dl dt {
	border-top:#E1C293 1px solid;
	padding:10px 0 0;
	background:url(img_top/top_right_blog_icon.gif) 0 50% no-repeat;
	padding-left:20px;
	font-size:92.3%;
	display:block;
	height:20px;
	line-height:20px;
	margin-bottom:5px;
}

.top_blog dl dd {
	padding-bottom:10px;
}


/* /------------------------/
ul.top_right_banner(トップページ右バナー220px)
/--------------------------*/
ul.top_right_banner {
}

ul.top_right_banner li {
	margin-bottom:10px;
}

/* /------------------------/
バナー用テキスト
/--------------------------*/
.banner_text {
	font-size:88.3%;
}
/* /------------------------/
p.page_top (このページのトップへ)
/--------------------------*/
p.page_top {
	text-align:right;
}

p.page_top a {
	background:url(img_top/page_top_icon.gif) 0 50% no-repeat;
	padding-left:20px;
}

p.page_top a:hover {
	background:url(img_top/page_top_icon_h.gif) 0 50% no-repeat;
}

/* /------------------------/
footer(フッター)
/--------------------------*/
.footer {
	height:160px;
}

/* フッターリンク */
ul.footer_navi {
	text-align:right;
	height:30px;
	padding-top:10px;
}

ul.footer_navi li {
	display:inline;
	background:url(img_top/arrow.gif) 0 50% no-repeat;
	padding-left:10px;
	margin-right:10px;
}

/* お問い合わせ */
ul.footer_contact {
}

ul.footer_contact li {
	width:245px;
	height:90px;
	float:left;
}

li.footer_contact_link {
	background:url(img_top/footer_contact_link.png) 0 0 no-repeat;
	position:relative;
}

li.footer_contact_link p.txt {
	text-indent:-9999px;
	height:30px;
}

li.footer_contact_link p.footer_contact_faq_link {
	background:url(img_top/arrow_o.gif) 0 50% no-repeat;
	padding-left:10px;
	position:absolute;
	top:32px;
	right:60px;
}

li.footer_contact_link p.footer_contact_faq_link a {
}

a.footer_contact_link_btn {
	display:block;
	background:url(img_top/footer_contact_link_btn.png) 0 0 no-repeat;
	width:227px;
	height:22px;
	position:absolute;
	bottom:10px;
	left:9px;
	text-indent:-9999px;
}

a.footer_contact_link_btn:hover {
	background-position:0 100%;
}

/* tel */
li.footer_contact_tel {
	background:url(img_top/footer_contact_tel.png) 0 0 no-repeat;
}

li.footer_contact_tel p {
	text-indent:-9999px;
	height:0;
}

/* fax */
li.footer_contact_fax {
	background:url(img_top/footer_contact_fax.png) 0 0 no-repeat;
	position:relative;
}

li.footer_contact_fax p {
	text-indent:-9999px;
	height:0;
}

li.footer_contact_fax a {
	display:block;
	width:122px;
	height:22px;
	background:url(img_top/footer_contact_fax_btn.png) 0 0 no-repeat;
	text-indent:-9999px;
	position:absolute;
	bottom:10px;
	right:10px;
}


li.footer_contact_fax a:hover {
	background-position:0 100%;
}


/* 住所 */
li.footer_contact_address {
	background:url(img_top/footer_contact_address.png?ac=1) 0 0 no-repeat;
}

li.footer_contact_address p {
	text-indent:-9999px;
	height:0;
}

/* コピーライト */
.address_box {
	height:20px;
	text-align:center;
	position:relative;
	clear:both;
}

address {
	height:20px;
	line-height:20px;
	font-size:12px;/* 固定 */
}

p.author {
	position:absolute;
	bottom:0;
	right:0;
	font-size:10px;/* 固定 */
}

p.author a {
	font-size:10px;/* 固定 */
}


.print_view {
	display:none;/* AC ITOu */
}



/*---------------------------
全ページ共通　左カラム｜ポイント・会員ランク AC ITOU
----------------------------*/

.left_pointLank {
	background:url(img_cont/member_left_pointLank_bg.png) 0 0 repeat-y;
	margin-bottom:10px;
}

.left_pointLank .box_bottom {
	background:url(img_cont/member_left_pointLank_bottom.png) 0 100% no-repeat;
	zoom:1;/*IE6,7ハック*/
}

.left_pointLank h3 {
	text-indent:-9999px;
	height:0;
}

.left_pointLank .tl {
	background:url(img_cont/member_left_pointLank_h3.png) 0 0 no-repeat;
	height:62px;
	margin-bottom:5px;
	position:relative;
}

.left_pointLank .tl p{
	position:absolute;
	left:57px;
	top:10px;
	width:158px;
}


.left_pointLank .inner p {
	margin-bottom:5px;
}

.left_pointLank .inner p span.bold {
	display:block;
	text-align:right;
}


.left_pointLank .inner li {
	float:left;
}

.left_pointLank .inner p.specialMember,
.left_pointLank .inner p.regularMember {
	padding-right:15px;
	width:80px;
	height:24px;
	text-indent:-9999px;
	padding-top:5px;
}

.left_pointLank .inner p.specialMember {
	background:url(img_cont/member_left_pointLnak_specialMember.png) 0 5px no-repeat;
}

.left_pointLank .inner p.regularMember {
	background:url(img_cont/member_left_pointLnak_regularMember.png) 0 5px no-repeat;
}


.left_pointLank .mN {
	padding:5px;
	background-color:#F4EFE9;
}

.left_pointLank span.red {
	color:#EA3D1F;
}