@charset "UTF-8";
/* CSS Document */

.works{
    max-width: 700px;
	width: 100%;
	font-family:  "������", YuMincho, "�q���M�m���� ProN W3", "Hiragino Mincho ProN", "HG����E", "�l�r �o����", "�l�r ����", serif;
	color: #000000;
   margin-top:120px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
  
	}



	.textname{
		text-align:center;
		font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		font-size: 13pt;
		color: #000000;
		text-decoration: none;
		margin: 1em 0px;   /* �㉺��1em�E���E��0px */
  
	}

.example {/*親div*/
  position: relative;/*相対配置*/

  }

.title {
width:200px;
  position: absolute;/*絶対配置*/
  text-align:center;
  color:rgb(18, 18, 18);
  top: 10%;
  /*text-shadow: 1px 2px 3px #808080; */
  left: 1.5%;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 14px;
  text-decoration: none;
  border-radius: 20px; /* ボックスの四つ角を丸くする */
  background:rgba(255, 255, 255, 0.8);
  }

  .title-s{
    position: absolute;/*絶対配置*/
  color:rgba(10,10,10,1.00);
 top:2%;
  left: 1.5%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 13px;
  text-decoration: none;
	margin: 0.5em 0px;   /* 上下に1em・左右に0px */
	background-color: rgba(255,255,255,0.2);


  }


  .alpha a:hover img {
  opacity: 0.7;   /*透明度*/
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}