@charset "utf-8";
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary
{display:block;}

*{
	margin:0px;
	padding:0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

    a:link {color:#0F5494;}
    a:visited{color:#0F5494;} 
    a:hover{color:#770077;} 
    a:active{color:#ff0000;} 
.clear {clear: both;}
body{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background:#DDFFFF;
	background:url(https://rakuen.jeison.biz/img/haikei.png);
	background-attachment:fixed;
	margin: 0px;
	padding: 0px;
	text-align:center;
	color:#000000;
}

.wrapper{
    width:75%;
    margin-right:auto;
    margin-left:auto;
    padding-left:2%;
    padding-right:2%;
    background:#EEFFFF;
    box-shadow: 0px 4px 3px 2px #000000;
   -moz-box-shadow:0px 4px 3px 2px #000000;
   -webkit-box-shadow:0px 4px 3px 2px #000000;
   overflow: hidden;
}

.title{
	margin-left:auto;
	margin-right:auto;
	width:100%;
	margin-bottom:15px;
	}
  .title h1{
     display:block;
     width:100%;
     padding-left:1%;
     padding-top:20px;
     text-align:left;
     color:#FFFFFF;
     background:#EEFFFF;
     text-shadow: 2px 2px 1px #00AAEE, -2px 2px 1px #00AAEE,2px -2px 1px #00AAEE,-2px -2px 1px #00AAEE;
     letter-spacing: 20px;
	font-size:45px;
	font-weight:900;
	}
	.title a:link {color:#FFFFFF;text-decoration:none;}
	.title a:visited{color:#FFFFFF;text-decoration:none;} 
	.title a:hover{color:#FFFFFF;text-decoration:none;} 
	.title a:active{color:#FFFFFF;text-decoration:none;}
.contents{
	width:100%;
	background:#EEFFFF;
	margin-left:auto;
	margin-right:auto;
	margin-top:5px;
	margin-bottom:20px;
}
   /* メニューの設定
--------------------------------------------------------------------------------------------------------------*/
nav ul {
	display:block;
	list-style-type: none;
	width:100%;
	margin-top:3px;
	border:2px outset #88FFFF;
	clear:both;
}

nav li {
	float:left;
	text-align: center;
	width:25%;
}

nav li a{
   display: block;
   font-size:17px;
   font-weight:400;
   background:#EEFFFF;
   background: linear-gradient(#EEFFFF, #CCFFFF);
   backround: -moz-linear-gradient(#EEFFFF, #CCFFFF);
   backgground: -webkit-linear-gradient(#EEFFFF, #CCFFFF);
   border:outset 1px #FFFFFF;
   text-decoration:none;
   color:#444444;
   padding:15px;
}
nav li a:link{color:#444444;}
nav li a:visited{color:#444444;}
nav li a:hover {
   background:#EEFFEE;
   color:#00AAEE;
}
.top_grad{
	width:100%;
	height:35px;
	font-size:13px;
	text-align:left;
	padding-top:10px;
	padding-left:10px;
	background:#EEFFFF;
	background: linear-gradient(#99FFFF, #EEFFFF);
	background: -moz-linear-gradient(#99FFFF, #EEFFFF);
	background: -webkit-linear-gradient(#99FFFF, #EEFFFF);
}
	footer{
		width:100%;
		clear:both;
		font-size:12px;
		text-align:center;
		border-top:1px solid #88FFFF;
		background:#EEFFFF;
		padding:10px;
	}
/*スマホ*/
@media screen and (max-width: 600px){
.wrapper{ width:100%; margin:0px;}
.title h1{font-size:33px;}
.title p{font-size:13px;}
}