@charset "utf-8";


/*---------------------------------------------------* experience *--------------------------------------------------*/

#experience {
	margin-top: 30px;
}

#experience #experienceMenu {
	border-bottom: 4px solid #dc676a;
}

#experience #experienceMenu li {
	margin-right: 2px;
	display: inline;
}

#experience .experienceArea {
	padding: 21px 17px;
	border: 1px solid #ccc;
	border-top: 0;
}

#experience .experienceArea h2 {
	margin-top: 0;
}

#experience .experienceArea p {
	margin-left: 30px;
}

#experience #facetype .experienceList {
	margin-top: 20px;
	background: url(../img/experience_bg01.gif) no-repeat;
	width: 654px;
	height: 666px;
	position: relative;
}

#experience #bodytype .experienceList {
	margin-top: 20px;
	background: url(../img/experience_bg02.gif) no-repeat;
	width: 654px;
	height: 460px;
	position: relative;
}

#experience .experienceList li {
	padding: 1px;
	background: #fff;
	border: 1px solid #cfcfcf;
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
}

#experience .experienceList li a span {
	display: none;
	position:absolute;
	top: -75px;
	left: 26px;
	width: 196px;
	height: 83px;
}

#experience .experienceList li a:hover span {
	display: block;
	filter:alpha(opacity:100);
}

* html #experience .experienceList li a:hover span img {
behavior: expression(
this.style.filter = this.src.match(/\.png$/) ? "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "')" : this.style.filter,
this.src = this.src.match(/\.png$/) ? this.src.slice(0, this.src.lastIndexOf("/")+1) + "s.gif" : this.src,
this.style.behavior = "none"
);
}

#facetype .experienceList li#list01 {
	top: 153px;
	left: 363px;	
}

#facetype .experienceList li#list02 {
	top: 153px;
	left: 423px;	
}

#facetype .experienceList li#list03 {
	top: 153px;
	left: 480px;	
}

#facetype .experienceList li#list04 {
	top: 205px;
	left: 92px;	
}

#facetype .experienceList li#list05 {
	top: 205px;
	left: 302px;	
}

#facetype .experienceList li#list06 {
	top: 205px;
	left: 363px;	
}

#facetype .experienceList li#list07 {
	top: 205px;
	left: 423px;	
}

#facetype .experienceList li#list08 {
	top: 205px;
	left: 480px;	
}

#facetype .experienceList li#list09 {
	top: 257px;
	left: 40px;	
}

#facetype .experienceList li#list10 {
	top: 257px;
	left: 92px;	
}

#facetype .experienceList li#list11 {
	top: 257px;
	left: 363px;	
}

#facetype .experienceList li#list12 {
	top: 257px;
	left: 423px;	
}

#facetype .experienceList li#list13 {
	top: 309px;
	left: 423px;	
}

#facetype .experienceList li#list14 {
	top: 309px;
	left: 480px;	
}

#facetype .experienceList li#list15 {
	top: 361px;
	left: 143px;	
}

#facetype .experienceList li#list16 {
	top: 361px;
	left: 480px;	
}

#facetype .experienceList li#list17 {
	top: 413px;
	left: 143px;	
}

#facetype .experienceList li#list18 {
	top: 413px;
	left: 240px;	
}

#facetype .experienceList li#list19 {
	top: 413px;
	left: 363px;	
}

#facetype .experienceList li#list20 {
	top: 413px;
	left: 480px;	
}

#facetype .experienceList li#list21 {
	top: 465px;
	left: 143px;	
}

#facetype .experienceList li#list22 {
	top: 465px;
	left: 363px;	
}

#facetype .experienceList li#list23 {
	top: 465px;
	left: 423px;	
}

#facetype .experienceList li#list24 {
	top: 465px;
	left: 536px;	
}

#facetype .experienceList li#list25 {
	top: 413px;
	left: 423px;	
}

#facetype .experienceList li#list26 {
	top: 153px;
	left: 302px;	
}

#facetype .experienceList li#list27 {
	top: 153px;
	left: 195px;
}

#facetype .experienceList li#list28 {
	top: 465px;
	left: 195px;	
}

#facetype .experienceList li#list30 {
	top: 101px;
	left: 423px;	
}

#facetype .experienceList li#list31 {
	top: 257px;
	left: 480px;	
}

#facetype .experienceList li#list32 {
	top: 361px;
	left: 536px;	
}

#facetype .experienceList li#list33 {
	top: 413px;
	left: 536px;	
}

#facetype .experienceList li#list34 {
	top: 257px;
	left: 536px;	
}

#facetype .experienceList li#list35 {
	top: 361px;
	left: 423px;
}

#facetype .experienceList li#list36 {
	top: 257px;
	left: 302px;
}

#facetype .experienceList li#list37 {
	top: 465px;
	left: 480px;
}

#facetype .experienceList li#list38 {
	top: 205px;
	left: 195px;
}




#bodytype .experienceList li#list01 {
	top: 75px;
	left: 363px;	
}

#bodytype .experienceList li#list02 {
	top: 75px;
	left: 421px;	
}

#bodytype .experienceList li#list03 {
	top: 75px;
	left: 481px;	
}

#bodytype .experienceList li#list04 {
	top: 75px;
	left: 540px;	
}

#bodytype .experienceList li#list05 {
	top: 128px;
	left: 141px;	
}

#bodytype .experienceList li#list06 {
	top: 128px;
	left: 240px;	
}

#bodytype .experienceList li#list07 {
	top: 128px;
	left: 362px;	
}

#bodytype .experienceList li#list08 {
	top: 181px;
	left: 481px;	
}

#bodytype .experienceList li#list09 {
	top: 300px;
	left: 362px;	
}

#bodytype .experienceList li#list10 {
	top: 203px;
	left: 240px;	
}

#bodytype .experienceList li#list11 {
	top: 300px;
	left: 196px;	
}

#bodytype .experienceList li#list12 {
	top: 128px;
	left: 481px;	
}

#bodytype .experienceList li#list13 {
	top: 300px;
	left: 421px;	
}