@charset "utf-8";

/* search styles */



html {
	height: 100%;
}
body {
	height: 100%;
	text-align: left;
}

#header {
	background-image: url(../image/search_bg.jpg);
	background-repeat: repeat-x;
	height: 181px;
	width: 100%;
}
#header-inner {
	height: 181px;
	width: 980px;
	position: relative;
	background-image: url(../image/search_bg2.gif);
	background-repeat: no-repeat;
}

#header #super-banner {
	height: 90px;
	width: 728px;
	position: absolute;
	top: 16px;
	right: 15px;
}

#header #title p a {
	background-image: url(../image/search_logo.gif);
	background-repeat: no-repeat;
	height: 66px;
	width: 222px;
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	position: absolute;
	left: 15px;
	top: 36px;
}
#header #title p a:hover {
	background-position: 0px -66px;
}

/*global-nav*/

#global-nav2 h2 {
	font-size: 0px;
	line-height: 0px;
	background-image: url(../image/global-nav2-h2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 45px;
	width: 130px;
	position: absolute;
	left: 17px;
	top: 120px;
}
#global-nav2 li {
	list-style-type: none;
}
#global-nav2 li a {
	font-size: 0px;
	line-height: 0px;
	text-decoration: none;
	background-image: url(../image/global-nav2.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	display: block;
	height: 45px;
	width: 130px;
	position: absolute;
	top: 120px;
}
#global-nav2-cooking a {
	background-position: 0px 0px;
	left: 154px;
}
#global-nav2-cooking a:hover {
	background-position: 0px -45px;
}
#global-nav2-food a {
	background-position: -136px 0px;
	left: 290px;
}
#global-nav2-food a:hover {
	background-position: -136px -45px;
}
#global-nav2-date a {
	background-position: -273px 0px;
	left: 427px;
}
#global-nav2-date a:hover {
	background-position: -273px -45px;
}
#global-nav2-instructor a {
	background-position: -410px 0px;
	left: 564px;
}
#global-nav2-instructor a:hover {
	background-position: -410px -45px;
}
#global-nav2-calorie a {
	background-position: -546px 0px;
	left: 700px;
}
#global-nav2-calorie a:hover {
	background-position: -546px -45px;
}
#global-nav2-genre a {
	background-position: -683px 0px;
	left: 837px;
}
#global-nav2-genre a:hover {
	background-position: -683px -45px;
}




/* ***********************************************************************
	Clear Fix
*********************************************************************** */
.clearFix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height:0;
	visibility: hidden;
}
.clearFix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearFix {
	height: 1%;
}
.clearFix {
	display: block;
}
/* End hides from IE-mac \*/