/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{
	color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th{
	margin:0;
	padding:0;
}

fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,textarea,select{
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input,textarea,select{
	*font-size:100%;
}
legend{
	color:#000;
}
ul,li{
	list-style:none;
	padding:0;
	margin:0;
}

/*-----------------------------------------------------------
BACKGROUND
-----------------------------------------------------------*/
body{
	background:#FFFDCB;
}
img{
	vertical-align:top;
}
#back{
	width: 898px;
	background:#FFFFFF;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-449px;
	margin-bottom:12px;
}
#head h1{
	position:absolute;
	top:160px;
	left:461px;
	margin-left:-449px;
	z-index: 3;
}
#head{
	height:111px;
	width:898px;
	background:url(../images/head_back.jpg) no-repeat right top;
}
#head ul{
	width:379px;
	height:25px;
	position: absolute;
	top: 7px;
	left:520px;
	z-index: 100;
}
#head  ul li{
	float:left;
	margin-right:8px;
}
#head  ul li.rb{
	border-right: solid 1px #000000;
	padding-right:8px;
}
#head h2{
	position: absolute;
	top: 35px;
	left:520px;
	z-index: 100;
}
#head h3{
	width:509px;
	height:111px;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 100;
}
#head p{
	width:233px;
	height:15px;
	position: absolute;
	top: 40px;
	left:650px;
	z-index: 100;
}
#head i{
	width:339px;
	height:37px;
	position: absolute;
	top: 71px;
	left:508px;
	z-index: 100;
}
/*-----------------------------------------------------------
MAIN MENU
-----------------------------------------------------------*/
#menu{
	width:898px;
	margin:0 auto;
}
#menu ul{
	padding:0;
	margin:0;
}
#menu ul li{
	padding:0;
	margin:0;
	float:left;
}
/*-----------------------------------------------------------
UNDER MENU
-----------------------------------------------------------*/
#undermenu{
	width:866px;
	clear:both;
	margin:10px auto 0 auto;
	padding:12px 0;
	text-align:center;
	border-top:solid 1px #999999;
}
/*-----------------------------------------------------------
MAIN CONTENTS
-----------------------------------------------------------*/
#main{
	width:898px;
	clear:both;
}
.smooth_scr{
	clear:both;
	text-align:right;
	vertical-align:middle;
	padding:10px 0 0 0;
}
#print{
	margin:8px 0;
	clear:both;
}
#otherpage{
	width:872px;
	padding-top:70px;
	margin:0 auto 10px auto;
}
#pagebute{
	text-align:center;
	padding:6px 0;
	margin:6px auto;
	clear:both;
}
/*-----------------------------------------------------------
MAINCSS
-----------------------------------------------------------*/
/*-----------------------------------------------------------
TOP PAGE
-----------------------------------------------------------*/
.index_guide{
	width:872px;
	margin:0 auto;
	clear:both;
	padding:10px 0;
}
.top_info{
	width:872px;
	margin:10px auto 5px auto;
}
.top_info .left{
	margin-right:14px;
	border:solid 1px #999999;
}
.top_info div{
	background:url(../images/index_nu.jpg) no-repeat left bottom;
	width:622px;
	margin:0 0 8px 0;
}
.top_info div img{
	margin:0;
	padding:0;
	display:block;
	clear:both;
}
.top_info div h3{
	padding:0 6px 5px 10px;
	font-size:130%;
}
.top_cont{
	width:283px;
	border:solid 1px #999999;
	padding-bottom:7px;
	float:left;
}
.top_cont p{
	margin-right:5px;
}
.top_cont h3,.index_left h3,.index_right h3{
	margin-bottom:7px;
}
.top_cont .left{
	margin:0 10px 0 7px;
}
.index_left{
	width:579px;
}
.index_left h4{
	color:#FF6600;
}
.index_left .left{
	margin:0 10px 7px 7px;
}
.index_left hr,.index_right hr{
	clear:both;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color:#999999;
	height: 1px;
	line-height:0;
	font-size:1px;
	margin-bottom:7px;
}
.index_left i{
	font-style: normal;
}
.index_right{
	width:285px;
	float:left;
	margin:10px 0 20px 0;
}
.index_right .left{
	margin:0 7px 5px 0;
}
.index_guide2{
	width:579px;
	float:left;
	margin:10px 8px 0 0;
}
/*-----------------------------------------------------------
OUTLINE
-----------------------------------------------------------*/
#title{
	margin-bottom:12px;
}
#greeting{
	width:853px;
	margin:0 auto 10px auto;
}
#greeting h2{
	margin-bottom:8px;
}
.outline_cotn1{
	width:427px;
	float:left;
}
.outline_cotn1 th,.outline_cotn3 th{
	padding-top:3px;
}
.outline_cotn1 table th,.outline_cotn1 table td{
	border-bottom:solid 1px #CCCCCC;
}
.outline_cotn1 table th{
	padding-left:10px;
}
.outline_cotn1 h3,.outline_cotn2 h3{
	background:url(../outline/images/title_back.gif) repeat-x left top;
	padding:10px 0 0 12px;
	height:28px;
	margin-bottom:6px;
}
.outline_cotn2,.outline_cotn3{
	width:870px;
	clear:both;
	margin:0 auto;
	padding:12px 0;
}
.outline_cotn2 div{
	width:180px;
}
.outline_cotn3 div{
	width:860px;
	margin:0 auto;
	background:url(../outline/images/tableback.gif) repeat-y 416px top;
}
.outline_cotn3 h3{
	background:url(../outline/images/title_back.gif) repeat-x left top;
	padding:10px 0 0 12px;
	height:28px;
	margin-bottom:6px;
}
.outline_cotn3 h4{
	background:url(../outline/images/m4_1.jpg) no-repeat left top;
	padding:2px 0 3px 10px;
	border-bottom:solid 1px #CCCCCC;
	width:849px;
	margin:8px auto 4px auto;
	clear:both;
}
.outline_cotn3 table{
	padding:4px;
	border-bottom:dotted 1px #000000;
	width:412px;
}
.outline_cotn3 .left{
	margin:0 24px 0 0;
}
/*-----------------------------------------------------------
RECIPE BLOG
-----------------------------------------------------------*/
#left_cont{
	width:185px;
	background:url(../recipe/images/arc_m.jpg) repeat-y left top;
	margin:0 10px 0 5px;
	float:left;
}
* html #left_cont,* html #left_cont2{
	margin:0 8px 0 5px;
}
#left_cont2{
	width:185px;
	margin:0 10px 0 5px;
	float:left;
}
#left_cont2 div{
	background:url(../recipe/images/arc_m.jpg) repeat-y left top;
	margin-bottom:12px;
}
#left_cont ul,#left_cont2 ul{
	width:150px;
	margin:0;
	padding-left:10px;
}
#left_cont ul li,#left_cont2 ul li{
	background:url(../recipe/images/arc_icon.gif) no-repeat left 7px;
	padding:3px 0 3px 12px;
}
#right_cont{
	width:657px;
	float:left;
}
/*-----------------------------------------------------------
RECIPE
-----------------------------------------------------------*/
.other_top_text{
	width:647px;
	margin:0 0 10px 5px;
}
.recipe{
	border:solid 1px #999999;
	padding:8px;
	margin:12px auto;
}
.recipe_title{
	background:url(../recipe/images/title_u.jpg) no-repeat bottom left;
	width:634px;
	padding-bottom:3px;
}
.recipe_title img{
	margin:0;
	padding:0;
	display:block;
	vertical-align:text-bottom;
	line-height:1%;
	font-size:1px;
}
.recipe_title h4{
	margin:0 10px;
	float:left;
	padding:0;
}
.recipe_title i{
	margin:0px 10px 0 0;
	float:right;
	font-style: normal;
	display:block;
}
.recipe_texttop{
	clear:both;
	width:625px;
	margin:10px auto;
}
.recipe_image td{
	background:#FFE3E4;
	border:solid 1px #BC8686;
	padding:12px;
}
.recipe_image td h4{
	border-bottom: solid 1px #BC8686;
	padding:2px 0 4px 3px;
	margin-bottom:6px;
}
.recipe_howmake{
	width:622px;
	margin:10px auto;
}
.recipe_howmake h3{
	border-bottom:solid 1px #BC8686;
	padding:0 0 6px 35px;
	margin-bottom:24px;
}
.recipe_howmake dl{
	margin-bottom:16px;
}
.recipe_howmake dt{
	width:11px;
	float:left;
	margin:0 27px 0 0;
}
.recipe_howmake dd{
	float:left;
	width:570px;
}
/*-----------------------------------------------------------
BLOG
-----------------------------------------------------------*/
.blog{
	width:633px;
	margin:0 auto 12px auto;
	padding:12px;
	border:solid 1px #999999;
}
.blog_title{
	margin-bottom:22px;
}
.blog_title h3{
	padding-bottom:8px;
}
.blog_title hr{
	clear:both;
	border-width: 1px 0px 0px 0px;
	border-top-style: solid;
	border-top-color:#000099;
	height:1px;
	line-height:0;
}
.blog_title div.left{
	background:url(../blog/images/title_u.jpg) no-repeat left bottom;
	padding-bottom:4px;
}
/*-----------------------------------------------------------
USERVOICE
-----------------------------------------------------------*/
.user{
	width:657px;
	margin:0 auto 12px auto;
}
.user_title i{
	font-style: normal;
}
.user hr{
	margin:10px auto 12px auto;
	border-width: 1px 0px 0px 0px;
	border-top-style: solid;
	border-top-color:#cccccc;
	height:1px;
	line-height:0;
}
.user_title div{
	background:url(../uservoice/images/title_back.jpg) repeat-x left top;
	padding:8px 6px 6px 10px;
	width:530px;
	float:left;
	margin-bottom:6px;
}
.user_intview{
	width:373px;
	float:left;
	margin:0 14px 0 0;
}
* html .user_intview{
	margin:0 12px 0 0;
}
.user_intview h4{
	color:#FF6600;
	background:url(../uservoice/images/m_back.jpg) no-repeat left top;
	padding:0 0 0 12px;
}
.user_intview p{
	margin:10px 0 16px 8px;
}
.userimage{
	float:left;
}
.userimage img{
	margin-bottom:6px;
}
.user_address{
	border:solid 1px #CCCCCC;
	padding:10px;
	clear:both;
}
.user_address h3{
	margin-bottom:14px;
}
.user_address hr{
	margin:3px auto;
}
/*-----------------------------------------------------------
CONTACT
-----------------------------------------------------------*/
#form_top_text{
	width:864px;
	margin:0 auto 10px 12px;
}
td.borderbt{
	border-bottom:solid 1px #999999;
}
input.form_size1, input.form_size2, input.form_size3, input.form_size4{
	border:solid #999999 1px;
}
input.radio{
	vertical-align:middle;
	margin:0 10px 0 0;
}
input.form_size1{
	width:175px;
	margin:0 10px 0 6px;
}
input.form_size2{
	width:420px;
	margin:0 10px 0 6px;
}
input.form_size3{
	width:124px;
	margin:0 0 4px 6px;
}
.form_size4{
	width:510px;
	margin:0 0 4px 6px;
}
#tab{
	width:742px;
	margin:0 auto;
	padding-bottom:4px;
	border-bottom:solid 1px #999999;
}
#tab ul{
	padding:0;
	margin:0;
	border-bottom:solid 2px #FFCC00;
	width:100%;
}
#tab li{
	width:340px;
	padding:5px;
	text-align:center;
	float:left;
	border:solid 1px #FFCC00;
	margin-right:10px;
}
#tab li.selected{
	background:url(../contact/images/tab1.jpg) repeat-x left top;
}
.form_border{
	border-bottom:solid 1px #999999;
}
/*-----------------------------------------------------------
HACCP
-----------------------------------------------------------*/
#haccp{
	width:845px;
	margin:0 auto;
}
#haccp_saru{
	width:643px;
	float:left;
	margin:0 15px 10px 0;
}
#haccp_saru p{
	margin:10px 0 10px 6px;
}
#howhaccp{
	clear:both;
	border:solid 1px #CCCCCC;
	padding:10px;
}
#haccp_system{
	clear:both;
	margin:22px 0 20px 0;
}
#haccp_system h3{
	margin-bottom:12px;
}
#haccp_system div{
	border:solid 1px #CCCCCC;

	width:202px;
	float:left;
	height:278px;
	margin-bottom:10px;
}
#haccp_system div ul{
	width:161px;
	margin:8px 0 0 16px;
}
#haccp_system div p{
	width:183px;
	margin:8px auto 0 auto;
}
/*-----------------------------------------------------------
PAYMENT
-----------------------------------------------------------*/
.payment{
	width:853px;
	margin:0 auto 10px;
}
.payment h2{
	margin-bottom:16px;
}
.pay{
	width:850px;
	margin:0px auto 6px auto;
}
.pay h3{
	width:165px;
	margin-left:4px;
}
.pay p{
	margin-top:6px;
}
.red{
	color:#FF0000;
}
.payment hr{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color:#999999;
	height: 1px;
	line-height:0;
	font-size:1px;
	margin:3px 0;
}
/*-----------------------------------------------------------
HIMITSU
-----------------------------------------------------------*/
.himitsu_title{
	background:url(../himitsu/images/title_u.jpg) no-repeat bottom left;
	width:648px;
}
.himitsu_title h4{
	margin:0 6px 4px 10px;
	padding:0;
}
.himitsu_title img{
	display:block;
	clear:both;
}
.himitsu{
	margin-bottom:12px;
}
.himitsu div.j18{
	width:600px;
	margin:10px auto;
}
.himitsu hr{
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color:#999999;
	height: 1px;
	line-height:0;
	font-size:1px;
	margin:3px 0;
	width:95%;
}
.himitsu_image{
	float:left;
	width:224px;
	margin:10px 10px 0 10px;
}
.himitsu_image img{
	margin-bottom:8px;
}
.himitsu_text{
	float:left;
}
/*-----------------------------------------------------------
SHOPPING
-----------------------------------------------------------*/
#shop_left_cont{
	width:185px;
	padding:0 18px 0 5px;
	float:left;
}
#shop_left_cont div{
	margin-bottom:22px;
	border:solid 1px #62A71D;
}
#shop_left_cont div form{
	width:173px;
	margin:10px auto;
}
#serchinput{
	width:118px;
	float:left;
	margin:3px 5px 0 0;
}
#serchbtn{
	width:38px;
	height:23px;
	vertical-align:middle;
}
.shop_list{
	float:left;
}
.shop_list_image img{
	border:solid 1px #000000;
}
.shop_list h3{
	margin:4px 0;
}
.shop_list p{
	width:204px;
	margin:4px auto;
}
.shop_list_price{
	border-bottom:solid 1px #999999;
	border-top:solid 1px #999999;
	padding:6px 0;
}
.shop_list_price hr{
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	border-color:#CCCCCC;
	height: 1px;
	line-height:0;
	font-size:1px;
	margin:3px 0;
	width:95%;
}
#shop_view{
	width:650px;
}
#shop_view_title{
	background:url(../shop/images/title_u.jpg) no-repeat left bottom;
}
#shop_view_title img{
	margin:0;
	padding:0;
	display:block;
	vertical-align:text-bottom;
	line-height:1%;
	font-size:1px;
}
#shop_view_title h3{
	margin:0 10px 4px 10px;
}
#eggsize{
	width:173px;
}
#shop_viw_toptext{
	width:630px;
	margin:8px auto 14px 12px;
}
#shop_viw_text{
	float:left;
}
#shop_viw_image{
	width:300px;
	float:left;
	margin-right:12px;
}
#shop_viw_image img{
	border:solid 1px #999999;
	margin-bottom:12px;
}
#shop_viw_cartbtn{
	width:630px;
	margin:14px auto 0 0;
	border-top: solid 1px #999999;
	padding-top:14px;
}
#shop_viw_cartbtn img{
	margin-right:16px;
}
.search_box{
	margin-bottom:12px;
}