html {
    font-size: 16px;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
    min-width: 375px;
    max-width: 750px;
    background-color: #FFFFFF;
    padding: 0px;
    line-height: 150%;
    background-repeat: repeat-y;
    background-position: center top;
    height: 100%;
}

.hr {
    border-top: 2px solid #8eb4e3;
    margin: 0 0 .5rem;
}

.font-xxlarge {
    font-size: 2rem;
}

.font-xlarge {
    font-size: 1.5rem;
}

.font-large {
    font-size: 1.2rem;
}

.font-medium {
    font-size: 1rem;
}

.font-small {
    font-size: 0.9rem;
}

.margin-top {
    margin-top: 1rem;
}

.margin-top1_5 {
    margin-top: 1.5rem;
}

.margin-top2 {
    margin-top: 2rem;
}

.margin-top-sml {
    margin-top: .5rem;
}

.margin-bottom-sml {
    margin-bottom: .5rem;
}

.margin-left {
    margin-left: 1rem;
}

.margin-left-sml {
    margin-left: .5rem;
}

.margin-left2 {
    margin-left: 2rem;
}

.margin-left3 {
    margin-left: 3rem;
}

.margin-right {
    margin-right: 1rem;
}

.margin-right2 {
    margin-right: 2rem;
}

.inline-block {
    display: inline-block;
}

.padding{
    padding:1rem;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}