@charset "utf-8";
/*=================================================================================================
 LAYOUT TOP CSS
===================================================================================================*/
html{
	overflow-x:hidden;
}
/*MAIN AREA
----------------------------------------------------------------------------------------*/
#mainArea{
	width:996px;
	height:311px;
	margin:10px auto 0px;
	position:relative;
}
#mainArea #backImg01{
	position:absolute;
	clear: both;
	top:-220px;
	left:972px;
	z-index:10;
}
#mainArea #backImg02{
	position:absolute;
	clear: both;
	top:252px;
	left:-105px;
	z-index:10;
}

#mainArea #products-slideshow{
	float:left;
	width:980px;
	height:295px;
	padding:8px;
	background: url(../../images/bg_slide.png) no-repeat left top;
	position:relative;
	z-index:12;
}
#mainArea #products-slideshow .images{
	float:left;
	width:980px;
	height:295px;
	position:relative;
	z-index:13;
}
#mainArea #products-slideshow .images div {
	width:679px;
	height:295px;
	display:none;
	position:absolute;
	clear: both;
	top:0px;
	left:0px;
	z-index:13;
}
#mainArea div#products-navi{
	width:318px;
	height:295px;
	position:absolute;
	clear: both;
	top:8px;
	left:670px;
	z-index:14;
}
#mainArea div#products-navi ul#slidetabs{
	width:318px;
	position:relative;
	z-index:15;
}
#mainArea div#products-navi ul#slidetabs li{
	width:318px;
	position:absolute;
	clear: both;
	z-index:15;
}
#mainArea div#products-navi ul#slidetabs li a{
	width:318px;
	display:block;
	text-indent:-9999px;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn01{
	height:76px;
	top:0;
	left:0;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn01 a{
	height:76px;
	background: url(../../images/btn_visual_01.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn01 a.current{
	height:76px;
	background: url(../../images/btn_visual_01_on.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn02{
	height:70px;
	top:76px;
	left:0;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn02 a{
	height:70px;
	background: url(../../images/btn_visual_02.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn02 a.current{
	height:70px;
	background: url(../../images/btn_visual_02_on.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn03{
	height:76px;
	top:146px;
	left:0;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn03 a{
	height:76px;
	background: url(../../images/btn_visual_03.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn03 a.current{
	height:76px;
	background: url(../../images/btn_visual_03_on.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn04{
	height:76px;
	top:219px;
	left:0;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn04 a{
	height:76px;
	background: url(../../images/btn_visual_04.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn04 a.current{
	height:76px;
	background: url(../../images/btn_visual_04_on.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn05{
	height:76px;
	top:146px;
	left:0;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn05 a{
	height:76px;
	background: url(../../images/btn_visual_05.gif) no-repeat left top;
}
#mainArea div#products-navi ul#slidetabs li#visualBtn05 a.current{
	height:76px;
	background: url(../../images/btn_visual_05_on.gif) no-repeat left top;
}

/* CONTENTS LEFT
----------------------------------------------------------------------------------------*/
#contentsLeft{
	float:left;
	width:730px;
}

/* RECIPE AREA */
#contentsLeft #recipeArea{
	width:730px;
	padding:16px 0px 0px;
}
#contentsLeft #recipeArea #recipeBox{
	width:730px;
	background: url(../../images/bg_recipe.gif) no-repeat left top;
	overflow:hidden;
}
#contentsLeft #recipeArea #recipeBox .recipeDesc{
	width:708px;
	background: url(../../images/bg_recipe_desc.gif) no-repeat left top;
	margin:0px 0px 0px 22px;
	overflow:hidden;
}
#contentsLeft #recipeArea #recipeBox .recipeDesc .recipeDescLeft{
	float:left;
	width:202px;
	margin:0px 13px 0px 0px;
	padding:10px 9px 0px;
}
#contentsLeft #recipeArea #recipeBox .recipeDesc .recipeDescLeft a{
	background: url(../images/bg_arw.gif) no-repeat left 4px;
	padding:0px 0px 0px 17px;
	margin:0px 0px 5px 0px;
	font-weight:bold;
	color:#7a7671;
	display:block;
	line-height:1.4;
}
#contentsLeft #recipeArea #recipeBox .recipeDesc .recipeDescLeft a img{
	margin-left:-17px;
}

/* ITEM AREA */
#contentsLeft #itemArea{
	width:730px;
	padding:40px 0px 0px;
	overflow:hidden;
}
#contentsLeft #itemArea .itemDesc{
	float:left;
	width:239px;
	padding:10px 0px 0px 4px;
	overflow:hidden;
}
#contentsLeft #itemArea .itemDesc .itemThumb{
	float:left;
	width:74px;
}
#contentsLeft #itemArea .itemDesc .itemLink{
	float:left;
	width:165px;
}
#contentsLeft #itemArea .itemDesc .itemLink a{
	background: url(../images/bg_arw.gif) no-repeat left 4px;
	padding:0px 0px 0px 17px;
	margin:23px 0px 0px 0px;
	display:block;
	line-height:1.4;
}

#contentsLeft #itemArea #itemBnr{
	clear:both;
	width:730px;
	padding:20px 0px 0px;
	overflow:hidden;
}
#contentsLeft #itemArea #itemBnr li{
	float:left;
	width:257px;
	text-align:right;
}
#contentsLeft #itemArea #itemBnr li.start{
	width:215px;
}


/* NEWS AREA */
#contentsLeft #newsArea{
	width:730px;
	padding:40px 0px 0px;
	overflow:hidden;
}
#contentsLeft #newsArea ul{
	width:730px;
}
#contentsLeft #newsArea ul li{
	width:730px;
	background: url(../images/bg_line_dot_x.gif) repeat-x left bottom;
	overflow:hidden;
	line-height:1.4;
}
#contentsLeft #newsArea ul li span{
	display:block;
	float:left;
}
#contentsLeft #newsArea ul li span.date{
	width:96px;
	padding:10px 50px 11px 4px;
}
#contentsLeft #newsArea ul li span.dateNew{
	width:96px;
	padding:10px 50px 11px 4px;
	background: url(../../images/icon_new.gif) no-repeat right 10px;
}
#contentsLeft #newsArea ul li span.topic{
	float:right;
	width:560px;
	padding:10px 0px 11px;
}
#contentsLeft #newsArea ul li span.topic a{
	background: url(../images/bg_arw.gif) no-repeat left 3px;
	padding:0px 0px 0px 17px;
	font-weight:bold;
	color:#7a7671;
	display:block;
}

/* CONTENTS RIGHT
----------------------------------------------------------------------------------------*/
#contentsRight{
	float:right;
	width:214px;
}

/* RIGHT BNR */
#contentsRight #rightBnr{
	width:214px;
	background: url(../images/bg_local_bnr_top.gif) no-repeat 5px top;
	padding:5px 0px 0px 0px;
	margin:22px 0px 0px;
}
#contentsRight #rightBnr ul{
	width:214px;
}
#contentsRight #rightBnr ul li{
	width:202px;
	height:57px;
	padding:11px 0px 0px 12px;
	background: url(../../images/bg_right_bnr.gif);
}
#contentsRight #rightBnr ul li#goto{
	width:202px;
	height:166px;
	padding:11px 0px 0px 12px;
	background: url(../../images/bg_right_bnr02.gif);
}
/* RIGHT INQUERY */
#rightInquery{
	width:208px;
	padding:0px 3px;
	margin:20px 0px 0px;
}

/* TWITTER UPDATE LIST */
#twitterUpdateList{
	margin:20px 3px 0px;
}
.twtr-ft span{
    font-size:80%;
		line-height:1.8;
}

/* FACE BOOK BNR */
#faceBookBnr{
	margin:20px 3px 0px;
}

/* FACE BOOK BNR */
#movieBnr{
	width:214px;
	padding-top:20px;
}
#movieBnrInner{
	width:214px;
}

/* CONTENTS BOOTOM
----------------------------------------------------------------------------------------*/
#contentsBottom{
	clear:both;
	width:982px;
	padding:45px 0px 0px;
	overflow:hidden;
}
#contentsBottom ul{
	width:982px;
	overflow:hidden;
}
#contentsBottom ul li{
	float:left;
	width:186px;
	padding:0px 0px 0px 13px;
}
#contentsBottom ul li.start{
	float:left;
	width:186px;
	padding:0px 0px 0px 0px;
}