@charset "utf-8";


body {
	background: #000000;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
}

ul,ol,
ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	color: #FFFFFF;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	color: #FFFFFF;
	text-decoration: none;
}
a img {
	text-decoration: none;
  border-style: none;
}
img {
	vertical-align: bottom;
}



#container {
	background: url(../image/body_bg.jpg) no-repeat center top;
	width: 800px;
	color: #FFFFFF;
	margin: 0 auto;
	padding: 0 0 5px;
	text-align: center;
}


#header {
	width: 800px;
	margin: 0;
	padding: 0;
}
#header h1 {
	margin: 0;
	padding: 0;
	height: 84px;
}

#step {
	float: right;
	padding: 16px 30px 22px 0;
}
#side {
	float: left;
	padding: 16px 0 22px 32px;
}
#step img,
#side img {
	margin: 0;
	padding: 0;
}


#main {
  clear: both;
  margin: 0;
  padding: 12px;
  _margin-top: -12px;
}

#main div {
  background: #222222 url(../image/list_footer_s.jpg) no-repeat center bottom;
  width: 381px;
  margin: 0 0 10px;
  padding: 0;
}
#main div#gekkan {
  float: left;
}
#main div#new {
  float: right;
}

#main div h2 {
  height:72px;
  margin: 0;
  padding: 0;
}
#main div ul {
  margin: 8px 0 0 20px;
}

#main div ul li {
  float: left;
  width: 79px;
  height: 105px;
  margin-right: 8px;
  margin-bottom: 5px;
}

#main div ul li a.image {
  display: block;
  background-color: #111111;
  width: 75px;
  height: 72px;
  margin-bottom: 3px;
}

#main div ul li a.image img {
  border-style: none;
}

#main div ul li a.image:link ,
#main div ul li a.image:visited  {
  border: #FFFFFF solid 2px;
  margin-bottom: 3px;
}
#main div ul li a.image:hover ,
#main div ul li a.image:active  {
  border: #999999 solid 2px;
  margin-bottom: 3px;
}

#main p.nextpage {
  clear: both;
  float: right;
  text-align: right;
  line-height: 1;
  margin: 0;
  padding: 10px 15px;
}
#main p.backpage {
  clear: both;
  float: left;
  text-align: left;
  line-height: 1;
  margin: 0;
  padding: 10px 15px;
}
#main p.pages {
  clear: both;
  text-align: center;
  line-height: 1;
  margin: 0;
  padding: 10px 15px;
}

#footer {
	background: url(../image/bg_footer.jpg) no-repeat center top;
	clear: both;
	height: 28px;
	margin: 0 12px;
	padding: 0;
	width: 774px;
}
#footer img {
	margin-top: 7px;
}



/* 画像リストページ */
#photolist #header {
	margin: 0 auto 25px;
	padding: 0;
}

#photolist #main div {
	background: #292929 url(../image/list_footer.jpg) no-repeat center bottom;
	float: none;
	width: 734px;
	margin: 0 auto;
	padding: 0;
}
#photolist #main div h2 {
	height:55px;
}

#main a.page
{
  padding: 5px;
  border-style: solid;
  border-color: #333333;
  border-width: 1px;
  margin: 1px;
}

#main a.page:hover
{
  background-color: #FFFFFF;
  color: #000000;
}

#main a.current
{
  background-color: #FFFFFF;
  color: #000000;
}