<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

/**** 全体 **************************************************/

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -500px;
left: 50px; /*position where enlarged image should offset horizontally */

}

/**** CD_info **************************************************/

.cd_info_thumbnail{
position: relative;
z-index: 0;
}

.cd_info_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.cd_info_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.cd_info_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.cd_info_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: 50px; /*position where enlarged image should offset horizontally */

}

/**** 軌跡 **************************************************/

.kiseki_thumbnail{
position: relative;
z-index: 0;
}

.kiseki_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.kiseki_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.kiseki_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.kiseki_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: 50px; /*position where enlarged image should offset horizontally */

}

/**** 阿部由輝子 **************************************************/

.abe_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.abe_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.abe_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.abe_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.abe_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -450px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** 珠涼 **************************************************/

.syuri_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.syuri_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.syuri_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.syuri_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.syuri_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -450px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** 靖英 **************************************************/

.yasuhide_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.yasuhide_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.yasuhide_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.yasuhide_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.yasuhide_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -400px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** 晋平 **************************************************/

.sakiyama_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.sakiyama_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.sakiyama_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.sakiyama_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.sakiyama_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -450px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** 後藤敦 **************************************************/

.goto_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.goto_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.goto_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.goto_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.goto_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -400px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** yukari **************************************************/

.yukari_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.yukari_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.yukari_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.yukari_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.yukari_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -400px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** シンタロウ **************************************************/

.shintaro_thumbnail{
/*position: relative;*/
position: relative;
z-index: 0;
font-size:12px;
}

.shintaro_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.shintaro_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.shintaro_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.shintaro_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
position: absolute ;
top: -400px;
left: 0px;
/*position where enlarged image should offset horizontally */

}

/**** Photo1 **************************************************/

.photo1_thumbnail{
position: relative;
z-index: 0;
}

.photo1_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo1_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo1_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo1_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: 60px; /*position where enlarged image should offset horizontally */
}

/**** Photo2 **************************************************/

.photo2_thumbnail{
position: relative;
z-index: 0;
}

.photo2_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo2_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo2_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo2_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -45px; /*position where enlarged image should offset horizontally */
}

/**** Photo3 **************************************************/

.photo3_thumbnail{
position: relative;
z-index: 0;
}

.photo3_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo3_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo3_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo3_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -150px; /*position where enlarged image should offset horizontally */
}

/**** Photo4 **************************************************/

.photo4_thumbnail{
position: relative;
z-index: 0;
}

.photo4_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo4_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo4_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo4_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -255px; /*position where enlarged image should offset horizontally */
}

/**** Photo5 **************************************************/

.photo5_thumbnail{
position: relative;
z-index: 0;
}

.photo5_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo5_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo5_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo5_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -360px; /*position where enlarged image should offset horizontally */
}


/**** Photo6 **************************************************/

.photo6_thumbnail{
position: relative;
z-index: 0;
}

.photo6_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo6_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo6_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo6_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -400px;
left: -465px; /*position where enlarged image should offset horizontally */
}

/**** Photo7 **************************************************/

.photo7_thumbnail{
position: relative;
z-index: 0;
}

.photo7_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo7_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo7_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo7_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -475px;
left: 60px; /*position where enlarged image should offset horizontally */
}

/**** Photo8 **************************************************/

.photo8_thumbnail{
position: relative;
z-index: 0;
}

.photo8_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo8_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo8_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo8_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -475px;
left: -45px; /*position where enlarged image should offset horizontally */
}

/**** Photo9 **************************************************/

.photo9_thumbnail{
position: relative;
z-index: 0;
}

.photo9_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo9_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo9_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo9_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -475px;
left: -150px; /*position where enlarged image should offset horizontally */
}

/**** Photo10 **************************************************/

.photo10_thumbnail{
position: relative;
z-index: 0;
}

.photo10_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo10_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo10_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo10_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -475px;
left: -255px; /*position where enlarged image should offset horizontally */
}

/**** Photo11 **************************************************/

.photo11_thumbnail{
position: relative;
z-index: 0;
}

.photo11_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo11_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo11_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo11_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -475px;
left: -360px; /*position where enlarged image should offset horizontally */
}

/**** Photo12**************************************************/

.photo12_thumbnail{
position: relative;
z-index: 0;
}

.photo12_thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.photo12_thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #ffffff;
padding: 5px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.photo12_thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.photo12_thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -475px;
left: -465px; /*position where enlarged image should offset horizontally */
}

</style>




