@charset "shift-jis";
/* CSS Document */
#sns {
	width:750px;
}
#sns div.key{
	width:750px;
	height:390px;
	position: relative;
}
#sns div.key .keytoku{
	position: absolute;
	top:138px;
	left:78px;
	border:2px solid #FFF;
}
#sns div.step{
	width:750px;
	height:420px;
	position: relative;
}
#sns div.step ul.bt{
	position: absolute;
	top:120px;
	left:50px;
}
#sns div.step ul.bt li{
	padding-bottom:15px;
}
#sns div.step ul.ap{
	position: absolute;
	top:250px;
	left:50px;
	display: table;
	table-layout: fixed;
	text-align: center;
	width:182px;
}
#sns div.step ul.ap li{
	display: table-cell;
	vertical-align: middle;
}

#sns div.step ul.toku{
	position: absolute;
	top:140px;
	left:285px;
}
#sns div.step ul.re{
	position: absolute;
	top:120px;
	right:55px;
}
#sns div.step ul.re li{
	padding-bottom:15px;
}


#sns div.bn{
	background-color:#79B4EE;
	padding:10px;
}
#sns div.bn ul{
  display: table;
  table-layout: fixed;
  text-align: center;
  width: 80%;
  margin:2% auto;
}
#sns div.bn ul li {
  display: table-cell;
  vertical-align: middle;
  width:350px;
}




#sns div.title{
	position: relative;
}

#sns .meigara{
	position: absolute;
	top:10px;
	right:0px;
	animation: meigara 1.5s ease-in-out infinite alternate;
	-webkit-animation: meigara 1.5s ease-in-out infinite alternate;
	-moz-animation: meigara 1.5s ease-in-out infinite alternate;

}

@keyframes meigara {
    0% { transform:translateY(0px); }
  100% { transform:translateY(-10px); }
}