body{margin:1 auto;background-color:#ffffff;font-size:12pt;}
#del{text-align:right;font-size:10pt;font-color:#dddddd;}
#name{text-align:left;font-size:11pt;color:#555555;background-color:#dddddd;width:100%;padding:2px 2px 2px 2px;}
#cont{width:750px;margin:0 auto;padding:10px 10px 10px 10px;background-color:#ffffff;}
table{background-color:#999999; font-size:15pt; color:blue; font-weight:bold;}
td{background-color:#ffffcc;}
#midasi{background-color:#20B2AA;color:#ffffff;font-weight:bold;}
#count{text-align:center;}
h2{color:blue;}
#com1{background-color:#ccffcc;padding:5px 5px 5px 5px;}
#toptitle{color:blue;font-size:20pt;}
#t_title{color:#ffffff;background-color:#009900;padding:2px 2px 2px 2px;font-size:15pt;font-weight:bold;}
#p_main{color:#ffffff;background-color:#006400;padding:5px 2px;font-size:20pt;}
#i_main{color:#ffffff;background-color:#800000;padding:5px 2px;font-size:20pt;}
#log{background-color:#ffffff;padding:2px 2px 2px 2px;}
#page{text-align:right;}
#new{width:100%;padding:2px;background-color:#800000;color:#ffffff;}
#newcom{width:100%;padding:7px;background-color:#ffeeff;color:#000080;font-size:10pt;}
#mes{background-color:gold;font-weight:bold;padding:10px 10px 10px 10px;}
#manu{background-color:green;text-align:center;font-weight:bold;color:#ffffff;padding:5px 5px 5px 5px;}
#com{background-image:url(image/com.gif);background-size:100%;background-repeat:no-repeat;background-position:center center;text-align:center;font-weight:bold;color:deeppink;padding:5px 5px 5px 5px;}
#top{background-color:#E0F8F7;}
#page{text-align:center;font-size:30pt;color:#555555;background-color:#dddddd;width:50%;}
#pagebox{display:flex;}
#tkoumoku{color:blue;font-size:15pt;font-weight:bold;display:inline-block;}
input, select, textarea {
font-size:15pt;
}

.example {/*親div*/
  position: relative;
  }

.example p {
  position: absolute;
  color: blue;/*文字は白に*/
  font-weight: bold; /*太字に*/
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 0;
  left: 5;
  margin: 0; /*余計な隙間を除く*/
  }

.example img {
  width: 100%;
  }

.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 16pt;        /* 文字サイズ */
  font-weight   : bold;
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 7px 8px;   /* 余白       */
  background    : blue;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid blue;    /* 枠の指定 */
}
.button:hover {
  color         : blue;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}