/*base_start*/
body{
margin:0px;
padding:0px;
background-image:url(common/back_border.gif);
background-position:center;
background-repeat:repeat-y;
}


h1{
	margin:0;
	padding:0;
	}


a:link { text-decoration:none;}
a:visited { text-decoration:none;}
a:hover { text-decoration:underline;}
a:active { text-decoration:underline;}

div,p,h2,h3,ul,li{margin:0px; padding:0px;}
img{border:0;}
form{margin:0;}
.clear{
clear:both;
}
/*base_endt*/


/*内容_start*/

.contaner{width:100%; text-align:center; margin-left:auto; margin-right:auto;}


.font{background-color:#FFFFC8; color:#FF0066}

/*内容_end*/



.campaign1{
	position:relative; 
	margin:0 auto; 
	padding:0; 
	width:320px;
	}
.ipanbotan1{
	position: absolute; 
	left: 73px; 
	top: 132px;
	}
.teikibotan1{
	position: absolute; 
	left: 166px; 
	top: 88px; 
	margin: 0; 
	padding: 0;
	animation: fluffy1 3s ease infinite;
	background: #000;
	}




@keyframes fluffy1 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-8px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-8px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}


/*100%表示用*/
.campaign1_2{
	position:relative; 
	margin:0 auto; 
	padding:0;
	width:100%; 
	}
.ipanbotan1_2{
	position: absolute; 
	left: 73px; 
	top: 132px;
	}
.teikibotan1_1{
	position: absolute;
	left: 38%;
	top: 33%;
	margin: 0;
	padding: 0;
	animation: fluffy1 3s ease infinite;
	background: #000;
	}
.teikibotan1_2{
	position: absolute;
	left:39%;
	top:20%; 
	margin: 0;
	padding: 0;
	animation: fluffy1 3s ease infinite;
	background: #000;
	}
.teikibotan1_3{
	position: absolute;
	left:38%;
	top:26%; 
	margin: 0;
	padding: 0;
	animation: fluffy1 3s ease infinite;
	background: #000;
	}
.teiki2botan_2{
	position: absolute;
	left:42%;
	top:28%;
	animation: fluffy2 3s ease infinite;
	background: #000;
	}
/*100%表示用*/


	
	
.ipanbotan2{
	position: absolute;
	left: 74px;
	top: 131px;
	}
.teikibotan2{
	position: absolute;
	left: 166px;
	top: 86px;
	margin: 0;
	padding: 0;
	animation: fluffy2 3s ease infinite;
	background: #000;
	}

.teiki2botan{
	position: absolute;
	left: 161px;
	top: 105px;
	animation: fluffy2 3s ease infinite;
	background: #000;
	}
@keyframes fluffy2 {
  0% { transform:translateY(0) }
  5% { transform:translateY(0) }
  10% { transform:translateY(0) }
  20% { transform:translateY(-5px) }
  25% { transform:translateY(0) }
  30% { transform:translateY(-5px) }
  50% { transform:translateY(0) }
  100% { transform:translateY(0) }
}
	
	

.sapolt{
	margin-top:40px;
	}
.tel{
	text-align:center; 
	margin:10px auto;
	}
.mail{
	text-align:center; 
	margin:20px auto;
	}
.kaisha{
	margin:20px auto 10px auto;
	}
.kaishashousai{
	text-align:left; 
	margin:5px 5px 15px auto; 
	font-size:12px;
	}
.sekyu{
	position:relative; 
	margin:10px auto ;
	}
.guide{
	text-align:left; 
	margin:5px 5px 15px auto; 
	font-size:12px;
	}



.mat30{
	margin-top:30px;
	}


.praibasy{
	margin:10px auto 15px auto;
	}




.footLink{
text-align:center;
font-size:14px;
padding:10px 0 0px 0;
margin-bottom:10px;
}

.obi{
	text-align:center; 
	background-color:#F30; 
	width:100%; 
	height:12px; 
	color:#FFF; 
	font-weight:600; 
	font-size:10px;
	}
	
	
	
#floatingmenu {
display: block;
position: fixed;
left: 0px;
bottom: 5px;
z-index: 9999;
text-align:left;
padding: 0 auto;
}

.foot{
	background-color:#F0E2D1; 
	padding:10px 5px; 
	margin-top:80px;
	}


/* --------- スクロール --------- */
.example {
  width: 84%;
  height: 150px;
  background-color:#FFF;
  overflow-y: scroll;
  margin:100px auto 20px auto;
  color:#666;
  text-align:left;
  font-size:0.9em;
}

/* --------- ボタンプルプル --------- */
.botanpul{
	animation: skew 2.3s linear infinite;
	}



    @keyframes skew {
        0% {transform: skew(0deg, 0deg);}
        5% {transform: skew(5deg, 4.2deg);}
        10% {transform: skew(-4deg, -3deg);}
        15% {transform: skew(3deg, 2.2deg);}
        20% {transform: skew(-2deg, -1.5deg);}
        25% {transform: skew(0.9deg, 0.9deg);}
        30% {transform: skew(-0.6deg, -0.6deg);}
        35% {transform: skew(0.3deg, 0.3deg);}
        40% {transform: skew(-0.2deg, -0.2deg);}
        45% {transform: skew(0.1deg, 0.1deg);}  
        50% {transform: skew(0deg, 0deg);}
}