@charset "UTF-8";
/* CSS Document */

div#menu ul ul, 
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {
	display: block; 
}
 
#snail {
	display: none;
}

#thumbs {
	position: absolute;
	width: 688px;
	height: 122px;
	background: url(../images/illustration/ill_thumbs.jpg) left top no-repeat;
	left: 296px;
	top: 81px;
}

.thumbs {
	position: relative;
	top: 0px;
	float: left;
	display: block;
	text-decoration:none;
}

.images {
	position: relative;
	margin: 0px auto 0px auto;
	margin-top: 0px;
	padding: 0px;
	width: 417px;
	height: 462px;
}

#thumb_01  a{
	margin-top: 27px; margin-left: 15px; height: 65px; width:60px;  text-decoration:none;
	display:block;
}

#image1 {
	background: url(../images/illustration/ill_01.jpg) left top no-repeat; 
	width: 393px;
	height: 461px;
}

#thumb_02 a{
	margin-left: 5px; margin-top: 40px; width: 50px; height: 55px; text-decoration:none; display:block;
}	

#image2 {
	background: url(../images/illustration/ill_02.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_03 a{
	margin-left: 5px; margin-top: 35px; width: 51px; height: 51px; text-decoration:none; display:block;
}

#image3 {
	background: url(../images/illustration/ill_03.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_04 a{
	margin-left: 2px; margin-top: 49px; width: 55px; height: 55px; 
	text-decoration:none; display:block;
}

#image4 {
	background: url(../images/illustration/ill_04.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_05 a{
	margin-left: 2px; margin-top: 26px; width: 52px; height: 52px;
	text-decoration:none; display:block;
}

#image5 {
	background: url(../images/illustration/ill_05.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_06 a{
	margin-left: 3px; margin-top: 18px; width: 48px; height: 52px;
	text-decoration:none; display:block;
}

#image6 {
	background: url(../images/illustration/ill_06.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_07 a{
	margin-left: 0px; margin-top: 33px; width: 54px; height: 54px;
	text-decoration:none; display:block;
}

#image7 {
	background: url(../images/illustration/ill_07.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_08 a{
	margin-left: 2px; margin-top: 49px; width: 52px; height: 52px;
	text-decoration:none; display:block;
}

#image8 {
	background: url(../images/illustration/ill_08.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_09 a{
	margin-left: 5px; margin-top: 38px; width: 50px; height: 55px;
	text-decoration:none; display:block;
}

#image9 {
	background: url(../images/illustration/ill_09.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_10 a{
	margin-left: 5px; margin-top: 20px; width: 52px; height: 55px;
	text-decoration:none; display:block;
}

#image10 {
	background: url(../images/illustration/ill_10.jpg) left top no-repeat;
	width: 543px;
	height: 431px;
}

#thumb_11 a{
	margin-left: 0px; margin-top: 50px; width: 45px; height: 50px;
	text-decoration:none; display:block;
}

#image11 {
	background: url(../images/illustration/ill_11.jpg) left top no-repeat;
	width: 298px;
	height: 461px;
}

#thumb_12 a{
	margin-left: 10px; margin-top: 40px; width: 48px; height: 51px;
	text-decoration:none; display:block;
}

#image12 {
	background: url(../images/illustration/ill_12.jpg) left top no-repeat;
	width: 425px;
	height: 461px;
}