@charset "UTF-8";

/*
 *  mypage.css
 *  http://reroom.jp/
 *
 *  Description:
 *  マイページ共通のスタイル
 *
 *  Copyright 2010, reroom
*/ 

/*======================================================================
    elements
======================================================================*/

h1 {
    margin: 40px 25px;
    padding-left: 40px;
    background-image: url("../images/icon/sample.7f58da694fad.png");
    background-repeat: no-repeat;
    background-position: 0 50%;
}

/*======================================================================
    #mypageNav
======================================================================*/

#main {
    background-image:none;
}

/*======================================================================
    #mypageNav
======================================================================*/

#mypageNav {
    padding-left: 15px;
    height: 42px;
    background-color: #fafaf5;
    background-image: url("../images/bg/navi_mypage.ed0f9267476f.png");
    background-repeat: no-repeat;
    background-position: 0 0;
}

#mypageNav li {
    padding: 0;
    float: left;
    font-size: 12px;
    font-weight: bold;
    text-indent: -9999px;
    background-image: none;
}

#mypageNav li a {
    display: block;
    height: 42px;
    color: #b3b3ab;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#mypageNav li a:hover {
    background-color: transparent;
    background-position: 0 -42px;
}

#mypageNav li.current a,
#mypageNav li.current a:hover {
    background-position: 0 -84px;
}

/*----------------------------------------------------------------------
    image replacement
----------------------------------------------------------------------*/

#mypageNav li.home a {
    width: 65px;
    background-image: url("../images/button/navi_mypage/home.88fff7273493.png");
}

#mypageNav li.profile a {
    width: 95px;
    background-image: url("../images/button/navi_mypage/profile.542b7ea6ba7a.png");
}

#mypageNav li.myroom a {
    width: 85px;
    background-image: url("../images/button/navi_mypage/myroom.ada16bb475d7.png");
}

#mypageNav li.clip a {
    width: 70px;
    background-image: url("../images/button/navi_mypage/clip.6fb1972609b5.png");
}

#mypageNav li.follow a {
    width: 75px;
    background-image: url("../images/button/navi_mypage/follow.978543fbb156.png");
}

#mypageNav li.message a {
    width: 85px;
    background-image: url("../images/button/navi_mypage/message.edde0c690187.png");
}

#mypageNav li.settings a {
    width: 80px;
    background-image: url("../images/button/navi_mypage/setting.13bf02749371.png");
}


/*======================================================================
    #localNav
======================================================================*/

#localNav {
    padding: 0 24px;
    border-left: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    height: 33px;
    background-color: #595757;
}

#localNav li {
    margin: 6px 16px 0 0;
    padding: 0;
    float: left;
    height: 21px;
    text-indent: -9999px;
    background-image: none;
}

#localNav li a {
    display: block;
    height: 21px;
}

#localNav li a:hover {
    background-color: transparent;
    background-position: 0 -21px;
}

#localNav li.current a,
#localNav li.current a:hover {
    background-position: 0 -42px;
}

/*----------------------------------------------------------------------
    image replacement
----------------------------------------------------------------------*/

#localNav li.myroomList a {
    width: 116px;
    background-image: url("../images/button/navi_local/myroom_list.182976a427aa.png");
}

#localNav li.myroomPost a {
    width: 103px;
    background-image: url("../images/button/navi_local/myroom_post.ffabcea474f8.png");
}

#localNav li.inbox a {
    width: 122px;
    background-image: url("../images/button/navi_local/inbox.5430a2655eb3.png");
}

#localNav li.sent a {
    width: 120px;
    background-image: url("../images/button/navi_local/sent.94eca35d2ef7.png");
}

#localNav li.following a {
    width: 154px;
    background-image: url("../images/button/navi_local/following.6b081e311137.png");
}

#localNav li.followers a {
    width: 161px;
    background-image: url("../images/button/navi_local/followers.8e83284e37c6.png");
}

#localNav li.settingProfile a {
    width: 123px;
    background-image: url("../images/button/navi_local/settingProfile.45d5c76b7b57.png");
}

#localNav li.settingEmail a {
    width: 131px;
    background-image: url("../images/button/navi_local/settingEmail.a4eb54941f06.png");
}

#localNav li.settingPassword a {
    width: 112px;
    background-image: url("../images/button/navi_local/settingPassword.bd611d00a5e3.png");
}

#localNav li.settingNotification a {
    width: 126px;
    background-image: url("../images/button/navi_local/settingNotification.44e4f83355db.png");
}

#localNav li.settingLeave a {
    width: 113px;
    background-image: url("../images/button/navi_local/settingLeave.5af4c7c38e49.png");
}