@import url("reset.css"); 

body {
	font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	line-height:1.3;
	color: #444;
}

.red  { color:red; }
.blue { color:blue; }
.bold   { font-weight:bold; }
.italic { font-style:italic; }
.sml70 { font-size:70%; }
.sml80 { font-size:80%; }
.sml85 { font-size:85%; }
.sml90 { font-size:90%; }

.nodisp { display:none; }

#wrapper {
	background: radial-gradient(ellipse 900px 100%, #fff,#eee);
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#header {
	background: linear-gradient(#4882D8,#255AB0);
	opacity:0.9;
	width:100%;
	height:100px;
}

.main {
	background: radial-gradient(ellipse 900px 100%, #fff,#eee);
	width: 870px;
	min-height: 70vh;
	margin:0 auto;
	background-color: #fff;
	padding:20px 0;
}

footer {
	background: linear-gradient(#255AB0,#4882D8);
	opacity:0.9;
	width:100%;
	min-height:100px;
    color: #fff;
    text-align: center;
  margin-top: auto;
}

h1.center {
	font-size:larger;
	padding:20px 0;
	text-align:center;
}

h3.center {
	padding:20px 0;
	text-align:center;
}

.link_buttons {
	margin:0 auto;
	width:600px;
	text-align:left;
}
li { 
	margin:40px 0;
}
button {
	width: 580px;
	padding: 10px;
	font-size:large;
}