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

/*******************************************************************/
/*                                                            LINK */
/*******************************************************************/
.news a:link,
.news a:visited,
.news a:active {
	color: #fff;
	text-decoration: none;
	}
	
.news a:hover {
	text-decoration: underline;
	}
	
/*******************************************************************/
/*                                                       Wrapper */
/*******************************************************************/
#wrapper {
	background: url(../../img/top/background.jpg) repeat-x 0px 0px;
	}
	
/*******************************************************************/
/*                                                              H1 */
/*******************************************************************/
#container #logo {
	width: 880px;
	margin: 0px auto;
	text-align: left;
	z-index: 1;
	position: absolute;
	top: 65px;
	padding-left: 50px;
	}
	/*	IE6 Except 	*/
	#container > #logo {
		width: 830px;
		}
		
	#logo h1 {
		width: 126px;
		height: 126px;
		}
		
/*******************************************************************/
/*                                                       Globalnav */
/*******************************************************************/
#globalnav {
	top: 360px;
	}
	
/*******************************************************************/
/*                                                     Informaiton */
/*******************************************************************/
.informaiton {
	float: left;
	padding: 4px 0px 10px 10px;
	}
	
/*	news
===================================================================*/
.informaiton .news {
	background: url(../../img/top/plan-bg.gif) repeat 0px 0px;
	width: 500px;
	padding: 10px;
	margin-bottom: 10px;
	}
	
	.news-ttl {
		background: url(../../img/top/news.jpg) no-repeat 0px 0px;
		width: 500px;
		height: 40px;
		margin-bottom: 2px;
		}
		
		.news-ttl h2 {
			float: left;
			width: 370px;
			text-indent: -9999px;
			}
			
		.news-ttl a {
			float: left;
			background: url(../../img/top/news-list.gif) no-repeat 0px 0px;
			width: 120px;
			height: 20px;
			display: block;
			text-indent: -9999px;
			margin-top: 10px;
			overflow: hidden;
			}
			
			.news-ttl a:hover {
				background-position: 0px -20px;
				}
				
	.news ul {
		list-style: none;
		width: 500px;
		}
		
		.news ul li {
			background: url(../../img/top/line.jpg) repeat-x left bottom;
			padding: 10px 0px 10px 5px;
			}
			
			.news ul li span {
				background: url(../../img/top/icon.jpg) no-repeat 0px 3px;
				padding: 0px 15px;
				color: #fff;
				}
				
/*	banner
===================================================================*/
#banner {
	background: url(../../img/top/plan-bg.gif) repeat 0px 0px;
	margin-bottom: 10px;
	}
	
/*	plan
===================================================================*/
.informaiton .plan {
	background: url(../../img/top/plan-bg.gif) repeat 0px 0px;
	padding: 3px 5px 10px 5px;
	width: 520px;
	}
	/*	IE6 Except 	*/
	.informaiton > .plan {
		width: 510px;
		}
		
	.plan dl {
		background: url(../../img/top/planttl-bg.jpg) no-repeat 140px 0px;
		margin-right: 5px;
		padding: 7px 0px 0px 5px;
		}
		.plan dl dt {
			float: left;
			width: 135px;
			}
			
		.plan dl.press dd {
			float: right;
			width: 360px;
			}
			
			.plan dl dd img.ttl {
				margin-bottom: 6px;
				}
				
			.plan dl dd img.link {
				margin-bottom: 10px;
				}
				
/*******************************************************************/
/*                                                            Link */
/*******************************************************************/
#B_link {
	float: right;
	width: 250px;
	}
	
ul.link {
	list-style: none;
	padding-top: 4px;
	}
	
		ul.link li a {
			width: 250px;
			height: 100px;
			text-indent: -9999px;
			display: block;
			}
			
		ul.link li a.reservation {
			background: url(../../img/top/link.jpg) no-repeat 0px 0px;
			}
			
			ul.link li a.reservation:hover {
				background-position: -250px 0px;
				}
				
		ul.link li a.takechiyo {
			background: url(../../img/top/link.jpg) no-repeat 0px -100px;
			}
			
			ul.link li a.takechiyo:hover {
				background-position: -250px -100px;
				}
				
		ul.link li a.himeragi {
			background: url(../../img/top/link.jpg) no-repeat 0px -200px;
			}
			
			ul.link li a.himeragi:hover {
				background-position: -250px -200px;
				}
				
/*******************************************************************/
/*                                                          Banner */
/*******************************************************************/
#link_banner {
	background: #27201B;
	width: 800px;
	padding-bottom: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
	}
	
	#link_banner ul {
		list-style: none;
		padding: 0px 10px;
		}
		
		#link_banner ul li {
			float: left;
			width: 250px;
			margin-right: 15px;
			}
			
		#link_banner ul li.bridal {
			margin-right: 0px;
			}
			
			#link_banner ul li a {
				width: 250px;
				height: 100px;
				text-indent: -9999px;
				display: block;
				}
				
			#link_banner ul li.takechiyo a {
				background: url(../../img/top/link.jpg) no-repeat 0px -100px;
				}
				
				ul.link li.takechiyo a:hover {
					background-position: -250px -100px;
					}
					
			#link_banner ul li.himeragi a {
				background: url(../../img/top/link.jpg) no-repeat 0px -200px;
				}
				
				ul.link li.himeragi a:hover {
					background-position: -250px -200px;
					}
					
/*******************************************************************/
/*                                                            Room */
/*******************************************************************/
#room {
	background: url(../../img/top/bg_room.gif) repeat-y 0px 0px;
	}
	
#room h2.ttl {
	background: url(../../img/top/ttl_room.jpg) no-repeat 0px 0px;
	width: 250px;
	height: 35px;
	text-indent: -9999px;
	}
	
#room #frmplanseek {
	background: url(../../img/top/bt_room.gif) no-repeat left bottom;
	padding: 0px 5px 10px 5px;
	}
	
	#room h3.day {
		background: url(../../img/top/t_day.jpg) no-repeat 0px 0px;
		width: 240px;
		height: 28px;
		text-indent: -9999px;
		}
		
	#room h3.people {
		background: url(../../img/top/t_people.jpg) no-repeat 0px 0px;
		width: 240px;
		height: 28px;
		text-indent: -9999px;
		}
		
.booking_date {
	padding: 10px 20px;
	line-height: 160%;
	}
	
.searchtypearea {
	background: url(../../img/top/line01.gif) no-repeat center top;
	padding: 5px 15px;
	}
	
.input_btn {
	background: url(../../img/top/line01.gif) no-repeat center top;
	text-align: center;
	padding: 5px 0px;
	}
	
input.button {
	width: 120px;
	margin: 0px auto;
	}
	
.qr_code {
	background: url(../../img/top/line01.gif) no-repeat center top;
	padding: 10px 0px 5px 0px;
	text-align: center;
	}