@charset "UTF-8";
/*┌──────────────────────────────────────
/*│  汎用スタイルシート v0.0.1 (2008/05/23)
/*│  style.css
/*│  Copyright (c) HOKKAIDO CHUO BUS CO., LTD.
/*│  http://www.chuo-bus.co.jp/
/*│  ogawa_tak@gim.chuo-bus.co.jp
/*└─────────────────────────────────────*/

/*============================================================================*/
/*                             [ レイアウト関係 ]                             */
/*============================================================================*/

/*-- [ リセット ] ------------------------------------------------------------*/
/* reset */
#Contents3Col {
	width: 570px;
	margin-left: -10px;
}
#Contents3Col p {
	margin-top: 0;
	line-height: 1.75;
}
#Contents3Col a {
	color: #F33;
	text-decoration: underline;
}

#Contents3Col img,
#Side img {
	vertical-align: top;
	border: none;
}
#Side img {
	display: block;
}

/*-- [ 共通 ] ----------------------------------------------------------------*/
/* Side */
#Side {
	width: 180px;
	overflow: hidden;
}
.SideSection {
	margin-bottom: 10px;
}

#TextSize {
	width: 180px;
	height: 28px;
	background: url(/sightseeing/img/side_textsize_bg.gif) no-repeat;
}
#TextSize ul {
	position: relative;
	width: 180px;
}
#TextSize ul li {
	position: absolute;
	list-style: none;
}
#TextSize ul li#NormalSize { top: 7px; left: 98px;}
#TextSize ul li#LargeSize  { top: 5px; left: 145px;}

#ContactBnr dl dt {
	height: 21px;
}

#SearchBlock {
	width: 180px;
	background: url(/sightseeing/img/side_bg_line.gif) no-repeat left bottom;
}
#SearchBlock dl {
}
#SearchBlock dl dt {
	height: 15px;
	margin-bottom: 5px;
	padding: 15px 10px 0;
	background: url(/sightseeing/img/side_line_dot_point.gif) no-repeat top;
}
#SearchBlock dl dd {
	padding-bottom: 10px;
}
#SearchBlock dl dd table {
	margin: 0 auto 10px;
	font-size: 1.1em;
	border: none;
}
#SearchBlock dl dd table th {
	padding-right: 5px;
	text-align: right;
	color: #666;
}
#SearchBlock dl dd table td {
}
#SearchBlock dl dd table td select {
	margin-right: 3px;
}
#SearchBlock dl dd p.SearchBtn {
	text-align: center;
}

#SearchBlock dl dd table#SearchCost {
	margin: 0 10px 10px;
}
#SearchBlock dl dd table#SearchCost th {
	text-align: left;
}
#SearchBlock dl dd table#SearchCost td input {
	margin-right: 3px;
}
#SearchBlock dl dd table#SearchArea {
	margin: 0 10px 10px;
}

#InformationBlock {
	background: url(/sightseeing/img/side_bg_line.gif) no-repeat bottom;
}
#InformationBlock ul li {
	padding-top: 1px;
	background: url(/sightseeing/img/side_line_dot.gif) no-repeat top;
	list-style: none;
}
#InformationBlock ul li a {
	display: block;
	padding: 10px 15px;
	zoom: 1;
}
#InformationBlock ul li a img {
	padding-left: 20px;
	background: url(/sightseeing/img/side_icon_circle_blue.gif) no-repeat left center;
}

#GlobalBlock {
	background: url(/sightseeing/img/side_bg_line.gif) no-repeat bottom;
}
#GlobalBlock ul li {
	padding-top: 1px;
	background: url(/sightseeing/img/side_line_dot.gif) no-repeat top;
	list-style: none;
}
#GlobalBlock ul li a {
	display: block;
	padding: 10px 15px;
	zoom: 1;
}
#GlobalBlock ul li a img {
	padding-left: 20px;
	background: url(/sightseeing/img/side_icon_arrow.gif) no-repeat left center;
}
#GlobalBlock ul li a:hover img {
	background: url(/sightseeing/img/side_icon_arrow.gif) no-repeat 3px 50%;
}

#BnrBlock {
	width: 160px;
	padding: 9px 9px 0;;
	background-color: #EEE;
	border: #CCC solid 1px;
}
#BnrBlock ul li {
	margin-bottom: 9px;
	list-style: none;
	zoom: 1;
}

#SupportBlock dl {
	margin-bottom: 10px;
}
#SupportBlock dl dd {
	padding: 10px;
	border: #CCC solid;
	border-width: 0 1px 1px;
}
#SupportBlock dl#MobileQr dd {
	padding: 10px 0 0;
}
#SupportBlock dl#MobileQr dd img {
	display: block;
	margin: 0 auto;
	padding: 0 0 10px;
}


/* Container */
#Contents3Col #SightseeingNav {
	width: 570px;
	height: 28px;
	margin-bottom: 16px;
	background: url(/sightseeing/img/nav_noski.png) no-repeat top;
}
#Contents3Col #SightseeingNav ul {
	width: 570px;
	overflow: hidden;
	text-indent: -9999px;
	}
#Contents3Col #SightseeingNav ul li {
	display: block;
	float: left;
}
#Contents3Col #SightseeingNav ul li a {
	height: 28px;
	background: url(/sightseeing/img/nav.png);
/*	background: url(/sightseeing/img/nav_noski.png);*/
	overflow: hidden;
	display: block;
}
#Contents3Col #SightseeingNav ul li.Home a  { width: 126px; background-position: 0px 0px;}
#Contents3Col #SightseeingNav ul li.About a { width: 130px; background-position: 444px 0px;}
#Contents3Col #SightseeingNav ul li.List a  { width: 96px; background-position: 310px 0px;}
#Contents3Col #SightseeingNav ul li.Recom a { width: 98px; background-position: 214px 0px;}
#Contents3Col #SightseeingNav ul li.Ski a   { width: 120px; background-position: 120px 0px;}

#Contents3Col #SightseeingNav ul li.Home a:hover  { background-position: 0 -28px;}
#Contents3Col #SightseeingNav ul li.About a:hover { background-position: 444px -28px;}
#Contents3Col #SightseeingNav ul li.List a:hover  { background-position: 310px -28px;}
#Contents3Col #SightseeingNav ul li.Recom a:hover { background-position: 214px -28px;}
#Contents3Col #SightseeingNav ul li.Ski a:hover   { background-position: 120px -28px;}

#Contents3Col .Section {
	width: 570px;
	margin-bottom: 30px;
	clear: both;
	overflow: hidden;
}

#Contents3Col .Section h3 {
	margin-bottom: 10px;
	padding: 12px 15px 8px;
	background: url(/sightseeing/img-course/bg_title_line_orange.gif) no-repeat 50% 50%;
	font-size: 1.4em;
	font-weight: bold;
}
#Contents3Col .Section h3.InformationTitle {
	background: url(/sightseeing/img-sub/bg_title_line_red.gif) no-repeat 50% 50%;
}

#Contents3Col .Section .InHarfSection {
	display: inline;
	width: 280px;
	float: left;
	margin-left: 10px;
}
#Contents3Col .Section .IHSFirst {
	margin-left: 0;

}
#Contents3Col .Section .InHarfSection h2 {
	padding: 0 10px 5px 10px;
	font-size: 1.2em;
	font-weight: bold;
	background: url(/sightseeing/img-course/bg_grayline.gif) repeat-x bottom;
}

#Contents3Col .Section p.ReserveBtn {
	padding: 20px 0;
	text-align: center;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x top;
}
#Contents3Col .Section p.ChuoBusInfo {
	text-align: center;
}
#Contents3Col .Section p.PageTop {
	padding: 15px 0;
	text-align: right;
}

/*-- [ トップページ ] --------------------------------------------------------*/
#Contents3Col #TopHeader {
	margin-bottom: 0;
}
#Contents3Col #TopHeader h1 {
	height: 130px;
	margin: 0;
	padding: 0;
	background: none;
}

#Contents3Col #RecomendCourseList {
	margin-bottom: 0;
}
#Contents3Col #RecomendCourseList h2 {
	margin: 0 0 5px;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem {
	width: 570px;
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem h3 {
	font-size: 1.8em;
	font-weight: normal;
	color: #FFF;
	background: url(/sightseeing/img/bg_title_recomend_course.gif) no-repeat 50% 50%;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem p.Photo {
	display: inline;
	float: left;
	width: 190px;
	margin: 0 20px;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem ul {
	width: 340px;
	float: right;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem ul li {
	margin-bottom: 7px;
	list-style: none;
	font-size: 1.4em;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem ul li a {
	display: block;
	padding-left: 20px;
	background: url(/sightseeing/img/icon_arrowbox_red.gif) no-repeat 0 0.2em;
	line-height: 1.25;
	color: #333;;
	text-decoration: none;
	zoom: 1;
}
#Contents3Col #RecomendCourseList .RecomendCourseItem ul li a:hover {
	color: #F33;
	text-decoration: underline;
}

#Contents3Col #TimeCourseList {
	margin-bottom: 0;
	padding-bottom: 10px;
	background: url(/sightseeing/img/bg_time_bottom.gif) no-repeat 50% 100%;
}
#Contents3Col #TimeCourseList .TimeCourseItem {
	width: 570px;
	padding-top: 2px;
	overflow: hidden;
	clear: both;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x top;
}
#Contents3Col #TimeCourseList .TimeCourseItem h3 {	
	float: left;
	width: 210px;
	margin: 0;
	padding: 0;
	background: none;
}
#Contents3Col #TimeCourseList .TimeCourseItem ul {
	width: 340px;
	padding: 15px 0;
	float: right;
}
#Contents3Col #TimeCourseList .TimeCourseItem ul li {
	margin-bottom: 2px;
	list-style: none;
	font-size: 1.2em;
}
#Contents3Col #TimeCourseList .TimeCourseItem ul li a {
	display: block;
	padding: 3px 0 3px 20px;
	background-repeat: no-repeat;
	background-position: 0 0.4em;
	line-height: 1.25;
	color: #333;
	text-decoration: none;
	zoom: 1;
}
#Contents3Col #TimeCourseList #MorningCourse ul li a   { background-image: url(/sightseeing/img/icon_arrowbox_blue.gif);}
#Contents3Col #TimeCourseList #AfternoonCourse ul li a { background-image: url(/sightseeing/img/icon_arrowbox_red.gif);}
#Contents3Col #TimeCourseList #NightCourse ul li a     { background-image: url(/sightseeing/img/icon_arrowbox_dark.gif);}
#Contents3Col #TimeCourseList #OnedayCourse ul li a    { background-image: url(/sightseeing/img/icon_arrowbox_yellow.gif);}
#Contents3Col #TimeCourseList .TimeCourseItem ul li a:hover {
	color: #F33;
	text-decoration: underline;
}

#Contents3Col #CBTours {
	width: 570px;
	background: url(/sightseeing/img/bg_cb_top.gif) repeat-x 0 42px;
	overflow: hidden;
}
#Contents3Col #CBTours h2 {
	width: 200px;
	padding-right: 15px;
	float: right;
}
#Contents3Col #CBTours .TextBlock {
	width: 315px;
	padding: 60px 0 0 20px;
	float: left;
}
#Contents3Col #CBTours .TextBlock p {
	margin-bottom: 1em;
	font-size: 1.2em;
}
#Contents3Col #CBTours .TextBlock p.LinkBtn {
	padding-top: 10px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x top;
}
#Contents3Col #CBTours .TextBlock p.LinkBtn a {
	padding-left: 20px;
	background: url(/sightseeing/img/icon_arrowbox_red.gif) no-repeat 0 0.2em;
}

/*-- [ コース一覧 ] ----------------------------------------------------------*/
#Contents3Col #ListTitle {
	width: 568px;
	margin: 31px 0 20px;
	border: #CCC solid 1px;
}
#Contents3Col #ListTitle h1 {
	width: 528px;
	height: auto;
	margin: 0;
	padding: 15px 20px;
	font-size: 1.6em;
	font-weight: bold;
	background: none;
}
#Contents3Col #ListWrapper {
	width: 550px;
	margin: 0 10px;
	overflow: hidden;
}
#Contents3Col #ListWrapper .ListItem {
	position: relative;
	width: 560px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x bottom;
	overflow: hidden;
}
#Contents3Col #ListWrapper .ListItem dl {
	float: right;
	width: 340px;
	padding: 10px 120px 10px 0;
}
#Contents3Col #ListWrapper .ListItem dl dt {
	margin-bottom: 10px;
	font-size: 1.8em;
	font-weight: bold;
}
#Contents3Col #ListWrapper .ListItem dl dd {
	font-size: 1.2em;
	color: #666;
}
#Contents3Col #ListWrapper .ListItem dl dd span.CourseNumber {
	margin-right: 5px;
	padding: 2px 4px;
	color: #FFF;
	font-weight: bold;
	background: url(/sightseeing/img-course/bg_course_number.gif) no-repeat 50% 50%;
}
#Contents3Col #ListWrapper .ListItem .ListBtn {
	position: absolute;
	top: 15px;
	right: 10px;
}
/*-- [ コース詳細 ] ----------------------------------------------------------*/
#Contents3Col .CourseLink {
	height: 10px;
	margin-bottom: 5px;
	text-align: right;
	overflow: hidden;
}
#Contents3Col .CourseLink {
	width: 140px;
	padding-left: 430px;
}
#Contents3Col .CourseLink li {
	display: block;
	float: left;
	list-style: none;
	padding: 0 5px;
}
#Contents3Col .CourseLink li.CoursePrev {
	background: url(/sightseeing/img-course/bg_line_dot_l.gif) no-repeat 100% 2px;
}
#Contents3Col .CourseLink li.CoursePrev a img { padding-left: 10px; background: url(/sightseeing/img/arrow_gray_left.gif) no-repeat left center;}
#Contents3Col .CourseLink li.CourseNext a img { padding-right: 10px; background: url(/sightseeing/img/arrow_gray_right.gif) no-repeat right center;}

#Contents3Col .CourseLink li img {
	display: block;
}

#Contents3Col #CourseTitle {
	padding: 20px 20px;
	border: #CCC solid 1px;
}
#Contents3Col #CourseTitle p.ShortTitle {
	margin-bottom: 3px;
	font-size: 1.8em;
	color: #666;
}
#Contents3Col #CourseTitle p.ShortTitle span.CourseNumber {
	margin-right: 5px;
	padding: 2px 4px;
	color: #FFF;
	font-weight: bold;
	background: url(/sightseeing/img-course/bg_course_number.gif) no-repeat 50% 50%;
}
#Contents3Col #CourseTitle h1 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	font-size: 2.8em;
	line-height: 125%;
}

#Contents3Col #CourseBaseInfo {
	margin-bottom: 10px;
}
#Contents3Col #CourseBaseInfo dl#CourseDate {
	width: 570px;
	padding: 5px 0;
	background: url(/sightseeing/img-course/det_bg_date.gif) repeat-x bottom;
	text-align: right;
}
#Contents3Col #CourseBaseInfo dl#CourseDate dt,
#Contents3Col #CourseBaseInfo dl#CourseDate dd {
	display: inline;
	margin: 0 5px;
	font-size: 1.6em;
}
#Contents3Col #CourseBaseInfo dl#CourseDate dt img {
	padding-bottom: 2px;
	vertical-align: middle;
}
#Contents3Col #CourseBaseInfo ul#CourseInfoIcon {
	width: 565px;
	padding: 15px 0 0 5px;
	overflow: hidden;
}
#Contents3Col #CourseBaseInfo ul#CourseInfoIcon li {
	float: left;
	margin-bottom: 5px;
	margin-left: 5px;
	list-style: none;
}

#Contents3Col .Section #CourseTime h2,
#Contents3Col .Section #CourseCost h2 {
	font-size: 1.4em;
}

#Contents3Col .Section #CourseTime dl {
	margin: 0 10px;
	padding: 10px 0;
	color: #666;
}
#Contents3Col .Section #CourseTime dl dt {
	margin-bottom: 5px;
	padding-bottom: 10px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x bottom;
	font-size: 1.6em;
}
#Contents3Col .Section #CourseTime dl dd {
	font-size: 1.4em;
	line-height: 1.5;
}
#Contents3Col .Section #CourseTime dl dd span.StartEnd {
	margin-left: 10px;
}

#Contents3Col .Section #CourseCost table {
	width: 280px;
	border: none;
	font-size: 1.6em;
}
#Contents3Col .Section #CourseCost table th,
#Contents3Col .Section #CourseCost table td {
	padding: 5px 10px;
}
#Contents3Col .Section #CourseCost table th {
	background-color: #ffe1d1;
	font-weight: normal;
	text-align: left;
}
#Contents3Col .Section #CourseCost table td {
	background-color: #fdf6ef;
}
#Contents3Col .Section #CourseCost table td.Cost {
	text-align: right;
	color: #F33;
}
#Contents3Col .Section #CourseCost ul.CourseCostCaution {
	padding-left: 1.25em;
	font-size: 1.2em;
	color: #666;
}
#Contents3Col .Section #CourseCost ul.CourseCostCaution li {
	text-indent: -1.25em;
	list-style: none;
}

#Contents3Col .Section #CourseCost dt {
	text-align: center;
}

#Contents3Col .Section #Bentou {
	padding: 5px 10px;
	background-color: #FAFFA4;
}
#Contents3Col .Section #Bentou table th {
	background-color: #BDFD4D;
}
#Contents3Col .Section #Bentou table td {
	background-color: #F8FFED;
}
#Contents3Col .Section #CourseCost #Bentou table {
	width: 260px;
}

#Contents3Col #CoursePickup {
	width: 570px;
	padding: 0 0 15px;
	background: url(/sightseeing/img-course/bg_pickup.gif) no-repeat bottom;
}
#Contents3Col #CoursePickup h3 {
	margin-bottom: 10px;
	padding: 0;
	background: none;
}
#Contents3Col #CoursePickup p {
	margin: 0 15px;
	font-size: 1.2em;
}
#Contents3Col #CoursePickup p.CoursePickupPhoto {
	display: inline;
	float: right;
	margin-bottom: 10px;
}


#Contents3Col #CourseSchedule table {
	width: 550px;
	margin: 0 10px;
	border: none;
	font-size: 1.2em;
}

#Contents3Col #CourseSchedule table th,
#Contents3Col #CourseSchedule table td {
	padding: 5px 10px;
}
#Contents3Col #CourseSchedule table th {
	width: 100px;
	padding-left: 40px;
	font-weight: normal;
	text-align: right;
	background: url(/sightseeing/img/arrow_gray_bottom.gif) no-repeat 21px 50%;
	background-color: #ffdec7;
}

#Contents3Col #CourseSchedule table th.On      { background: url(/sightseeing/img-course/icon_schedule_on.gif) no-repeat 8px 50%; background-color: #ffdec7;}
#Contents3Col #CourseSchedule table th.Off     { background: url(/sightseeing/img-course/icon_schedule_off.gif) no-repeat 8px 50%; background-color: #ffdec7;}
#Contents3Col #CourseSchedule table th.OnOff     { background: url(/sightseeing/img-course/icon_schedule_onoff.gif) no-repeat 8px 50%; background-color: #ffdec7;}
#Contents3Col #CourseSchedule table th.Tour    { background: url(/sightseeing/img-course/icon_schedule_tour.gif) no-repeat 8px 50%; background-color: #ffdec7;}
#Contents3Col #CourseSchedule table th.Through { background: url(/sightseeing/img-course/icon_schedule_through.gif) no-repeat 8px 50%; background-color: #ffdec7;}
#Contents3Col #CourseSchedule table th.Rest    { background: url(/sightseeing/img-course/icon_schedule_rest.gif) no-repeat 8px 50%; background-color: #ffdec7;}
#Contents3Col #CourseSchedule table th.OffEnd  { background: url(/sightseeing/img-course/icon_schedule_off_noarrow.gif) no-repeat 8px 50%; background-color: #ffdec7;}

#Contents3Col #CourseSchedule table td {
	background-color: #fdf6ef;
	color: #cc6633;
}

#Contents3Col #CourseSchedule ul.Caution {
	margin: 0 10px;
	padding: 10px;
	background-color: #EEE;
	font-size: 1.2em;
	color: #666;
}
#Contents3Col #CourseSchedule ul.Caution li {
	padding-left: 40px;
	list-style: none;
}
#Contents3Col #CourseSchedule ul.Caution li dfn {
	display: block;
	width: 40px;
	margin-left: -40px;
	margin-bottom: -1.175em;
	font-style: normal;
}

#Contents3Col #CourseFood .CourseFoodInfo {
	clear: both;
	margin: 0 10px 15px;
}
#Contents3Col #CourseFood .CourseFoodInfo h4 {
	float: right;
	width: 330px;
	margin-bottom: 10px;
	padding: 3px 10px;
	background-color: #F63;
	color: #FFF;
	font-size: 1.4em;
}
#Contents3Col #CourseFood .CourseFoodInfo p.CourseFoodText {
	float: right;
	width: 350px;
	font-size: 1.2em;
}
#Contents3Col #CourseFood .CourseFoodInfo p.CourseFoodPhoto {
	float: left;
	margin-top: -3em;
}
#CourseCalendar .InHarfSection {
	height: 16.5em;
}
#CourseCalendar table {
	width: 260px;
	margin-left: 10px;
	font-size: 1.2em;
}
#CourseCalendar table th,
#CourseCalendar table td {
	padding: 2px 3px 0;
	text-align: center;
}
#CourseCalendar table th {
	font-weight: bold;
	background-color: #333;
	color: #FFF;
}
#CourseCalendar table td {
	background-color: #BBB;
	color: #333;
}
#CourseCalendar table td.CourseActive {
	background-color: #F4FF44;
	color: #E25500;
	font-weight: bold;
}
/*
#CourseCalendar table td.CourseActive {
	background-color: #DFE;
	color: #093;
	font-weight: bold;
}
*/
#Contents3Col #CourseCaution ul {
	margin: 0 10px;
	padding-left: 12px;
	font-size: 1.2em;
}
#Contents3Col #CourseCaution ul li {
	text-indent: -12px;
	list-style: none;
}

/*-- [ サブページ共通 ] ------------------------------------------------------*/
#PageTitle {
	width: 530px;
	margin: 0;
	padding: 28px 20px;
	background: url(/sightseeing/img-sub/bg_title_subpage.jpg) no-repeat top;
}
#PageTitle h1 {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
}
#Contents3Col .Section p.PageBack {
	margin-bottom: -30px;
}
#Contents3Col .Section p.Sgl {
	margin-bottom: 0;
	padding: 15px 0;
	text-align: right;
}

/*============================================================================*/
/*                         [ 定期観光バスについて ]                           */
/*============================================================================*/
#AboutIntro {
	width: 570px;
	overflow: hidden;
}
#AboutIntro p.Photo {
	display: inline;
	width: 175px;
	margin: 0 10px;
	float: left;
}
#AboutIntro .AboutIntroInformation {
	width: 365px;
	float: right;
}
#AboutIntro .AboutIntroInformation h2 {
	margin-bottom: 10px;
}
#AboutIntro .AboutIntroInformation p {
	margin-left: 3px;
	font-size: 1.2em;
}
#AboutIntro .AboutIntroInformation p strong {
	color: #0066cc;
	font-weight: normal;
}
/*-- [ 5つのポイント ] -------------------------------------------------------*/
#Point .PointCol {
	width: 570px;
	padding-left: 10px;
	overflow: hidden;
}
#Point .PointCol .PointSection {
	width: 270px;
	margin: 0 10px 20px 0;
	float: left;
}
#Point .PointCol .PointSection h4 {
	margin-bottom: 5px;
	padding: 0 0 5px 45px;
	background-repeat: no-repeat;
	background-position: 0 100%;
}
#Point .PointCol #Point01 h4 { background-image: url(/sightseeing/img-sub/about_icon_point_01.gif);}
#Point .PointCol #Point02 h4 { background-image: url(/sightseeing/img-sub/about_icon_point_02.gif);}
#Point .PointCol #Point03 h4 { background-image: url(/sightseeing/img-sub/about_icon_point_03.gif);}
#Point .PointCol #Point04 h4 { background-image: url(/sightseeing/img-sub/about_icon_point_04.gif);}
#Point .PointCol #Point05 h4 { background-image: url(/sightseeing/img-sub/about_icon_point_05.gif);}

#Point .PointCol .PointSection h4 img {
	padding-top: 15px;
	background: url(/sightseeing/img-sub/about_icon_point_head.gif) no-repeat 0 0;
}
#Point .PointCol .PointSection p {
	font-size: 1.2em;
}
#Point .PointCol .PointSection p strong {
	color: #339900;
	font-weight: normal;
}

#Point .PointCol #Point05 {
	width: 560px;
	margin: 0 10px 20px 0;
	float: left;
}
/*-- [ ご予約の流れ ] --------------------------------------------------------*/
#Step ul {
	width: 570px;
	overflow: hidden;
}
#Step ul li {
	width: 190px;
	float: left;
	list-style: none;
}
#Step ul li h4 {
	width: 190px;
	margin: 0 0 15px;
	padding: 0;
}
#Step ul li p {
	margin: 0 10px;
	font-size: 1.2em;
}
#Step ul li p.LinkBtn {
	padding-top: 10px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x top;
}
#Step ul li p.LinkBtn a {
	padding: 0 0 0 20px;
	background: url(/sightseeing/img/icon_arrowbox_red.gif) no-repeat 0 50%;
	line-height: 1.75;
}
/*-- [ 注意事項 お願い ] -----------------------------------------------------*/
.CautionSec {
}
.CautionSec ul {
	margin: 0 10px;
}
.CautionSec ul li {
	padding: 7px 0 7px 25px;
	font-size: 1.2em;
	list-style: none;
	background: url(/sightseeing/img-sub/icon_caution.gif) no-repeat 0 0.3em;
}
.CautionSec ul li strong {
	color: #0066cc;
	font-weight: normal;
}
.CautionSec ul li span.LinkBtn {
	display: block;
}
.CautionSec ul li span.LinkBtn a {
	padding: 0 0 0 20px;
	background: url(/sightseeing/img/icon_arrowbox_red.gif) no-repeat 0 50%;
	line-height: 1.75;
}

/*============================================================================*/
/*                          [ ご予約方法について ]                            */
/*============================================================================*/
#ReserveIntro {
	width: 570px;
	overflow: hidden;
}

#ReserveIntro h2 {
	display: inline;
	width: 180px;
	margin: 0 10px;
	float: left;
}

#ReserveIntro .ReserveInformation {
	width: 360px;
	float: right;
}
#ReserveIntro .ReserveInformation p {
	margin-bottom: 1em;
	font-size: 1.2em;
}
#ReserveIntro .ReserveInformation p strong {
	color: #0066cc;
	font-weight: normal;
}
#ReserveIntro .ReserveInformation p.Caution {
	color: #666;
}

#ReserveInternet {
	display: inline;
	float: left;
	width: 300px;
}
#ReserveInternet dl {
	display: inline;
	float: left;
	width: 300px;
	margin: 0 0 15px 10px;
}
#ReserveInternet dl dd {
	margin-bottom: 5px;
	font-size: 1.2em;
}
#ReserveInternet dl dd.Caution {
	color: #666;
}
#ReserveInternet p.SampleBtn {
	display: inline;
	float: right;
	width: 240px;
	margin-bottom: 15px;
	margin-right: 10px;
}
#ReserveInternet p.LinkBtn {
	clear: both;
	text-align: center;
	padding-top: 10px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x top;
	font-size: 1.2em;
}
#ReserveInternet p.LinkBtn a {
	padding-left: 20px;
	background: url(/sightseeing/img/icon_arrowbox_red.gif) no-repeat 0 0.2em;
}
#ReserveTel p {
	text-align: center;
}

/*============================================================================*/
/*                         [ キャンセル料について ]                           */
/*============================================================================*/
#CancelIntro {
	width: 570px;
	overflow: hidden;
}
#CancelIntro h2 {
	margin: 10px 10px 5px;
}
#CancelIntro p {
	margin: 0 10px;
	font-size: 1.2em;
}
#CancelIntro p strong {
	color: #0066cc;
	font-weight: normal;
}
#CancelIntro p strong.Futan {
	color: #C00;
}

/*============================================================================*/
/*                          [ 定期観光バスのりば ]                            */
/*============================================================================*/
#BusstopIntro {
	width: 570px;
	overflow: hidden;
}
#BusstopIntro h2 {
	margin: 10px 10px 5px;
}
#BusstopIntro p {
	margin: 0 10px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2em;
}
#BusstopIntro p strong {
	color: #0066cc;
	font-weight: normal;
}

/*-- [ 定期観光バス窓口 ] ----------------------------------------------------*/
#Station {
	width: 570px;
	overflow: hidden;
}
#Station #StationMap {
	margin: 0 10px;
}
#Station #StationMap h4 {
	padding: 10px 0 15px;
}
#Station #StationMap p.Photo {
	width: 280px;
	float: right;
}
#Station #StationMap dl dt {
	margin-bottom: 2px;
}
#Station #StationMap dl dd {
	margin-bottom: 10px;
}
#Station p.Caution {
	margin: 0 10px;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 1.2em;
}
#Station p.Caution strong {
	color: #0066cc;
	font-weight: normal;
}

#Side #SkibusNav {
	padding-top: 6px;
	width: 180px;
}
#Side #SkibusNav ul {
	padding: 0 5px 10px 10px;
	background: url(/sightseeing/img-ski/side_bg_list_skibus.gif) no-repeat bottom;
}
#Side #SkibusNav ul li {
	margin-bottom: 10px;
	list-style: none;
	font-size: 1.2em;
}
#Side #SkibusNav ul li a {
	display: block;
	padding-left: 10px;
	background: url(/sightseeing/img-ski/side_arrow_ski.gif) no-repeat 0 0.4em;
	color: #3399ff;
}