/* Style sheet for DARTS web page */

.contents {
  margin-left: 150px;
  margin-right: 100px;
}
.clear {
  clear: left;
}
.linedotgray {
  height: 0px;
  border-style: dotted;
  border-width: 1px 0 0 0;
  color: #909090;
}
.lang {
  text-align: right;
  margin: 0;
  padding: 0;
}
.margin_top_0px {
  margin-top: 0px;
}
.margin_top_10px {
  margin-top: 10px;
}
.margin_top_20px {
  margin-top: 20px;
}
.margin_top_30px {
  margin-top: 30px;
}
.margin_top_40px {
  margin-top: 40px;
}
.margin_top_50px {
  margin-top: 50px;
}
.margin_left_m20px {
  margin-left: -20px;
}
.margin_left_50px {
  margin-left: 50px;
}
.font_size_smaller {
  font-size: smaller;
}
/* colors */
.red { color: #ff0000; }
.green { color: #00ff00; }
.blue { color: #0000ff; }
.gray { color: #808080; }
.black { color: #000000; }
.white { color: #ffffff; }
.yellow { color: #ffff00; }

summary img,span {
  vertical-align: middle;
}
details div {
  padding-left: 50px;
}

table th {
  text-align: left;
}
table.stripe {
  background: aliceblue;
  border-collapse: collapse;
}
table.stripe tr:nth-child(even) th {
  background: #fff;
}
table.stripe tr:nth-child(even) td {
  background: #fff;
}

.container{
  display: flex;
}
.item {
  /*margin: 10px;*/
  margin-right: 10px;
}
.graybox {
    #  background: whitesmoke;
    margin-left: 10px;
    padding: 0px 10px 0px 40px;  /*上右下左*/
    border:double 7px #CCCFD6;
}
.mintbox {
    color: white;
#    background: #a6d3c8;  /*RGB=ffffff*/
#    background: #a6c3b8;  /*RGB=ffffff*/
#    background: #77c3df;
    background: #75b1cf;
    overflow-wrap: anywhere;
    padding: 10px;
}
.data_list_icon {
  background-color:black;
  color:white;
}
h3 {
    margin-top: 30px;
    padding: 0.1em 0.5em;/*上下 左右の余白*/
    border-left: solid 5px #7db4e6;/*左線*/
}
h4 {
    margin-top: 30px;
    padding: 0.1em 0.1em;/*上下 左右の余白*/
}
img {
 vertical-align: middle; 
}
li {
    margin-top: 20px;
}
/* ========================================================================= */