* {
  --buttonBgColor:palegreen;
  --answerTitleBgColor:yellow;
}
/* ボタン */
button {
  width:4em;
  border:none;
  border-radius:8px/8px;
  box-shadow: 3px 3px 1px rgba(0,0,0,0.3), 3px 3px 1px rgba(240,255,240,0.5) inset, 10px 10px 10px rgba(0,0,0,0.2);
  padding:2px;
  background-color:var(--buttonBgColor);
  background:radial-gradient(ellipse farthest-corner at 3px 5px, white, var(--buttonBgColor));
  text-align:center;
  cursor:pointer;
  display:inline-block;
  outline-style:none;
}

button.answerTitle {
	font-family:'ＭＳ Ｐゴシック';
	font-weight: bold;
	background-color:yellow;
	cursor:hand;
	margin-bottom:10px;
}

table.list caption {
  color:blue;
  text-align:left;
  font-weight:bold;
}

table.relationship {
  border-collapse: collapse;
}
table.relationship td {
  vertical-align:middle;
  padding: 0px;
}
table.relationship div.simpleEntity {
  border:solid 2px black;
  background-color:white;
  height:5em;
  width:10ex;
  padding: 0px;
  font-family: 'ＭＳ Ｐゴシック';
  text-align: center;
  display:inline-block;
}
table.relationship table {
  border:solid 2px black;
  background-color:white;
  height:7em;
  width:18ex;
  border-collapse: collapse;
  padding: 0px;
}
table.relationship table caption {
  text-align: left;
}

table.relationship table tr td {
  margin: 0px;
  padding: 0px;
  line-height:100%;
  font-family: 'ＭＳ Ｐゴシック';
  font-size: 9pt;
  letter-spacing: -1px;
  text-align: center;
}
table.relationship table.entity {
  width:19ex;
}
/*
table.relationship table tr td:not([contenteditable]):last-child {
  border-top: solid 1px black;
}
*/
table.relationship table.entity tr td.lastKey,
table.relationship div.dependentEntity table tr td.lastKey {
  border-bottom: solid 1px black;
}

table.relationship div.box {
  height:24px;
  width:33px;
  border:solid 1px black;
  background-color: white;
  font-size:1px;
}
table.relationship hr {
  border:solid 1px black;
  box-shadow: 0px 1px 1px 0px gray;
}
table.relationship div.v {
  border-right:solid 1px darkgray;
  margin-left:12px;
  height:30px;
  width:2px;
  background-color:black;
}
table.relationship div.boxV {
  height:33px;
  width:24px;
  border:solid 1px black;
  background-color: white;
  font-size:1px;
}
table.relationship tr td > img {
  margin-top:5px;
}
table.relationship tr td div.dependentEntity {
  border-style:solid;
  border-width:2px;
  border-radius:10px/10px;
  padding:0px;
  background-color:white;
}
table.relationship div.dependentEntity table {
  border:0px;
  margin:0px;
  background-color:transparent;
}
  
td[contenteditable] {
  color:blue;
}
  
div.relationshipParts {
  border:solid 3px blue;border-radius:30px/15px;
  background-color: white;
  padding:5px 10px;
}
div.relationshipParts > table {
  width:600px;
  border-collapse:collapse;
  padding:0px;
}

div.relationshipParts > table caption {
  text-align:left;
}

div.relationshipParts > table td:nth-child(1) {
  line-height:80%;
  width:40px;
  font-size:1px;
  padding:0px;
}

div.relationshipParts > table td:nth-child(2) {
  width:80px;
  vertical-align:middle;
}

table.ro tr td {
  background-color: #F4F4F4;
}

span.clickable, h4[onclick] {
  cursor: pointer;
}