@charset "utf-8";

html {
  background-color:#fff;
  color:#333;
  background-image:url(back.jpg);
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-position:right 0;
}

body {
  background-color:#fff;
  background-image:url(back.jpg);
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-position:right 0;
  color:#333;
  max-width:1200px;
  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: 380px;
}

.navi {
  position:absolute;
  left:0;
  top:200px;
  width:350px;
  background-color:#fdfff0;
  color:red;
}

.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:1em;
  padding-top:1.5em;
/*   border-top:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:2px solid #999;
  border-right:2px solid #999; */
  background:#ffffff;
  background-image:url(content_back.jpg);
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-position:right 0;
  border:none;
  color:#333;
}

.section h2 {
  background:#ffffff;
  background-image:url(content_back.jpg);
  background-repeat:repeat-y;
  background-attachment:fixed;
  background-position:right 0;
}

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

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%;
  margin-top:0.3em;
}

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;
}

dl.photo dt, dl.photo dd {
/*   margin-left:auto;
  margin-right:auto; */
}

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;
/*   -moz-box-shadow:10px 10px 10px #666;
  -o-box-shadow:10px 10px 10px #666;
  -webkit-box-shadow:10px 10px 10px #666;
  filter:progid:DXImageTransform.Microsoft.Shadow(Strength=15, Direction=135, Color='#999999'); */
}

.navi ul{
  list-style:none;
/*   width:240px; */
  margin-left:0em;
  padding:0;
}

.navi li{
  list-style:none;
  clear:both;
  margin-left:0;
  padding:0;
}

.navi img{
  border-style:none;
  margin:0px 0.5em 0.5em 0px;
  clear:both;
  float:left;
}