body {
  font-size: 14px;
  font-family:'Helvetica Neue', Helvetica,Arial,"游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, HiraKakuProN-W3 , 'TakaoExゴシック' , TakaoExGothic , 'MotoyaLCedar' , 'Droid Sans Japanese' , sans-serif,;
  line-height:130%;
  text-align: left;
  background-color: #eeeeee;
  
}


a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}




#container {
  width: 1000px;
  height:auto;
  margin: -8px auto 0 auto;
  background-color: #fff;
  padding: 0 40px;
  overflow : hidden;
  -webkit-box-shadow: 0 0 30px #bbb; box-shadow: 0 0 30px #bbb;
}


.mwrap{
  width:920px;
  margin:0 40px 0 40px;
  text-align:center;
}

.boxl{
  float:left;
  width:300px;
  margin:0 5px 5px 0;
}

.boxu{
  float:left;
  width:300px;
  margin:0 5px 50px 0;

}

.btnl{
  float:left;
  width:300px;
  margin:0 4px 5px 0;
}


.wn {
	position: relative;
  width:300px;
  height:300px;
  text-align: left;
  overflow-y: scroll;
}
#scroll {
	position: relative;
	width: 298px;
	height: 298px;
	overflow: hidden;
	border: 1px solid #DDD;
}

#scroll .scrollbar {
	position: absolute;
	top: 0px;
	right: 0;
	width: 10px;
	height: 300px;
	z-index: 1;
}

#scroll .scrollbar .track {
	position: absolute;
	top: 20px;
	left: 0;
	background: #EEE;
	width: 10px;
	height: 260px;
	z-index: 2;
}

#scroll .scrollbar .track .thumb {
	position: absolute;
	top: 0;
	left: 0;
	background: #ff5b7e;
	width: 10px;
	z-index: 3;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}

#scroll .scrollbar .up {
	position: absolute;
	top: 0px;
	left: 0;
	width: 10px;
	height: 20px;
	background: #808080;
	z-index: 2;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}

#scroll .scrollbar .down {
	position: absolute;
	top: 280px;
	left: 0;
	width: 10px;
	height: 20px;
	background: #808080;
	z-index: 2;
	cursor: pointer;
	font-size: 0;
	line-height: 0;
}