@charset "utf-8";
/* CSS Document */
@import "sub.css";

#reseach #mechanic_class{
display:block;
position:relative;
width:770px;
height:617px;
background:url(../img/img_reseach_survey.jpg) no-repeat 0 0;
}
#reseach #mechanic_class ul li{
display:block;
position:absolute;
padding:2px 5px;
background:url(../cmn/bck_illust_title.png) repeat;
}
#reseach #mechanic_class ul li.category1{
top:74px;
left:8px;
z-index:1500;
}
#reseach #mechanic_class ul li.category2{
top:100px;
left:226px;
z-index:1400;
}
#reseach #mechanic_class ul li.category3{
top:265px;
left:178px;
z-index:1300;
}
#reseach #mechanic_class ul li.category4{
top:244px;
left:354px;
z-index:1200;
}
#reseach #mechanic_class ul li.category5{
top:226px;
left:546px;
z-index:1100;
}
#reseach #mechanic_class ul li.category6{
top:290px;
left:611px;
z-index:1000;
}
#reseach #mechanic_class ul li.category7{
top:326px;
left:91px;
z-index:900;
}
#reseach #mechanic_class ul li.category8{
top:333px;
left:576px;
z-index:800;
}
#reseach #mechanic_class ul li.category9{
top:384px;
left:599px;
z-index:700;
}
#reseach #mechanic_class ul li.category10{
top:474px;
left:89px;
z-index:600;
}
#reseach #mechanic_class ul li.category11{
top:482px;
left:259px;
z-index:500;
}
#reseach #mechanic_class ul li.category12{
top:481px;
left:531px;
z-index:400;
}
/*#reseach #mechanic_class ul li.category13{
top:523px;
left:295px;
z-index:300;
}
#reseach #mechanic_class ul li.category14{
top:531px;
left:679px;
z-index:200;
}*/
#reseach #mechanic_class ul li a,
#reseach #mechanic_class ul li a:visited{
color:#000;
text-decoration:none;
}
#reseach #mechanic_class ul li a{
display:block;
z-index:100;
}
#reseach #mechanic_class ul li a span{
display:block;
position:absolute;
top:30px;
left:-10px;
width:250px;
height:auto;
padding:5px;
visibility:hidden;
border:solid 1px #6fba2c;
background:url(../cmn/bck_illust_content.png) repeat;
color:#333;
z-index:2000;
}
#reseach #mechanic_class ul li.category11 a span{
width:450px;
}
#reseach #mechanic_class ul li a:hover,
#reseach #mechanic_class ul li a:hover span{
visibility:visible;
}
