@charset "utf-8";

html {
  background-color:#fff;
  color:#333;
}

body {
  background-color:#fff;
  color:#333;
  max-width:1000px;
  margin-left:0;
}

div.header {
  color:#000;
  background-color:#fff;
  background-image:url(header_bg2.jpg);
  background-position:top right;
  background-repeat:no-repeat;
  border-bottom:1px solid #333;
}

h1 {
  margin:0.5em;
}

h1 a:link, h1 a:visited {
  color:#000;
  background:#fff;
  text-decoration:none;
}

h1 img {
  border:none;
}

.content {
	margin-left: 254px;
	margin-right: 48px;
  float: right;
}

.navi {
  margin-top: 4px;
  margin-right: -200px;
  width: 200px;
  float:left;
  background-color:#fdfff0;
}

.main-navi {
/*   border-top:4px ridge silver;
  border-bottom:4px ridge silver; */
  border:1px solid silver;
  background:#000;
  color:#fff;
  font-size:80%;
}

.main-navi ul{
  margin:0 2em;
}

.main-navi ul li{
  display:inline;
/*   margin-top:3px; */
  padding:2px 4px;
  border-left:1px solid #aaa;
  border-top:1px solid #aaa;
  background-color:#fff;
  color:#000;
  background-image:url(nav-back.png);
  background-repeat:repeat-x;
  background-position:left bottom;
  letter-spacing:0.1em;
  margin-right:3px;
  margin-bottom:1px;
}

.main-navi a:link, .main-navi a:visited {
  text-decoration:none;
}

#search{
  background:none;
  border:none;
}

.section {
  margin:1em;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  border-bottom:2px solid #8b8989;
  border-right:2px solid #8b8989;
  color:#333;
}


.section .section {
  margin:0em 1em;
/*   border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:2px solid #999;
  border-right:2px solid #999; */
  border:none;
  color:#333;
  background:#ffffff;
}

div.photo, div.photo_yoko, div.photo_tate, div.sasie {
  text-align:center;
  margin:1em;
}

div.photo img {
  border:thick ridge #c0c0c0;
}

.navi-skip {
  position:absolute;
  top:-1000px;
  left:-1000px;
}


.edit {
  font-size:70%;
}

table {
  background:#fff;
  color:#333;
  margin-left:auto;
  margin-right:auto;
}

.navi h2 {
  font-size:100%;
}

.navi ul {
  margin:0.5em 0 0.5em 0.5em;
}

.navi li {
  margin:0.2em 0 0.2em 0.5em;
  list-style:none;
  max-width:10em;
}

.forder-navi {
  text-align:right;
  margin-right:2em;
}

ul.forder-navi li{
  display:inline;
}

p.caption {
  text-align:center;
  font-weight:bold;
  font-size:80%;
}

p.date {
  text-align:right;
  margin-right:2em;
  margin-bottom:0;
  position:relative;
  top:-1.2em;
}

p.permalink {
  font-size:80%;
  text-align:center;
}

div.footer {
  text-align:center;
  clear:both;
  background:#eed;
  color:#000;
  padding:1em 0;
}

.counter {
  background:transparent;
  color:#ccc;
}

.sig {
  text-align:right;
}

dl.photo dt {
  border:none;
  text-align:center;
}

dd.caption {
  text-align:center;
  font-weight:bold;
  font-size:80%;
  margin-top:1.5em;
}


dl.photo img {
  border:thick ridge #c0c0c0;
}