@charset "shift-jis";
/*
=====================================================================
*
*    HeartSection
*
* =================================================================== 
*/


#HeartSection{
	padding-top: 15px;
	padding-bottom: 20px;
}

#HeartSection .prevNext{
	display: none;
}


	#HeartSection .infoBlock{
	
	}
	
	/*---- Map Block ----*/
	#HeartSection .mapBlock{
		width: 800px;
		margin-bottom: 70px;
	}
	
		#HeartSection .mapBlock	.map{
			width: 800px;
			height: 480px;
			margin-bottom: 20px;
			background: #EEEEEE;
		}
		
		
		
		#HeartSection .mapBlock .menu{
			width: 800px;
		}
		
		
			#HeartSection .mapBlock .menu .menuBox{
				float: left;
			}	
			
			#MapMenu01{}
			#MapMenu02{}
			#MapMenu03{}
			#MapMenu04{}
			#MapMenu05{}
			#MapMenu06{}
			
			#HeartSection .mapBlock .menu .menuBox li{
				display:  block;
				padding-bottom: 3px;
			}			
				
				#MapMenu01 li{
					width: 132px;
				}
				
				#MapMenu02 li{
					width: 152px;
				}
				
				#MapMenu03 li{
					width: 172px;
				}
				
				#MapMenu04 li{
					width: 122px;
				}
				
				#MapMenu05 li{
					width: 132px;
				}
				
				#MapMenu06 li{
					width: 90px;
				}
				
	
	/*---- ContentBlock ----*/
	#HeartSection .contentBlock{
		width: 800px;
		
	}
	
		/* heart spot */
		#HeartSection .areaBox{
			width: 100%;
			margin-bottom: 40px;
		}
			
			#HeartSection .areaBox .areaTitle{
				width: 100%;
				height: 30px;
				margin-bottom: 20px;
			}
			
			
			#HeartSection .areaBox .heartSpot{
				width: 100%;
				margin-bottom: 40px;
				
			}
			#HeartSection .areaBox .heartSpot.last{
				margin-bottom: 0px;
			}
			
				#HeartSection .heartSpot .spec{
					float: left;
					width: 370px;
				
				}
				
					#HeartSection .heartSpot .spotTitle{
						width: 100%;
						margin-bottom: 10px;
					}
					
					
					#HeartSection .heartSpot .imageList{
						float: right;
						width: 405px;
						
					}
	
	
	


#HeartPagenum{
	position: absolute;
	width: 90px;
	height: 55px;
	margin-left: 435px;
	margin-top: -42px;
}