<STYLE type="text/css"><!--a{  color:grey;    text-decoration:none;}A:link {text-decoration:none ;color : #1A1A1A }A:visited {text-decoration:none ;color : #1A1A1A }A:hover {text-decoration:none ;color : #1A1A1A }A:active {text-decoration:none ;color : #1A1A1A }a.mail:link, a.mail:visited { color:#1A1A1A }a.mail:hover { color:#1A1A1A; }a.mail:active {color:#1A1A1A; }A { text-decoration: none; }A:hover {color:#1A1A1A; text-decoration:underline}.example {  position: relative;  }.example p {  position: absolute;  top: 22%;  left: 50%;  -ms-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);  margin:0;  padding:0;  color: white;/*文字を白に*/  font-family :游明朝,Yu Mincho, 游明朝体, YuMincho, ヒラギノ明朝 Pro W3, Quicksand, sans-serif;/*Font*/  font-size: 30px;  font-weight: bold; /*太字に*/  line-height: 1;/*行高は1に*/  padding: 5px 10px;/*文字周りの余白*/  }.example a {/*aタグを画像の真ん中に*/  position: absolute;  top: 75%;  left: 50%;  -ms-transform: translate(-50%,-50%);  -webkit-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);  /*以下装飾*/  margin:0;/*余計な隙間を除く*/  font-size: 20px;/*文字サイズ*/  border: solid white 1px; /*線で囲う*/  background: rgba(0, 0, 0, 0.5);/*背景を半透明に*/  padding: 15px;/*文字と線の間の余白*/  color: white;/*文字色*/  text-decoration: none;/*下線を表示させない*/  }.example a:hover{/*カーソルを当てたとき*/  background: rgba(255, 255, 255, 0.3);/*背景を半透明に*/   }.example img {  width: 100%;  }  --></STYLE>