@charset "utf-8";

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

body {
  background-color:#f0ffff;
  color:#333;
/*   max-width:910px;
  min-width:750px; */
  margin-left:0;
}

p {
  text-indent:0em; 
}

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;
}
img {
  background:transparent;
}

span.rtop,
span.rbottom {
  display:block;
  background: #f0ffff;/*
}

span.rtop span,
span.rbottom span {
  display:block;
  height: 1px;
  overflow: hidden;
  background: #9aaddc;
}

span.r1{margin: 0 10px;}
span.r2{margin: 0 8px;}
span.r3{margin: 0 7px;}
span.r4{margin: 0 6px;}
span.r5{margin: 0 4px;}
span.r6{margin: 0 3px;}
span.r7{margin: 0 2px;}
span.r8{margin: 0 1px;height: 2px;}

div.header {
  color:#fff;
  padding:0px;
  background-color:#9aaddc;
/*  background-repeat:no-repeat;
  background-position:right bottom;
  border-top:2px outset #dcdcdc;
  border-bottom:2px inset #8b8989;
  border-left:2px inset #dcdcdc;
  border-right:2px outset #8b8989;
*/
}


div.header img {
/*   background:#9aaddc;
   padding:0px;*/
}

div.header div.left{
  position:static;
  padding-top:0px;
  padding-left:10px;
  float:left;
}
div.header div.header-contents{
  text-align:center;
/*  height:110px;
  margin: 0 45px;
*/
}
div.header div.right{
  position:static;
  padding-top:0.5em;
  float:right;
}

/*
div.header img.left{
  position:absolute;
  top:0.5em;
  left:1em;
  width:250px;
}
div.header div.header-contents{
  text-align:center;
}
div.header img.right{
  position:absolute;
  top:0.5em;
  right:1em;
  width:250px;
}
*/

div.header-contents {
  font-weight:600;
  font-size:large;
	background-color:#d2e4fb;
}
div.header-contents h1 {
  padding:0.5em 0em 0em 1em
}

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

.main-navi {
  background:#f0ffff;
  color:#000;
  border-top:4px ridge silver;
  border-bottom:4px ridge silver;
  height:30px;
  width:100%;
  overflow:hidden;
}

.main-navi ul{
  margin:0 0 0 150px;
}

.main-navi ul li{
  display:inline;
  text-align:center;
  font-family:serif;
  font-weight:bold;
  font-size:large;
}

.main-navi ul li a:link,
.main-navi ul li a:visited {
  color:#1e1e1e;
  background-color:#84b0ff;
  border-right:2px ridge #ffff80;
  margin-top:1em;
  padding:1em 1em;
}

.main-navi ul li a:hover{
  color:#f00;
  background-color:#d0e3ff;
  border-right:2px ridge #ffff80;
  font-family:sans-serif;
}
.main-navi a:link, .main-navi a:visited {
  text-decoration:none;
}

.navi {
  width:200px;
  position:absolute;
  top:300px;
  left:10px;
  font-size:80%;
}

.navi .side{
  width:150px;
  border-bottom:3px double #4b0082;
}

.navi .side h4 {
  margin:0px;
}

.navi .side ul {
  margin-left:1em;
}
.navi .side li {
  list-style-image:url("../image/sidelist-marker.gif");
}

.navi .archive {
  width:150px;
  border-bottom:3px double #4b0082;
}

.navi .calender {
  margin-left:1px;
}

.content {
  margin-left:170px;
  background-color:#fffafa;
 
}

.home {
  margin-left:1em;
}

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

.main_section h1,h2,h3 {
  text-align:center;
  border-top:2px solid #8b8989;
}

.main_section .section {
  padding:0 1em;
  background-color:#fffeef;
  color:#000;
  overflow:auto;
}
.main_section .section img {
  background-color:#fffeef;
  margin:0em 1em;
}

.section h1 {
	background-image:url(../image/h1.jpg);
	background-repeat:repeat-x;
	padding-left:0.5em;
	margin:1em;
	margin-left:2em;
	border-bottom: 1px solid #ffe4e1;
}

.section h2 {
	background-image:url(../image/h2.jpg);
	background-repeat:repeat-x;
	padding-left:0.5em;
	margin:1em;
	margin-left:2em;
	border-bottom: 1px solid #87cefa;
}

.section h3 {
	background-image:url(../image/h3.jpg);
	background-repeat:repeat-x;
	padding-left:0.5em;
	margin:1em;
	margin-left:2em;
	border-bottom: 2px solid #ff8040;
}



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:0px;
  padding-left:1em;
  font-size:120%;
}

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

strong {
  font-size:120%;
  color:#dc143c;
}

div.footer {
  clear:both;
  margin-left:200px;
  width:800px;
}
div.footer h4 img {
  float:left;
}
div.footer .address {
  font-size:110%;
}
div.footer .copyright {
  font-size:110%;
  font-style:italic;
}

/* mini_section middle_section large_section*/
.section .mini_section {
  height:170px;
}
.section .mini_section img {
  float:left;
}
.section .mini_section p {
  padding:1em;
}

.section .middle_section {
  width:800px;
  height:300px;
}
.section .middle_section img {
  float:left;
}

/* mini_section middle_section large_section*/

/* calender */
.calender {
  border:0px solid #cccc99;
}
.calender table {
  margin-left:0.5em;
}
.calender .su {
  color:#ff69b4;
}
.calender .mo {
  background-color:#c5e1c4;
}
.calender .tu {
  background-color:#ffdbbd;
}
.calender .sa {
  color:#4169e1;
}
.calender a {
  font-weight:bold;
  color:#ff0000;
  border-bottom:double 1px #ff69b4;
}


/* calender */

em.bold {
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
}

/* counter */
.counter {
  color:#d1dfdf;
}

div.side {
	font-size:100%;
	font-weight:boid;
}