table#koe_index {
	margin:auto;
 	width: 710px;
 	border: 1px #E3E3E3 solid;
 	border-collapse: collapse;
 	border-spacing: 0;
}

table#koe_index td {
  padding: 5px;
  border: 1px #E3E3E3 solid;
  border-width: 0px 0px 1px 1px;
  text-align: left;
}

/* 声１コメント */
.voice_box {
  border: 1px #E3E3E3 solid;
  margin:10px auto;
  padding:1em;
	/*overflow:hidden;*/
}

.oh{
	overflow:hidden;
}

.voice_box h3{
	font-weight:bold;
	margin-bottom:10px;
}

.voice_box p{
  margin-bottom:1em;
	/*overflow:hidden;*/
}

.voice_name {
  text-align:right;
}

.voice_box img{
	margin-left:1em;
}

/* img size animation ------------------ */
.size100to200 img{
	/*アニメーション指定*/
	-moz-transition-property: width, height;
	-webkit-transition-property: width, height;
	-o-transition-property: width, height;
	-ms-transition-property:  width, height;

	-moz-transition-duration:1s;
	-webkit-transition-duration:1s;
	-o-transition-duration:1s;
	-ms-transition-duration:1s;

		/* カーソルが、乗った時、出た時に実行 */
	-moz-transition-timing-function:ease-in-out;
	-webkit-transition-timing-function:ease-in-out;
	-o-transition-timing-function:ease-in-out;
	-ms-transition-timing-function:ease-in-out;
}
.size100to200 img:hover{
	width:200px;
	height:200px;
}

/* pop up view -------------------- */
.beaf_img abbr {
	cursor:help;
    font-style: normal;
    position: relative;
    top: 0;
    left: 0;
    }

.beaf_img span.remark {
    display: none;
    }

@keyframes fadein {  /* 名前の内容 name contents  先に宣言する*/
  from {	
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
				
.beaf_img abbr:hover>span.remark {
 display: block;
 position: absolute;
 top: 1em;
 left: -30px;
 margin: 0px;
 z-index: 20;
	
	/* css3 anime */
  animation-duration: 0.5s;
  animation-name: fadein; /* 使うアニメ設定 */
		animation-direction:alternate; /* 行って来いか、初めからか */
    }



/* backup ----------------------------- */
/* 声１コメント */
.voice_waku {
  border: 1px #E3E3E3 solid;
  margin:10px auto;
  padding:1em;
		overflow:hidden;
}

.voice_waku p{
  margin-bottom:1em;
}

/*20140526 ---------------------------*/
.koe_link{
	font-size:12px;
	color:#aaaaaa;
	text-align:center;

	}
.koe_link a:link{
	color:#444444;
	font-weight:bold;
	}
.koe_link a:hover{
	text-decoration:underline;
	color:#888888;
	}
.koe_link a:visited{
	color:#444444;
	}
.koe_link span{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#666666;
	}

.index_voice_box {
  border: 1px #E3E3E3 solid;
  margin:10px auto;
  padding:1em;
	/*overflow:hidden;*/
}

.index_voice_box h3{
	font-weight:bold;
	margin-bottom:10px;
}

.index_voice_box p{
  line-height:1.5;
	/*overflow:hidden;*/
}

.index_voice_box img{
	margin-left:1em;
margin-top:-6px;
}