/*CTA*/
.sample {
    width:130px;
    font-size:15px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    margin: 0 auto;
    color:#fff;
    background-color:#FF0000;
    border-radius: 10px;        /* CSS3草案 */
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;   /* Firefox用 */
}

a { text-decoration: none;}
a:hover { text-decoration: none;}


/*BOX横並び*/
.box {
    float: left;
    padding: 0px;
    margin: 90px;
    width: 350px;
}

.boxContainer {
    overflow: hidden;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}

.boxContainer:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}


@media screen and (max-width: 480px) {
    .box {
        float: left;
        padding: 10px;
        margin: 0px;
        width: 300px;
    }

    .boxContainer {
        overflow: hidden;
    }

    /* clearfix */
    .boxContainer:before,
    .boxContainer:after {
        content: "";
        display: table;
    }

    .boxContainer:after {
        clear: both;
    }

    /* For IE 6/7 (trigger hasLayout) */
    .boxContainer {
        zoom: 1;
    }
}