@charset"Shift_JIS";


/* 3.BRANDBNR ID : #brandArea
----------------------------------------------------------------------------- */	


img{
	    border: 1px solid #bbb;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

div#brandArea{
  height:220px;
  width: 650px;
  padding:0px 30px;
  position: relative;
  overflow:hidden;	

  }

div#brandArea img{
  cursor:pointer;
  height:140px;
 z-index:1;

}

div#ScrollArea{
	margin-left:-160px;
  height:200px;
  z-index:1;
}

div#ScrollArea li{
  float:left;
  position:relative;
  text-align:center;
  list-style:none;
  z-index:1;
  width:142px;
  margin-left:10px;
height:210px;
}


#Leftbtn{
	width:30px;
	height:50px;
	margin:50px 0px 10px -30px;
	overflow:hidden;
	z-index:3;
	background-image: url(../images/arrow1.png);
	background-repeat:no-repeat;
	cursor:pointer;	
	position:absolute;
	top:0px;
	float:left;
	opacity: 0.3; 
}
	
#Rightbtn{
	width:30px;
	height:50px;
	margin:65px 10px 10px 680px;
	overflow:hidden;
	z-index:3;
	background-image: url(../images/arrow2.png);
	background-repeat:no-repeat;
	cursor:pointer;
	top:0px;
	float: right;
	position:absolute;
	opacity: 0.3;
   filter: alpha(opacity=30);  
   -ms-filter: "alpha(opacity=30)"; 
   -moz-opacity:0.3; 
   -khtml-opacity: 0.3;  
}
	
.ImgBox{
	width:142px;
	height:142px;
	}

a {
	line-height:1.1em;
	font-size: 13px;
	text-decoration: none;
	color: #666666;

	}
a:visited{
	color:#666666;
	}
a:hover{
	text-decoration: underline;
	color:#darkblue;
	}
#wall{
 margin: 10px auto;
  border: 1px solid #aaa;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);	
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background-color:#F9F9F9;
  height:230px;
  width:720px;
}