<style type="text/css">
/* 通常時 */
.robtnC {
margin:2px; padding:1px;
border:1px solid #000;
background-color:#fff;
text-decoration:none;
}
.robtnC span {
margin:0 5px 0 0; padding:0 5px;
background-color:#000;
color:#fff;
}
/* マウスが乗った時 */
.robtnC:hover {
margin:2px; padding:1px;
background-color:#fff;
text-decoration:none;
}
.robtnC:hover span {
background-color:orange;
}
</style>
<a class="robtnC" href="#"><span>おすすめ情報</span>コチラから » </a>