body{
  margin: 5px;
  background: #ccccff;
/*      パステル */
/*Red    ffcccc  */
/*ba     ffffcc  */
/*Green  ccffcc */ 
/*Yellow ccffff */
/*Blue   ccccff  */
}

img.standard{ width: 100px; height: auto}
img.wid2{width: 120px;height: auto}

/* ============= table ===============  */
table.standard{
/*  */
	border-width: 5px;
/*	border-color: #ff3300; */
	border-style: ridge;
/* none hidden dotted dashed solid double groove ridge inset outset */
/* セルの間隔 */
	border-spacing: 2em;
/* 区切り線(1本 or 2本) */
	border-collapse: collapse; /* collapse separate  */
/* タイトルの位置 */
	caption-side: bottom; /* top */
}
/* ============== td ================ */
td.standard{
	border-width: 3px;
	border-color: #ff3300;
	border-style: ridge;
/* none hidden dotted dashed solid double groove ridge inset outset */
/* セルの間隔 */
	border-spacing: 20px;
	valign: middle;
}
td.w01{
	width: 100px;
	border-width: 3px;
/*	border-color: #ff3300;*/
	border-style: ridge;
/* none hidden dotted dashed solid double groove ridge inset outset */
/* セルの間隔 */
	border-spacing: 20px;
}
td.w02{
	width: 200px;
	border-width: 3px;
/*	border-color: #ff3300; */
	border-style: ridge;
/* none hidden dotted dashed solid double groove ridge inset outset */
/* セルの間隔 */
	border-spacing: 20px;
}
/* ============== text <p> =========== */
/* テキスト幅の設定  */
/* <p class="half">  </p> */
.half{ width: 50%}

/* テキスト行間の設定 */
/* <p class="lsep1"> </p> */
.lsep1{line-height: 200%}

h1{
  margin: 1em;
  padding: 0.3em;
  color: #0000FF;
}
h3{
  margin: 1em;
  padding: 0.3em;
  color: #0000FF;
}