@import "style_base.css";

/*FLASH------------------*/
div#swf_img {
	width: 720px;
	height: 400px;
	background: url(../top_img/flash1103.jpg) no-repeat 0 0;
	margin-left: 180px;
	margin-bottom: 7px;
}
div#swf_img p {
	text-align: center;
	font-size: 85%;
	padding-top: 180px;
}

/*main_top------------------*/
div#main_top {
	padding: 10px 15px 0;
	width: 870px;
}
div#main_left {
	float: left;
	width: 262px;
}
div#main_right {
	float: right;
	width: 585px;
}

/*topics------------------*/
div#topics {
	width: 574px;
	padding-bottom: 15px;
	margin-bottom: 25px;
	border-bottom: 1px solid #6f5926;
}
div#topics div {
	height: 20em;
	overflow-y: auto;
}
h2#topics_title {
	background: url(../top_img/topics_top.gif) 0 0;
	display: block;
	width: 574px;
	height: 33px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
div#topics p {
	width: 520px;
	font-size: 87%;
	padding: 5px;
	line-height: 140%;
}
div#topics p span {
	color: #9b823d;
}

/*top_banner------------------*/
div#top_banner {
	width: 585px;
	margin-bottom: 30px;
}
div#top_banner a {
	display: block;
	float: left;
	width: 287px;
	height: 152px;
}

/*banner------------------*/
div.right_banner {
	margin-bottom: 30px;
}
div.right_banner img {margin-left: 3px;}
div.left_banner {
	margin-bottom: 30px;
}
div.left_banner img {
	margin-bottom: 10px;
}
div.add {
	width: 262px;
	height: 125px;
	background: url(../top_img/add.gif) no-repeat;
	text-indent: -9999px;
}

/*おすすめ旅館------------------*/
h2.osusume_ryokan {
	font-weight: normal;
	font-family: "ヒラギノ明朝 Pro W3", "平成明朝","HG明朝E","HG明朝B","ＭＳ Ｐ明朝","MS Serif", Century, Times New Roman, serif;
	margin-bottom: 5px;
	font-size: 150%;
}
div.osusume_ryokan {
	width: 580px;
	color: #9e9478;
	margin-bottom: 20px;
	font-size: 85%;
}
div.osusume_ryokan a {
	margin: 0 0.2em;
	color: #9e9478;
	padding-right: 10px;
	background: url(../img/osusume_arrow.gif) right center no-repeat;
	text-decoration: none;
}
div.osusume_ryokan a:hover { text-decoration: underline;}


/*reserve_btn-----*/
div.reserve_btn { background: url(../img/reserve_bg.gif) no-repeat; width: 262px; height: 62px; padding: 49px 0 0 9px; margin-bottom: 10px;}
p.btn1 a {display: block; width: 117px; height: 48px; background: url(../img/reserve_stay.gif) 0 0 no-repeat; text-indent: -9999px; margin-right: 10px; float: left; overflow: hidden;}
p.btn2 a {display: block; width: 117px; height: 48px; background: url(../img/reserve_day.gif) 0 0 no-repeat; text-indent: -9999px; float: left; overflow: hidden;}