@charset "utf-8";
@import "../default.css";

/*-------------------------------------------------------------------
  ヘッダー 
---------------------------------------------------------------------*/
  /*画像置換用設定*/
  #wrapper h2.pagetitle {
    background-image: url(../../images/tour/h2_schedule.png);
  }
  
/*-------------------------------------------------------------------
  detail
---------------------------------------------------------------------*/
div.detail div.subsection {
  width: 527px;
  margin: 20px auto;
  overflow: hidden;
}

#content div.detail div.tourinfo {
  width: 527px;
}
  #content div.detail div.tourinfo div.tourstate{
    float: left;
    width: 300px;
  }
  #content div.detail div.tourinfo img.tourtype{
    float: right;
    display: block;
  }
  
#content div.detail div.subsection h4 {
  color: #333333;
  font-size: 130%;
  font-weight: bold;
  padding: 4px;
}

#content div.detail div.info {
  width: 527px;
}
#content div.detail table.data {
  width: 350px;
  float: left;
  margin: 0;
}
  #content div.detail table.data th {
    width: 6em;
    font-size: 116%;
    text-align: right;
    padding: 6px 2px;
    border: none;
    background-color: #FFFFFF;
    background-image: none;
  }
  #content div.detail table.data td {
    padding: 6px 2px;
    border: none;
    background-color: #FFFFFF;
  }
#content div.detail table#calendar {
  width: 167px;
  float: right;
  margin: 5px 0;
  border-collapse: collapse;
  font-size: 11px;
}
  #content div.detail table#calendar th {
    border: 0 none;
    background-color: #FFFFFF;
    background-image: none;
    color: #666666;
    padding: 0;
  }
  #content div.detail table#calendar th.yearmonth {
    border: 1px solid #CCC;
  }
#content div.detail table#calendar td {
    border: 0 none;
    background-color: #FFFFFF;
    text-align: center;
    color: #666666;
    padding: 2px;
    width: 20px;
    height: 16px;
  }

  #content div.detail table#calendar .empty {
    color: #cccccc;
  }
  #content div.detail table#calendar .sun {
    color: #FF6666;
  }
  #content div.detail table#calendar .sat {
    color: #6666FF;
  }
  #content div.detail table#calendar td.term {
    background-color: #FFE8C9;
  }
  #content div.detail table#calendar td.tour {
    background: transparent url(../images/tour/calendar/tour.gif) left 1px repeat-x;
  }
  #content div.detail table#calendar td.tourfrom {
    background: transparent url(../images/tour/calendar/tour_from.gif) right 1px no-repeat;
  }
  #content div.detail table#calendar td.tourto {
    background: transparent url(../images/tour/calendar/tour_to.gif) left 1px no-repeat;
  }
  #content div.detail table#calendar td.tourfromto {
    background: transparent url(../images/tour/calendar/tour_fromto.gif) left 1px no-repeat;
  }

#content div.detail div.comment {
  width: 500px;
  margin: 10px auto;
}
#content div.detail div.schedule {
  float: right;
  width: 140px;
  background-color: #C5E3EB;
  margin: 10px 0;
  padding: 10px;
  font-size: 94%;
}
#content div.detail div.schedule h5{
  text-align: center;
  font-size: 120%;
  margin-bottom: 10px;
}
#content div.detail div.images {
  margin: 20px 0 20px;
  width: 527px;
  overflow: hidden;
}
  #content div.detail div.images ul {
    margin: 0;
    padding: 0;
    width: 540px;
  }
  #content div.detail div.images li {
    float: left;
    width: 270px;
    text-align: center;
    margin: 0;
    padding: 0;
  }
#content div.detail div.images img{
    width: 240px;
    border: 1px solid #727272;
    margin: 0;
  }

#content div.detail div.btn {
  margin: 20px auto;
  text-align: center;
  
}

#content div.detail h5.map {
  width: 520px;
  margin: 20px auto 0;
}
#content div.detail div#map {
  width: 520px;
  height: 390px;
  border: 1px solid #727272;
  margin: 0 auto 10px;
}
#content div.detail dl.geo {
  width: 520px;
  margin: 0 auto 0;
}
#content div.detail dl.geo dt, div.detail dl.geo dd{
  display: inline;
}

div.largebutton {
	text-align:center !important;
	margin-top:20px !important;
	margin-bottom:20px !important;
}

table.formFields {
  width: 500px !important;
}
table.formFields th{
}
th img.hissu {
  display: block;
  float: right;
}