@charset"utf-8";

div{
max-width:960px;
margin:0 auto;
padding: 0 10px;
}

/*header画像*/
header{
 color:#fff;
 height:200px;
 background:#005500
  url(../img/header.jpg) 
  no-repeat left center ;
 text-align:center;
 text-shadow: 2px 2px 2px #050;
}
h1{
padding:20px 0 0;
font-family:'Berkshire Swash', cursive;
font-size:60px;
}
span{
color:#ff0;
}	


/*Gr navigation*/
nav ul{
 list-style:none;
 padding-left:0;
 display: flex;
}
nav li{
 width: 20%;
 text-align:center;
}
nav a{
 font-size: 15px;
 color:#070;
 text-decoration:none;
 display:block;
}
nav a:hover{
 color:#fff;
 background-color:#070;
}

/*header,h3共通*/
h3{
color:#fff;
background-color:#070;
}
/*h2アイコン*/
h2{
background:url(../img/head_icon.jpg) no-repeat left center ;
padding-left:33px;}

h2,a{
color:#070;
}

th,ol,dl,ul{
background-color:#dfd;
}

th{
color:#070
}

th,td,ol,dl{
border:1px solid #070;
}
table{
border-collapse:collapse;/*表組の線をくっつける*/
}


/*padding*/
nav a{
padding:10px;
}
h3{
padding-left:10px;
}
th,td{
padding:5px;
}
ol{
padding:20px 20px 20px 40px;
}
dl{
padding:20px;
margin-bottom:0;

}
/*画像レイアウトfloat*/
main img{
float:right;
margin-left:20px;
}
main p{
overflow:hidden;
}

footer{
 margin-top:30px;
 padding:30px;
 text-align:center;
 color:#fff;
 background:#050;
}


/*メディアクエリ*/
@media screen and (max-width:743px){
  header{
    height: 130px;
    line-height: 1;
    background-size: cover;
  }
  h1{
    padding: 10px 0 0;
    font-size: 45px;
  }
  header p{
    font-size: 14px;
  }
  nav ul{
    display: block;
  }
  nav li{
    width: auto;
  }
  main img{
    float: none;
    display: block;
    margin: 0 auto 10px;
  }
  th,td{
    font-size: 12px;
  }
}