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

@import "../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	contents
/*-----------------------------------------------------------------------*/

#travel h2 {
	margin-bottom:10px;
}

#travel #key {
	margin-bottom:10px;
	background:url(../img/index/key/bg.gif) no-repeat center bottom;
}

#travel #key h3 {
	margin-bottom:5px;
}
	
	#travel #key dl {
		padding:0 0 20px 0;
		float:left;
		width:330px;
	}
			
			#travel #key dl.first {
				padding-left:55px;
				width:280px;	
			}
			
	#travel #key dl dt {
		margin-bottom:5px;
	}
	
	#travel #key dl dd {
		padding-left:10px;
	}
	
		#travel #key dl dd a:link {
			padding-bottom:3px;
			font-size:116%;
			background:url(../img/index/key/line.gif) repeat-x left bottom;
		}

#travel #map {
	margin-bottom:10px;
}
		
	#travel #area {}
	
		#travel #area .box {
			margin-bottom:40px;
			padding:20px 20px 20px 20px;
			clear:both;
			background:#fff;
		}
		
			#travel #area .box .title {
				margin-bottom:15px;
				padding:0 0 0 45px;
				border:#F8575C 1px solid;
			}
		
			#travel #area .box .title h4 {
				padding:5px 0 0 15px;
				float:left;
				width:100%;
				color:#F8575C;
				line-height:1.1;
				font-size:183%;
				font-weight:bold;
				letter-spacing:-0.1em;
				}
				
				#travel #area .box .title h4 span {
					display:block;
					color:#3e3d3c;						
					font-size:44%;
					font-weight:normal;
					letter-spacing:0.2em;
				}
				
			#travel #area .box .title .guide {
				margin-left:-1px;
				padding:2px 0 3px 15px;
				float:left;
			}
			
				#travel #area .box .title .guide p {
					display:inline;
				}

				#travel #area .box .title .guide li {
					padding-left:20px;
					display:inline;
					font-size:125%;
					font-weight:bold;
					letter-spacing:-0.05em;
					line-height:1.2;
					zoom:1;
				}
				#travel #area .box .title .guide ul.new_contents{
					margin-top: 5px;
				}
				#travel #area .box .title .guide ul.new_contents li{
					padding-left:0px;
					display:block;
					font-size:100%;
					font-weight:bold;
					letter-spacing:0em;
					line-height:1.8;
					zoom:1;
				}
				#travel #area .box .title .guide ul.new_contents li span{
					font-size: 100%;
					color:#F8575C;
					padding: 2px;
					border-radius: 2px;
				}
					#travel #area .box .title .guide li span {
						font-size:68%;
					}
					
					#travel #area .box .title .guide li.open {
						background:url(../img/index/area/ico/open.gif) no-repeat left center;
					}
					
					#travel #area .box .title .guide li.holiday {
						background:url(../img/index/area/ico/holiday.gif) no-repeat left center;
					}
					
					#travel #area .box .title .guide li.tel {
						background:url(../img/index/area/ico/tel.gif) no-repeat left center;
					}
						
			#travel #area .box .gallery {
				float:left;
				width:395px;
			}
			
				#travel #area .box .gallery ul {
				}
					
					#travel #area .box .gallery ul.img {
						height:260px;
					}
				
					#travel #area .box .gallery ul.thumb {
						left:308px;
					}
				
					#travel #area .box .gallery ul.thumb img {
						object-fit: cover;
					}
					
						#travel .box .gallery ul.thumb li {
							margin-top:8px;
						}
													
							#travel #area .box .gallery ul.thumb li.hover {
								border:#F8575C 1px solid;
							}
							
							#travel #area .box .gallery ul.thumb li {
								border:#fff 1px solid;
							}


			#travel #area .box .info {
				float:right;
				width:240px;
			}

				#travel #area .box .info ul {
					margin-top:5px;
					padding-left:1em;
				}
				
					#travel #area .box .info ul li {
						text-indent:-1em;
					}
		
			#travel #area .gourmet .title {			
				background:url(../img/index/area/ico/gourmet.gif) no-repeat left top;
			}
						
			#travel #area .shop .title {			
				background:url(../img/index/area/ico/shop.gif) no-repeat left top;
			}	
			
			#travel #area .hotel .title {			
				background:url(../img/index/area/ico/hotel.gif) no-repeat left top;
			}	
			
			
			
				#travel #area #shop010 {
					margin-bottom:0;
				}
				
					#travel #area #shop007 .title h4 {
						padding-top:0.5em;
					}
				
					#travel #area #shop010 .title .guide li {
						letter-spacing:-0.09em;
					}

					#travel #area #shop002 .title h4 span {
						padding-left:11.5em;
					}