
div.top{



text-align:center;

background-color:silver;

height:360px;

padding-top:2.3em;



background-image:url(ddd.JPG);


background-repeat:no-repeat;


background-position:center;



background-size:cover;







}

h1{

font-size:27px;



padding-bottom:12px;

margin-bottom:0px;

font-family:serif;

color:white;

}



p.maintop{

font-size:18px;

padding-bottom:0px;

margin-bottom:0px;


line-height:1.8em;

font-family:serif;


}



h2{

padding-top:3.7em;

font-size:21px;

padding-left:3.7em;

padding-right:3.7em;

font-family:serif;

}












nav {
  width: 100%;
  height: 120px;
 
  padding-top: 20px;

  
   padding-left:400px;
  
  box-sizing: border-box;
}
ul {
  display: flex;
}
li {
  list-style: none;
  
 
}
a.nav {
  display: block;
  text-decoration: none;
  
  margin-right: 35px;
}
















.slide {
	position:relative;
	height:400px;
}
.slide img {
	position:absolute;
	opacity:0;
	transition:all 1s ease-in-out;
	height:100%;
	object-fit:contain;
}

div.main{

float:right;

width:72%;




}


.main h3{

font-size:18px;

text-align:center;

font-family:serif;


}




p.main{

font-size:21px;

line-height:2.8em;

padding-left:3.7em;

padding-right:8em;

letter-spacing:0.1em;

font-family:serif;


}





div.menu{


float:right;

width:24%;

padding-top:120px;


}



p.menu{


font-size:16px;

padding-left:3.2em;

line-height:1.2em;

}




p.side{


padding-left:3.2em;


}









div.footer{

clear:both;

text-align:center;

font-size:16px;

height:120px;


}







td{

padding-top:1.2em;

padding-bottom:1.2em;


}


p.bn{

padding-left:3.7em;

padding-right:3.7em;


}



span.red{

color:red;




}







span.green{

color:green;




}



span.blue{

color:blue;




}











span.bara{

color:#ff00ff;




}



p.pr2{

font-size:10pt;

text-align:center;

color:black;



}





img { border-style:none; } 

a img { border-style:none; }




