.siteheader	{
	color: white;
	background-color: #cc6600;
	// width: 700px;
	border-style: none;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height:140%
}

.grid-container	{
	display: grid;
	grid-template-rows: 1fr;
	grid-template-columns: 200px 1fr;
}

.main	{
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: black;
	background-color: white;
	// width: 600px;
	border-style: none;
	text-align: left;
	line-height:140%;
	grid-row: 1 / 2;
	grid-column: 2 / 3;
}

article	{
	margin-top: 20px;
	margin-bottom: 20px;
	background-color: lightgrey;
}

article.comment	{
	margin-bottom: 20px;
	// margin-left: 70px;
	font-size: small;
}

section	{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	font-size: medium;
	padding-top: 0px;
	padding-bottom: 0px;
}

nav	{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	font-size: small;
	padding-top: 0px;
	padding-bottom: 0px;
}

aside	{
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	font-size: small;
	padding-top: 0px;
	padding-bottom: 0px;
	grid-row: 1 / 2;
	grid-column: 1 / 2;
}

/* sectionやnavではfont-sizeがsmallだが、headerタグのあるものは少し大きくする */
header	{
	margin-left: -20px;
	font-size: larger;
}

header::before	{
	content:	url('square-darkyellow-font4.gif');
	// content:	'□';
}

aside header	{
	margin-left: 0px;
	font-size: larger;
}

aside header::before	{
	// content:	url('square-darkyellow-font5.gif');
	content:	'■';
}

p.button-arrange	{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

p	{
	padding-top: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

footer	{
	font-size: small;
	color: white;
	background-color: #cc6600;
	// width: 700px;
	border-style: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

img	{
	margin-top: 20px;
	margin-bottom: 20px;
}

img.ontext	{
	vertical-align: middle;
	margin-top: 0px;
	margin-bottom: 0px;
}

table	{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
	border-spacing: 10px;
	border-collapse: collapse;
}

table th { 
	border: 1px solid black;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	padding 10px;
	background-color: gold;
}

table td	{
	border: 1px solid black;
	padding 10px;
}


/*-------------------------
table.topindex	{
	color: black;
	background-color: #ffcc99; 
	border-spacing:0px; 
	width:700px;
}

td.topindex	{
	text-align: center;
}

td.topindexblank	{
	text-align: center;
	width: 50px;
}

td.topindexfocused	{
	color: white;
	background-color:#ff9933;
	text-align:center;
	width: 100px;
}



.title	{
	color: white;
	background-color: #cc6600;
	width: 700px;
	border-style: none;
	text-align: center;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height:140%
	
}

.main	{
	margin-left: 50px;
	margin-top: 20px;
	margin-bottom: 20px;
	color: black;
	background-color: white;
	width: 600px;
	border-style: none;
	text-align: left;
	line-height:140%
}

.note	{
	margin-left: 50px;
	margin-top: 30px;
	margin-bottom: 10px;
	color: black;
	background-color: white;
	width: 600px;
	border-style: none;
	text-align: left;
	font-size: medium;
	line-height:140%
}

.copyright	{
	font-size:small;
	color: white;
	background-color: #cc6600;
	width: 700px;
	border-style: none;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.logo	{
	margin-top: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 0px;
	padding-bottom: 10px;
	float:left;
}

.gray	{
	 color: #999999;
}

.datecolor	{
	 color: #cc6600;
}

.darkyellow	{
	color: #ffcc00;
}

.font4	{
	font-size: large;
}

.font5	{
	font-size: x-large;
}

.font-1	{
	font-size: small;
}

.font3	{
	font-size:	medium;
}

.line2 {
	line-height: 200%
}

a:link	{
	color:	#555555
}

a:visited	{
	color:	#3399cc
}

.f1	{
	margin-left: 0px;
	float:	left
}

/* for the larget heading */
.midashi0	{
	margin-bottom: 20px;
	margin-bottom: 20px;
	font-size: x-large;
	font-weight:	bold;
}

/* for the page heading */
.midashi1	{
	margin-bottom: 20px;
	font-size: large;
}

/* dark orange, large font size */
.midashi2	{
	font-weight:	bold;
	font-size:	large;
	color:		#669900;	/* datecolor */
	line-height:	200%
}

/* dark orange, largest font size */
.midashi3	{
	font-weight:	bold;
	font-size:	x-large;
	color:		#669900;	/* datecolor */
}

/* for the large heading */
.midashi4	{
	font-weight:	bold;
}

*****/