html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td
{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  line-height: 1.5;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
}

a {
  color: #999999;
}
a:hover {
  color: #ff3366;
  border-bottom:1px dashed;
}
a:hover img {
  opacity:0.8;
}
body{
  text-align : center;
  margin : 0 auto;
  width : auto;
}
#outline{
  width: 980px;
  margin: 7px auto 0;
  background: #FFFFFF;
}
#logo {
  float: left;
}
h2 {
  border-bottom: 1px solid;
  padding: 0 0 2px 0;
  margin: 10px 0 5px;
  font-size: 16px;
  font-weight: bold;
}
#foot{
  background: #EEEEEE;
  padding: 5px 0;
  font-size: 12px;
  margin: 0 auto;
}
#footer{
  background: #EEEEEE;
  margin: 30px 0 0;
}
#foot p {
  margin: 3px 0 0;
}
#foot a {
  color: #000000;
  text-decoration: none;
}
#foot a:hover {
  color: #1E90FF;
  text-decoration: underline;
}
#sitemap {
  width: 100%;
  background: url(../img/footback.gif) no-repeat;
  padding: 25px 0 10px;
  text-align: left;
  margin: 10px 0 0;
}
#sitemap #name {
  font-size: 16px;
  font-weight: bold;
}
#head{
  margin: 0 auto;
  padding: 10px 0 0;
}
h1 {
  font-size: 12px;
  text-align: left;
  color: #555555;
  clear: both;
}

@media screen and ( max-width:479px ) {
	#outline {
		width: 95%;
		margin: 0 auto;
	}
	#logo {
      width: 30%;
	  margin: 0 0 5px 10px;
    }
	h1 {
	    display: none;
	}
	#sitemap {
		border-top: 1px solid #dddddd;
		background: none;
	}
	#footer{
        margin: 0;
	}
	#main p.map img {
	   width: 100%;
	}
}