html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	text-align: center;
}

body {
	line-height: 1.6;
	padding: 0;
	margin: 0;
	display: flex;
	flex-direction: column;
	min-height: 100vh; /* 画面の高さいっぱいに広げる */
}
header {
	background-color: #fcfbfa;
	color: #66292d;
	padding: 10px 0;
	text-align: center;
	box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 4px 12px 0px rgba(0,0,0,0.2);
}
main {
	flex: 1;
	padding: 20px;
}
footer {
	background-color: #000033;
	color: #ffffff;
	text-align: center;
	padding: 10px 0;
	width: 100%;
}

.mypageheader { height:2.5em; line-height:2.5em; width:350px; text-align:top; font-size:18pt; color:#fff; margin:0px auto;
			border-radius:8px;  box-shadow: 1px 4px 4px 3px rgba(191,191,191, 0.4);
			background: -moz-linear-gradient(top,      #CE3B37 30%, #9B2D2A 80%);
			background: -webkit-linear-gradient(top,   #CE3B37 30%, #9B2D2A 80%);
			background: linear-gradient(to bottom,     #CE3B37 30%, #9B2D2A 80%);
}
.gorupheader {  margin:0.5em auto;
				height:2.2em; line-height:2.2em; width:350px; text-align:top; font-size:16pt; color:#fff;
				border-radius:8px;  box-shadow: 1px 2px 3px 2px rgba(191,191,191, 0.5);
				background: -moz-linear-gradient(top,      #002d8c 30%, #002060 80%);
				background: -webkit-linear-gradient(top,   #002d8c 30%, #002060 80%);
				background: linear-gradient(to bottom,     #002d8c 30%, #002060 80%);
}
.processlink { margin-top:3px; font-size:13pt; color:#006389;
			   text-decoration-line: underline;text-underline-position: under; text-decoration-color: #005b7c; 
				display:inline;
}
.processlink:hover { cursor:pointer; color:#0000ff;
			text-decoration-line: underline;text-underline-position: under; text-decoration-color:#c40026; 
}
.yourname	{ display:inline-block; ; position:relarive; top:0px; }



@media screen and (max-width:580px) {
	main {
	padding-top: 20px;
	}
	.mypageheader {
		width:90vw;
	}
	.gorupheader {
		margin-top:1em;
		width:90vw;
	}
	.processlink {
		font-size:15pt; line-height:1.8em;
	}

}