/*スタイルのクリア*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td{
    margin: 0; 
    padding: 0;
}
html{
    overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{
    list-style:none;
}
fieldset, img{
     border:0;
}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var{
    font-style: normal; 
    font-weight: normal;
}
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
body{
	font-family: 'Noto Sans Japanese', serif;
        background:url('../img/kabe01.gif') repeat left top;
    font-weight: 800;
}
#wrap{
    width: 98%;
    margin: 0 auto;
}
header{
    width: 100%;
    height: auto;
}
#logo{
width:100%;
    margin-top: 1%;
}
#logo img{
    max-width: 100%;
}
nav{
width:100%;
}
nav ul{
list-style:none;
    width: auto;
    margin: 0 auto;
}
nav li{
float:left;
background-color:#1f7421;
border:1px outset #800000;
margin-right:1px;    
width: 45%;
    padding: 5px;
}
nav li a{
    text-decoration: none;
    display: block;
    color: #fff;
    text-align: center;
}
section{
    clear: left;
    padding: 2%;
}
#yoso{
    margin: 10px 10px 20px 2px;
    overflow-x: hidden;
}
footer{
background-color:#1f7421;    
}
footer p{
padding:2px;
text-align:center;
font-size:middle;
color:#fff;
   
}
h3{
margin-top: 5px;
padding:5px;
text-align:left;
font-weight:bold;
font-size:middle;
color:green;
}
p.bodytext{
    text-indent: 1em;
    line-height: 1.5em;
    padding:5px;
}
span{
    color: crimson;
}
p.day{
padding:10px;
text-align:right;
font-size:80%;
}
dl{
    width: 80%;
    margin: 0 auto;
}
dt{
    font-size: 1.2em;
    padding: 5px;
    color: #1f7421;
    font-weight: 900;
}
dd img{
    width: 50%;
    padding: 10px;
}
hr{
    margin:10px 0 10px 0;
}
@media all and (min-width: 768px) {
nav li{
width: 31%;
}
dd img{
    width:30%;
    padding: 10px;
    margin-left: 20px;
}
   
}
@media all and (min-width: 1024px) {
    #wrap{
        width: 1024px;
    }
nav li{
width: 153px;
}
dd img{
    width:25%;
    padding: 10px;
    margin-left: 20px;
}
    
}