@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: middle;
	
}


body{
font: 18px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000000;
background: #f9f9f9;
}

a{
	color: #2d86d2;
	display: block;

}
a:hover{color:#666666;}
a:active, a:focus {outline: 0;}

a:hover .btn02{
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/*---- #top ----*/
h1{
	width:950px;
margin:0 auto;	
	}
#top{
	background-color: #ffffff;
	width:100%;
}

/*---- #topbtn ----*/
h2{
	width:950px;
margin:0 auto;	
	}
#topbtn{
	background-color: #222222;
	width:100%;
	height:60px;
	margin:0 auto;
	}


/*---- #contents ----*/
#contents{
	background-color: #ffffff;
	text-align:center;
	width:950px;
	margin:0 auto;
	padding-top:80px;}

	
	
.btnarea{
	position: relative;
	width:950px;
	height:250px;
	margin:0 auto;}
.btn{
	position:absolute;
	top:160px;
	left:200px;
	}


.m30{
	margin-top:30px;}	
.m60{
	margin-top:60px;}
.m80{
	margin-top:80px;}
.display{
   display:block;
   width:853px;

   border: 0px;
   margin: 0px auto;
   overflow: hidden;

}	
	


/* 画像白影 ↓*/

a .btnbg{

	-webkit-transition:0.2s ease-in-out;
	-moz-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	-o-transition:0.2s ease-in-out;
	-ms-transition:0.2s ease-in-out;
	transition:0.2s ease-in-out;

	}

	 

a:hover .btnbg{
border-radius: 5px;
box-shadow: 0px 0px 20px #ffffff; 


	}

	/*  ボタン拡大縮小文字 ↓*/	
	
.anime-t { 
  animation: scale 3s linear; 
  animation-iteration-count: infinite; 

  -webkit-animation: scale 3s linear; /* Safari & Chrome */
  -webkit-animation-iteration-count: infinite; 
  -moz-animation: scale 3s linear; 
  -moz-animation-iteration-count: infinite; 
  -o-animation: scale 3s linear; 
  -o-animation-iteration-count: infinite; 
  
	
   height: 35px; 
  width: 405px; 
 position:absolute;
	top:18px;
	left:165px;
    
}  
@keyframes scale { 
  0%   { transform:  scale(0.9,0.9);    } 
50%   { transform:  scale(1.3,1.3);    } 
  100%  { transform:  scale(0.9, 0.9);   } 
} 
@-webkit-keyframes scale { 
  0%   { -webkit-transform:  scale(0.9,0.9);    } 
50%   { -webkit-transform:  scale(1.3,1.3);    } 
  100%  { -webkit-transform:  scale(0.9, 0.9);   } 
} 
@-moz-keyframes scale {
  0%   { -moz-transform:  scale(0.9,0.9);    } 
 50%   { -moz-transform:  scale(1.3,1.3);    } 
  100%  { -moz-transform:  scale(0.9, 0.9);   } 	
		
	}
@-o-keyframes scale {
  0%   { -o-transform:  scale(0.9,0.9);    } 
50%   { -o-transform:  scale(1.3,1.3);    }
  100%  { -o-transform:  scale(0.9, 0.9);   } 	
	}
	
@-ms-keyframes scale {
  0%   { -ms-transform:  scale(0.9,0.9);    } 
 50%   { -ms-transform:  scale(1.3,1.3);    } 
  100%  { -ms-transform:  scale(0.9, 0.9);   } 	
	}
	
	
	/*  ボタン拡大縮小文字その2 ↓*/	
	
.anime-tc { 
  animation: scale_c 1.5s linear; 
  animation-iteration-count: infinite; 

  -webkit-animation: scale_c 1.5s linear; /* Safari & Chrome */
  -webkit-animation-iteration-count: infinite; 
  -moz-animation: scale_c 1.5s linear; 
  -moz-animation-iteration-count: infinite; 
  -o-animation: scale_c 1.5s linear; 
  -o-animation-iteration-count: infinite; 
  
	
   height: 29px; 
  width: 405px; 
 position:absolute;
	top:40px;
	left:290px;
    
}  
@keyframes scale_c { 
  0%   { transform:  scale(0.9,0.9);    } 
50%   { transform:  scale(1.0,1.0);    } 
  100%  { transform:  scale(0.9, 0.9);   } 
} 
@-webkit-keyframes scale_c { 
  0%   { -webkit-transform:  scale(0.9,0.9);    } 
50%   { -webkit-transform:  scale(1.0,1.0);    } 
  100%  { -webkit-transform:  scale(0.9, 0.9);   } 
} 
@-moz-keyframes scale_c {
  0%   { -moz-transform:  scale(0.9,0.9);    } 
 50%   { -moz-transform:  scale(1.0,1.0);    } 
  100%  { -moz-transform:  scale(0.9, 0.9);   } 	
		
	}
@-o-keyframes scale_c {
  0%   { -o-transform:  scale(0.9,0.9);    } 
50%   { -o-transform:  scale(1.0,1.0);    }
  100%  { -o-transform:  scale(0.9, 0.9);   } 	
	}
	
@-ms-keyframes scale_c {
  0%   { -ms-transform:  scale(0.9,0.9);    } 
 50%   { -ms-transform:  scale(1.0,1.0);    } 
  100%  { -ms-transform:  scale(0.9, 0.9);   } 	
	}

	
/*---- #footer ----*/	
#footer{
	background-color: #000000;
	text-align:center;
	font-size:14px;}
	
h3{
	clear:both;
	text-align:center; 
	border:thin solid #cccccc; 
	padding:3px; 
	font-size:12px; 
	color:#cccccc;
	width:948px;
	margin:5px auto;}
#seibun{
	margin: 20px auto;
		padding:15px 0px;
	     box-shadow:0px 0px 3px 2px rgba(0, 0, 0, 0.2) inset;
     border:1px solid #cccccc;
     border-radius: 5px; 
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
	width:97%;
	}	
#seibun span{font-weight:bold;}
.footerarea{
	width:950px;
	height:65px;
	margin:0 auto;
	}
.footerarea ul{
	list-style-type: none;
	}
#footer .footerarea ul li {
	float: left;
	padding-left:10px;
	padding-top:20px;
	color: #2d86d2;
}
	
#footer p{
	background-color: #979799;
	color:#f9f7eb;
	text-align:center;
	width:100%;
	padding:5px 0px;
	clear:both;
	
	}