<ul>
		<li class="a">Put On!</li> 
	</ul>

li {
	display : inline-block;
	background: #74653D; /*元の背景色*/
	color: #FFFBD5;
	width: 300px;
	line-height: 66px;
	text-align: center;
  font-size: 28px;
  font-weight: bold;
	margin-right: 20px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.a:hover {
  background: #BF9427; /*マウスオーバー時の背景色*/
}