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


#contents h3{
	margin:0 17px 10px;
}

table.table-01 td {
	vertical-align: middle;
	}
	
table.table-01 td.t-center{
	text-align: center;
	}	

.balloonoya {
  position   : relative;                /* 指定した分だけ相対的に移動 */
}
.balloonoya:hover .balloon {
  display: inline;                /* インライン要素として表示 */
}
.balloon {
  position   : absolute;                /* 親要素を基準 */
  display: none;                        /* 要素を非表示 */
  padding: 5px;                         /* テキストの前後の余白 */
  border-radius: 5px;                   /* 角の丸み */ 
  background-color: #ff7f7f;       /* 背景色（透明度） */
  /*width:180px;                          /* 吹き出し全体の幅 */
  /*max-width: -webkit-calc(100% - 80px);
  max-width: calc(100% -/ 80px);*/
  left : 40%;                          /* 表示位置 */
  top: 45%;                                /* 縦位置 */
  font-size: 100%;                       /* 文字サイズ */
}
.balloon:after{
  border-right: 12px solid #ff7f7f;  /* 吹き出し口の幅・色 */
  border-top: 7px solid transparent;     /* 吹き出し口の高さ１／２ */
  border-bottom: 7px solid transparent;  /* 吹き出し口の高さ１／２ */
  left: -12px;                            /* 吹き出し口の位置調整 */
  top: 15%;                                /* 吹き出し口の縦位置 */
  content: "";                       /* コンテンツの挿入 */
  position: absolute;                /* 親要素を基準 */
}