body{
	margin:0;
	padding:0;
	background:url(../images/page_background.gif) repeat-y;
	font-size:12px;
	line-height:150%;
	color:#000000;
	width:741px;
}
*{
	margin:0;
	padding:0;
}
img{
	border:0;
}

/*link
----------*/
a{
	color:#0000CC;
	text-decoration:none;
}
a:hover{
	color:#0000FF;
	text-decoration:underline;
}

/*h
----------*/
h2{
	line-height:17px;
}
h3{
	font-size:14px;
	color:#CC6600;
}

/*table
----------*/
table{
	font-size:12px;
	margin:20px 0px;
	width:386px;
}
td{
	padding:2px 5px 0px 5px;
}
th{
	background-color:#dddddd;
	padding:2px 5px 0px 5px;
	text-align:left;
	font-weight:normal;
	vertical-align:top;
	white-space:nowrap;
}

/*---------------page-body---------------*/
#page-body{
	width:591px;
	position:absolute;
	top:30px;
	left:150px;
	clear:both;
}

/*----------grobalHeader----------*/
div#pagetop-navi {
	width:740px;height:30px;
	background-image:url("/images/HeaderBackground_Products.gif");
	background-repeat:no-repeat;
	padding:0;
	margin:0;
}
.pList {
	float:left;
	width:600;height:28px;
	padding:0px;
	margin-top:5px;
	margin-left:12px;
	color:#555;
	font-size:100%;
}

div.pList a:link, div.pList a:visited{color:#444;}
div.pList a:hover, div.pList a:active{color:#444;}

.backHP {
	float:right;
	width:120px;height:28px;
}

/*----------header----------*/
#header{
	height:170px;
	padding-bottom:40px;
}
#header-navi ul{
	list-style:none;
}
#header-navi li{
	text-indent:-9999px;
	position:absolute;
	top:170px;
	height:40px;
	background-repeat:no-repeat;
}
#header-navi li a{
	display:block;
	height:40px;
	text-decoration:none;
}
#header-navi li#hakkou{
	background-image:url(../../images/navi_hakkou.gif);
	width:197px;
	left:197px;
}
#header-navi li#namachoco{
	background-image:url(../../images/navi_choco_active.gif);
	width:196px;
	left:393px;
}
#header-navi li#hipura{
	background-image:url(../../images/navi_hiplus.gif);
	width:197px;
	left:0px;
}
/*
#header-navi li#coreste{
	background-image:url(../../images/navi_coreste.gif);
	width:148px;
	left:442px;
}
*/

/*‘?2ŠK‘wˆ?‰?header
--------------------*/
#header2{
	padding-top:100px;
}
#header2-navi ul{
	list-style:none;
}
#header2-navi li{
	text-indent:-9999px;
	position:absolute;
	top:0;
	height:40px;
	background-repeat:no-repeat;
}
#header2-navi li a{
	display:block;
	height:40px;
	text-decoration:none;
}
#header2-navi li#hakkou{
	background-image:url(../../images/navi_hakkou.gif);
	width:197px;
	left:197px;
}
#header2-navi li#namachoco{
	background-image:url(../../images/navi_choco_active.gif);
	width:196px;
	left:393px;
}
#header2-navi li#hipura{
	background-image:url(../../images/navi_hiplus.gif);
	width:197px;
	left:0px;
}
/*
#header2-navi li#coreste{
	background-image:url(../../images/navi_coreste.gif);
	width:148px;
	left:442px;
}
*/
#header2 h1 img{
	position:absolute;
	top:0;
	left:429px;
}
#header2 p{
	width:386px;
	padding:15px 0px 0px 17px;
	clear:both;
}
h1#stuff{
	background:url(../images/header_stuff.gif) no-repeat;
	width:429px;
	height:58px;
	padding-right:162px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
	top:40px;
	left:0;
}
h1#pro{
	background:url(../images/header_seizou_l.gif) no-repeat;
	width:429px;
	height:58px;
	padding-right:162px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
	top:40px;
	left:0;
}
h1#q-a{
	background:url(../images/header_qanda_l.gif) no-repeat;
	width:429px;
	height:58px;
	padding-right:162px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
	top:40px;
	left:0;
}
h1#shop{
	background:url(../images/header_shop_l.gif) no-repeat;
	width:429px;
	height:58px;
	padding-right:162px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
	top:40px;
	left:0;
}
h1#media{
	background:url(../images/header_media_l.gif) no-repeat;
	width:429px;
	height:58px;
	padding-right:162px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
	top:40px;
	left:0;
}
h1#recipe{
	background:url(../images/header_recipe_l.gif) no-repeat;
	width:429px;
	height:58px;
	padding-right:162px;
	padding-bottom:10px;
	text-indent:-9999px;
	position:absolute;
	top:40px;
	left:0;
}

/*----------left----------*/
#left{
	float:left;
	margin:15px 0px;
	padding:0px 34px 0px 17px;
	width:387px;
	background:url(../images/bg_dot-tate.gif) repeat-y right top;
}
.contents{
	padding:10px 0px;
	clear:both;
	width:386px;
}
.contents img{
	float:left;
}
.contents img.float-r{
	float:right;
	padding-left:5px;
}
.clear{
	clear:both;
}
.bold{
	font-weight:bold;
}
p.line-dot{
	width:380px;
	background:url(../images/line_dot-long.gif) bottom repeat-x;
	padding-bottom:5px;
	text-align:right;
	margin-bottom:5px;
}
p.t-b{
	clear:both;
	margin:10px 0px;
}
p.mini{
	font-size:10px;
	padding-bottom:10px;
}
a.info{
	background:url(../images/icon_info.gif) no-repeat;
	padding:0px 0px 5px 20px;
}

/*---------------index---------------*/
h2#syouhin{
	width:387px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/t-syouhintokutyou.gif) no-repeat;
}
.contents-index{
	padding:10px 0px 10px 6px;
	clear:both;
	width:380px;
}
.contents-index p{
	padding-top:10px;
}
img.four{
	margin:15px 0px 5px 0px;
}
h3 img{
	margin:0px 10px 0px 0px;
	float:left;
}
.mokuji{
	float:left;
	width:380px;
	padding-top:10px;
}
.mokuji img{
	float:right;
	margin:0px 0px 5px 5px;
}
.mokuji p{
	padding:0px 0px 10px 25px;
	background:url(../images/line_dot-long.gif) bottom repeat-x;
	margin-bottom:5px;
}
.mokuji p.line-no{
	background:none;
}

/*---------------stuff---------------*/
h2#package_back{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/t_package_back.gif) no-repeat;
}
td ul{
	list-style:circle outside;
	margin-top:10px;
}
td ul li{
	margin-top:5px;
	margin-left:25px;
}
th a{
	color:#000000;
	text-decoration:none;
}
th a:hover{
	color:#000000;
}
td.menu{
	white-space:nowrap;
	vertical-align:top;
}
h4{
	font-size:12px;
}

/*---------------process---------------*/
h2#process01{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/t-process01.gif) no-repeat;
}
h2#process02{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/t-process02.gif) no-repeat;
}
.contents dl{
	padding-top:5px;
	padding-bottom:5px;
	width:386px;
}
.contents dt{
	width:94px;
	margin-left:5px;
	clear:both;
}
.contents dd{
	padding-top:2px;
	margin-left:105px;
	width:270px;
}

/*---------------q-and-a---------------*/
.contents-qa{
	padding:10px 0px 10px 6px;
	width:380px;
}
h2#yokuaru{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/qanda-t-yokuaru.gif) no-repeat;
}
h2#kaitou{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/qanda-t-kaitou.gif) no-repeat;
}
span.strong{
	color:#FF0000;
	font-weight:bold;
}
ul.q{
	list-style:none;
	padding:5px 0px 5px 15px;
	color:#FF0000;
}
ul.q li{
	padding-bottom:5px;
	padding-left:16px;
	background:url(../images/icon_q-and-a.gif) no-repeat;
}
dt{
	float:left;
	font-weight:bold;
}
dd{
	margin-left:35px;
	margin-bottom:5px;
}
a.name{
	color:#000000;
	text-decoration:none;
}
a:hover.name{
	color:#000000;
	text-decoration:none;
}
dd table{
	width:340px;
	padding:0px;
	margin:5px 0px;
	border-collapse:collapse;
}
dd table.slim{
	width:300px;
	margin-top:0;
}
dd th{
	background-color:#FFFFCC;
	font-weight:bold;
}

/*---------------shop---------------*/
h2#hokkaido{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/shoplist_hokkaido.gif) no-repeat;
}
h2#kanto{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/shoplist_kanto.gif) no-repeat;
}
h2#chubu{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/shoplist_chubu.gif) no-repeat;
}
h2#kinki{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/shoplist_kinki.gif) no-repeat;
}
h2#chugoku{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/shoplist_chugoku.gif) no-repeat;
}
h2#kyusyu{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/shoplist_kyusyu.gif) no-repeat;
}
span.mini{
	font-size:10px;
}

/*---------------media---------------*/
h2#media-k{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/media-t-media.gif) no-repeat;
}
.kiji{
	float:right;
	padding:0px 0px 10px 0px;
	width:240px;
	font-size:15px;
}
.kiji h3{
	color:#000000;
	font-weight:normal;
	padding-left:10px;
}
.kiji img{
	float:right;
	padding:5px 10px 5px 0px;
}
.kiji p{
	float:right;
	width:220px;
	padding-right:10px;
}

/*---------------recipe---------------*/
.contents-recipe{
	padding:10px 0px 15px 0px;
	clear:both;
	height:97px;
	width:386px;
	background:url(../images/line_dot-long.gif) bottom repeat-x;
}
.contents-recipe-b{
	padding:10px 0px 15px 0px;
	clear:both;
	height:120px;
	width:386px;
	background:url(../images/line_dot-long.gif) bottom repeat-x;
}
.contents-remenu{
	padding:15px 5px 10px 5px;
}
.contents-recipe img.float-r{
	float:right;
}
.contents-recipe-b img.float-r{
	float:right;
}
h2#recipe-s{
	width:386px;
	height:19px;
	text-indent:-9999px;
	background:url(../images/recipe-t-recipe.gif) no-repeat;
}
h2.remenu{
	width:380px;
	background-color:#652E28;
	color:#FFFFFF;
	font-size:15px;
	font-weight:bold;
	padding:3px 3px 0px 3px;
}
.tukurikata{
	float:left;
	padding-bottom:10px;
	width:201px;
}
.tukurikata img{
	padding-right:5px;
}
.tukurikata p{
	padding:10px 0px 5px 0px;
	clear:both;
}
.tukurikata h3 img{
	margin-left:0;
}
table.zairyo{
	padding:0;
	margin-bottom:15px;
	width:376px;
}
table.zairyo td{
	background-color:#dddddd;
}
caption{
	text-align:left;
	font-weight:bold;
	padding-top:15px;
}
.contents-remenu p{
	background-color:#dddddd;
	padding:3px;
	width:370px;
}
.contents-remenu p.t-b{
	clear:both;
	margin:10px 0px;
	background-color:#FFFFFF;
}
ol{
	font-weight:bold;
	padding-bottom:15px;
	list-style-position:inside;
	width:376px;
}
ol li{
	background-color:#dddddd;
	font-weight:normal;
	padding:3px;
	margin:3px 0px 1px 3px;
}


/*----------right----------*/
#right{
	float:left;
	padding:15px 0px 15px 5px;
}
#new{
	width:132px;
	border:1px solid #652E28;
	margin-bottom:15px;
}
#menu{
	width:132px;
	border:1px solid #7E5429;
	margin-bottom:15px;
}
#new h2{
	text-indent:-9999px;
	background:url(../images/t-what.gif) no-repeat;
}
#menu h2{
	text-indent:-9999px;
	background:url(../images/recipe_menu.gif) no-repeat;
}
#new h3{
	padding-left:16px;
	margin:5px;
	background:url(../images/icon_what.gif) no-repeat;
}
#new p{
	padding-left:10px;
	padding-bottom:5px;
}
img.flash{
	margin:5px 0px 0px 10px;
}
a#flash{
	font-size:14px;
	font-weight:bold;
}
ul.feature{
	list-style:none;
	padding:10px 0px 0px 3px;
	color:#FF0000;
}
ul.feature li{
	padding-bottom:5px;
	padding-left:16px;
	background:url(../images/icon_what.gif) no-repeat;
	line-height:14px;
}

/*---------------navi---------------*/
#navi{
	width:150px;
	padding:10px 0px 0px 10px;
	position:absolute;
	top:30;
	left:0
}
#navi ul{
	list-style:none;
}
#navi li{
	font-size:16px;
	font-weight:bold;
	margin-top:20px;
	width:115px;
	padding-bottom:10px;
	background:url(../images/line.gif) left bottom no-repeat;
}
#navi li a:link{
	color:#FFFFFF;
	text-decoration:none;
}
#navi li a:visited{
	color:#FFFFFF;
	text-decoration:none;
}
#navi li a:hover{
	color:#CCCCCC;
	text-decoration: none;
}


/* 150924 */
#tab{list-style:none;}
#tab li{display:block;width:280px;height:44px;}
#tab li a{display:block;width:280px;height:44px;text-indent:-999em;overflow:hidden;}

#tab01{float:left;}
#tab02{float:right;}

#tab01 a{background:url("../images/tab01.png") no-repeat;}
#tab01.on a,
#tab01 a:hover{background:url("../images/tab01_on.png") no-repeat;}
#tab02 a{background:url("../images/tab02.png") no-repeat;}
#tab02.on a,
#tab02 a:hover{background:url("../images/tab02_on.png") no-repeat;}

#package_box{width:570px;position:relative;left:-6px;}
#package01{width:570px;height:384px;position:absolute;top:44px;}
#package02{width:570px;height:384px;position:absolute;top:44px;display:none;}

#package_foot{width:540px;background:#660000;color:#ffffff;text-align:center;padding:15px;position:absolute;top:428px;}
#package_foot img{vertical-align:middle;}

#package01 ul,
#package02 ul{list-style:none;}

#package01 #btn01_01{position:absolute;top:114px;left:133px;}
#package01 #btn01_02{position:absolute;top:21px;left:379px;}
#package01 #btn01_03{position:absolute;top:268px;left:43px;}
#package01 #btn01_04{position:absolute;top:276px;left:393px;}
#package01 #btn01_05{position:absolute;top:297px;left:324px;}
#package01 #btn01_06{position:absolute;top:342px;left:290px;}
#package01 #btn01_07{position:absolute;top:75px;left:360px;}

#package01 #popup01_01{top:0;left:0;}
#package01 #popup01_02{top:0;left:0;}
#package01 #popup01_03{top:0;left:0;}
#package01 #popup01_04{top:0;left:0;}
#package01 #popup01_05{top:0;left:0;}
#package01 #popup01_06{top:0;left:0;}
#package01 #popup01_07{top:0;left:0;}

#package02 #btn02_01{position:absolute;top:42px;left:134px;}
#package02 #btn02_02{position:absolute;top:82px;left:22px;}
#package02 #btn02_03{position:absolute;top:280px;left:22px;}

#package02 #popup02_01{top:0;left:0;}
#package02 #popup02_02{top:0;left:0;}
#package02 #popup02_03{top:0;left:0;}

.modal{background:#B51700;color:#ffffff;display:inline-block;padding:15px;display:none;width:250px;position:absolute;z-index:999;
-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}