body {
margin: 0;
padding: 0;
background: #ffffff url(../img/bg.png);
}




img {
margin: 10px 0;
padding: 0;
width: 100%;
border: 0;
}

#box {
margin: 0 auto;
padding: 0;
width: 95%;
max-width: 1500px;
background-color: #ffffff;
font-size: 20px;
color: #111111;
line-height: 180%;
clear: left;
}

h1 {
margin: 0;
padding: 0;
font-size: 12px;
color: #666666;
}


#header {
margin: 0 auto;
padding: 0;
width: device-width;
height: 30px;
background-color: #ffffff;
}


#menu  {
position: fixed;
top: 30px;
	display:-webkit-flex;
	display:flex;
	width: 100%;
	background-color: rgba(255,255,255,0.7);
height: 120px;
}


#menu ul.t {
margin: 0 auto;
list-style: none;
display: flex;
justify-content:space-around;
}

#menu ul.t li {
margin: 0;
padding: 0;
float: left;
}

div.tel {
position: fixed;
top: 130px;
right: 0px;
display: flex;
justify-content: space-around;
}


#contents {
margin: 180px auto 0;
padding: 0;
width: device-width;
background-color: #ffffff;
}

#contents h2{
margin: 50px 0 20px;
padding: 5px 0 0 20px;
width: device-width;
background-image : url(../img/h2.gif);
font-size: 22px;
clear: left;
}

#contents div.con01 {
margin: 10px auto 80px;
padding: 0;
width: 95%;
line-height: 180%;
}


#contents  div.con01 p {
margin: 10px auto;
padding: 0;
width: 90%;
background-color: #ffffff;
color: #dd5f5f;
font-weight: bold;
}


#contents div.con01 ul {
margin: 50px auto 80px;
padding: 0;
width: 95%;
line-height: 180%;
list-style: circle;
}

#contents div.con01 ul li {
margin: 10px auto 50px;
padding: 0;
line-height: 180%;
}


#contents div.page02 {
margin: 10px auto 80px;
padding: 0;
width: 95%;
line-height: 180%;
}

#contents div.page02 dl {
margin: 10px auto 80px;
padding: 0;
width: 80%;
line-height: 180%;
}

#contents div.page02 dl dt {
margin: 10px 0 0 10px;
padding: 0;
font-size: 18px; 
}

#contents div.page02 dl dd {
margin: 0;
padding: 0 0 0 30px;
font-size: 16px;
border-bottom: 1px dotted #666666; 
}

#contents div.map {
margin: 10px auto 80px;
padding: 0;
width: 80%;
}


#contents div.page03 {
margin: 10px auto 80px;
padding: 0;
width: 95%;
line-height: 180%;
}

#form-tbl {
margin: 30px auto;
padding: 0;
width: 90%;
}

#form {
margin: 0;
padding: 0;
font-size: 18px;
text-align: left;
}


#form th{
margin: 0;
padding: 0;
}

#form td {
margin: 0;
padding: 20px 0 0 30px;
}


#footer {
margin: 0;
padding: 50px 0 80px 0;
width: device-width;
background-color: #9ce060 ;
}

#footer div {
width: 80%;
max-width: 1500px;
margin: 0 auto;
padding: 0;
background-color: #9ce060 ;
}

#footer div li.sitemap {
margin: 0px 100px 0;
padding: 0;
list-style: none;
text-align: right;
}
#footer div li.sitemap a {
text-decoration: none;
font-size: 14px;
color: #293f13;
}

#footer div div.add {
margin: 0px auto;
padding: 0;
width: 90%;
text-align: left;
color: #293f13;
}

#footer div div.add p.a a {
margin: 0;
padding: 0;
font-size: 22px;
color: #293f13;
font-weight: bold;
text-decoration: none; 
color: #293f13;
}


#footer div p.key {
margin: 100px 0 0;
padding: 0;
text-align: right;
font-size: 13px;
color: #999999;
}




#footer p.copy {
margin: 20px auto;
padding: 5px 0;
width: device-width;
text-align: center;
color: #293f13;
font-size: 16px;
background-color: #ffffff;
}
























