@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :access.css
 author     :Ability Consultant
 style info  :タイトル
=================================================================== */
/*-----------------------------------------------------------
	#con_imgmain 	メインイメージ
-----------------------------------------------------------*/
#con_imgmain {
  background: url(../access/images/img_main.jpg) center 0 no-repeat #000;
}
#con_imgmain h2 {
  padding-top: 35px;
}

/* -----------------------------------------------------------

	.wrap_access

----------------------------------------------------------- */
.wrap_access {
  margin-bottom: 120px;
}
.wrap_access h3 {
  margin-bottom: 30px;
}

/* -----------------------------------------------------------
	.m_page
----------------------------------------------------------- */
.wrap_access .m_page {
  margin-bottom: 50px;
}
.wrap_access .m_page ul {
  overflow: hidden;
  *zoom: 1;
}
.wrap_access .m_page ul li {
  float: left;
}
.wrap_access .m_page ul li a {
  display: block;
  padding-top: 71px;
  height: 0;
  overflow: hidden;
  *zoom: 1;
  background: url(../access/images/m_page.png) 0 0 no-repeat;
}
.wrap_access .m_page ul li a:hover {
  background-position: 0 -71px;
}
.wrap_access .m_page ul li.m_map {
  width: 370px;
}
.wrap_access .m_page ul li.m_map a {
  background-position: 0 0;
}
.wrap_access .m_page ul li.m_map a:hover {
  background-position: 0 -71px;
}
.wrap_access .m_page ul li.m_access {
  width: 370px;
}
.wrap_access .m_page ul li.m_access a {
  background-position: -370px 0;
}
.wrap_access .m_page ul li.m_access a:hover {
  background-position: -370px -71px;
}

/* -----------------------------------------------------------
	.con_map
----------------------------------------------------------- */
.wrap_access .con_map {
  margin-bottom: 50px;
}
.wrap_access .con_map .box_map {
  overflow: hidden;
  margin-bottom: 20px;
}
.wrap_access .con_map .box_map .txt_map {
  float: left;
}
.wrap_access .con_map .box_map .btn_map {
  float: right;
}
.wrap_access .con_map h4 {
  margin-bottom: 30px;
}
.wrap_access .con_map .btn_map {
  text-align: right;
  margin-bottom: 20px;
}

.con_map .info ul {
  overflow: hidden;
}
.con_map .info ul li {
  float: left;
  width: 365px;
}
.con_map .info ul li:first-child {
  margin-right: 10px;
}

.con_map .info ul {
  overflow: hidden;
}
.con_map .info ul li {
  width: 365px;
  margin-right: 10px;
  float: left;
}
.con_map .info ul li:first-child {
  margin-right: 0;
}

/* -----------------------------------------------------------
	.con_access
----------------------------------------------------------- */
.wrap_access .con_access {
  margin-bottom: 75px;
}
.wrap_access .con_access h4 {
  margin-bottom: 3px;
}
.wrap_access .con_access .box_access {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 50px;
}
.wrap_access .con_access .box_access h5 {
  margin-bottom: 30px;
}
.wrap_access .con_access .box_access .btn_link {
  float: right;
  margin-top: 30px;
}
.wrap_access .con_access .box_access .btn_link li {
  float: left;
}
.wrap_access .con_access .box_access .btn_link li:first-child {
  margin-right: 10px;
}
.wrap_access .con_access .box_access.train {
  padding-top: 30px;
}
.wrap_access .con_access .box_access.train h5 {
  position: relative;
  z-index: 2;
}
.wrap_access .con_access .box_access.train .img_map {
  margin-top: -80px;
}

/* -----------------------------------------------------------
	.con_bus
----------------------------------------------------------- */
.con_bus h3 {
  margin-bottom: 30px;
}
.con_bus .box_bus {
  margin-bottom: 40px;
}
.con_bus .box_bus h4 {
  margin-bottom: 20px;
}
.con_bus .box_bus .img_bus {
  margin-top: 30px;
}
.con_bus .box_bus .txt_att {
  margin-top: 10px;
}
.con_bus .box_bus #gmap02 {
  width: 740px;
  height: 360px;
}
.con_bus .box_bus #gmap02 img {
  max-width: none;
}
.con_bus .box_bus table {
  width: 100%;
  text-align: center;
}
.con_bus .box_bus table td {
  text-align: center;
}
.con_bus .box_bus table .even th, .con_bus .box_bus table .even td {
  background: #F3EDE1;
}

/* -----------------------------------------------------------
	.con_intro		INTRO
----------------------------------------------------------- */
.wrap_sight .con_intro {
  margin-bottom: 40px;
}
.wrap_sight .con_intro .box_intro01 {
  overflow: hidden;
  *zoom: 1;
  padding-left: 10px;
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  margin-top: -65px;
}
.wrap_sight .con_intro .box_intro01 .img {
  float: left;
}
.wrap_sight .con_intro .box_intro01 .txt {
  padding: 80px 10px 10px 0;
  width: 535px;
  float: right;
}
.wrap_sight .con_intro .box_intro01 .txt span {
  text-indent: -1em;
  padding: 1em 0 0 1em;
  display: block;
}
.wrap_sight .con_intro .box_intro02 {
  position: relative;
  overflow: hidden;
  background: url(../access/images/img_intro02.jpg) right 0 no-repeat;
  min-height: 207px;
}
.wrap_sight .con_intro .box_intro02 .txt {
  width: 275px;
  padding: 30px 0 0 10px;
}

.m_page {
  margin-bottom: 50px;
}
.m_page ul {
  overflow: hidden;
  *zoom: 1;
}
.m_page ul li {
  float: left;
}
.m_page ul li a {
  display: block;
  padding-top: 71px;
  height: 0;
  overflow: hidden;
  *zoom: 1;
  background: url(../access/images/m_tab.png) 0 0 no-repeat;
}
.m_page ul li.m_hotspring {
  width: 189px;
}
.m_page ul li.m_hotspring a {
  background-position: 0 0;
}
.m_page ul li.m_hotspring a:hover, .m_page ul li.m_hotspring a.active {
  background-position: 0 -71px;
}
.m_page ul li.m_experience {
  width: 181px;
}
.m_page ul li.m_experience a {
  background-position: -189px 0;
}
.m_page ul li.m_experience a:hover, .m_page ul li.m_experience a.active {
  background-position: -189px -71px;
}
.m_page ul li.m_nature {
  width: 180px;
}
.m_page ul li.m_nature a {
  background-position: -370px 0;
}
.m_page ul li.m_nature a:hover, .m_page ul li.m_nature a.active {
  background-position: -370px -71px;
}
.m_page ul li.m_around {
  width: 190px;
}
.m_page ul li.m_around a {
  background-position: -550px 0;
}
.m_page ul li.m_around a:hover, .m_page ul li.m_around a.active {
  background-position: -550px -71px;
}

/* -----------------------------------------------------------
	.con_sightseeing
----------------------------------------------------------- */
.wrap_sight h3 {
  margin-bottom: 30px;
}

.wrap_sight .con_sightseeing h3 {
  margin-bottom: 30px;
}
.wrap_sight .con_sightseeing .box_sightseeing {
  overflow: hidden;
  *zoom: 1;
  padding-left: 1px;
  margin-bottom: 60px;
}
.wrap_sight .con_sightseeing .box_sightseeing h4 {
  margin-bottom: 20px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot {
  background: url(../access/images/line_box.png) 0 0 repeat-x;
  float: left;
  width: 368px;
  border: 1px solid #988d83;
  margin: -1px 0 0 -1px;
  padding-bottom: 20px;
  /* 画像+説明文 */
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot.cat01 {
  min-height: 495px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot.cat02 {
  min-height: 458px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot h5 {
  color: #412610;
  padding: 10px 20px;
  font-size: 140%;
  font-weight: normal;
  border-bottom: 1px solid #988d83;
  margin-bottom: 20px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot .img {
  text-align: left;
  margin-left: 20px;
  margin-bottom: 20px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot .img img {
  width: 80px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot .txt {
  font-size: 90%;
  padding: 0 20px;
  margin-bottom: 20px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot ul {
  text-align: center;
  padding: 5px 0 0 0;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin: 0 5px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot ul.txt_info {
  margin-bottom: 10px;
  padding: 0 15px;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot ul.txt_info li {
  margin-bottom: 5px;
  padding-left: 75px;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_access {
  background: url(../access/images/st_access.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_dure {
  background: url(../access/images/st_dure.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_event {
  background: url(../access/images/st_event.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_time {
  background: url(../access/images/st_time.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  padding-left: 75px;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_holidays {
  background: url(../access/images/st_holidays.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_price {
  background: url(../access/images/st_price.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_event {
  background: url(../access/images/st_event.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing .box_sightseeing .box_spot p.txt_others {
  background: url(../access/images/st_others.gif) 0 0 no-repeat;
  margin: 0 20px;
  padding: 5px 5px 5px 75px;
  font-size: 90%;
  clear: both;
  min-height: 25px;
  list-style: none outside;
}
.wrap_sight .con_sightseeing #note_okama {
  text-indent: -1em;
  margin: -50px 0 60px;
  padding-left: 1em;
}

/* 画像+説明文 */
p.txt_more {
  margin-bottom: 30px;
  padding: 0 15px;
}

table {
  width: 100%;
  margin: 0 auto;
}

ul.txt_info {
  margin-bottom: 30px;
  padding: 0 15px;
}

ul.txt_info li {
  padding: 15px 0 15px 75px;
  clear: both;
  list-style: none outside;
  border-top: 1px dashed #c8b593;
}

ul.txt_info li.bdr {
  border-bottom: 1px dashed #c8b593;
}

ul.txt_info li.txt_access {
  background: url(../access/images/st_access.gif) 0 15px no-repeat;
}

ul.txt_info li.txt_dure {
  background: url(../access/images/st_dure.gif) 0 15px no-repeat;
}

ul.txt_info li.txt_time {
  background: url(../access/images/st_time.gif) 0 15px no-repeat;
}

ul.txt_info li.txt_holidays {
  background: url(../access/images/st_holidays.gif) 0 15px no-repeat;
}

ul.txt_info li.txt_price {
  background: url(../access/images/st_price.gif) 0 15px no-repeat;
}

ul.txt_info li.txt_event {
  background: url(../access/images/st_event.gif) 0 15px no-repeat;
}

ul.txt_info li.txt_others {
  background: url(../access/images/st_others.gif) 0 15px no-repeat;
}

.con_gmap {
  margin-bottom: 30px;
}

.txt_back {
  text-align: center;
}
.txt_back a {
  padding-left: 20px;
  background: url(../images/common/ic_arrow_red_left.png) 0 center no-repeat;
}

/* -----------------------------------------------------------
	Table		表設定
----------------------------------------------------------- */
table.tbl_basic {
  border: 0;
  border-collapse: separate;
  background-color: #757575;
  border-spacing: 1px;
}

table.tbl_basic caption {
  margin-bottom: 3px;
}

table.tbl_basic th {
  font-weight: bold;
  padding: 6px;
  border: 1px solid #fff;
  background-color: #e8bdac;
  text-align: center;
  color: #000;
}

table.tbl_basic td {
  border-left: none;
  border-right: none;
  border-bottom: none;
  padding: 6px;
  background: #fff;
  text-align: center;
}

table.tbl_basic .ac {
  text-align: center;
}

table.tbl_basic .al {
  text-align: left;
}