body {
  min-width: 600px;
  min-height: 500px;
}
p {
  text-indent: 1em;
}
a {
  text-decoration:none;
}
a:hover {
  background-color:lightgreen;
}
a:link, a:visited {
  color:black;
}

dl, ul, ol {
  margin-top: 0px;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 1em;
}
img {
  border : 0px;
  z-index: 9;
}


wbr {
  display: inline-block;
}

h1.title {
  margin-top:-40px;
  margin-bottom:30px;
  clear: both;
  color:darkblue;
  font-family:'ＭＳ Ｐゴシック';
  font-size:30pt;
  font-weight: bold;
  vertical-align: bottom;
  text-shadow:2px 1px 0px white, -2px -1px 0px white, 3px 3px 5px darkblue;
}
div.h1line {
  margin-top:20px;
/*  background-color:skyblue; */
/*  background:linear-gradient(90deg, yellow 120px, lightgreen); */
  background:radial-gradient(ellipse farthest-corner at top left, yellow, lightgreen);
  vertical-align: bottom;
  line-height:200%;
}

section.float {
  float:right;
  width: 2em;
}

/* リンク */
nav {
  border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.4) inset, 3px 3px 3px rgba(0,0,0,0.2);
  border: solid 2px lightsteelblue;
  background-color:white;
  padding:5px;
  margin:0px 20px 0px 10px;
}
nav span {
  display:block;
  margin: 5px 10px 5px 10px;
  border:solid 1px lightgrey;
  border-radius:8px/8px;
  box-shadow: 1px 1px 5px 0px seagreen;
  padding:1px 5px 1px 5px;
  background: radial-gradient(ellipse farthest-corner at 10% 20%, #E8FBE8, palegreen);
  text-align:center;
  font-size: 12pt;
  color:black;
  line-height:120%;
  cursor:pointer;
}
nav span:hover {
  background: radial-gradient(ellipse farthest-corner at 10% 20%, #E8FBE8, lime);
}
nav span:active {
/*  background: radial-gradient(ellipse farthest-corner at 90% 80%, #E8FBE8, lime); */
  background: radial-gradient(200px 10px at 30% 40%, #E8FBE8, lime);
  vertical-align: -1px;
  box-shadow: 1px 1px 8px 0px gray inset;
}

div.baloon {
  border-top:solid 10px;
  border-right:solid 15px;
  border-bottom:solid 21px;
  border-left:solid 15px;
  position:absolute;
  visibility:hidden;
}


/* ページ内目次 */
section.index {
  margin-right:500px;
  line-height:120%;
  border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.4) inset, 3px 3px 3px rgba(0,0,0,0.2);
  border: solid 2px lightsteelblue;
  background-color:white;
  padding:2px 5px;
  margin:0px 20px 0px 10px;
}
section.index a:link, section.index a:visited {
  color:black;
}

section.index div.title {
  font-weight:bold;
  color:blue;
  text-shadow:1px 1px 0px white, 2px 2px 5px #888;
  margin-bottom:3px;
}
section.index span {
  color:lightgrey;
  text-indent: 1em;
  display: inline-block;
}

section.index span.download::before {
  content:url("download/download.gif");
}

section.index span.plan::before {
  content:url("images/icons/plan.png") " ";
}

section.index span.schedule::before {
  content:url("images/icons/schedule.png") " ";
}

section.index span.phone::before {
  content:url("images/icons/phone.png") " ";
}

section.index span::before {
  content:url("images/icons/mark.png") " ";
}

section.pulldownMenu {
  position:fixed;
  top:0px;
  padding-left: 5px;
  padding-right: 10px;
  border-radius: 0px 15px 0px 0px / 0px 10px 0px 0px;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.3), 3px 2px 3px rgba(0,0,0,0.2);
}
section.pulldownBody {
  position:fixed;
  border-radius: 5px 0px 5px 5px / 5px 0px 5px 5px;
  border:solid 1px rgba(0,0,0,0.1);
  box-shadow: 3px 3px 3px rgba(0,0,0,0.3), 5px 5px 10px rgba(0,0,0,0.2);
  padding:3px;
  line-height:120%;
  text-align:bottom;
}

section.pushup {
  position:fixed;
  bottom:0px;
  margin-right:500px;
  line-height:120%;
  border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
  box-shadow: 1px -1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.4) inset, 5px -2px 3px rgba(0,0,0,0.2);
  border: solid 2px lightsteelblue;
  background-color:white;
  padding:2px 5px;
  margin:0px 10px;
}
section.pushup iframe {
  border:none;
  padding:0px;
  margin:0px;
  vertical-align:top;
}
section.pushupTab {
  position:fixed;
  bottom:0px;
  margin-right:500px;
  line-height:120%;
  border-radius: 10px 10px 0px 0px / 10px 10px 0px 0px;
  box-shadow: 1px -1px 1px rgba(0,0,0,0.3), 1px 1px 1px rgba(0,0,0,0.4) inset, 5px -2px 3px rgba(0,0,0,0.2);
  border-top: solid 2px lightsteelblue;
  border-left: solid 2px lightsteelblue;
  border-right: solid 2px lightsteelblue;
  background-color:white;
  padding:2px 5px;
  margin:0px 10px;
}

footer {
  position:fixed;
  bottom:0px;
  margin:0px 10px 0px 10px;
  width:96%;
  z-index: 10000;		/* 最前面 */
}

/* =====================
	電光掲示板
======================= */
div.bulletin {
    overflow: hidden;
    position: relative;
    padding:5px 0px;
    color: orange;
    font-size: 18pt;
    font-weight: bold;
    border-top:lightsteelblue 3px solid;
    background-color:white;
}

div.bulletin span {
  display: inline-block;
  white-space: nowrap;
  padding-left: 100%;
  animation-name: marquee;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 15s;
}

@keyframes marquee {
  from { transform: translate(0%);}
  to { transform: translate(-100%);}
}

/* === popup === */
img.gallery {
  position:absolute;
  left:30%;
  top:30%;
  border:outset lightgrey 15px;
  box-shadow: 5px 5px 20px 0px #333;
}