/* global
----------------------------------------------- */
body {
background: #000 ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align : center ;
font-family: sans-serif;
color:#ffffff;
}

img {
border:none;
}

.clear {
clear:both;
}

/* layout
----------------------------------------------- */
#wrapper {
width: 880px;
margin-left:auto;
margin-right:auto;
padding: 0 0 0 0px;
text-align: center;
background: #000 ;
overflow:auto;
}




#header {
background: #000 url(./i/FB_banner.png) no-repeat 0px 0;
width: 880px;
height:130px;
margin: 12px 0 0 0;
padding: 0 0 0 0;
text-align: left;
}




#left-col{
float: left;
width: 180px;
padding: 0 0 0 0;
margin: 0 20px 0 0;
text-align:left;
}

#center-col{
float: left;
width: 480px;
padding: 0 0 0 0;
margin: 0 20px 20px 0;
text-align:left;
}

#right-col{
float: right;
width: 180px;
padding: 0 0 0 0;
margin: 0 0 20px 0;
text-align:left;
}

#center-right-col{
float: right;
width: 678px;
padding: 0 0 0 0;
margin: 0 0 20px 0;
text-align:left;
}




/* grobal
----------------------------------------------- */
#grobal {
background: transparent ;
width: 880px;
height: 36px;
margin:  0px 0 0 0px;
padding: 0 0 0 0 ;
overflow:hidden;
}


/* g-navi
----------------------------------------------- */

#g-navi {
background:  transparent url(./i/top_navi.png) no-repeat 0px -10px;
width: 390px;
height: 36px;
margin:  0px 0 0 0px;
padding: 0 0 0 0 ;
float:left;
}

#g-navi span{
display:none;
}

#g-navi li {             
float:left;             
}

.g-navi-all {           
list-style:none;        
margin: 0 0 0 0;
padding: 0 0 0 0 ;
}


.to-fb{
width:130px; height:35px;  
display: block;
background:  transparent url(./i/top_navi.png) no-repeat 0px -0px;
}
.to-fb a{
width:130px; height:35px;  
display: block;
background:  transparent url(./i/top_navi.png) no-repeat 0px -10px;
}
.to-fb a:hover{
display: block;
background:  transparent url(./i/top_navi.png) no-repeat 0px 0px;
}

.to-fs a{
width:130px; height:35px; 
display: block;
background:  transparent url(./i/top_navi.png) no-repeat -130px -10px;
}
.to-fs a:hover{
display: block;
background:  transparent url(./i/top_navi.png) no-repeat -130px 0px;
}

.to-sw a{
width:130px; height:35px;
display: block;
background:  transparent url(./i/top_navi.png) no-repeat -260px -10px;
}
.to-sw a:hover{
display: block;
background:  transparent url(./i/top_navi.png) no-repeat -260px 0px;
}


/* g-navi-cart
----------------------------------------------- */
#g-navi-cart {
background: #000 url(./i/g_navi_cart_bg.gif) no-repeat bottom left;
width: 301px;
height: 36px;
margin:  0px 0 0 0px;
padding: 0 0 0 0 ;
float:right;
text-align:left;
}

.g-navi-cart-description {
margin:  0 0 0 0;
padding: 15px 0 0 32px ;
font-size:12px;
color:#666666;
float:left;
}
.g-navi-to-cart {
margin:  0px 0 0 0px;
padding: 11px 0 0 0 ;
float:right;
}

/* navi
----------------------------------------------- */

#navi {
background: transparent ;
width: 880px;
height: 33px;
margin:  12px 0 20px 0px;
padding: 0 0 0 0 ;
background:  transparent url(./i/navi_fb.jpg) no-repeat 0px 0px;
clear:both;
}

#navi li {
width:110px;            
height:33px;             
float:left; 
text-indent:-9999px;
}

#navi span{
display:none;
}

.navi-all {           
list-style:none;        
margin: 0px 0px 0px 0px;
padding:  0px 0px 0px 0px;
}

.to-notice a{
width:100%; height:100%;  
display: block;
background:  transparent url(./i/navi_fb.jpg) no-repeat 0px 0px;
}
.to-notice a:hover{
display: block;
background:  transparent url(./i/navi_fb.jpg) no-repeat 0px -33px;
}

.to-kaitori a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -110px 0px;
}
.to-kaitori a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -110px -33px;
}

.to-event a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -220px 0px;
}
.to-event a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -220px -33px;
}

.to-cafe a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -330px 0px;
}
.to-cafe a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -330px -33px;
}

.to-blog a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px 0px;
}
.to-blog a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px -33px;
}

.to-blog a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px 0px;
}
.to-blog a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -440px -33px;
}

.to-about a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -550px 0px;
}
.to-about a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -550px -33px;
}

.to-contact a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -660px 0px;
}
.to-contact a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -660px -33px;
}

.to-link a{
width:100%; height:100%;  
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -770px 0px;
}
.to-link a:hover{
display: block;
background:  url(./i/navi_fb.jpg) no-repeat -770px -33px;
}




/* footer
----------------------------------------------- */

#footer {
background:  transparent url(./i/footer_bg.gif) no-repeat 0px 0px;
width:880px;
height:40px;
clear:both;
margin: 0 0 0 0;
padding: 0 0 0 0 ;
text-align: center;
font-size:11px;
border-top:0px solid #dddddd;
color:#ffffff;
}

#footer-menu {
margin: 0 0 0 0;
padding: 16px 0 0 0 ;
text-align: center;
font-size:11px;
border-top:0px solid #dddddd;
color:#ffffff;
}

#footer-menu ul{
background: transparent; 
padding: auto ;
margin: auto;
}

#footer-menu li {
display:inline;
list-style:none ;
background: transparent; 
padding: 0 0 0 0 ;
margin: 0 4px 0 0 ;
}

#footer-menu li a {
color:#ffffff;
text-decoration:none;
}

#footer-menu li a:hover {
text-decoration:underline;
}

#copyright{

}