@charset "EUC-JP";
/* CSS Document */

/* common */
body {
  font-family: "�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro","���C���I",Meiryo,Osaka,"�l�r �o�S�V�b�N","MS PGothic",sans-serif;
}
.section,
.section .inner {
  position: relative;
}
.text-image {
  text-align: center;
}
.figure img + img {
  margin-left: 10px;
}
.font-s {margin: 5px 0 0;}
.font-m {margin: 25px 0 0;}
.wid-fix-image {
  left: 0;
  position: absolute;
  top: 0;
  z-index: -1;
}
.photo-section .photo-content + p {
  font-size: 11px;
  margin-top: 30px;
  text-align: right;
}
#main-visual .content-title .left-bottom a {
	width:144px;
	height:36px;
	text-indent:-9999px;
	display:block;
	background:url(../images/Hot_springs_tour/page-top.png) left top no-repeat;
}
#main-visual .content-title .right-bottom a {
	width:144px;
	height:36px;
	text-indent:-9999px;
	display:block;
	background:url(../images/Yufu_river_gorge/page-top.png) left top no-repeat;
}
#main-visual .content-title .left-bottom a:hover {
	background:url(../images/Hot_springs_tour/page-top_hover.png) left top no-repeat;
}
#main-visual .content-title .right-bottom a:hover {
	background:url(../images/Yufu_river_gorge/page-top_hover.png) left top no-repeat;
}
.common-contents .double li a {
	display:block;
	width:475px;
	height:85px;
	text-indent:-9999px;
}
.common-contents .double li a.banner01 {
	background:url(../images/banner01.jpg) left top no-repeat;
}
.common-contents .double li a.banner02 {
	background:url(../images/banner02.jpg) left top no-repeat;
}
.common-contents .double li a.banner01:hover {
	background:url(../images/banner01_hover.png) left top no-repeat;
}
.common-contents .double li a.banner02:hover {
	background:url(../images/banner02_hover.png) left top no-repeat;
}
.content-title .content-text {
	color: #535353;
  font-size: 14px;
  line-height: 220%;
  margin: 0 auto;
  padding: 80px 0 0;
  width: 960px;
}
.content-title .content-text span {
  font-size: 11px;
  line-height: 160%;
}


/*Yufu_river_gorge-page*/
#Yufu_river_gorge-page .content-title {
	background:url(../images/Yufu_river_gorge/map.png) center top no-repeat;
	margin: 0;
}

#Yufu_river_gorge-page .outer01 .inner,
#Yufu_river_gorge-page .outer02 .inner,
#Yufu_river_gorge-page .outer01 .text-image,
#Yufu_river_gorge-page .outer02 .text-image {
  width: auto;
}

#Yufu_river_gorge-page .outer01 {
  position: relative;
  width: 720px;
  margin: 0 auto;
  padding-left: 240px;
}
#Yufu_river_gorge-page .outer01 .text-image01 {
  position: absolute;
  top: 150px;
  left: 70px;
}

#Yufu_river_gorge-page .outer02 {
  position: relative;
  width: 800px;
  margin: 0 auto;
  padding-right: 160px;
}
#Yufu_river_gorge-page .outer02 .text-image03 {
  position: absolute;
  bottom: -110px;
  right: 0;
}

/*section01*/
#Yufu_river_gorge-page .section01 .inner {
  height: 340px;
	margin: 0 auto 60px;
}
#Yufu_river_gorge-page .section01 .text-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 326px;
}
#Yufu_river_gorge-page .section01 .photo01 {
  position: absolute;
  top: 10px;
  left: 0;
}
/*section02*/
#Yufu_river_gorge-page .section02 .inner {
  height: 580px;
  margin: 0;
}
#Yufu_river_gorge-page .section02 .text-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
}
#Yufu_river_gorge-page .section02 .photo01 {
  position: absolute;
  bottom: 0;
  right: 0;
}
/*section03*/
#Yufu_river_gorge-page .section03 .inner {
  margin: 70px auto 0;
  height: 545px;
  width: 960px;
}
#Yufu_river_gorge-page .section03 .text-box {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 288px;
}
#Yufu_river_gorge-page .section03 .text-box p {
  padding-left: 3px;
}
#Yufu_river_gorge-page .section03 .photo01 {
  position: absolute;
  top: 40px;
  left: 0;
}
#Yufu_river_gorge-page .section03 .photo02 {
  position: absolute;
  top: 0;
  right: 0;
}
/*section04*/
#Yufu_river_gorge-page .section04 .inner {
  margin: 70px auto 0;
  height: 340px;
  width: 960px;
}
#Yufu_river_gorge-page .section04 .text-box {
  position: absolute;
  top: 0;
  left: 80px;
  width: 300px;
}
#Yufu_river_gorge-page .section04 .photo01 {
  position: absolute;
  top: 20px;
  right: 0;
}
/*section05*/
#Yufu_river_gorge-page .section05 {
  overflow: hidden;
  position: relative;
  z-index: -1;
	margin: 70px 0 0;
}
#Yufu_river_gorge-page .section05 .inner {
	height: 900px;
}
#Yufu_river_gorge-page .section05 .text-box {
  position: absolute;
  top: 300px;
  right: 0;
  width: 320px;
  color: #fff;
  z-index: 5;
}
/*section06*/
#Yufu_river_gorge-page .section06 .inner {
  height: 785px;
}
#Yufu_river_gorge-page .section06 .text-box {
  position: absolute;
  top: 177px;
  right: 0;
  width: 320px;
}
#Yufu_river_gorge-page .section06 .photo01 {
  position: absolute;
  top: 0;
  right: 0;
}
#Yufu_river_gorge-page .section06 .photo02 {
  position: absolute;
  top: 50px;
  left: 0;
}
#Yufu_river_gorge-page .section06 .photo03 {
  position: absolute;
  bottom: 0;
  right: 0;
}
/*section07*/
#Yufu_river_gorge-page .section07 .inner {
  margin: 70px auto 0;
	height: 570px;
  width: 960px;
}
#Yufu_river_gorge-page .section07 .text-box {
  position: absolute;
  top: 0;
  left: 50px;
  width: 560px;
  height: 170px;
}
#Yufu_river_gorge-page .section07 .text-box h3 {
  position: absolute;
  top: 30px;
  left: 0;
}
#Yufu_river_gorge-page .section07 .text-box p {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 410px;
}
#Yufu_river_gorge-page .section07 .photo01 {
  position: absolute;
  top: 0;
  right: 160px;
}
#Yufu_river_gorge-page .section07 .photo02 {
  position: absolute;
  bottom: 0;
  left: 50px;
}
#Yufu_river_gorge-page .section07 .photo03 {
  position: absolute;
  bottom: 0;
  left: 320px;
}
/*footer-image*/
#Yufu_river_gorge-page .footer-image {
	height: 650px;
  margin: 125px 0 0;
  overflow: hidden;
  position: relative;
}
#Yufu_river_gorge-page .footer-image .inner {
	padding: 25px 0 0;
  text-align: center;
}
#Yufu_river_gorge-page .footer-image .caption {
	bottom: 10px;
  color: #fff;
  font-size: 11px;
  position: absolute;
  right: 20px;
}
#Yufu_river_gorge-page .photo-section .other-contents-link a {
	background:url(../images/Yufu_river_gorge/other-link.png) left top no-repeat;
	width:478px;
	height:64px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
#Yufu_river_gorge-page .photo-section .other-contents-link a:hover {
	background:url(../images/Yufu_river_gorge/other-link_hover.png) left top no-repeat;
}


/*Hot_springs_tour-page*/

#Hot_springs_tour-page .content-title {
	background:url(../images/Hot_springs_tour/map.png) center top no-repeat;
	margin: 0;
}
/*section01*/
#Hot_springs_tour-page .section01 .inner {
  width: 800px;
  height: 380px;
  margin: 70px auto 0;
}
#Hot_springs_tour-page .section01 .text-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 370px;
}
#Hot_springs_tour-page .section01 .photo01 {
  position: absolute;
  top: 40px;
  left: 0;
}
/*section02*/
#Hot_springs_tour-page .section02 .inner {
  width: 960px;
  height: 485px;
  margin: 0 auto;
}
#Hot_springs_tour-page .section02 .text-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 322px;
}
#Hot_springs_tour-page .section02 .photo01 {
  position: absolute;
  top: 20px;
  right: 0;
}
/*section03*/
#Hot_springs_tour-page .section03 .inner {
  width: 960px;
  height: 460px;
  margin: 70px auto 0;
}
#Hot_springs_tour-page .section03 .text-box {
  position: absolute;
  top: 0;
  right: 0;
  width: 446px;
}
#Hot_springs_tour-page .section03 .photo01 {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 446px;
}
#Hot_springs_tour-page .section03 .photo02 {
  position: absolute;
  left: 0;
  top: 30px;
}
/*section04*/
#Hot_springs_tour-page .section04 {
	height: 900px;
  overflow: hidden;
  position: relative;
  z-index: -1;
	margin: 99px 0 0;
}
#Hot_springs_tour-page .section04 .inner {
	margin-top: 84px;
}
#Hot_springs_tour-page .section04 .text-box {
	color: #fff;
	width: 330px;
}
/*section05*/
#Hot_springs_tour-page .section05 .inner {
  margin: 70px auto 0;
  width: 960px;
  height: 560px;
  margin: 0 auto;
}
#Hot_springs_tour-page .section05 .text-box {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 370px;
}
#Hot_springs_tour-page .section05 .photo01 {
  position: absolute;
  top: 0;
  left: 120px;
}
#Hot_springs_tour-page .section05 .photo02 {
  position: absolute;
  top: 40px;
  right: 0;
}
/*section06*/
#Hot_springs_tour-page .section06 .inner {
  margin: 70px auto 0;
  width: 800px;
  height: 500px;
}
#Hot_springs_tour-page .section06 .text-box {
  position: absolute;
  top: 80px;
  right: 0;
  width: 292px;
}
#Hot_springs_tour-page .section06 .text-box p {
  padding-left: 7px;
}
#Hot_springs_tour-page .section06 .photo01 {
  position: absolute;
  top: 0;
  right: 0;
}
#Hot_springs_tour-page .section06 .photo02 {
  position: absolute;
  left: 0;
  top: 30px;
}
/*section07*/
#Hot_springs_tour-page .section07 .inner {
  margin: 70px auto 0;
  width: 880px;
  height: 710px;
}
#Hot_springs_tour-page .section07 .text-box {
  position: absolute;
  top: 30px;
  left: 0;
  width: 365px;
}
#Hot_springs_tour-page .section07 .photo01 {
  position: absolute;
  left: 0;
  bottom: 50px;
}
#Hot_springs_tour-page .section07 .photo02 {
  position: absolute;
  top: 0;
  right: 0;
}
/*footer-image*/
#Hot_springs_tour-page .footer-image {
	height: 650px;
  margin: 135px 0 0;
  overflow: hidden;
  position: relative;
}
#Hot_springs_tour-page .footer-image .inner {
	padding: 10px 0 0;
  text-align: center;
}
#Hot_springs_tour-page .photo-section .other-contents-link a {
	background:url(../images/Hot_springs_tour/other-link.png) left top no-repeat;
	width:478px;
	height:64px;
	display:block;
	text-indent:-9999px;
	margin:0 auto;
}
#Hot_springs_tour-page .photo-section .other-contents-link a:hover {
	background:url(../images/Hot_springs_tour/other-link_hover.png) left top no-repeat;
}