@charset "UTF-8";

/*
 *  member_permalink.css
 *  http://reroom.jp/
 *
 *  Description:
 *  プロフィールページのスタイル
 *
 *  Copyright 2010, reroom
*/ 

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

h1 {
    padding-top: 30px;
    font-weight: normal;
}

/*======================================================================
    #user
======================================================================*/

#user {
    position: relative;
}

#icon,
#profile,
#userInfo,
#following {
    margin: 0 0 20px 25px;
}

#profile h2,
#userInfo h2 {
    display: none;
}

/*----------------------------------------------------------------------
    #icon
----------------------------------------------------------------------*/

#icon img {
    border: 2px solid #b3b3ab;
}

/*----------------------------------------------------------------------
    #profile
----------------------------------------------------------------------*/

#profile {
    padding-bottom: 3px;
    background-image: url("../images/bg/utilities_box001.b4db4b625522.png");
    background-repeat: no-repeat;
    background-position: 0 100%;
}

#profile dl {
    margin: 0;
    background-image: url("../images/bg/utilities_box001.b4db4b625522.png");
    background-repeat: no-repeat;
    background-position: -300px -996px;
}

#profile dl dt {
    margin: 0;
    padding: 10px 15px 0 25px;
    font-size: 93%;
    background-image: url("../images/marker/dash001.893405a354e3.png");
    background-repeat: no-repeat;
    background-position: 15px 1.45em;
}

#profile dl dd {
    margin: 0;
    padding: 0 15px 10px;
    border-bottom: 1px dotted #a6a69f;
    font-size: 93%;
}

#profile dl dd:last-child {
    border: none;
}

/*----------------------------------------------------------------------
    #userInfo
----------------------------------------------------------------------*/

#userInfo {
    position: absolute;
    top: 0;
    left: 140px;
    font-weight: bold;
    font-size: 93%;
}

#userInfo ul {
    margin: 0;
}

#userInfo li {
    margin: 0;
    padding: 0 0 5px 23px;
    background: url("../images/icon/user_info.90914b455971.png") no-repeat;
}

#userInfo li.room {
    background-position: 0 1px;
}

#userInfo li.clip {
    background-position: 0 -21px;
}

#userInfo li.message {
    background-position: 0 -43px;
}

#userInfo li.follow {
    background-position: 0 -66px;
}

/*----------------------------------------------------------------------
    #following
----------------------------------------------------------------------*/

#following h2 {
    margin-bottom: 7px;
    font-size: 93%;
}

#following ul {
    margin: 0 -10px 0 0;
    padding: 0;
}

#following li {
    margin: 0 5px 6px 0;
    padding: 0;
    float: left;
    background: none;
}

#following li img {
    border: 1px solid #dedede;
}

/*======================================================================
    #info
======================================================================*/

#info h2 {
    width: 610px;
    height: 23px;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#info div.thumbnailBox {
    margin-top: 0;
    float: none;
    width: auto;
}

#info div.thumbnailBox dd.data {
    margin: 0;
    text-align: right;
}

#info div.thumbnailBox dd.status {
    margin: 0 -10px 0 0;
    float: right;
}

/*----------------------------------------------------------------------
    #photo
----------------------------------------------------------------------*/

#photo {
    margin-top: 0;
}

#photo h2 {
    margin: 0 0 15px;
    background-image: url("../images/headline/recent.8cac8068aa65.png");
}

#photo div.image {
    margin: 0 0 20px;
}

#photo div.image img {
    padding: 3px;
    border: 2px solid #b3b3ab;
}

#photo div.image a {
    background-color: transparent;
}

#photo dd.status li {
}

/*----------------------------------------------------------------------
    #timeline
----------------------------------------------------------------------*/

#timeline {
    padding: 40px 0;
}

#timeline h2 {
    background-image: url("../images/headline/timeline.9a8f971612e9.png");
}

#timeline div {
    padding: 10px 0;
    border-bottom: 1px dotted #b3b3ab;
    overflow: hidden;
}

#timeline img.photo {
    margin-right: 10px;
    float: left;
}

/*======================================================================
    layout
======================================================================*/

#main {
    overflow: hidden;
}

#user {
    margin-top: 20px;
    width: 325px;
    float: left;
}

#info {
    margin-top: 20px;
    width: 630px;
    float: right;
}

/*======================================================================
    #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");
}