body{
    padding:0;
    margin:0;
    font-family: sans-serif;
}
main{
    padding: 10px;
    max-width: 60%;
    margin: 0 auto;
}
main img{
    width: 40%;
    display: block;
    margin: 0 auto;
}
.tbox_url{
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    margin-bottom: 10px;
    box-sizing: border-box;
}
.tbox_dl{
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: #006bf8;
    color: #fff;
    border:0;
}
main p.credits{
    text-align: center;
    font-size: 12px;
    color: #aaa;
}
main p.credits a{
    color: #006bf8;
}
.tera_item_dl{
    background-color: #006bf8;
    color: #fff;
    padding: 10px;
    border: 0;
}

@media screen and (max-width: 768px) {
    main{
        max-width: 100%;
    }
    main img{
        width: 100%;
    }
    
}