@charset "utf-8";
/* CSS Document */
@import "sub.css";

#constraction #mechanic_class{
display:block;
position:relative;
width:770px;
height:617px;
background:url(../img/img_constraction.jpg) no-repeat 0 0;
}
#constraction #mechanic_class ul li{
display:block;
position:absolute;
padding:2px 5px;
background:url(../cmn/bck_illust_title.png) repeat;
}
#constraction #mechanic_class ul li.category1{
top:63px;
left:431px;
z-index:900;
}
#constraction #mechanic_class ul li.category2{
top:179px;
left:313px;
z-index:800;
}
#constraction #mechanic_class ul li.category3{
top:182px;
left:439px;
z-index:700;
}
#constraction #mechanic_class ul li.category4{
top:223px;
left:78px;
z-index:600;
}
#constraction #mechanic_class ul li.category5{
top:212px;
left:256px;
z-index:600;
}
#constraction #mechanic_class ul li.category6{
top:253px;
left:373px;
z-index:500;
}
#constraction #mechanic_class ul li.category7{
top:472px;
left:100px;
z-index:500;
}
#constraction #mechanic_class ul li.category8{
top:510px;
left:100px;
z-index:400;
}
/*#constraction #mechanic_class ul li.category9{
top:560px;
left:635px;
z-index:300;
}*/
#constraction #mechanic_class ul li a,
#constraction #mechanic_class ul li a:visited{
color:#000;
text-decoration:none;
}
#constraction #mechanic_class ul li a{
display:block;
z-index:100;
}
#constraction #mechanic_class ul li a span{
display:block;
position:absolute;
top:30px;
left:-10px;
width:192px;
height:auto;
padding:5px;
visibility:hidden;
border:solid 1px #6fba2c;
background:url(../cmn/bck_illust_content.png) repeat;
color:#333;
z-index:1000;
}
#constraction #mechanic_class ul li a:hover,
#constraction #mechanic_class ul li a:hover span{
visibility:visible;
}