@charset "utf-8";

#wrap img {
  width: 100%;
  height: auto;
}

/*----------------------------------------
  header
----------------------------------------*/
#header {
  min-width: 100%;
  border-bottom: 1px solid #f3f3f3;
  padding: 0 0 10px;
}
#header .inner {
  padding: 0 15px;
}
#header #logo {
  margin: 20px 0 12px;
	float: none;
  width: 180px;
  height: 40px;
}
#header #title_area {
	width: auto;
	float: none;
  padding-top: 0;
}
#header .date {
	position: static;
	top: 0;
	right: 0;
  line-height: 1;
  margin-top: 8px;
}

/*----------------------------------------
  contents
----------------------------------------*/
#contents {
  min-width: 100%;
  padding: 20px 0px 25px;
}

/*----------------------------------------
  footer
----------------------------------------*/
#footer {
	min-width: 100%;
  border-top: 1px solid #f3f3f3;
  padding: 0;
}
#footer .inner {
  padding: 15px;
}
#footer .green_logo {
  float: none;
  margin: 20px 0 12px;
  text-align: center;
}
#footer .power_logo {
  float: none;
  margin: 0 0 20px;
  padding-top: 15px;
  border-top: 1px solid #f3f3f3;
  text-align: center;
}
#footer .green_logo a {
  background: none;
  width: auto;
  height: auto;
}
#footer .power_logo a {
  display: block;
  background: none;
  width: auto;
  height: auto;
}
#footer .green_logo img,
#footer .power_logo img {
  display: inline-block;
  width: 290px;
}