@charset "UTF-8";
/** area **/
body{
    font-family: Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 14px;
}

main{
    width: 980px;
    margin: 0 auto;
}

header{
    padding: 10px 0;
}

footer{
    text-align: center;
    margin-top: 30px;
}

section{
    clear: both;
    margin-top: 30px;
}

/** text **/
h1{
    font-size: 1.5rem;
    float: left;
    padding: 0;
    margin: 0;
}

h2{
    font-size: 1.2rem;
    padding: 5px;
    margin: 0 0 10px 0;
    border-bottom: cadetblue 1px solid;
}

.clearfix{
    clear: both;
}

/** link **/
a:link{
    color:cadetblue;
    text-decoration: none;
}

a:hover{
    opacity: 0.33;
}

/** menu **/
ul.menu{
    margin: 0 0 0 auto;
    list-style: none;
}

ul.menu li{
    float: right;
    padding-left: 10px;
}