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

/*上部のメインメニュー
---------------------------------------------------------------------------*/

.spmenu {
    display: none;
    text-align: center;
    width: 100%;
    margin: 0;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    left: 0;
    
}


@media screen and (max-width:480px){
.spmenu {display:block;}}


	/*最初のメニューの設定*/
nav#spmenu ul li:first-child {
	border-left: none;	/*左側に線を入れる*/
	
}
	
	
/*メニューブロック設定*/
	

	
nav#spmenu {

	box-shadow: none;
	
}
nav#spmenu ul {
	width: auto;
	margin-right: auto;
	margin-left:auto;
	
}
/*メニュー１個ごとの設定*/
nav#spmenu ul li {
	display: block;
	width: 25%;
	
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefc), to(#57bff0));
    background-image: -webkit-linear-gradient(#fefefc, #8CD0F0 49%, #8CD0F0 50%, #57bff0);
    background-image: linear-gradient(#fefefc, #8CD0F0 49%, #8CD0F0 50%, #57bff0);*/
	text-align: center;
	float:left;

}
nav#spmenu ul li a {
	display: block;
	padding: 30px 0px 0px 0px;	/*メニュー内の余白。上、右、下、左*/
	background-repeat: no-repeat;
    background-position: center 5px, 0 0;
	background-size: 25px 23px, auto auto;
	text-decoration: none;
	color: #FFF;
	font-size: 16px;
	
}
	nav#spmenu ul li:nth-child(1) a{
background-color: #57bff0;
		
	background-image: url(../images/home.png);


		
	}
	nav#spmenu ul li:nth-child(2) a{
background-color: #93d83b;
	
	background-image: url(../images/access.png);

	
	}
	
	nav#spmenu ul li:nth-child(3) a{
background-color: #f9c61b;
		
	background-image: url(../images/plan.png);
	
	}
	nav#spmenu ul li:nth-child(4) a{
background-color: #f09457;
	
	background-image: url(../images/tokuchou.png);
	
	}
	
	
	nav#spmenu ul li:nth-child(5) a{
background-color: #f09457;
		
	background-image: url(../images/qa.png);

	}
	
	nav#spmenu ul li:nth-child(6) a{
background-color: #f9c61b;
	
	background-image: url(../images/instructor.png);

	
		
	}
	
	nav#spmenu ul li:nth-child(7) a{
background-color: #ff6dae;
	
	background-image: url(../images/about.png);
	
		
	}
	
		nav#spmenu ul li:nth-child(8) a{
background-color: #8457bd;
	
	background-image: url(../images/mail.png);
	
	}
	
	
	
/*英語表記の設定*/
nav#spmenu ul li a span {
	display: none;	/*表示させない設定*/
}