body {
background-image:url("./sougi.gif");}
}
h1 {
    position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ddd;
    font-size:22px;
}
h1:before{
    content: "";
    position: absolute;
    top:7px;
    left:3px;
    width:10px;
    height:10px;
    border-radius:10px;
    background: rgba(240,120,255,1);
}
.box2 {
     font-family:'Goudy Bookletter 1911',Georgia,serif;
     font-weight: bold;
     font-style:italic;
     font-size: 12px;
     border: 1px solid #ddd;
     padding:10px 10px;
     background:rgba(0,0,0,.1);
     border-radius: 3px;
     color:#666;
     margin: 10px 0px;
}
#contents {
background-color: #FFEEFF;
}
p {

     font-style:italic;
margin: 10px; padding: 10px;
}
#menu ul{
margin: 0; 
padding: 0; 
list-style: none;
}

#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
float: left;
}

#menu li a{
display: block; 
border: 1px solid #666;
background-color: #ccc;
padding: 3px;
text-decoration: none;
color: #333;
width: 100px; 
margin: 1px;
text-align: center;
font-size: 14px;
}
#menu li a:hover{
background-color: #2d56be;
color: #fff;
}