/*********************************
お気に入りボタンスタイル
画像等は背景画像で入れる

参考：ボタンのHTML構造
<div class="mylink_container" data-url="http://www.s-cute.com/blog/ranking/girls-201111/">
    <a class="mylink_button mylink_no_favorite" href="javascript:void(0);">
        <span class="mylink_button_inner">Add MyLink</span>
    </a>
    <span class="mylink_count">
        <span class="mylink_count_inner">
            <span class="mylink_count_count">2</span>
        </span>
    </span>
</div>
*********************************/

/*////////////////////////////////
    お気に入りボタンのコンテナ
////////////////////////////////*/
.mylink_container {
     position: absolute;
     top: 8px;
     right: 20px;
}


/*////////////////////////////////
    お気に入りボタン
    状態別にクラスを付与される
////////////////////////////////*/
/* 基本（全てに適用） */
.mylink_button {
    text-indent:-9999px;
}
.mylink_button .mylink_button_inner {
    color: #666;
    padding: 0px 0px;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    width: 21px;
    display: block;
    text-align: center;
    background-image: url("/images/common/bookmark_btn_on.png");
}

/* お気に入り未登録 */
.mylink_no_favorite {
    
}
.mylink_no_favorite .mylink_button_inner {
    background-image: url("/images/common/bookmark_btn_on.png");
}
.mylink_no_favorite:hover .mylink_button_inner {

}

/* お気に入り登録済み */
.mylink_favorite {
    cursor: default;
}
.mylink_favorite .mylink_button_inner {
    background-image: url("/images/common/bookmark_btn_off.png");
}
.mylink_favorite:hover .mylink_button_inner {

}

/* 更新処理中 */
.mylink_waiting {
    cursor: default;
}
.mylink_waiting .mylink_button_inner {
    background-color: #DDDDDD;
    color: #999999;
}
.mylink_waiting:hover .mylink_button_inner {
    background-color: #DDDDDD;
    color: #999999;
}


/*////////////////////////////////
    お気に入り登録数
    1以上の時表示される
////////////////////////////////*/

.mylink_count {
    background-image: url("/images/common/bookmark_counter_bg.png");
}
.mylink_count .mylink_count_inner {

    height: 20px;
    line-height: 20px;
  vertical-align: middle;
    color: #816669;
    width: 35px;
    display: block;
padding-left:2px;

}
.mylink_count .mylink_count_count {
    text-align: center;
    display: block;
  font-family: 'Century Gothic', 'Tahoma', sans-serif;
    font-size: 10px;
}

/* 0なので非表示 */
.mylink_count_hidden {
    background-image: url("/images/common/bookmark_counter_zero.png");
    text-indent:-9999px;
}



.mylink_container_list{position:absolute;width:57px;top:8px; right:8px;}
.mylink_container_box{position:absolute;width:57px;top:244px; right:7px;}

.mylink_button {
    float:left;
}

.mylink_count {
    float:left;
    margin-left:1px;
}