@charset "UTF-8";


#header
{
width: 980px;
height: 245px;
margin: 0px auto 0px auto;
text-align: left;
position: relative;
}

#header-content
{
width: 980px;
height: 245px;
margin: 0px auto 0px auto;
position: relative;
}

#header.top
{
width: 980px;
height: 380px;
margin: 0px auto 0px auto;
text-align: left;
position: relative;
}


#header-description
{
width: 980px;
height: 30px;
margin: 0px 0px 0px 0px;
font-size: 80%;
text-align: center;
line-height: 30px;
position: absolute;
left: 0px;
top: 125px;
}

/*------------------------------*/

#siteid
{
margin: 0px 0px;
width: 255px;
height: 245px;
display: block;
background: url(../images/lib/header/header01.png) 0px 0px no-repeat  !important;
z-index: 1000000 !important;
position:relative;
}

#siteid h1 a
{
display: block;
width: 250px;
height: 135px;
margin: 0px;
text-indent: -9999px;
background: url(../images/lib/siteid/siteid01.png) 0px 0px no-repeat  !important;
position: absolute;
}

#orderbtn
{
position: absolute;
width: 250px;
height: 90px;
left: 0px;
top: 150px;
}

#orderbtn a
{
display:block;
width: 250px;
height: 90px;
background: url(../images/lib/lunchbox/lunchbox01.png) 0px 0px no-repeat;
text-indent: -9999px;
}

#orderbtn a:hover
{
background: url(../images/lib/lunchbox/lunchbox01.png) 0px -90px no-repeat;
}


.top #siteid
{
margin: 0px 0px 0px 0px;
width: 280px;
height: 380px;
background: url(../images/pages/top/siteid/01/siteidback01.png) 0px 0px no-repeat  !important;
z-index: 1000000;
}

.top #siteid h1 a
{
display: block;
width: 280px;
height: 260px;
margin: 0px;
text-indent: -9999px;
background: url(../images/pages/top/siteid/01/siteid01.png) 0px 0px no-repeat  !important;
}

.top #orderbtn
{
position: absolute;
width: 280px;
height: 110px;
left: 0px;
top: 260px;
z-index: 100000;
}

.top #orderbtn a
{
width: 280px;
height: 110px;
background: url(../images/pages/top/lunchbox/01/lunchbox01.png) 0px 0px no-repeat;
text-indent: -9999px;
display:block;
}


.top #orderbtn a:hover
{
background: url(../images/pages/top/lunchbox/01/lunchbox01.png) 0px -110px no-repeat;
transition: background 0.5s linear;
}

.top #titleback
{
width: 700px;
height: 260px;
position: absolute;
left: 280px;
top: 0px;
text-align: right;
display:block;
overflow:hidden !important;
}


/*------------------------------*/

#gnav
{
width: 730px;
height: 40px;
margin: 0px 0px;
position: absolute;
top: 185px;
left: 250px;
z-index: 10;
}

/*------------------------------*/

#gnav ul.gnav
{
width: 730px;
height: 50px;
margin: 0px;
padding: 0px;
background: url(../images/lib/gnav/gnav01.png) 0px 0px no-repeat;
display: block;
position: relative;
}


#gnav ul.gnav li
{
float: left;
list-style-type: none;
height: 50px;
text-align: center;
position: relative;
overflow: visible;
}


#gnav ul.gnav li.nav a
{
display: block;
margin: 0px 0px;
padding: 0px 0.7em 0px 0.7em;
height: 50px;
line-height: 40px;
font-size: 75%;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 1px #666;
}

#gnav ul.gnav li.nav a:hover
{
text-decoration: none;
background: url(../images/lib/gnav/gnav01.png) 0px -50px no-repeat;
}

#gnav ul.gnav li.nav.home a
{
margin:0px 0px 0px 10px;
}



#gnav ul.gnav ul
{
display: none;
position: absolute;
top:41px;
left: 0px;
margin: 0px;
padding: 0px;
box-shadow:2px 2px 3px #333;
border-radius:0px 0px 8px 8px;
}

* html #gnav ul.gnav ul
{
line-height: 0;
} /* IE6 "fix" */

#gnav ul.gnav ul a
{
zoom: 1;
} /* IE6/7 fix */


#gnav ul.gnav ul li
{
font-size:100%;
overflow:visible;
white-space:nowrap;
margin:0px;
padding:0px;
height: 30px !important;
}

#gnav ul.gnav ul li a
{
min-width:180px !important;
background: #CF6 !important;
color: #360 !important;
height: 30px !important;
line-height: 30px !important;
margin:0px;
padding:0px;
overflow: visible;
font-weight:bold !important;
text-align: left;
text-decoration: none;
border-top:1px solid #9C3;
border-right:none !important;
text-shadow:none !important;  
}

#gnav ul.gnav ul li a.first
{
border-top:none !important;
}

#gnav ul.gnav ul li a.end
{
border-radius:0px 0px 8px 8px;
}

#gnav ul.gnav ul li a:hover
{
background: #090 !important;
text-decoration: none;
color: #fff !important;
}

#gnav ul.gnav ul a
{
opacity: 0.9;
filter: alpha(opacity=90);
}

/*------------------------------*/


.top #gnav
{
width: 700px;
height: 90px;
margin: 0px 0px;
position: absolute;
top: 260px;
left: 280px;
z-index: 10;
}

/*------------------------------*/

.top #gnav ul.gnav
{
width: 690px;
height: 90px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
background: url(../images/pages/top/gnav/01/gnav01.jpg) 0px 0px no-repeat;
display: block;
position: relative;
}


.top #gnav ul.gnav li
{
float: left;
list-style-type: none;
height: 80px;
text-align: center;
position: relative;
overflow: visible;
}


.top #gnav ul.gnav li.nav a
{
display: block;
margin: 0px 0px;
padding: 0px 0.6em 0px 0.6em;
height: 80px;
line-height: 60px;
font-size: 80%;
font-weight: bold;
color: #fff;
text-shadow: 1px 1px 1px #666;
}

.top #gnav ul.gnav li.nav a:hover
{
text-decoration: none;
background: url(../images/pages/top/gnav/01/gnav01.jpg) 0px -90px no-repeat;
}


.top #gnav ul.gnav ul
{
display: none;
position: absolute;
top:83px;
left: 0px;
margin: 0px;
padding: 0px;
box-shadow:2px 2px 3px #333;
border-radius:0px 0px 8px 8px;
}

* html .top #gnav ul.gnav ul
{
line-height: 0;
} /* IE6 "fix" */

.top #gnav ul.gnav ul a
{
zoom: 1;
} /* IE6/7 fix */


.top #gnav ul.gnav ul li
{
font-size:100%;
overflow:visible;
white-space:nowrap;
margin:0px;
padding:0px;
height: 30px !important;
}

.top #gnav ul.gnav ul li a
{
min-width:180px !important;
background: #CF6 !important;
color: #360 !important;
height: 30px !important;
line-height: 30px !important;
margin:0px;
padding:0px;
overflow: visible;
font-weight:bold !important;
text-align: left;
text-decoration: none;
border-top:1px solid #9C3;
border-right:none !important;
text-shadow:none !important;  
}

.top #gnav ul.gnav ul li a.1st
{
border-top:none !important;
}

.top #gnav ul.gnav ul li a.end
{
border-radius:0px 0px 8px 8px;
}

.top #gnav ul.gnav ul li a:hover
{
background: #090 !important;
text-decoration: none;
color: #fff !important;
}

.top #gnav ul.gnav ul a
{
opacity: 0.9;
filter: alpha(opacity=90);
}