/* ボタン表示 */
#map ol li a,
#special li a,
#occupation h2,
#map h2,
#keyword h2,
#direct h2,
#pickUp h2,
#bnr a,
#keyword p,
#searchNow,
#direct p{
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
}


#map ol li a span,
#special li a span,
#occupation h2 span,
#map h2 span,
#keyword h2 span,
#direct h2 span,
#pickUp h2 span,
#bnr a span,
#keyword p span,
#searchNow span,
#direct p span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}


/*map
--------------------------------------------------------------------------*/	
#map h2{
	height:31px;
	margin-bottom:10px;
}
#map h2 span{
	background:url(/img/2009/home/h_home.gif) no-repeat 0 -93px;
}
#map{
	margin-bottom:15px;
}
#map #area{
	width:460px;
	height:304px;
	background:url(/img/2009/home/bg_map.gif) no-repeat;
	float:right;
	position:relative;
}
#map #map ul{
	position:absolute;
	width:100px;
	height:108px;
	top:190px;
	left:340px;
}
#map #map ul li{
	background:url(/img/2009/common/icon/arrow_triangle.gif) no-repeat 0 50%;
	padding-left:10px;
}
#map ol{
	width:210px;
	float:left;
}
#map ol li a{
	height:52px;
}
#map ol li a span{
	background:url(/img/2009/home/btn_search.gif) no-repeat;
}
#map ol li#line a span{
	background-position:0 0;
}
#map ol li#line a span:hover{
	background-position:-210px 0;
}
#map ol li#skill a span{
	background-position:0 -52px;
}
#map ol li#skill a span:hover{
	background-position:-210px -52px;
}
#map ol li#industry a span{
	background-position:0 -104px;
}
#map ol li#industry a span:hover{
	background-position:-210px -104px;
}
#map ol li#feature a span{
	background-position:0 -156px;
}
#map ol li#feature a span:hover{
	background-position:-210px -156px;
}
#map ol li#color a span{
	background-position:0 -208px;
}
#map ol li#color a span:hover{
	background-position:-210px -208px;
}
#map ol li#favorite a span{
	background-position:0 -260px;
}
#map ol li#favorite a span:hover{
	background-position:-210px -260px;
}
#map ol li#age_serch a span{
	background-position:0 -312px;
}
#map ol li#age_serch a span:hover{
	background-position:-210px -312px;
}
#map ol li#area_chiiki a span{
	background-position:0 -364px;
}
#map ol li#area_chiiki a span:hover{
	background-position:-210px -364px;
}
#map ol li#salary a span{
	background-position:0 -416px;
}
#map ol li#salary a span:hover{
	background-position:-210px -416px;
}

/*map
--------------------------------------------------------------------------*/	
#main #mapPene {
	width:440px;
	height:274px;
	position:relative;
}
#main #mapPene div{
	position:absolute;
	z-index:1;
}
#mapBtn div.area {
	width: 64px;
	height: 10px;
	top:0;
}

#area1{
	top:47px;
	left:310px;
}
	
#area2{
	top:135px;
	right:13px;
}

#area3{
	right:0;
	top:203px;	
}
	
#area3 ul{
	padding-left:8px;
	width:120px;
}	
#area3 ul li{
	float:left;
	width:60px;
	padding:0 0 0 10px;
	margin:0;
}
#area3 ul li.rightLi,
#area8 ul li.rightLi{
	width:40px;
}	
	
		
#area4{
	top:148px;
	left:243px;
}
#area5{
	top:184px;
	left:244px;
}
#area6{
	top:188px;
	left:182px;
}
#area7{
	top:197px;
	left:80px;
}
#area7 ul{	
	width:105px;
	padding-left:8px;
}
#area7 ul li{
	float:left;
	width:42px;	
}
#area8{
	top:217px;
	left:5px;
	
}
#area8 ul {
	width:110px;
	padding-left:8px;
}
#area8 ul li{
	float:left;
	width:50px;	
}
#area9{
	top:80px;
	left:224px;
}

#mapBtn div a {
	display: block;
	width: 64px;
	border: 1px solid #ccc;
	border-bottom: 0;
	color: #777;
}
#mapBtn div a,
#mapBtn div.present a{
	text-indent:-9999px;
	border:none;
}
	
#main #mapPene #areamap{
	position:absolute;
}

ul.prefList{
	border:1px solid #CCCCCC;
	background:#F4F4F2;
	padding:5px;
}
ul.prefList li{
	background:url(/img/2009/common/icon/icon_arrow2.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	font-size:12px;	
}
	
.noBorder{
	border-right:none;
}