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


/*=============================================================================
   Each page
=============================================================================*/

/* index page
=============================================================================*/
#index {}

#index .lead {
	background: url(../img/index/top_leadbg.jpg) no-repeat center top;
	}
	#index .lead .txtArea {
	height: 480px;
	width: 580px;
	position: absolute;
	top: 20px;
	right: 70px;
	}
	
#planList { }
	#planList h4 a{
	color: #a9d623;
	}
	#planList h4 {
	color: #562;
	border-bottom: 1px solid #451;
	margin-bottom: 5px;
	padding-bottom: 4px;
	font-size: 1.06em;
	}
	#planList ul {
	padding: 0px 25px;
	}
	#planList li {
	width: 270px;
	margin-right: 30px;
	height: auto;
	float: left;
	}
	#planList li:nth-child(3){
	margin-right: 0px;
	}
	#planList .txtArea {
	line-height: 1.5;
	font-size: 0.96em;
	}
	#planList .imgArea {
	height: 202px;
	width: 270px;
	margin-bottom: 20px;
	}

.btn_point {
	height: 50px;
	width: 200px;
	border: 1px solid #536726;
	background: url(../img/arrow.png) no-repeat 20px center;
	}
	.btn_point a {
	height: 50px;
	width: 200px;
	display: table;
	text-align: center;
	color: #FFFFFF;
	text-decoration: none;
	background-color: rgba(83,103,38,0);;
	}
	.btn_point a span {
	display: table-cell;
	vertical-align: middle;
	}
	.btn_point a:hover {
	background-color: rgba(83,103,38,.3);;
	}

a, a img {
	opacity: 1;
	transition: .2s ease;
	}
	a:hover, a:hover img {
	opacity: .8;
	}

	
#index #point01 {
	background: url(../img/index/top_point01bg.jpg) no-repeat center top;
	height: 370px;
	position: relative;
	}
	#index #point01 #title {
	position: absolute;
	left: 20px;
	}
	#index #point01 .txtArea {
	width: 340px;
	height: auto;
	position: absolute;
	top: 120px;
	left: 20px;
	}
	#index #point01 .btn_point {
	position: absolute;
	top: 260px;
	left: 20px;
	}
#index #point02 {
	background: url(../img/index/top_point02bg.jpg) no-repeat center top;
	height: 370px;
	position: relative;
	}
	#index #point02 #title {
	position: absolute;
	right: 20px;
	}
	#index #point02 .txtArea {
	width: 340px;
	height: auto;
	position: absolute;
	top: 120px;
	right: 20px;
	text-align: right;
	}
	#index #point02 .btn_point {
	position: absolute;
	top: 280px;
	right: 20px;
	}
#index #point03 {
	background: url(../img/index/top_point03bg.jpg) no-repeat center top;
	height: 370px;
	position: relative;
	}
	#index #point03 #title {
	position: absolute;
	left: 20px;
	}
	#index #point03 .txtArea {
	width: 340px;
	height: auto;
	position: absolute;
	top: 120px;
	left: 20px;
	}
	#index #point03 .btn_point {
	position: absolute;
	top: 260px;
	left: 20px;
	}
	
#index #rss {
	background: url(../img/index/top_rssbg.jpg) no-repeat center top;
	height: 400px;
	}
#index #info {
	width: 420px;
	padding: 0px 20px;
	float: left;
	}
#index #blog {
	padding: 0px 20px;
	width: 420px;
	float: right;
	}
#index #rss dl {
	}
	#index #rss dt, #index #rss dd { padding: 7px 0px; 	}
	#index #rss dt a, #index #rss dd a {
	color: #fff;
	text-decoration: none;
	}
	#index #rss dt {
	width: 6em;
	float: left;
	}
	#index #rss dd {
	padding-left: 6em;
	border-bottom: 1px dotted #666666;
	}


/* onsen page
=============================================================================*/
#onsen {}

#onsen .lead {
	background: url(../img/onsen/onsen_leadbg.jpg) no-repeat center top;
	}
	#onsen .lead .txtArea {
	height: auto;
	width: 600px;
	position: absolute;
	top: 80px;
	left: 20px;
	}
#onsen #cont04 .lbox {
	width: 520px;
	padding-top: 100px;
	text-align: right;
	}

/* cuisine page
=============================================================================*/
#cuisine {}

#cuisine .lead {
	background: url(../img/cuisine/cuisine_leadbg.jpg) no-repeat center top;
	}
	#cuisine .lead .txtArea {
	height: auto;
	width: 600px;
	position: absolute;
	top: 130px;
	left: 20px;
	}
	
/* facilities page
=============================================================================*/
#facilities {}

#facilities .lead {
	background: url(../img/facilities/facilities_leadbg.jpg) no-repeat center top;
	}
	#facilities .lead .txtArea {
	height: auto;
	width: 520px;
	position: absolute;
	top: 0px;
	right: 210px;
	}

#facilities #cont04 .rbox {
	width: 540px;
	}
	#facilities #cont04 .lbox {
	width: 360px;
	}
#facilities #cont05 .rbox {
	width: 360px;
	}
	#facilities #cont05 .lbox {
	width: 540px;
	}

/* charge page
=============================================================================*/
#charge { }

#charge .content table { margin: 0px 0px 5px; 	}


/* sightseeing page
=============================================================================*/
#sightseeing { }

#sightseeing .rbox {
	width: 500px;
	}
#sightseeing .lbox {
	width: 400px;
	}