jQuery お知らせ ウィンドウ

<div class="message">
<a href="#" class="btn1">個人の方</a>
<a href="#" class="btn2">業者の方</a>
</div>

<style>

.message {
color: #fff;
padding: 20px;
background: #b2946c;
position: relative;
z-index: 10;
font-weight:bold;
font-size:20px;
text-align:center;
width: 300px;
height: auto;
left:65%;
}
.message:before {
content: "";
position: absolute;
background: #b2946c;
margin: 4px;
border: 2px #fff solid;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: -10;
}
</style>

<script type="text/javascript">
$(function(){
$(".message").hide();
$(".message").fadeIn(5000);
});

</script>