@charset "Shift_JIS";
/* CSS Document */


/************ グローバルナビ ************/

#globalnavi {
	height: 73px;
	background-image:url(../img/h1_bg.jpg) ; 
}

#globalnavi #g_left {
	float:left;
	width:330px;
	height:31px;
	margin:27px 0 0 15px;
}

#globalnavi #g_right {
	float:right;
	width:540px;
	height:31px;
	padding:27px 12px 0 0;
	}


h1#logo a {
	display:block;
	width:330px;
	height:31px; 
	background:url(../img/h1.jpg) no-repeat top left ;
	text-indent:-9999px;
	overflow:hidden;
	}

h1#logo a:hover {
    background-image:url(../img/h1.jpg);  
    background-position:0px -31px;
                
   }
   
   
#globalnavi #g_right ul {
    width:540px;       
    height:31px;
	}
   
#globalnavi #g_right li {
	float:left;
	height:31px;
	text-indent:-9999px; 
	overflow:hidden;
	}

#globalnavi #g_right li.showroom a {
    display:block; 
    width:114px;
    height:31px; 
    background:url(../img/header.jpg) no-repeat 0px 0px ;
    }
	
#globalnavi #g_right li.showroom a:hover {
    background:url(../img/header.jpg) no-repeat 0px -31px ;                    
   }
 
 
#globalnavi #g_right li.sr_diary a {
    display:block; 
    width:122px;
    height:31px; 
    background:url(../img/header.jpg) no-repeat -114px 0px ;
    }
	
#globalnavi #g_right li.sr_diary a:hover {
    background:url(../img/header.jpg) no-repeat -114px -31px ;                    
   }
   

 #globalnavi #g_right li.tips a {
    display:block; 
    width:98px;
    height:31px; 
    background:url(../img/header.jpg) no-repeat -236px 0px ;
    }
	
#globalnavi #g_right li.tips a:hover {
    background:url(../img/header.jpg) no-repeat -236px -31px ;                    
	}
	
	
#globalnavi #g_right li.casestudy a {
    display:block; 
    width:85px;
    height:31px; 
    background:url(../img/header.jpg) no-repeat -334px 0px ;
    }
	
#globalnavi #g_right li.casestudy a:hover {
    background:url(../img/header.jpg) no-repeat -334px -31px ;                    
	}
	
	
 #globalnavi #g_right li.event a {
    display:block; 
    width:72px;
    height:31px; 
    background:url(../img/header.jpg) no-repeat -419px 0px ;
    }
	
#globalnavi #g_right li.event a:hover {
    background:url(../img/header.jpg) no-repeat -419px -31px ;                    
	}
	

 #globalnavi #g_right li.column a {
    display:block; 
    width:49px;
    height:31px; 
    background:url(../img/header.jpg) no-repeat -491px 0px ;
    }
	
#globalnavi #g_right li.column a:hover {
    background:url(../img/header.jpg) no-repeat -491px -31px ;
	}
   
  


/************ フッターナビ ************/

#footernavi {
	padding:15px 0 0 0;
	border-top:#ac9e8d dashed 1px;
}

#footernavi ul {
    width:920px;  /* リスト全体の幅 */
    height:25px;  /* リスト全体の高さ */
   }

#footernavi li {
	float:left;
	height:25px;
	text-indent:-9999px; 
	overflow:hidden;
	}

#footernavi li.top a {
    display:block; 
    width:198px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat 0px 0px ;
	margin:0 0 0 100px;
    }
	
#footernavi li.top a:hover {
    background:url(../img/footer.jpg) no-repeat 0px -25px ;                    
    }

#footernavi li.showroom a {
    display:block; 
    width:117px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -198px 0px ;
    }
	
#footernavi li.showroom a:hover {
    background:url(../img/footer.jpg) no-repeat -198px -25px ;                    
    }
	
#footernavi li.sr_diary a {
    display:block; 
    width:117px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -315px 0px ;
    }
	
#footernavi li.sr_diary a:hover {
    background:url(../img/footer.jpg) no-repeat -315px -25px ;                    
    }
	
#footernavi li.tips a {
    display:block; 
    width:92px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -432px 0px ;
    }
	
#footernavi li.tips a:hover {
    background:url(../img/footer.jpg) no-repeat -432px -25px ;                    
    }

#footernavi li.casestudy a {
    display:block; 
    width:80px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -524px 0px ;
    }
	
#footernavi li.casestudy a:hover {
    background:url(../img/footer.jpg) no-repeat -524px -25px ;                    
    }

	
#footernavi li.event a {
    display:block; 
    width:70px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -604px 0px ;
    }
	
#footernavi li.event a:hover {
    background:url(../img/footer.jpg) no-repeat -604px -25px ;                    
    }
	

#footernavi li.column a {
    display:block; 
    width:56px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -674px 0px ;
    }
	
#footernavi li.column a:hover {
    background:url(../img/footer.jpg) no-repeat -674px -25px ;                    
    }

#footernavi li.news a {
    display:block; 
    width:73px;
    height:25px; 
    background:url(../img/footer.jpg) no-repeat -637px 0px ;
    }
	
#footernavi li.news a:hover {
    background:url(../img/footer.jpg) no-repeat -637px -25px ;                    
    }




	

/************ ライトバナー ************/

/* ビルトインオーディオ */

#side #banner_built {
	width:180px;
	margin:0 0 50px 0;
}

#side #banner_built .copy {
	margin:5px 0;
}
#side #banner_built .title {
	margin:0 0 10px;
}

#side #banner_built dl {
	width:180px;
}

#side #banner_built dt {
	width:180px;
	height:85px;
	text-indent:-9999px; 
	overflow:hidden;
	}

#side #banner_built dd {
	width:180px;
	margin:5px 0 10px;
	text-align:center;
	font-weight:bold;
}

#side #banner_built dt.acco a {
	display:block; 
    width:180px;
    height:85px; 
	background:url(../img/s_b_acco.jpg) no-repeat 0px 0px ;
    }

#side #banner_built dt.acco a:hover {
	background:url(../img/s_b_acco.jpg) no-repeat 0px -85px ;
    }
	
#side #banner_built dt.stylish a {
	display:block; 
    width:180px;
    height:85px; 
	background:url(../img/s_b_stylish.jpg) no-repeat 0px 0px ;
    }

#side #banner_built dt.stylish a:hover {
	background:url(../img/s_b_stylish.jpg) no-repeat 0px -85px ;
    }


/* ショールーム */

#side #banner_showroom {
	width:180px;
	margin:0 0 50px 0;
}

#side #banner_showroom .copy {
	margin:5px 0;
}
#side #banner_showroom .title {
	margin:0 0 10px;
}

#side #banner_showroom dl {
	width:180px;
}

#side #banner_showroom dt {
	width:180px;
	height:85px;
	text-indent:-9999px; 
	overflow:hidden;
	}

#side #banner_showroom dd {
	width:180px;
	margin:5px 0 10px;
	text-align:center;
	font-weight:bold;
}

#side #banner_showroom dt.ozone a {
	display:block; 
    width:180px;
    height:85px; 
	background:url(../img/s_b_showroom.jpg) no-repeat 0px 0px ;
    }

#side #banner_showroom dt.ozone a:hover {
	background:url(../img/s_b_showroom.jpg) no-repeat 0px -85px ;
    }