@charset "shift_jis";

	body	{ background: #ffffff ;
	    	  margin-top :0 ; margin-bottom:5 ;
		  color:#666666 }
	a:link, a:active, a:visited  { text-decoration:none;
				    color:#3366ff; }
	a:hover	{ text-decoration:underline ;
		  color: #3366ff ; }
	span.8pt { font-size:8pt;}
	span.10pt { font-size:10pt;}
	span.12pt { font-size:12pt;}
	span.14pt { font-size:14pt;}
	span.16pt { font-size:16pt;}
	span.glink { color:#000066;}
	span.recipe_tit	{ font-size:16pt;
			  font-weight:bold;
			  color:#cc3300;}
	span.recipe_sub	{ font-size:12pt;
			  font-weight:bold;
			  color:#009900;}
	span.faq { font-size:10pt;
		   font-weight:bold;
		   color:#FF004E;}



/* ----- hreader ----- */

body {
	margin:0 0 5px 0;
}

#header_navi {
	width:920px;
	height:60px;
	margin:0 auto;
	position:relative;
}
#header_navi h1 {
	margin:0;padding:0
}
#header_navi h1 a {
	width:340px;
	height:60px;
	display:block;
	background:url('images/common/header_bg.png') left top no-repeat;
	text-indent:-9999px;
}
<!-- -->
ul#gl_navi {
	position:absolute;
/*	left:498px;	*/
	left:440px;	
	top:0;
	padding-left:0;
	margin:0;
}
ul#gl_navi li {
	display:inline;
	float:left;
	list-style:none;
}
a#navi00 {
	display:block;
	width:80px;
	height:60px;
	background:url('images/common/header_bg_e.png') -498px top no-repeat;
	text-indent:-9999px;
}
a#navi91 {
	display:block;
	width:74px;
	height:60px;
	background:url('images/common/header_bg_e.png') -691px top no-repeat;
	text-indent:-9999px;
}
a#navi99 {
	display:block;
	width:113px;
	height:60px;
	background:url('images/common/header_bg_e.png') -578px top no-repeat;
	text-indent:-9999px;
}
a#navi00:hover {
	background:url('images/common/header_bg_e.png') -498px -60px no-repeat;
}
a#navi91:hover {
	background:url('images/common/header_bg_e.png') -691px -60px no-repeat;
}
a#navi99:hover {
	background:url('images/common/header_bg_e.png') -578px -60px no-repeat;
}
#googlesearch {
	position:absolute;
	left:722px;
	top:0;
}
#googleinput {
	width:130px;
/*	height:1em;	*/
	top:23px;
	vertical-align:top;
	margin-top:23px;
}
#googlesubmit {
    border: 0px;
    width: 52px;
    height: 60px;
    background: url('images/common/header_bg_e.png') -863px 0px no-repeat;
    text-indent:-9999px;
    cursor:pointer;
}
#googlesubmit:hover {
    background: url('images/common/header_bg_e.png') -863px -60px no-repeat;
}
<!-- -->
#navi {
	width:100%;
	height:36px;
    background: url('images/common/navi_bg.png') left top repeat-x;
}
ul#tnavi {
	width:900px;
	margin:0 auto;
}
#tnavi li {
	float:left;
	display:inline;
	list-style:none;
	position:relative;
	z-index:10;
}
a#navi01 {
	background:url('images/common/navi.png') -11px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi01:hover {
	background:url('images/common/navi.png') -11px -36px no-repeat;
}
a#navi02 {
	background:url('images/common/navi.png') -161px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi02:hover {
	background:url('images/common/navi.png') -161px -36px no-repeat;
}
a#navi03 {
	background:url('images/common/navi.png') -311px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi03:hover {
	background:url('images/common/navi.png') -311px -36px no-repeat;
}
a#navi04 {
	background:url('images/common/navi.png') -461px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi04:hover {
	background:url('images/common/navi.png') -461px -36px no-repeat;
}
a#navi05 {
	background:url('images/common/navi.png') -611px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi05:hover {
	background:url('images/common/navi.png') -611px -36px no-repeat;
}
a#navi06 {
	background:url('images/common/navi.png') -761px top no-repeat;
	display:block;
	width:150px;
	height:36px;
	text-indent:-9999px;
}
a#navi06:hover {
	background:url('images/common/navi.png') -761px -36px no-repeat;
}