@charset "utf-8";
/* ===================================================================
style info :共通（ヘッダー、フッター）
=================================================================== */

/* -----------------------------------------------------------
	#header
		ヘッダー
----------------------------------------------------------- */
#header {
position:relative;
width:900px;
height:31px;
background:url(../image/header_bg.gif) no-repeat 0px 0px;
}

div.topPage{
height:113px !important;
z-index:10;
}

/*-------------------------
HEADER H1
----------------------------*/
#header h1{
position:absolute;
top:5px;
left:6px;
width:148px;
height:20px;
text-indent:-9999px;
}
#header h1 a{
width:148px;
height:20px;
display:block;
background:url(../image/index/h1.gif) no-repeat;
}
#header h1 a:hover{
width:148px;
height:20px;
display:block;
background:url(../image/index/h1_on.gif) no-repeat;
}
#header h1 a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*--------------------------
HEADER GLOBAL NAVI
-----------------------------*/
#header ul{
position:absolute;
top:7px;
left:164px;
height:17px;
}
#header li {
float:left;
height:17px;
}

/*news*/
#header li.news{
display:block;
width:57px;
height:17px;
background:url(../image/index/news_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.news a{
display:block;
width:57px;
height:17px;
background:url(../image/index/news.gif) no-repeat;
}
#header li.news a:hover{
display:block;
width:57px;
height:17px;
background:url(../image/index/news_on.gif) no-repeat;
}
/*restaurants*/
#header li.restaurants{
display:block;
width:142px;
height:17px;
background:url(../image/index/restaurants_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.restaurants a{
display:block;
width:142px;
height:17px;
background:url(../image/index/restaurants.gif) no-repeat;
}
#header li.restaurants a:hover{
display:block;
width:142px;
height:17px;
background:url(../image/index/restaurants_on.gif) no-repeat;
}
/*event*/
#header li.event{
display:block;
width:116px;
height:17px;
background:url(../image/index/event_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.event a{
display:block;
width:116px;
height:17px;
background:url(../image/index/event.gif) no-repeat;
}
#header li.event a:hover{
display:block;
width:116px;
height:17px;
background:url(../image/index/event_on.gif) no-repeat;
}
/*schedule*/
#header li.schedule{
display:block;
width:87px;
height:17px;
background:url(../image/index/schedule_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.schedule a{
display:block;
width:87px;
height:17px;
background:url(../image/index/schedule.gif) no-repeat;
}
#header li.schedule a:hover{
display:block;
width:87px;
height:17px;
background:url(../image/index/schedule_on.gif) no-repeat;
}
/*blog*/
#header li.blog{
display:block;
width:57px;
height:17px;
background:url(../image/index/blog_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.blog a{
display:block;
width:57px;
height:17px;
background:url(../image/index/blog.gif) no-repeat;
}
#header li.blog a:hover{
display:block;
width:57px;
height:17px;
background:url(../image/index/blog_on.gif) no-repeat;
}
/*gallery*/
#header li.gallery{
display:block;
width:75px;
height:17px;
background:url(../image/index/gallery_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.gallery a{
display:block;
width:75px;
height:17px;
background:url(../image/index/gallery.gif) no-repeat;
}
#header li.gallery a:hover{
display:block;
width:75px;
height:17px;
background:url(../image/index/gallery_on.gif) no-repeat;
}
/*staff*/
#header li.link{
display:block;
width:62px;
height:17px;
background:url(../image/index/link_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.link a{
display:block;
width:62px;
height:17px;
background:url(../image/index/link.gif) no-repeat;
}
#header li.link a:hover{
display:block;
width:62px;
height:17px;
background:url(../image/index/link_on.gif) no-repeat;
}
/*contact*/
#header li.contact{
display:block;
width:75px;
height:17px;
background:url(../image/index/contact_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.contact a{
display:block;
width:75px;
height:17px;
background:url(../image/index/contact.gif) no-repeat;
}
#header li.contact a:hover{
display:block;
width:75px;
height:17px;
background:url(../image/index/contact_on.gif) no-repeat;
}
/*home*/
#header li.home{
display:block;
width:55px;
height:17px;
background:url(../image/index/home_on.gif) no-repeat;
text-indent:-9999px;
}
#header li.home a{
display:block;
width:55px;
height:17px;
margin:1px 0 0 0;
background:url(../image/index/home.gif) no-repeat;
}
#header li.home a:hover{
display:block;
width:55px;
height:17px;
margin:1px 0 0 0;
background:url(../image/index/home_on.gif) no-repeat;
}

#header li a:focus{
/*\*/
	overflow: hidden;
/**/
}

/*---------------------
dropdown plot css
------------------------*/
div#header ul#dropdown{
position:absolute;
left:232px;
top:26px;
width:125px;
height:82px;
z-index:100;
visibility:hidden;
}
div#header ul#dropdown li{
width:125x;
height:auto
clear:both;
}
ul#dropdown li.rudeboycafe{
display:block;
width:125px;
height:22px;
}

ul#dropdown li.lioncurry{
display:block;
width:125px;
height:17px;
}

ul#dropdown li.peacecafe{
display:block;
width:125px;
height:17px;
}

ul#dropdown li.close{
display:block;
width:125px;
height:26px;
}



/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */
#footer{
width:900px;
height:auto;
clear:both;
text-align:right;
}
#footer ul{
font-size:84%;
}
#footer li{
display:inline;
padding:0 .3em;
border-right:1px solid #D0D0D0;
}
#footer li.lastChild{
border-right:0;
}