* {
	background-color: #93b0bd;
}

#container {
    width: 1000px;
    margin: 0 auto;
  } 


/*  */

#menu {
	overflow: hidden;
	border-bottom: solid 2px gray;
	background-color: #619ea7;
}

#menu ul>li {
        float: left;
		width: 94px;
		font-size: 18px;
		text-align: center;
		padding: 4px;
		margin-top: 10px;
		margin-right: 5px;
		border-left: solid 1px gray;
		border-right: solid 3px gray;
	    background: #89aab8;
}


/*  */

#main{
	background-position: right;
	background-image: url(top/top.jpg);
	background-repeat: no-repeat;
    min-height: 600px;

}

#slideshow {
   position: relative;
   width:  1000px; /* 画像の横幅に合わせて記述 */
   height: 600px; /* 画像の高さに合わせて記述 */
}
#slideshow img {
   position: absolute;
   top: 0;
   left:0;
   z-index: 8;
   opacity: 0.0;
}
#slideshow img.active {
   z-index: 10;
   opacity: 1.0;
}
#slideshow img.last-active {
   z-index: 9;
}





#henko{
    min-height: 100px;
    overflow: hidden;
}

#kosin{
    float: left;
    width: 750px;
    padding-top: 8px;

}

#kensaku {   
    float: left;
    width: 200px;
    padding-top: 8px;
}




/*  */

#footer{
   border-top: solid 1px #669999;
   padding-top: 7px;
   padding-bottom: 10px;
   text-align:center;
   min-height: 200px;

}



h1 {
   font-size:38px;
   font-family: cursive;
   color: #345e63;
   margin-top: 20px;
   margin-bottom: 15px;

}


h2 {
   font-size:18px;
   text-align: left;
   margin-top: 100px;
   margin-left: 30px;
   margin-bottom: 30px;
   color: #000000;
   letter-spacing: 0.2em;
   margin-top: 10px;
}




p {
   font-size:14px;
   line-height: 1.3;
   letter-spacing:1px;
   margin-left: 8px;
   margin-right: 8px;
   margin-top: 8px;
}

.iro1 { color: red; }
.iro2 { color: navy; }
.iro2b  { color: navy; font-weight: bold;}
.iro3 { color: yellow; }
.iro4 { color: green; }
.iro5 { color: navy;  font-size: 14px;}



 a {
    color: white;
    text-decoration: none;
 }
 
 a:hover {
    color: red;
}