@charset "utf-8";

html {
  background-color:#eed;
  background-image:url(bg.jpg);
  color:#333;
}

body {
  background-color:#eed;
  background-image:url(bg.jpg);
  color:#333;
/*   max-width:910px;
  min-width:750px; */
  margin-left:0;
}

div.header {
  color:#fff;
  background-image:url(header.jpg);
  background-color:#001f55;
  background-repeat:no-repeat;
  background-position:right bottom;
  border-bottom:1px solid #333;
  height:200px;
}

.header form {
  text-align:right;
  margin-top:-2.5em;
}

h1 {
  font-size:180%;
  padding:1em 0em 0.5em 1em;
}

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


.navi {
  position:absolute;
  top:260px;
  left:0;
  font-size:80%;
}

.content {
  margin-left:180px;
}

.home {
  margin-left:1em;
}

.main-navi {
  background:#cccccc;
  color:#000;
  border-top:4px ridge silver;
  border-bottom:4px ridge silver;
}

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

.main-navi ul li{
  display:inline;
  margin-right:1em;
}

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

/* * html li#jump2home, *+html body li#jump2home{
  border-left:3px solid #00d563;
} */

.section {
  margin:1em;
  border-top:1px solid #dcdcdc;
  border-left:1px solid #dcdcdc;
  border-bottom:2px solid #8b8989;
  border-right:2px solid #8b8989;
/*   border-top:1px solid #ffbf7c;
  border-left:1px solid #ffbf7c;
  border-bottom:2px solid #ffab68;
  border-right:2px solid #ffab68; */
  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;
  background-image:none;
  background-color:#fffeef;
  color:#000;
}

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

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

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


.edit {
  font-size:70%;
}

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

.header address {
  font-size:80%;
  color:#fff;
  margin:0 2em 1em 5em;
/*   width: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;
}

.content h2 {
  background:#8cc4dc;
  color:#ff4263;
  border-bottom:1px dashed #cccc99;
  margin:0;
  padding-left:1em;
  font-size:120%;
}

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