*{
    padding:0px;
    margin:0px;
}

#all-box{
    width:852px;
    border:1px solid #66CDAA;
    margin:5px auto ;
}

#head-box{
    border-bottom:1px solid #66CDAA;
    background-image:url('../img/headerMAX.png');	/*CSSからの相対パスを記述*/
    padding:20px;
}

#main-box{
    float:left;
    width:600px;
}

#list-box{
    float:right;
    width:250px;
    font-size:12px;
}

#foot-box{
    clear:both;
    width:832;
    background-color:#008000;
    font-size:12px;
    padding:10px;
    text-align:center;
}

h1{
    font-size:22px;
}

h2{
    font-size:17px;
    background-color:#008000;
    padding:10px;
    margin:5px;
}

h3{
    font-size:15px;
    color:#66CDAA;
    margin:5px;
}

p{
    font-size:14px;
    margin:30px;
}

ul{
    padding:10px 5px 10px 30px;
    list-style-type:none;
}

.category{
    font-size:14px;
    color:#FFFFFF;
    background-color:#008000;
    padding:5px;
    margin:5px;
}

.programlist{
    font-size:14px;
    color:#FFFFFF;
    background-color:#ABFF2F;
    padding:5px;
    margin:5px;
    width:300px;
}

input[type="button"]{
  width:50%;
  background:#3CD371;
  border:0;
  padding:4%;
  font-family:'Open Sans',sans-serif;
  font-size:100%;
  color:#fff;
  cursor:pointer;
  transition:background .3s;
  -webkit-transition:background .3s;
}

input[type="button"]:hover{
    background:#00FF7F;
}

a{
    color: #696969;
    text-decoration: underline;
}

a:hover{
    color: #A9A9A9;
    text-decoration: none;
}