@charset "UTF-8";

@import "common.css";

body{
height:100%;
background:#777;
}

#header{
padding:20px 0 0 20px;
}

#wrapper{
position:relative;
}

h1 a{
background:url(../images/top/logo.gif) no-repeat;
width:749px;
height:113px;
}

#main{
width:380px;
height:460px;
position:relative;
padding-left:20px;
}

#menu{
position:absolute;
bottom:20px;
}

#footer{
width:100%;
text-align:right;
}

/* MENU
*******************************************/

#menu ul{
list-style:none;
}

#menu ul li{
margin-bottom:10px;
}

#menu ul li a{
text-indent:-9999em;
height:47px;
display:block;
}

#menu ul li a:hover, #menu ul li.here{
}

#menu ul li#music a{
background:url(../images/menu/music.gif) no-repeat left top;
width:173px;
}

#menu ul li#music a:hover, #menu ul li#music_here{
background:url(../images/menu/music.gif) no-repeat left bottom;
width:173px;
}

#menu ul li#profile a{
background:url(../images/menu/profile.gif) no-repeat left top;
width:203px;
}

#menu ul li#profile a:hover, #menu ul li#profile_here {
background:url(../images/menu/profile.gif) no-repeat left bottom;
width:203px;
}

#menu ul li#fashion a{
background:url(../images/menu/fashion.gif) no-repeat left top;
width:240px;
}

#menu ul li#fashion a:hover, #menu ul li#fashion_here{
background:url(../images/menu/fashion.gif) no-repeat left bottom;
width:270px;
}

#menu ul li#novel a{
background:url(../images/menu/novel.gif) no-repeat left top;
width:200px;
}

#menu ul li#novel a:hover, #novel ul li#fashion_here{
background:url(../images/menu/novel.gif) no-repeat left bottom;
width:200px;
}

#menu ul li#blog a{
background:url(../images/menu/blog.gif) no-repeat left top;
width:160px;
}

#menu ul li#blog a:hover, #menu ul li#blog_here{
background:url(../images/menu/blog.gif) no-repeat left bottom;
width:160px;
}