@charset "utf-8";

/*-------------------------------------------------------------------
    * mypage.css
    * site name : チャンスイット
    * description : マイページ指定
    * import : web/mypage/***.jsp
-------------------------------------------------------------------*/
/*
=====================================================================
* 毎日貯めるタスク
=====================================================================
*/

#task_list {
    float: left;
    margin:0 0 30px 0;
    font-family: "Meiryo","メイリオ","ＭＳ　Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
}
#task_list_side {
    float: right;
}
#task_list .my_task h2{
    color:#4d4d4d;
    overflow:hidden;
    border-top:#2fb6de 2px solid;
    border-bottom:#d4d4d4 1px solid;
    font-size:20px;
    font-weight:bold;
    padding:8px 0;
    margin:0 0 20px;
    width: 630px;
}
#task_list .my_task h2.more_point img {
    position: absolute;
    top: -374px;
    left: 0;
}
#task_list .my_task h2.more_point{
    width: 630px;
    height: 23px;
    overflow: hidden;
    position: relative;
}
#task_list .my_task {
    margin: 0 0 15px 0;
    padding: 0 0 10px;
}
#task_list .my_task table {
    width: 630px;
    margin: 0;
    border-collapse: separate;
    border-color: #ccc #fff #fff #ccc;
    border-spacing: 0;
    border-style: solid;
    border-width: 1px;
    text-align:left;
}
#task_list .my_task table th,
#task_list .my_task table td {
    border-color: #fff #ccc #ccc #fff;
    border-style: solid;
    border-width: 1px;
}
#task_list .my_task table td {
    padding: 10px;
}
#task_list .my_task table td.pt_contents {
    background: #F5F5F5
}
#task_list .my_task table td .do{
    min-height: 19px;
    font-size: 108%;
}
#task_list .my_task table td .do a{
    font-weight: bold;
}
#task_list .my_task table td .get-pt {
    line-height:20px;
    font-size: 108%;
    color: #555555;
}
#task_list .my_task table td .get-pt .point_red{
    color: #f00;
    font-weight: bold;
    background: url("../../img/10/mypage/icon-list.gif") no-repeat 0 -202px;
    padding: 3px 5px 3px 16px;
    margin:0 0 0 3px;
}
#task_list_side .mypage_banner{
    margin:0 0 20px 0;
}
#task_list .banner {
    margin-bottom: 10px;
}