/* HTMLタグ */

html{
	font-size:	100%;
}


/* BODYタグ */

body {
	font-size: 1.5rem;
	margin-left:	15%;
	margin-right:	15%;
	font-size:	1rem;
	color:	#00008b; /* DarkBlue */
	font-family:	'Meiryo', 'Hiragino Sans', sans-serif, system-ui;
	line-height:	150%;
	background-color: #fffacd; /* LemonChiffon */
	text-underline-position: under;
}

@media screen and (max-width: 1000px) {

	body {
		font-size: 1.2rem;
		margin-left:	10%;
		margin-right:	10%;
	}

}

@media screen and (max-width: 480px) {

	body {
		font-size: 1rem;
		margin-left:	5%;
		margin-right:	5%;
	}

}


/* H1 タグ */

h1 {
	font-size:	3.0rem;
	color:	#008000; /* Green */
	text-align:	center;
	font-weight:	bold;
	line-height:	150%;
	background-color: #ffffff; /* White */
	padding:	10px;
	border-radius: 10px;

}

@media screen and (max-width: 1000px) {

	h1 {
		font-size:	2.0rem;
		padding:	7px;
		border-radius: 7px;	}

}

@media screen and (max-width: 480px) {

	h1 {
		font-size:	1.5rem;
		padding:	5px;
		border-radius: 5px;	}

}


/* 定型注意文 */
#fixedNote {
	color:	#a52a2a; /* Brown */
	margin-top:	2rem;
}


/* フッターの共通リンク行 */
#commonLinks {
	background-color:	#ffffff; /* White */
	padding:	0.5rem;
}


/* フッターのバナー */
#footerImg {
	vertical-align:	middle;
	width:	88px;
	height:	31px;
}

@media screen and (max-width: 1000px) {

	#footerImg {
		width:	66px;
		height:	20px;
	}

}

@media screen and (max-width: 480px) {

	#footerImg {
		vertical-align:	middle;
		width:	44px;
		height:	15px;
	}

}



/* table 関連 */
table {
	border-collapse:	collapse;
}

th, td {
	border:	solid 1px;
	border-color:	#00bfff; /* DeepSkyBlue */
	text-align:	center;
	line-height:	150%;
	padding: 0.5rem;
}

th {
	background-color:	#e0ffff; /* LightCyan */
}

td {
	background-color:	#ffffff; /* White */
}



/* リスト関連 */
ul {
	padding-left:	0.8rem;
	margin-left:	0.8rem;
}

li {
	margin-bottom:	0.5rem;
}



a:link{
	text-decoration: underline;
}

/* blockquote */
blockquote {
	background-color: #ffffff;
	padding:	0.5rem;
}