*{
margin:0px;
padding:0px;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color: #546C56;	
}

body{
background-color:#8491c3;
background-image: url("image/bg-1.png")

}

#container{

width:900px;
margin:auto;
padding:auto;	
}


#header{
background-color:#cccc99;
height:auto;
}


#navi{
background-color:#4d5aaf;
height:50px;
}

#navi li{
padding:0px;
margin:0px;
float:left;
list-style-type:none;
display:inline;
}





#main{
background-color:#ffffff;
height:auto;
	background-image: url("image/mbg3.png");

}
/*--main end--*/

#footer{
	background-color: #4a488e;
	height: 60px;
	width: 900px;
	color: #FAEBD7;
	text-decoration: none;
	
}

#footer li{
	float: right;
	list-style-type: none;
	margin-right: 60px;
	list-style-image: none;
	color: #F9F9EF;
}
/*--footer end--*/

.center{
width:700px;
text-align:left;
	margin:auto;
padding:auto;
	
}
#main{
text-align:center;
}

h1{
	text-align: center;
	margin: 0px;
	padding-top: 50px;
}

.img{
	text-align: center;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	float: none;	
}


#body #container #main {
}
.timg {
	margin-left: 80px;
	float: left;
	margin-right: 0px;
}

#kome {
	width: 700px;
	height: auto;
	float: none;
	margin-left: 100px;
	margin-right: 100px;
	text-align: left;
}
.gimg {
	margin-left: 80px;
	margin-right: 5px;
}

#syoukai {
	width: 300px;
	text-align: left;
	float: left;
	margin-left: 30px;
}
.mimg {
	margin-left: 80px;
	margin-right: 5px;
	float: left;
}
#footer{
	color: #FAEBD7;	
}
.table {
	margin-right: auto;
	margin-left: auto;
}
.footer {
	color: #F0F7D9;
	text-decoration: none;
}
.red {
	color: #C40A0A;
}

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);


}