*{
	color:#310;
	margin:0;
	padding:0;
	}
body{
	margin:0px 0px 0px 0px;
	background:#f9f9ee;
	text-align:center;
	}

ol,ul{
	list-style:none;
	}
a:link,a:visited{
	color:#008800;
	text-decoration:none;
	}
a:hover{
	color:#ff3300;
	text-decoration:underline;
	}
img{
	border:none;
	}










/* ‹ζΨ‚θ—p@2006.04.24
///////////////////////////////*/
.hr{
	clear:both;
	font-size:2px;
	line-height:2px;
	height:8px;
	text-indent:-999px;
	background:url(design/dot.gif) repeat-x;
	}
.dot_line{
	clear:both;
	height:20px;
	background:url(design/dot.gif) repeat-x;
	background-position: right center;
	}
.clear_line{
	clear:both;
	height:20px;
	}



/* layout
/////////////////////////////*/
#layout{
	width:780px;
	text-align:left; /*  IE */
	margin:0 auto;   /* !IE */

	/*background:#cff;*/
	}




/* header
/////////////////////////////*/
#header{
	margin-top:5px;
	width:100%;
	background:url(img/header_bg.jpg) no-repeat;
	background-position:top right;

	/*background:#fcf;*/
	}
#header .illust{
	float:left;
	width:200px;
	height:116px;
	margin:0px 15px 0px 10px;
	}
#header h1{
	float:left;
	width:244px;
	height:76px;
	text-indent:-1999px;
	background:url(img/top_h1.gif) no-repeat;
	margin:0px 0px 4px 0px;
	}
#header .comment{
	float:left;
	width:530px;
	color:#f60;
	font-size:80%;   /* •ΆŽšƒTƒCƒY */
	line-height:17px;
	}
#header ul{
	clear:both;
	width:100%;
	height:32px;
	background:url(img/header_ul_bg.gif) no-repeat right bottom;
	}
#header li{
	float:left;
	}
#header li a{
	display:block;
	width:100px;
	height:32px;
	text-indent:-1999px;
	}
#header .rogo{
	width:200px; /*•Šg’£*/
	margin:0 25px 0 10px;
	_margin-left:5px; /*IE‘΍τ*/
	background:url(img/wnc_logo.gif) no-repeat;
	}
#header .link1{
	margin:0 30px 0 0;
	}
#header .link1 a      {background:url(design/btn_tab_back.gif)    no-repeat;background-position:0 0;}
#header .link1 a:hover{background-position:0 -32px;}
#header .link2 a      {background:url(design/btn_tab_contact.gif) no-repeat;background-position:0 0;}
#header .link2 a:hover{background-position:0 -32px;}
#header .link3 a      {background:url(design/btn_tab_order.gif)   no-repeat;background-position:0 0;}
#header .link3 a:hover{background-position:0 -32px;}
#header .link4 a      {background:url(design/btn_tab_cost.gif)    no-repeat;background-position:0 0;}
#header .link4 a:hover{background-position:0 -32px;}
#header .link5 a      {background:url(design/btn_tab_cart.gif)    no-repeat;background-position:0 0;}
#header .link5 a:hover{background-position:0 -32px;}






/* main
/////////////////////////////*/
#main{
	float:right;
	width:560px;
	text-align:center;
	background:url(img/main_body_bg.gif) repeat-y;
	}


#main .topline{
	height:5px;
	width:100%;
	font-size:2px;
	line-height:2px;
	text-indent:-999px;
	background:url(img/main_top_bg.gif) no-repeat;
	}
#main .bottomline{
	height:10px;
	width:100%;
	font-size:2px;
	line-height:2px;
	text-indent:-999px;
	background:url(img/main_bottom_bg.gif) no-repeat;
	}
#main .boldline{
	width:540px; /* •’ˆΣ */
	height:10px;
	font-size:2px;
	line-height:2px;
	text-indent:-999px;
	margin:0 auto;
	background:#974 url(img/stripe.gif); /* ’ƒF  */
	}


#main .unit{
	width:480px;
	text-align:left;
	margin:0 auto;
	padding:20px 0;
	/*background:#ccc;*/
	}
#main .header{
	padding-bottom:3px;
	}
#main h2{
	font-size:110%;
	margin:0px 0 5px 0;
	/*padding:2px 0;
	background:#eee;
	background: url(img/line.gif) repeat-x bottom;*/
	}

#main h3{
	font-size:85%;
	fontweight:bold;
	line-height:26px;
	margin:10px 0;
	padding:0 0 0 10px;
	height:28px;
	background: url(img/recipe_h3.gif) no-repeat;
	}


#main p{
	font-size:83%;
	}
#main p span{
	padding-bottom:2px;
	background:url(img/underline.gif) repeat-x bottom;
	}
#main p strong{
	
	}
#main p.caption{
	font-size:82%;
	color:#f60;
	font-weight:bold;
	margin-bottom:3px;
	}
#main p.text{
	line-height:140%;
	}
#main p.date{
	font-size:71%;
	text-align:right;
	margin-bottom:5px;
	}


#main p.img{
	margin-bottom:8px;
	}
#main p.imgR{
	float:right;
	margin-left:8px;
	}
#main p.imgL{
	float:left;
	margin-right:8px;
	}


#main div.foodstuff{
	clear:left;
	width:280px;
	background:url(img/line.gif) repeat-x bottom;
	padding:0 0 6px 0;
	/*border-bottom:1px dotted #A5BD05;  Žα—tF  */
	}
#main div.foodstuff p.item {
	font-size:80%;
	float:left;
	width:140px;
	}
#main div.foodstuff p.volume {
	font-size:80%;
	margin-left:150px;
	}

#main div.step{
	float:left;
	width:144px;
	margin-right:24px;
	padding-top:15px;
	}
#main div.end{
	margin-right:0;
	}
#main div.step p{
	font-size:80%;
	line-height:125%;
	margin-bottom:4px;
	}
#main div.step p.number{
	width:16px;
	height:16px;
	text-align:center;
	color:#fff;
	background:#974; /* ’ƒF */
	font-weight:bold;
	line-height:16px;
	}



#main div.pageup{	
	text-align:right;
	}
#main div.pageup a{	
	font-size:78%;
	padding:2px 0 3px 20px; /* Firefox‘΍τ */
	background:url(img/pageup.gif) no-repeat;
	}









/* side
/////////////////////////////*/
#side{
	float:left;
	width:220px;
	text-align:center;
	background:url(img/side_body_bg.gif) repeat-y
	}


#side .topline{
	height:5px;
	width:100%;
	font-size:2px;
	line-height:2px;
	text-indent:-999px;
	background:url(img/side_top_bg.gif) no-repeat;
	}
#side .bottomline{
	height:20px;
	width:100%;
	font-size:2px;
	line-height:2px;
	text-indent:-999px;
	background:#f9f9ee url(img/side_bottom_bg.gif) no-repeat;
	}

#side .unit{
	text-align:left;
	margin:0 auto;
	padding:10px 0 10px 0;
	width:200px;
	}

#side p{
	font-size:83%;
	}
#side p.caption{
	color:#653;
	font-weight:bold;
	border-bottom:5px solid #974; /* ’ƒF */
	margin-bottom:5px;
	}
#side p.recipe{
	background:url(img/line.gif) repeat-x bottom;
	padding:2px 0 5px 2px;
	}



#dic a{
	display:block;
	height:48px;
	width:200px;
	margin:0;
	margin-bottom:10px;
	text-indent:-999px;
	background:url(design/btn_dic2.gif) no-repeat;
	background-position:0 0;
}
#dic a:hover{
	background-position:0 -48px;
}

#bbs a{
	display:block;
	height:58px;
	width:200px;
	margin:8px 0 0 0;
	text-indent:-999px;
	background:url(design/menu_bbs.gif) no-repeat;
	background-position:0 0;
}
#bbs a:hover{
	background-position:0 -58px;
}









/* footer
/////////////////////////////*/
#footer{
	clear:both;
	width:770px;

	text-align:center;
	margin:0 auto;
	padding:20px 0;
}
#footer p{
	margin:0;
	color:#331100;
	font-size:13px;/***Mac***/
	line-height:20px;
}
#footer .copy{
	color:#776655;
	margin-top:10px;
}















/* ƒJƒ‰[ƒ{ƒbƒNƒX
///////////////////////////////*/
/*
.box_g{
	margin-left:5%;
	margin-right:5%;
	padding:5px;
	background:#DAECC8;
	border:1px solid #99CC00;
}
.box_y{
	margin-left:5%;
	margin-right:5%;
	padding:5px;
	background:#FFEE99;
	border:1px solid #FFCC00;
}
.box_rep{
	height:160px;
	overflow:hidden;
}
.out {
	color:#ffffff;
	font-weight: bold;
	font-size: 14px;
	background-color:#F34A4A; 
	padding-left:5px;
	padding-right:5px;
	padding-top:3px;
	padding-bottom:2px;
}
.pickup {
	color:#ffffff;
	font-weight: bold;
	font-size: 12px;
	background-color:#F34A4A; 
	padding-left:4px;
	padding-right:4px;
	padding-top:1px;
	padding-bottom:1px;
	letter-spacing: 1px;
}

*/



/* OLD STYLE
/////////////////////////////*/

/*

a:link		{color:#008800;	text-decoration:none; }
a:visited	{color:#226622;	text-decoration:none; }
a:hover		{color:#ff3300;	text-decoration:underline; }

.m_bk		{color:#331100;	font-size:15px;	line-height:18px; }
.s_bk		{color:#331100;	font-size:13px;	line-height:16px; }
.ss_bk		{color:#331100;	font-size:12px;	line-height:16px; }

.s_br		{color:#ffffff;	font-size:13px;	line-height:16px; font-weight:bold; }
.mb_wt		{color:#000000;	font-size:15px;	line-height:15px; font-weight:bold; }

.m_rd 		{color:#FF6600; font-size:15px; line-height:18px; font-weight: bold; }
.m_bw 		{color:#882200; font-size:15px; line-height:18px; font-weight: bold; }
.m_gr 		{color:#338811; font-size:18px; line-height:18px; font-weight: bold; }
.h_bk		{color:#331100;	font-size:15px;	font-weight:bold; background-color:#B1E082; padding:3px;}


.news 		{color:#B68F7A;	font-size:11px;	font-weight:bold; }
.rd 		{color:#FF0000;	font-size:13px;	line-height:16px; font-weight: bold; }
.new2 		{color:#FFFFFF;	font-size:13px;	line-height:16px; font-weight:bold; background-color:#B68F7A; padding:2px;}
.new 		{color:#FF6600;	font-size:12px;	line-height:16px; font-weight:bold; }

*/

.rec 		{color:#FF6600;	font-size:11px;	font-weight:bold; }




/*
////////////////////////////////////*/
.clearfix:after {
	content:"";           /*!IE*/
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block; /*IE7 MacIE5*/
}
/*IE \*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*IE*/






/* edit
////////////////////////////////////*/

form.edit{
	width:550px;
	background:#ccc;
	text-align:right;
	padding:2px;
	color:#333;
	font-size:13px;
}
form.edit textarea{
	width:100%;
	padding:3px;
}
form.edit p{
	color:#333;
	font-size:13px;
}
#editor{
	color:#fff;
	width:100%;
	text-align:left;
	padding:5px 15px;
	background:#666 url(../img/edit_shadow.gif) repeat-x bottom;
}
#editor strong{
	margin-left:10px;
	font-size:28px;
	font-family:"Arial";
	line-height:40px;
	color:#fff;
	letter-spacing: 1px;
}
#editor span{
	font-size:13px;
	color:#fff;
	font-weight:bold;
}
#editor em{
	font-size:12px;
	font-family:"Arial";
	color:#ccc;
	font-style:normal;
	margin-right:10px;
}
#editor a:link,
#editor a:visited{
	color:#ccc;
	text-decoration: underline;
}
#editor a:hover{
	color:#fff;
}

table.edit{
	border:1px solid #333;
	margin:20px auto;
	width:550px;
	/*background:#999;*/
}
table.edit td {

	font-size:13px;
	padding:2px;
	background:#fff;
}


#browser {
	clear:both;
	width:100%;
	text-align:left;
	margin:10px 20px;
}
#browser .page{
	text-align:right;
	height:35px;
	margin:5px;
	font-size:12px;
}
#browser .unit{
	float:left;
	width:150px;
	height:200px;
	margin:5px;
}
#browser .unit p.image{
	height:150px;
	vertical-align:middle;
	border:none;
}
#browser .unit p.image img{
	border:3px solid #fff;
}
#browser .unit p{
	font-size:12px;
}
#browser .unit input{
	width:100%;
	margin:0 1px;
}
#browser .unit span{
	color:#e60;
	font-weight:bold;
}