@charset "UTF-8";
html {
   height: 100%;
   }
body{
    width: 100%
    height: 100%;
    color: #ffffff;
    /* background-image: url(back.jpg); */
    /* background-color: #c0c0c0; */
    background-color: #D2D2D2;
    background-repeat: no-repeat;
    background-size: 100% 110%;
    /* background-color: gray; */
    }
    
    /* ｺﾝﾃﾅ */
#container{
	width: 100%;
	position: relative;
	height: auto; !important;
	height: 100%;
	text-align:center;
	
}
#main {
    height: 93%;
    padding-bottom:0px 0 10% 0;
    text-align:center;
    }
    
#main p{
    font-size:30px;
    }
    
    /* --- ﾌｯﾀｰ --- */
#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
	background-color:gray;
	height: 6%;
}
#footer p {
   /* text-align: center; */
     position: center;
    /* margin:0 auto; */
	font-size: 13px;
	color: black;
	/* margin-bottom:20px; */
}
    

.sample {
    width:200px;
    font-size:24px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:8px 0 10px;
    color:black;
    background-color:#ffffff;
    border-radius:35px;
}

 .sample2 {
    width:20px;
    font-size:5px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align: center;
    padding:1px 0 1px;
    color:#fff;
    background-color:#ffffff;
    border-radius:5px;
}