@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: 129px;}   
#globalNav ul li#renovate { width: 108px;}  
#globalNav ul li#in_ex { width: 135px;}  
#globalNav ul li#utilizing { width: 153px;}  
#globalNav ul li#flow { width: 125px;} 
#globalNav ul li#works { width: 76px;} 
#globalNav ul li#contact { width: 78px;} 
#globalNav ul li#about { width: 156px;} 


#globalNav ul li a{
    text-indent: -9999px; /* テキストをふっとばす */
    text-decoration: none;  
    display: block;  
    height: 50px;  
    background-image: url(../images/renovation_horizontalnavi.gif);  
    background-repeat: no-repeat;  
}
 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#globalNav ul li#home a { background-position: 0 0; width: 129px;}   
#globalNav ul li#renovate a { background-position: -129px 0px; width: 108px;}  
#globalNav ul li#in_ex a { background-position: -237px 0px; width: 135px;}  
#globalNav ul li#utilizing a { background-position: -372px 0px; width: 153px;}  
#globalNav ul li#flow a { background-position: -525px 0px; width: 125px;} 
#globalNav ul li#works a { background-position: -650px 0px; width: 77px;} 
#globalNav ul li#contact a { background-position: -727px 0px; width: 78px;} 
#globalNav ul li#about a { background-position: -805px 0px; width: 156px;} 

#globalNav ul li a:hover{
    text-decoration: none;  
    background-image: url(../images/renovation_horizontalnavi.gif);  
    background-repeat: no-repeat;   
}
/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/
#globalNav ul li#home a:hover { background-position: 0 -50px; width: 129px;}   
#globalNav ul li#renovate a:hover { background-position: -129px -50px; width: 108px;}  
#globalNav ul li#in_ex a:hover { background-position: -237px -50px; width: 135px;}  
#globalNav ul li#utilizing a:hover { background-position: -372px -50px; width: 153px;}  
#globalNav ul li#flow a:hover { background-position: -525px -50px; width: 125px;} 
#globalNav ul li#works a:hover { background-position: -650px -50px; width: 77px;} 
#globalNav ul li#contact a:hover { background-position: -727px -50px; width: 78px;} 
#globalNav ul li#about a:hover { background-position: -805px -50px; width: 156px;} 

#globalNav ul li.current {
	background-image: url(../images/renovation_horizontalnavi.gif);
}
#renovation_home #globalNav ul li#home a{ background-position: 0 -100px; width: 129px;}
#renovation_renovate #globalNav ul li#renovate a{ background-position: -129px -100px; width: 108px;}   
#renovation_in_ex #globalNav ul li#in_ex a{ background-position: -237px -100px; width: 135px;}   
#renovation_utilizing #globalNav ul li#utilizing a{ background-position: -372px -100px; width: 153px;}   
#renovation_flow #globalNav ul li#flow a{ background-position: -525px -100px; width: 125px;}   
#renovation_works #globalNav ul li#works a{ background-position: -650px -100px; width: 77px;}   
#renovation_contact #globalNav ul li#contact a{ background-position: -727px -100px; width: 78px;}   
/*#about #globalNav ul li#about a{ background-position: -805px -100px; width: 156px;}   

*/
/*画像でサイドバーのナビ*/
#side-nav{
	width: 200px;
    height: 424px;
}
#side-nav ul{
    list-style: none; /* リスト形式を削除 */
}
#side-nav ul li{
		width: 200px;
	    height: 53px;
}

#side-nav ul li a{
    text-indent: -9999px; /* テキストをふっとばす */
    text-decoration: none;  
    display: block; 
	width: 200px; 
    line-height: 53px;  
    background-image: url(../images/rsidemenu.gif);  
	background-repeat: no-repeat;   
}
 /* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/
#side-nav ul li#side_home a { background-position: 0 0; }   
#side-nav ul li#side_renovate a { background-position: 0 -53px; }  
#side-nav ul li#side_in_ex 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/rsidemenu.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_renovate a:hover { background-position: -200px -53px; }  
#side-nav ul li#side_in_ex 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/rsidemenu.gif);
}
*//*body#renovation_home #side-nav ul li#home a{ background-position: -400px 0; width: 200px;}   */