@charset "utf-8";


img {
    border-style:none; 
}

body {
    text-align: center;
    margin: 20px auto;
    background: url(./img/back.gif);
    background-attachment: fixed;
}

p {
    font-size : 15px;
    color : brown;
}

h1{
    text-indent : -9999px;
}

#header{
    width : 900px;
    height : 445px;
    background: url(./img/top08.jpg);
    /*filter:Alpha(Opacity=0);*/

}

#whatsnew{

scrollbar-arrow-color     :pink;
scrollbar-face-color      :white;
scrollbar-shadow-color    :white;
scrollbar-darkshadow-color:pink;
scrollbar-track-color     :white;
scrollbar-3dlight-color   :pink;
scrollbar-highlight-color :white;

    margin-left:600px;
    margin-top:340px;
    width:280px;
    height:60px;
    overflow:auto;
    text-align:left;
}

#pagebody {
    width : 900px;
    margin: 0px auto;
    background-color : white;
}

#menu ul {
    margin: 0px;
    padding:0px;
}

#menu li {
    display: block;
    float:left;
}

#menu li#profile {
    width : 100px;
    height: 50px;
    background: url(./img/menu_profile.jpg);
    text-indent: -9999px;
}

#menu li#profile a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#profile a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_profile_hover.jpg);
}


#menu li#infomation {
    width : 100px;
    height: 50px;
    background: url(./img/menu_infomation.jpg);
    text-indent: -9999px;
}

#menu li#infomation a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#infomation a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_infomation_hover.jpg);
}

#menu li#discography {
    width : 100px;
    height: 50px;
    background: url(./img/menu_discography.jpg);
    text-indent: -9999px;
}

#menu li#discography a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#discography a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_discography_hover.jpg);
}

#menu li#movie {
    width : 100px;
    height: 50px;
    background: url(./img/menu_movie.jpg);
    text-indent: -9999px;
}

#menu li#movie a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#movie a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_movie_hover.jpg);
}

#menu li#lesson {
    width : 100px;
    height: 50px;
    background: url(./img/menu_lesson.jpg);
    text-indent: -9999px;
}

#menu li#lesson a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#lesson a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_lesson_hover.jpg);
}

#menu li#blog {
    width : 100px;
    height: 50px;
    background: url(./img/menu_blog.jpg);
    text-indent: -9999px;
}

#menu li#blog a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#blog a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_blog_hover.jpg);
}

#menu li#memories {
    width : 100px;
    height: 50px;
    background: url(./img/menu_memories.jpg);
    text-indent: -9999px;
}


#menu li#memories a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#memories a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_memories_hover.jpg);
}


#menu li#shop {
    width : 100px;
    height: 50px;
    background: url(./img/menu_shop.jpg);
    text-indent: -9999px;
}


#menu li#shop a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#shop a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_shop_hover.jpg);
}


#menu li#contact {
    width : 100px;
    height: 50px;
    background: url(./img/menu_contact.jpg);
    text-indent: -9999px;
}


#menu li#contact a{
    width : 100px;
    height: 50px;
    display:block;
}

#menu li#contact a:hover{
    width : 100px;
    height: 50px;
    display:block;
    background: url(./img/menu_contact_hover.jpg);
}


#whatnew{
    border:solid 1px pink;
}

#footer {
    width : 900px;
    text-align: right;
    background-color : #FFC0CB;
}

#footer p{
    margin:0px;
}

#footer p a{
    text-decoration:none;
    font-size : 15px;
    color : brown;
}
