@charset "UTF-8";

/*すべてのWebページに適用*/
body{
 margin: 0 0 0 0;
 padding: 0 0 0 0;
 background-color: #f5f5f5;
}
.wrapper{
 margin: 0 auto 0 auto;
 width: 900px;
}
h1{
 margin: 30px 0 30px 0;
 padding: 0 0 0 0;
 line-height: 0;
 text-align: center;
}
h2{
 color: #442220;
 font-size: 20px;
 border-bottom-width: 2px;
 border-bottom-style: dotted;
 border-bottom-color: #442220;
 margin: 20px 0 0 0;
 padding: 10px 10px 10px 10px;
}
p{
 line-height: 160%;
}
img{
 max-width: 100%;
}
table th{
 padding: 10px;
}
table td{
 padding: 10px;
}

/*すべてのページに適用　-navまわり-　*/
#nav li{
 display: inline;
 list-style-type: none;
 padding-right: 30px;
}
#nav{
 margin: 0 0 0 0;
 padding: 15px 30px 10px 30px;
 background-color: #e6e6fa;
}
/*すべてのページに適用　-footer-　*/
#footer{
 margin-top: 30px;
 padding: 20px 0 20px 0;
 font-size: smaller;
 color: #e6e6fa;
}
.top_table th {
 vertical-align:top;
}

@media screen and (max-width: 1199px) {
.wrapper{
 margin: 0 auto 0 auto;
 width: 100%;
}
.wrapper img {
width:100%;
height:auto;
}
}