* {margin: 0;padding: 0; /*全ての要素に働く*/
font-size:9px;}

img {	vertical-align: bottom;}

#block {
	position: relative;
	width: 200px;
	height: 175px;
	margin: -75px 0 0 10px;
}
.figure {
	position: absolute;
	z-index: 10;
}
.image {
	margin:15px 0 0 0;
}
.image img {
	opacity: 0.6;
}
.figure:hover .image img {
	opacity: 1;
	display: block;
	position: relative;
}

.hoverEffect {
	display: none;
}
.figure:hover + .hoverEffect {
	display: block;
}
.hoverEffect .effectLine {
	position: absolute;
	top: -70px;
	left: -70px;
	width: 300px;
	height: 300px;
	background: url() no-repeat;
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
}

@-webkit-keyframes onomatopoeiaAnime {
	0% { width: 200px; }
	100% { width: 150px; }
}
@-moz-keyframes onomatopoeiaAnime {
	0% { width: 250%; height: 100%; left: 105%; }
	100% { width: 280%; height: 130%; left: 100%; }
} 

#attention {
	margin: 50px 20px 0;
	font-size: 10px;
	color: #999;
}

.clear{clear:both;}





/*----------------------------------　片岡　誠　先生　---------------------------------------*/   
a#a001{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/kataoka_makoto.jpg"); /* 画像ファイル名 */
}
a#a001:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia01 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/kataoka_makoto_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}
/*----------------------------------　片岡　佑夏　先生　---------------------------------------*/   

a#a002{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/kataoka_yuka.jpg"); /* 画像ファイル名 */
}
a#a002:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia02 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/kataoka_yuka_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}


/*----------------------------------　國谷　和典　先生　---------------------------------------*/   

a#a003{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/kunitani_kazunori.jpg"); /* 画像ファイル名 */
}
a#a003:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia03 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/kunitani_kazunori_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　宮竹　悠佳　先生　---------------------------------------*/   

a#a004{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/miyatake_yuka.jpg"); /* 画像ファイル名 */
}
a#a004:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia04 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/miyatake_yuka_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　押尾　佳奈子　先生　---------------------------------------*/   

a#a005{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/oshio_kanako.jpg"); /* 画像ファイル名 */
}
a#a005:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia05 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/oshio_kanako_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　石塚　麻衣　先生　---------------------------------------*/   

a#a006{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/ishizuka_mai.jpg"); /* 画像ファイル名 */
}
a#a006:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia06 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/ishizuka_mai_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}
/*----------------------------------　川﨑　健史　先生　---------------------------------------*/   

a#a007{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/kawasaki_takeshi.jpg"); /* 画像ファイル名 */
}
a#a007:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia07 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/kawasaki_takeshi_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}
/*----------------------------------　松本　尚子　先生　---------------------------------------*/   

a#a008{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/matsumoto_naoko.jpg"); /* 画像ファイル名 */
}
a#a008:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia08 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/matsumoto_naoko_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　芦澤　雅人　先生　---------------------------------------*/   

a#a009{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/ashizawa_masato.jpg"); /* 画像ファイル名 */
}
a#a009:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia09 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/ashizawa_masato_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　小林　直美　先生　---------------------------------------*/   

a#a010{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/kobayashi_naomi.jpg"); /* 画像ファイル名 */
}
a#a010:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia10 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/kobayashi_naomi_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　吉川　遼　先生　---------------------------------------*/   

a#a011{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/yoshikawa_ryo.jpg"); /* 画像ファイル名 */
}
a#a011:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia11 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/yoshikawa_ryo_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　高野　純一先生　---------------------------------------*/   

a#a012{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/takano_junichi.jpg"); /* 画像ファイル名 */
}
a#a012:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia12 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/takano_junichi_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　福島　隆司先生　---------------------------------------*/   

a#a013{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/fukushima_ryuji.jpg"); /* 画像ファイル名 */
}
a#a013:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia13 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/fukushima_ryuji_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　小関　瑠美先生　---------------------------------------*/   

a#a014{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/koseki_rumi.jpg"); /* 画像ファイル名 */
}
a#a014:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia14 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/koseki_rumi_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　佐藤　浩司先生　---------------------------------------*/   

a#a015{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/sato_kouji.jpg"); /* 画像ファイル名 */
}
a#a015:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia15 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/sato_kouji_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　玉谷　純基先生　---------------------------------------*/   

a#a016{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/tamaya_junki.gif"); /* 画像ファイル名 */
}
a#a016:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia16 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/tamaya_junki_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　内藤　美由紀先生　---------------------------------------*/   

a#a017{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/naito_miyuki.jpg"); /* 画像ファイル名 */
}
a#a017:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia17 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/naito_miyuki_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}
/*----------------------------------　大山　義典先生　---------------------------------------*/   

a#a020{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/oyama_yoshinori.jpg"); /* 画像ファイル名 */
}
a#a020:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia20 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/oyama_yoshinori_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　高橋　イサオ先生　---------------------------------------*/   

a#a021{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/takahashi_isao.jpg"); /* 画像ファイル名 */
}
a#a021:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia21 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/takahashi_isao_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　渡邉　雅也先生　---------------------------------------*/   

a#a022{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/watanabe_masaya.jpg"); /* 画像ファイル名 */
}
a#a022:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia22 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/watanabe_masaya_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　中嶋　麻希先生　---------------------------------------*/   

a#a023{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/nakashima_maki.jpg"); /* 画像ファイル名 */
}
a#a023:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia23 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/nakashima_maki_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　坂上　涼子先生　---------------------------------------*/   

a#a024{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/sakaue_ryoko.jpg"); /* 画像ファイル名 */
}
a#a024:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia24 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/sakaue_ryoko_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　中村　大一先生　---------------------------------------*/   

a#a025{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/nakamura_hirokazu.jpg"); /* 画像ファイル名 */
}
a#a025:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia25 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/nakamura_hirokazu_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------　太田　悠紀先生　---------------------------------------*/   

a#a026{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/oota_yuki.jpg"); /* 画像ファイル名 */
}
a#a026:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia26 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/oota_yuki_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}
/*----------------------------------　太田　悠紀先生　---------------------------------------*/   

a#a027{
   display: block;
   width: 200px; /* 画像1枚分の横幅 */
   height: 220px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("img/kosaka_ryota.jpg"); /* 画像ファイル名 */
}
a#a027:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

.hoverEffect .onomatopoeia27 {
	position: absolute;
	top: 20px;
	left: 205px;
	width: 200px;
	height: 210px;
	background-size: 100% auto;
	background: url(img/kosaka_ryota_ms.png) no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-webkit-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
	-moz-animation: onomatopoeiaAnime 0.6s ease-in-out infinite alternate;
}

/*----------------------------------テーブルレイアウト---------------------------------------*/   

.table01{
width:422px;
border: solid 1px;
border-collapse:collapse;
border-spacing:0;
margin:0 30px 30px 0;
}

.table01 td{	border: solid 1px; padding:5px;}

.photo{		width:220px; height:240px;}

.profile{}

.profile01{	width:50px;}

.profile02{}

.profile{	float:left;}

.profile03{	height:37px;}

.comment{	width:400px;word-wrap:break-word;font-size: 11px; line-height: 15px}

.name{		font-size: 17px;}

.comment02{	font-size: 13px;font-weight: bold;}