@charset "utf-8";

/* ローカルメニュー
------------------------------------------------------------*/
#local-menu {
	width: 200px;
}
#local-menu ul {
}
#local-menu li {
	display: block;
	float: none;
	height: 36px;
	width: 200px;
	text-indent: -9999px;
	/*\*/
	overflow: hidden;
	/**/
}
#local-menu li a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(../../img/common/local-menu-access.gif);
	background-repeat: no-repeat;
}
#lmenu01 a {
	background-position: -200px 0;
}
#lmenu01 a:hover {
	background-position: -200px 0;
}
#lmenu02 a {
	background-position: 0 -36px;
}
#lmenu02 a:hover {
	background-position: -200px -36px;
}

/* コンテンツヘッド
------------------------------------------------------------*/
h3 {
	width: 740px;
	height: 80px;
	background-image: url(../../img/index/head.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}



/* 見出し
------------------------------------------------------------*/
#caption {
	padding-bottom: 20px;
}

#caption p {
	margin: 10px auto 0;
	width: 680px;
	line-height: 1.4em;
}


/* 広域地図
------------------------------------------------------------*/
#area-wide {
	padding-bottom: 20px;
}
#area-wide img {
	padding: 4px;
	border: 1px solid #174a68;
}

/* 周辺地図
------------------------------------------------------------*/
#vicenity-map {
	position: relative;
	width: 740px;
	height: 460px;
}
#vicenity-map #area-vicinity {
	position: absolute;
	left: 250px;
}
#vicenity-map #area-vicinity img {
	padding: 4px;
	border: 1px solid #174a68;
}
#vicenity-map #distance {
	position: absolute;
	top: 260px;
}
#vicenity-map #dis-notice {
	position: absolute;
	width: 340px;
	top: 418px;
	left: 380px;
}

#distance .hide {
	display: none;
}
#distance dl {
	border-bottom: 1px solid #000000;
	font-size: 10px;
	width: 40px;
	float: left;
}
#distance dt {
	width: 37px;
	height: 16px;
	padding: 1px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: center;
	background: #eeeeee;
}
#distance dd {
	width: 37px;
}
#distance ul {
}
#distance li {
	width: 33px;
	height: 16px;
	padding: 1px 5px 1px 1px;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	text-align: right;
	font-size: 12px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
#dis-shiretoko {
	border-left: 1px solid #000000;
	font-weight: bold;
}
#dis-shiretoko dt {
	background: #e5b7bb;
}
#dis-shiretoko li {
	background: #fce5e7;
}
#dis-abashiri {
	padding-top: 19px;
}
#dis-kitami {
	padding-top: 38px;
}
#dis-nemuro {
	padding-top: 57px;
}
#dis-kushiro {
	padding-top: 76px;
}
#dis-obihiro {
	padding-top: 95px;
}
#dis-furano {
	padding-top: 114px;
}
#dis-asahikawa {
	padding-top: 133px;
}
#dis-sapporo {
	padding-top: 152px;
}

/* 公共交通の利用
------------------------------------------------------------*/
h4 {
	clear: both;
	height: 16px;
	padding: 2px 0 2px 8px;
	background: url(../../img/public/h4-bg.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
}

.root {
	padding-bottom: 20px;
	clear: both;
	color: #666666;
}
.root .place {
	float: left;
	width: 100px;
	height: 50px;
	padding: 20px 0 0 0;
}
.root .move {
	float: left;
	width: 60px;
	height: 50px;
	padding: 20px 0 0 0;
}
.root .taxi {
	float: left;
	width: 220px;
	height: 50px;
	padding: 20px 0 0 0;
}
.root .move .way,
.root .taxi .way {
	height: 32px;
	border-bottom: 1px solid #999999;
	text-align: center;
	vertical-align: text-bottom;
}
.root .move .link a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	/*\*/
	overflow: hidden;
	/**/
}
.root .move .direct {
	width: 60px;
	padding: 0 26px 0 27px;
}
.root .move .abashiri a {
	background-image: url(../../img/public/way-abashiribus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 60px;
}
.root .move .abashiri a:hover {
	background-position: -60px 0;
}
.root .move .shari a {
	background-image: url(../../img/public/way-sharibus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 60px;
}
.root .move .shari a:hover {
	background-position: -60px 0;
}
.root .move .aba_shari a {
	background-image: url(../../img/public/way-aba_sharibus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 120px;
}
.root .move .aba_shari a:hover {
	background-position: -120px 0;
}
.root .move .otherbus a {
	background-image: url(../../img/public/way-bus.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 60px;
}
.root .move .otherbus a:hover {
	background-position: -60px 0;
}
.root .move .jr a {
	background-image: url(../../img/public/way-jr.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 60px;
}
.root .move .jr a:hover {
	background-position: -60px 0;
}
.root .move .express {
	width: 290px;
	padding: 0 125px;
}
.root .move .express .float {
	float: right;
}
.root .move .express img {
	float: right;
}


.root .move .way img,
.root .taxi .way img {
	vertical-align: text-bottom;
}
.root .move .time,
.root .taxi .time {
	height: 16px;
	border-top: 1px solid #000000;
	text-align: center;
}
.root .end {
	height: 70px;
	padding: 0;
	margin: 0 0 5px 0;
}
.root .middle {
	width: 113px;
}
.root .middle2 {
	width: 240px;
}
.root .long {
	width: 540px;
}
.root .long2 {
	width: 300px;
}
.notes {
	clear: both;
	border: 1px solid #CCCCCC;
	border-left: 5px solid #CCCCCC;
	margin: 0;
	padding: 5px 5px 5px 80px;
	line-height: 1.5em;
	background: url(../../img/public/courtesy.gif) no-repeat 10px center;
}




#way-taxi {
	position: relative;
}
#way-taxi .root {
	width: 420px;
}
#way-taxi #hire {
	position: absolute;
	left: 440px;
	width: 300px;
	top: 20px;
}
#way-taxi #hire p {
	padding-bottom: 10px;
}

#way-taxi #hire strong {
	font-size: 14px;
}
#way-taxi #hire img {
	vertical-align: baseline;
}
#way-taxi #hire #noriai {
	border: 1px solid #990000;
}
#way-taxi #hire #noriai dl {
	width: 296px;
	margin: 0px auto;
}
#way-taxi #hire #noriai dt {
	width: 140px;
	background: #FAD7D8;
	clear: both;
	float: left;
	margin-bottom: 1px;
	padding: 2px 2px 2px 8px;
}
#way-taxi #hire #noriai dd {
	float: left;
	margin-bottom: 1px;
	width: 136px;
	padding: 2px 2px 2px 8px;
}

/* 無料送迎バス
------------------------------------------------------------*/
#fb-rule {
	padding-bottom: 20px;
	height: 70px;
	width: 740px;
}
#fb-rule ul {
}
#fb-rule li {
	float: left;
	width: 240px;
	margin-right: 10px;
	text-indent: -9999px;
	height: 70px;
	background: url(../../img/public/freebus-rule.gif) no-repeat;
}
#fb-rule .end {
	margin-right: 0;
}
#fb-rule #rule02 {
	background-position: -240px 0;
}
#fb-rule #rule03 {
	background-position: -480px 0;
}

#freebus {
	clear: both;
	padding-bottom: 20px;
}
#freebus p {
	margin: 0px auto;
	width: 680px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#freebus strong {
	color: #990000;
}
#fb-kitami {
	width: 360px;
	padding-bottom: 20px;
	padding-right: 20px;
	float: left;
}
#fb-kushiro {
	width: 360px;
	padding-bottom: 20px;
	float: left;
}
#fb-kitami-head {
	background: url(../../img/public/freebus-kitami.gif) no-repeat;
}
#fb-kushiro-head {
	background: url(../../img/public/freebus-kushiro.gif) no-repeat;
}
.fb-head {
	height: 60px;
	width: 360px;
}
.fb-head h5 {
	display: block;
	float: left;
	height: 60px;
	width: 180px;
	text-indent: -9999px;
}
.fb-head .period {
	padding: 30px 5px 5px;
	width: 80px;
	float: left;
	font-size: 10px;
	color: #FFFFFF;
	height: 25px;
	text-align: center;
	line-height: 1em;
	letter-spacing: 1px;
}
.fb-head .period em {
	display: none;
}
.fb-body {
	width: 358px;
	border: 1px solid #175B82;
	border-top: 0px;
	padding-top: 10px;
}
.fb-body .fb-col {
	height: 40px;
	width: auto;
	background: url(../../img/public/col-bg.gif) no-repeat right;
}
.fb-body .bottom {
	height: 50px;
	width: auto;
	background: url(../../img/public/col-bg2.gif) no-repeat right;
}
.fb-body .fb-col .busstop {
	float: left;
	height: 20px;
	width: 178px;
	background: #E5E5E5;
	margin-bottom: 14px;
	text-align: center;
	padding-top: 6px;
}
.fb-body .fb-col .option {
	height: 26px;
	padding-top: 0;
}
.fb-body .fb-col .option .op-l {
	float: left;
	width: 50px;
	text-align: right;
	padding: 6px 8px 0 0;
}
.fb-body .fb-col .option .op-r {
	float: left;
	width: 120px;
	font-size: 10px;
	text-align: left;
	line-height: 1em;
	padding: 3px 0 0 0;
}
.fb-body .fb-col .option .op-l_2 {
	float: left;
	width: 20px;
	text-align: right;
	padding: 6px 8px 0 0;
}
.fb-body .fb-col .option .op-r_2 {
	float: left;
	width: 150px;
	font-size: 12px;
	text-align: left;
	line-height: 1em;
	padding: 3px 0 0 0;
}
.fb-body .fb-col .time {
	height: 34px;
	width: 90px;
	float: left;
	text-align: center;
	padding-top: 6px;
}

#mem-airport {
	width: 360px
	line-height: 1.4em;
	clear: both;
	padding-bottom: 10px;
}
#mem-airport h5 {
	font-size: 120%;
}
#mem-airport ol {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 30px;
}