@charset "utf-8";

/*北海道自由行支援隊website

access/index.css - 同名ページのみ.
==========================================================================================
*/

@import url("../../common/css/base.css");

/* All
-------------------------------------------- */

/*===　clearfix　===*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* header
-------------------------------------------- */
h1 {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 740px;
	height: 265px;
	background-image: url(../img/title.jpg);
	background-repeat: no-repeat;
	text-indent: -9000px;
}

/* contents
-------------------------------------------- */
h2 {
	clear: both;
	margin: 0 0 10px;
	padding: 0;
	width: 720px;
	background-repeat: no-repeat;
	text-indent: -9000px;
}

.lead {
	margin: 0;
	padding: 5px 0 0;
	display: block;
}

/*===　空港から　===*/

#title_chitose {
	background-image: url(../img/title_chitoseair.gif);
	background-position: left 10px;
	height: 45px;
}

h3 {
	clear: both;
	margin: 10px 0;
	width: 720px;
	height: 41px;
	background-repeat: no-repeat;
	background-position: left 15px;
	text-indent: -9000px;
}

.access_detail {
	clear: both;
	margin: 0;
	padding: 0;
	width: 720px;
}

.access_detail p {
	margin: 0 0 5px 0;
}

.access_detail .movie {
	float: left;
	display: block;
	margin-right: 20px;
	padding-bottom: 10px;
	width: 160px;
	height: 145px;
	text-align: center;
}

*html .access_detail .movie {
	padding-bottom: 10px;
}

.access_detail .movie img {
	margin-bottom: 3px;
}

.access_detail .access_txt {
	float: left;
	display: block;
	margin: 0;
	width: 540px;
}

.access_detail .box {
	border: #333333 solid 1px;
	padding: 2px;
	margin-right: 10px;
}

.access_detail strong {
	color: #EA2789;
	font-size: medium;
	margin-right: 20px;
}

.access_detail .price_time {
	margin: 0 0 20px;
}

/* ムービーボタンを右カラムに置く場合
.access_detail .button {
	clear: both;
	margin: 10px 0;
	width: 137px;
	height: 22px;
}
*/

#chitose_jr {
	background-image:url(../img/title_chitose_jr.gif);
}

#chitose_bus {
	background-image:url(../img/title_chitose_bus.gif);
	border-top: #666666 dotted 1px;
	padding-top: 5px;
}

#chitose_rent {
	background-image:url(../img/title_chitose_rent.gif);
	border-top: #666666 dotted 1px;
	padding-top: 5px;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #A65E94;
}

ol {
	clear: both;
	display: block;
	margin: 10px 0 0 5px;
	padding: 0 0 10px 25px;
}

.chitose_rent {
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
	width: 370px;
}

.chitose_rent li {
	float: left;
	width: 150px;
	padding: 0 20px 0 15px;
	background-image:url(../img/chitose_rent_list.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.mar_bot {
	margin: 0 0 10px;
}

*html .mar_bot {
	margin: 0;
}

.float {
	clear: both;
}

/*===　札幌駅から　===*/

#title_sapporo {
	background-image: url(../img/title_sapporo.gif);
	background-position: left 20px;
	height: 55px;
}

#sapporo_jr {
	background-image:url(../img/title_sapporo_jr.gif);
}

#sapporo_subway {
	background-image:url(../img/title_sapporo_subway.gif);
	border-top: #666666 dotted 1px;
	padding-top: 5px;
}

#sapporo_tram {
	background-image:url(../img/title_sapporo_tram.gif);
	border-top: #666666 dotted 1px;
	padding-top: 5px;
}

.contents_end {
	padding-bottom: 20px;
}