@charset "utf-8";
html {
    font-size: 22px; /* px means "pixes": the base font size is now 10 pixels high */
    font-family: "Open Sans", sans-serif; /* this should be the rest of the output you got from Google fonts */
    background-color: #d5ead8;
}
body {
    width: 1100px;
    /* height: 1325px; */
    margin: 10px auto 10px;
    background-color: #FFFFFF;
    padding: 20px;
    border: 3px solid black;
}
/* h1 { */
/*     margin: 0; */
/*     padding: 20px 0; */
/*     /\* color: #00539F; *\/ */
/*     text-shadow: 3px 3px 5px black; */
/* } */
img#sign {
    width: 1100px;
    display: block;
    margin: 0px auto;
}
ul#menu {
    width: 1100px;
    height: 50px;
    margin: 10px auto;
    padding: 0;
}
#menu li {
    list-style-type: none;
    display: inline;
    float: left;
}
#menu li a {
    background-color:black;
    color:#ffffff;
    display:block;
    width:364px; /* メニューバー同士の隙間を空けるために(366-2)px */
    height:35px;
    margin:0 1px 0 1px; /* メニューバー同士の隙間分両サイドに1pxずつ指定 */
    padding:15px 0px 0px 0px;
    text-align:center;
    text-decoration:none;
}
#menu li a:hover {
    background-color:#444444;
}
ul#category {
    width: 200px;
    /* height: 250px; */
    margin: 20px auto;
    padding: 0;
    border: 2px solid black;
    float: right;
}
#category li {
    list-style-type: none;
    text-align:center;
    width:200px;
    height:48px;
    margin:1px 0px;
}
li#category-name {
    background-color:black;
    color:white;
    margin:0 0 1px 0;
    padding:15px 0 0 0;
}
ul#article {
    width:860px;
    margin:10px;
    padding:0px
}
ul#article li {
    list-style-type: none;
    display: inline;
    float: left;    
}
ul#article li a {
    background-color:#f5f5f5;
    width:266px;
    /* height:266px; */
    margin:0 10px 20px;
    display:block;
    text-align:center;
    text-decoration:none;
}
ul#article li a:hover {
    background-color:lightgray;
}
img.article {
    width:260px;
    height:195px;
    /* padding:3px auto; */
}
hr {
    clear:both;
}
small {
    width:1000px;    
    display:block;
    text-align:center;
    margin:auto 50px;
}