@charset "shift_jis";
/* CSS Document */
/* ----------------------------------------------------------------------------------
ナビゲーション
---------------------------------------------------------------------------------- */
 
#right_navigation_area {
  position: relative;
  float : right;
  width: 147px;
  height: 250px;    
  text-align: left;
  margin: 0px auto;
  padding: 0px;           
}
 
 #right_navigation ul li {
  position: absolute;
  height: 27px;
 }
#right_navigation ul li a {
  display: block;
  outline-width: 0px; 
  font-size:1px;
  line-height: 100%;
  height: 27px;
}
#right_navigation ul li a span { display: none; }
 
#right_navigation01 {
	background: url(../../metallic_factory/common/navigation_img/001.jpg) no-repeat left top;
	top: 0px;
	right: 0px;
	width: 147px;
}
 
#right_navigation01 a {
     width: 147px;
}
#right_navigation01 a:hover {
  background: url(../../metallic_factory/common/navigation_img/001_f2.jpg) no-repeat left top;
 }
 
#right_navigation02 {
  background: url(../../metallic_factory/common/navigation_img/002.jpg) no-repeat left top;
  top: 28px;
  right: 0px;
  width: 147px;
}
 
#right_navigation02 a {
  width: 147px;
}
#right_navigation02 a:hover {
  background: url(../../metallic_factory/common/navigation_img/002_f2.jpg) no-repeat left top;
 }
 
  #right_navigation03 {
  background: url(../../metallic_factory/common/navigation_img/003.jpg) no-repeat left top;
  top: 56px;
  right: 0px;
  width: 147px;
}
 
#right_navigation03 a {
  width: 147px;
}
#right_navigation03 a:hover {
  background: url(../../metallic_factory/common/navigation_img/003_f2.jpg) no-repeat left top;
 }
 
#right_navigation04 {
  background: url(../../metallic_factory/common/navigation_img/004.jpg) no-repeat left top;
  top: 84px;
  right: 0px;
  width: 147px;
}
 
#right_navigation04 a {
  width: 147px;
}
#right_navigation04 a:hover {
  background: url(../../metallic_factory/common/navigation_img/004_f2.jpg) no-repeat left top;
 }
 
 #right_navigation05 {
  background: url(../../metallic_factory/common/navigation_img/005.jpg) no-repeat left top;
  top: 112px;
  right: 0px;
  width: 147px;
}
 
#right_navigation05 a {
  width: 147px;
}
#right_navigation05 a:hover {
  background: url(../../metallic_factory/common/navigation_img/005_f2.jpg) no-repeat left top;
 }
 
/* ----------------------------------------------------------------------------------
ボックス
---------------------------------------------------------------------------------- */
 
.shade01 {
  background: #FBFBFB;
  width: 190px; 
  text-align: left;
  vertical-align: top;  
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;        
}
.shade02 {
  background: #FBFBFB;
  width: 415px;
  text-align: left;
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;      
}
.no_shade01 {
  width: 190px;
  text-align: left;
  vertical-align: top;  
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;        
}
.no_shade02 {
  width: 415px;
  text-align: left;
  padding: 5px;
  border-bottom: 1px dotted #CCCCCC;      
}
.box01 {
  width: 100px;
  text-align: left;
}
.box02 {
  text-align: right;
}
.small {
    font-size: 10px;
}