@charset "UTF-8";
/* CSS Document */
#globalNavOuter {
	width: 960px;
	margin: 0 auto;
}
#globalNav{
	width: 960px;
    height: 50px;
}
#globalNav ul{
    list-style: none; 
}
#globalNav ul li{
    height: 50px;
    float: left;
}
#globalNav ul li#home { width: 127px;}   
#globalNav ul li#renovate { width: 148px;}  
#globalNav ul li#interior { width: 121px;}  
#globalNav ul li#utilizing { width: 149px;}  
#globalNav ul li#flow { width: 114px;} 
#globalNav ul li#works { width: 68px;} 
#globalNav ul li#contact { width: 78px;} 
#globalNav ul li#about { width: 155px;} 


#globalNav ul li a{
    text-indent: -9999px;
    text-decoration: none;  
    display: block;  
    height: 50px;  
    background-image: url(../images/sharehouse_horizontalnavi.gif);  
    background-repeat: no-repeat;  
}
 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#globalNav ul li#home a { background-position: 0 0; width: 127px;}   
#globalNav ul li#creating a { background-position: -127px 0px; width: 148px;}  
#globalNav ul li#why a { background-position: -275px 0px; width: 121px;}  
#globalNav ul li#utilizing a { background-position: -396px 0px; width: 149px;}  
#globalNav ul li#flow a { background-position: -545px 0px; width: 114px;} 
#globalNav ul li#works a { background-position: -659px 0px; width: 68px;} 
#globalNav ul li#contact a { background-position: -727px 0px; width: 78px;} 
#globalNav ul li#about a { background-position: -805px 0px; width: 155px;} 

#globalNav ul li a:hover{
    text-decoration: none;  
    background-image: url(../images/sharehouse_horizontalnavi.gif);  
    background-repeat: no-repeat;   
}
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#globalNav ul li#home a:hover { background-position: 0 -50px; width: 127px;}   
#globalNav ul li#creating a:hover { background-position: -127px -50px; width: 148px;}  
#globalNav ul li#why a:hover { background-position: -275px -50px; width: 121px;}  
#globalNav ul li#utilizing a:hover { background-position: -396px -50px; width: 149px;}  
#globalNav ul li#flow a:hover { background-position: -545px -50px; width: 114px;} 
#globalNav ul li#works a:hover { background-position: -659px -50px; width: 68px;} 
#globalNav ul li#contact a:hover { background-position: -727px -50px; width: 78px;} 
#globalNav ul li#about a:hover { background-position: -805px -50px; width: 155px;} 

#globalNav ul li.current {
	background-image: url(../images/sharehouse_horizontalnavi.gif);
}
body#sharehouse_home #globalNav ul li#home a{ background-position: 0 -100px; width: 127px;}   
body#sharehouse_creating #globalNav ul li#creating a{ background-position: -127px -100px; width: 148px;}   
body#sharehouse_why #globalNav ul li#why a{ background-position: -275px -100px; width: 121px;}   
body#sharehouse_utilizing #globalNav ul li#utilizing a{ background-position: -396px -100px; width: 149px;}   
body#sharehouse_flow #globalNav ul li#flow a{ background-position: -545px -100px; width: 114px;}   
body#sharehouse_works #globalNav ul li#works a{ background-position: -659px -100px; width: 68px;}   
body#sharehouse_contact #globalNav ul li#contact a{ background-position: -727px -100px; width: 78px;}   
body#about #globalNav ul li#about a{ background-position: -805px -100px; width: 155px;}   

/*画像でサイドバーのナビ*/
#side-nav{
	width: 200px;
    height: 424px;
}
#side-nav ul{
	width: 200px;
	height: 424px;
    list-style: none; 
}

#side-nav ul li{
	width: 200px;
	height: 53px;
}

#side-nav ul li a{
    text-indent: -9999px; 
    text-decoration: none;  
    display: block; 
 	line-height: 53px;  
	background: url(../images/ssidemenu.gif) no-repeat;  
}
 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸 */
#side-nav ul li#side_home a { background-position: 0 0; }   
#side-nav ul li#side_creating a { background-position: 0 -53px; }  
#side-nav ul li#side_why a { background-position: 0 -106px; }  
#side-nav ul li#side_utilizing a { background-position: 0 -159px; }  
#side-nav ul li#side_flow a { background-position: 0 -212px; } 
#side-nav ul li#side_works a { background-position: 0 -265px; } 
#side-nav ul li#side_contact a { background-position: 0 -318px; } 
#side-nav ul li#side_about a { background-position: 0 -371px; } 

#side-nav ul li a:hover{
    text-decoration: none;  
    background-image: url(../images/ssidemenu.gif);  
    background-repeat: no-repeat;   
}
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸 */
#side-nav ul li#side_home a:hover { background-position: -200px 0; }   
#side-nav ul li#side_creating a:hover { background-position: -200px -53px; }  
#side-nav ul li#side_why a:hover { background-position: -200px -106px; }  
#side-nav ul li#side_utilizing a:hover { background-position: -200px -159px; }  
#side-nav ul li#side_flow a:hover { background-position: -200px -212px; } 
#side-nav ul li#side_works a:hover { background-position: -200px -265px; } 
#side-nav ul li#side_contact a:hover { background-position: -200px -318px; } 
#side-nav ul li#side_about a:hover { background-position: -200px -371px; } 

/*#side-nav ul li.current {
	background-image: url(../images/ssidemenu.gif);
}
body#sharehouse_home #side-nav ul li#home a{ background-position: -400px 0; width: 200px;}   */