body {
    font-family:Arial, sans-serif;
    background-color:#000000;
    border-left-color:#000000;
    border-right-color:#000000;
    border-top-color:#000000;
    border-bottom-color:#000000;
    border-color:#000000;
    border-bottom-style:none;
    border-style:none;
    color:#ffffff;
    }
a{
    /*リンクされた文字*/
color:#000000;
    font-style:normal;
    text-decoration:underline;
}
a:link {/*未訪問のリンク*/
    color:#000000;
    font-style:normal;
    text-decoration:underline;
}
a:visited {/*訪問後のリンク*/
    color:#000000;
    text-decoration:underline;
}
a:hover {/*マウスをのせたとき*/
    color:#00FA9A;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中*/
    text-decoration:none;
}

div#container_of_content {
 position: relative;
 overflow: hidden;
 align:center;
}
ul#container_of_listed_items {
 float: left;
 position: relative;
 left: 50%;
}
li.listed_items {
 position: relative;
 left: -50%;
 float: left;
}

/* センター */
.center{
 text-align: center;
}
/* リスト改行 */
.break{clear:both;}


ul.thumbnail { list-style-type: none; }
ul.thumbnail li {
 float: left;
 margin: 5px 5px 5px 5px;
}
ul.thumbnail li img {
 border: 0px solid #000000;
 width: 150px;
 height: 150px;
}
ul.thumbnail li a { display: block; }

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

.fade {  
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out;  
}  
.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}  

    .waku{   
         border:1px solid #000000;/* 外枠の色 */   
         padding:3px;/* 余白 */   
         background-color:#000000;/* 余白部分の色 */   
    }