/* ################### Local styles of topPage 5 ################ */

/* main */
section#main{
    padding-top:30px;
}

/* title1 */
h2{
    margin:10px 10px 0 0;
    font-size:20px;
    text-shadow: 1px 1px 1px #ddd;
    color:#000;
    background-color:transparent;
    text-align:left;
    font-weight:700;
}

article#thankfulness{
    /* font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ E明朝", "MS EMincho", serif; */
    position:relative;
    font-size:16px;
    background-color:#fffff5;
    border-radius:10px;
    border:1px solid #ffee00;
}
    article#thankfulness h2{
        margin:20px 0 10px 5px;
        font-size:18px;
    }
    article#thankfulness p{
        padding:0 10px;
    }
    p.signature{
        display:block;
        margin:15px 0 10px 0;
        text-align:right;
        font-size:15px;
    }
    span#name{
        font-size:16px;
        margin:0 50px 0 0;
    }

a#questionnaire{
    display:block;
    margin:30px 0;
    padding:10px;
    font-size:16px;
    text-align:center;
    border-radius:10px;
    border:1px solid #777;
    box-shadow:1px 1px 1px rgba(0,0,0,0.4);
    background-color:#fafaff;
}
    a#questionnaire:hover{
        background-color:#f6f6f8;
        box-shadow:0 0 1px rgba(0,0,0,0.6);
    }

img#poster{
    float:left;
    width:95px;
    height:135px;
    margin:15px 5px 15px 5px;
    overflow:hidden;
}

table#postertxt{
    float:left;
    margin:30px 5px 5px 5px;
}
    #postertxt th{
        font-weight:normal;
    }

figure#schedule{
    float:left;
    margin:10px 5px 20px 5px;
}
    #schedule figcaption{
        font-weight:700;
    }

    table#deadlines{
        margin-bottom:10px;
        line-height:2;
        border-collapse:collapse;
    }
        #deadlines tr:first-child{
            border-top:2px solid #777;
            border-bottom:1px solid #777;
        }
        #deadlines tr:last-child{
            border-bottom:2px solid #777;
        }
        #deadlines th{
            text-align:center;
        }
        #deadlines td{
            padding:2px 5px;
            text-align:left;
            border-top:1px dotted #777;
        }
        #deadlines td:nth-child(2){
            text-align:right;
        }
        #deadlines tr:nth-child(3) td{
            padding:2px 5px;
            border-bottom:none;
        }
        #deadlines tr:nth-child(4) td{
            padding:2px 5px;
            text-align:right;
            border-top:none;
        }
        #deadlines tr.speed{
        	color:#F3AC59;
        }
        #deadlines tr.passed{
        	color:#777;
        }



section#announcement{
    clear:both;
    margin:5px auto 30px auto;
    padding:0;
}
    #announcement ul li{
        margin:10px 20px 10px 40px;
        font-weight:700;
    }



section#whatsnew{
    clear:both;
    margin:5px auto 13px auto;
    padding:0;
}
    
    #whatsnew div{
        padding:0 40px 0 0;
        height:140px;
        overflow:hidden;
        -moz-transition: overflow-y 0.5s linear 0;
        -webkit-transition: overflow-y 0.5s linear 0;
        -o-transition: overflow-y 0.5s linear 0;
        -ms-transition: overflow-y 0.5s linear 0;
    }
    #whatsnew div:hover{
        padding:0 20px 0 0;
        overflow-y:scroll;
    }
    
    
    #whatsnew article{
        padding:7px 0;
    }

    #whatsnew p{
        margin-left:20px;
    }
/* /main */