@keyframes slide1 {
	0% {opacity: 0;}
	10% {opacity: 1;}
	15% {opacity: 1;}
	20% {opacity: 0;}
	100% {opacity: 0;}}

@keyframes slide2 {
	0% {opacity: 0;}
	20% {opacity: 0;}
	30% {opacity: 1;}
	35% {opacity: 1;}
	40% {opacity: 0;}
	100% {opacity: 0;}}

@keyframes slide3 {
	0% {opacity: 0;}
	40% {opacity: 0;}
	50% {opacity: 1;}
	55% {opacity: 1;}
    60% {opacity: 0;}
	100% {opacity: 0;}}

@keyframes slide4 {
	0% {opacity: 0;}
	60% {opacity: 0;}
	70% {opacity: 1;}
	75% {opacity: 1;}
    80% {opacity: 0;}
	100% {opacity: 0;}}

@keyframes slide5 {
	0% {opacity: 0;}
	80% {opacity: 0;}
	90% {opacity: 1;}
	95% {opacity: 1;}
	100% {opacity: 0;}}


/*画像ブロック*/
#mainimg {
	clear: left;
	width: 50%;
	height: auto;
	position: relative;
      margin-right: auto;
  margin-left : auto;
}

/*３枚画像の共通設定*/
#slide1,#slide2,#slide3,#slide4,#slide5 {
	-webkit-animation-duration: 20s;	/*実行する時間。「s」は秒の事。*/
	animation-duration: 20s;			/*同上*/
	-webkit-animation-iteration-count:infinite;	/*実行する回数。「infinite」は無限に繰り返す意味。*/
	animation-iteration-count:infinite;			/*同上*/
}


#slide1 {
	-webkit-animation-name: slide1;		
	animation-name: slide1;				
	position: relative;
  margin-right: auto;
  margin-left : auto;
	width: 100%;
	height: auto;
}

#slide2 {
	-webkit-animation-name: slide2;		
	animation-name: slide2;				
	position: absolute;
  margin-right: auto;
  margin-left : auto;
	top:0px;
	width: 100%;
	height: auto;
}

#slide3 {
	-webkit-animation-name: slide3;		
	animation-name: slide3;				
	position: absolute;
  margin-right: auto;
  margin-left : auto;
	top:0px;
	width: 100%;
	height: auto;
}

#slide4 {
	-webkit-animation-name: slide4;		
	animation-name: slide4;				
	position: absolute;
  margin-right: auto;
  margin-left : auto;
	top:0px;
	width: 100%;
	height: auto;
}

#slide5 {
	-webkit-animation-name: slide5;		
	animation-name: slide5;				
	position: absolute;
  margin-right: auto;
  margin-left : auto;
	top:0px;
	width: 100%;
	height: auto;
}





#main{
  width:900px;
  margin-right: auto;
  margin-left : auto;
}

#news{
  width:900px;
  margin-right: auto;
  margin-left : auto;
}

#news dl { overflow: hidden}
#news dt {
    width: 8em;
    float: left;
    margin-bottom: 10px;
    clear: both;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#news dd {
    margin-left: 8em;
    margin-bottom: 10px;
    font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

p{
  padding-left:20px;
  padding-right:20px;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}


a.gray{
  color: #777777;
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size:12px;
}

body{
margin-right: auto;
margin-left : auto;
width:100%;
height:100%;
}





#wapper_main
{
  height:630px;
}
#wrapper
{
  width:100%;
  height:600px;
  margin-right: 305px;
}
#main_map_canvas
{
  width:100%;
  height:600px;
	z-index:200;
}

#facebook
{
  float:right;
  width:300px;
  height:600px;
  margin-right:100px;
}

#footer_main
{
  /*表紙のページだけレイアウトがずれるので、それに対応したフッター*/
  border-top:3px double  #EDAE1A;
  padding-top:10px;
  /*width:900px;*/
  text-align:center;
  margin-right: auto;
  margin-left : auto;
  margin-top:10px;
  font-size:12px;
  font-style:italic;
  color:#777777;
}