@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
/*└─────────────────────────────────────*/

/*============================================================================*/
/*                             [ スキーバス関係 ]                             */
/*============================================================================*/

/*-- [ 共通 ] ----------------------------------------------------------------*/
/* Side */
#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;
}

/*-- [ スキーバス一覧 ] ------------------------------------------------------*/
#Contents3Col #SkiTopContainer {
}
#Contents3Col #SkiTopContainer h1 {
	width: 570px;
	height: auto;
	margin: 0 0 15px;
	padding: 0;
}
#Contents3Col #SkiTopContainer ul {
	width: 570px;
}
#Contents3Col #SkiTopContainer ul li {
	width: 570px;
	padding: 10px 0;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x bottom;
	overflow: hidden;
}
#Contents3Col #SkiTopContainer ul li dl {
	float: left;
	width: 380px;
	padding: 10px 0 10px 30px;
	background-repeat: no-repeat;
	background-position: 0 50%;
}
#Contents3Col #SkiTopContainer ul li.niseko dl  { background: url(/sightseeing/img-ski/ski_bg_colorbar_01.gif) top left no-repeat;}
#Contents3Col #SkiTopContainer ul li.kokusai dl { background: url(/sightseeing/img-ski/ski_bg_colorbar_02.gif) top left no-repeat;}
#Contents3Col #SkiTopContainer ul li.kiroro dl  { background: url(/sightseeing/img-ski/ski_bg_colorbar_03.gif) top left no-repeat;}
#Contents3Col #SkiTopContainer ul li.mt dl      { background: url(/sightseeing/img-ski/ski_bg_colorbar_04.gif) top left no-repeat;}
#Contents3Col #SkiTopContainer ul li.tengu dl   { background: url(/sightseeing/img-ski/ski_bg_colorbar_05.gif) top left no-repeat;}

#Contents3Col #SkiTopContainer ul li dl dt {
	font-size   : 28px;
	font-weight : bold;
	line-height : 125%;
	margin-bottom: 5px;
}
#Contents3Col #SkiTopContainer ul li dl dt img {
	margin-right: 10px;
	vertical-align: bottom;
}
#Contents3Col #SkiTopContainer ul li dl dd {
	font-size: 1.4em;
	color: #666;
}
#Contents3Col #SkiTopContainer ul li a {
	float: right;
	margin-top:  10px;
	width: 150px;
	zoom: 1;
}
/*-- [ スキーバス詳細 ] ------------------------------------------------------*/
#Contents3Col #SkibusTitle {
	position: relative;
	width: 570px;
	height: 170px;
}
#Contents3Col #SkibusTitle h1 {
	position: absolute;
	width: 570px;
	height: auto;
	margin: 0;
	padding: 0;
	background: none;
	top: 0;
	left: 0;
}

#Contents3Col .SkibusLink {
	position: absolute;
	width: 184px;
	top: 92px;
	right: 0;
}
#Contents3Col .SkibusLink li {
	display: block;
	list-style: none;
	padding: 0 5px;
}
#Contents3Col .SkibusLink li.SkibusPrev {
	float: left;
	background: url(/sightseeing/img-course/bg_line_dot_l.gif) no-repeat 100% 2px;
}
#Contents3Col .NoNext li.SkibusPrev {
	float: right;
	background: none;
}
#Contents3Col .SkibusLink li.SkibusNext {
	float: right;
}
#Contents3Col .SkibusLink li.SkibusPrev a img { padding-left: 10px; background: url(/sightseeing/img/arrow_gray_left.gif) no-repeat left center;}
#Contents3Col .SkibusLink li.SkibusNext a img { padding-right: 10px; background: url(/sightseeing/img/arrow_gray_right.gif) no-repeat right center;}

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

#Contents3Col #SkibusTitle dl {
	position: absolute;
	width: 540px;
	padding-left: 30px;
	background-repeat: no-repeat;
	background-position: left top;
	overflow: hidden;
	top: 90px;
}
#Contents3Col #SkibusTitle dl.niseko  { background-image: url(/sightseeing/img-ski/ski_bg_colorbar_01.gif);}
#Contents3Col #SkibusTitle dl.kokusai { background-image: url(/sightseeing/img-ski/ski_bg_colorbar_02.gif);}
#Contents3Col #SkibusTitle dl.kiroro  { background-image: url(/sightseeing/img-ski/ski_bg_colorbar_03.gif);}
#Contents3Col #SkibusTitle dl.mt      { background-image: url(/sightseeing/img-ski/ski_bg_colorbar_04.gif);}
#Contents3Col #SkibusTitle dl.tengu   { background-image: url(/sightseeing/img-ski/ski_bg_colorbar_05.gif);}

#Contents3Col #SkibusTitle dl dt {
	margin-bottom: 5px;
	color: #999;
	font-size: 1.4em;
}
#Contents3Col #SkibusTitle dl dt img {
	margin-left: 10px;
	vertical-align: top;
}
#Contents3Col #SkibusTitle dl dd {
	font-size   : 28px;
	font-weight : bold;
	line-height : 125%;
	float: left;
	padding: 3px 0;
	margin-right: 10px;
}
#Contents3Col #SkibusTitle dl dd.From {
}
#Contents3Col #SkibusTitle dl dd.To {
	padding-left: 50px;
	background: url(/sightseeing/img-ski/ski_title_arrow.gif) no-repeat left center;
}
/*----------------------------------------------------------------------------*/
#Contents3Col #SkibusBusDate {
	margin-bottom: 15px;
}
#Contents3Col #SkibusBusDate h2 {
	padding: 12px 15px 8px;
	font-size: 1.6em;
	background: url(/sightseeing/img-course/bg_title_line_blue.gif) no-repeat 50% 50%;
}
#Contents3Col #SkibusBusDate p {
	margin: 10px 15px 0;
	font-size: 1.6em;
}
#Contents3Col #SkibusBusDate p.Spring {
	margin: 0 15px;
	font-weight: bold;
	color: #F36;
	font-size: 1.2em;
}
#Contents3Col #SkibusBusDate p.AnotherDate {
	margin: 0 15px;
	font-size: 1.2em;
}

/*----------------------------------------------------------------------------*/
#Contents3Col .Section .InHarfSection h2 {
	margin-bottom: 10px;
	padding: 12px 15px 8px;
	font-size: 1.6em;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#Contents3Col .Section #SkibusTime h2 { background-image: url(/sightseeing/img-course/bg_title_harf_line_blue.gif);}
#Contents3Col .Section #SkibusCost h2 { background-image: url(/sightseeing/img-course/bg_title_harf_line_red.gif);}

#Contents3Col .Section .InHarfSection h3 {
	padding: 5px 10px;
	font-size: 1.4em;
	background-repeat: repeat-x;
	background-position: bottom;
}
#Contents3Col .Section #SkibusTime h3 { background-image:url(/sightseeing/img-course/bg_blueline.gif); color: #06C;}
#Contents3Col .Section #SkibusCost h3 { background-image:url(/sightseeing/img-course/bg_redline.gif); color: #C33;}

#Contents3Col .Section #SkibusTime table {
	width: 280px;
	margin-bottom: 5px;
	padding: 0 0 5px;
	font-size: 1.4em;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x bottom;
}
#Contents3Col .Section #SkibusTime table th {
	padding: 0 7px;
	text-align: left;
}
#Contents3Col .Section #SkibusTime table td {
	padding: 0 7px;
	text-align: right;
	background: url(/sightseeing/img/bg_dot.gif) no-repeat 0 50%;
}
#Contents3Col .Section #SkibusTime ul,
#Contents3Col .Section #SkibusCost ul {
	padding: 0 5px;
	font-size: 1.2em;
	color: #666;
	clear: both;
}
#Contents3Col .Section #SkibusTime ul li,
#Contents3Col .Section #SkibusCost ul li {
	padding-left: 1em;
	text-indent: -1em;
	list-style: none;
}
#Contents3Col .Section #SkibusCost ul {
	padding-top: 5px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x top;
}
/*----------------------------------------------------------------------------*/
#Contents3Col .Section #SkibusCost table {
	width: 100%;
	margin-bottom: 5px;
	border: none;
	font-size: 1.6em;
}
#Contents3Col .Section #SkibusCost table th,
#Contents3Col .Section #SkibusCost table td {
	padding: 5px 10px;
}
#Contents3Col .Section #SkibusCost table th {
	background-color: #ffe1d1;
	font-weight: normal;
	text-align: left;
}
#Contents3Col .Section #SkibusCost table td {
	background-color: #fdf6ef;
}
#Contents3Col .Section #SkibusCost table td.Cost {
	text-align: right;
	color: #F33;
}
/*----------------------------------------------------------------------------*/
#Contents3Col .Section #SkibusCost .CostHarf {
	width: 135px;
	float: left;
}
.CHLeft {
	margin-right: 10px;
}
#Contents3Col .Section #SkibusCost .CostHarf h3 { font-size: 1.2em}
#Contents3Col .Section #SkibusCost .CostHarf table {
	font-size: 1.4em;
}

/*----------------------------------------------------------------------------*/
#Contents3Col #SkibusSchedule {
	margin-bottom: 0;
}
#Contents3Col #SkibusSchedule h3 {
	background-image: url(/sightseeing/img-course/bg_title_line_blue.gif);
}
#Contents3Col #SkibusSchedule h4 {
	width: 530px;
	margin: 0 0 10px 10px;
	padding: 10px;
	font-size: 1.4em;
	color: #FFF;
	background: url(/sightseeing/img-ski/bg_title_schedule_blue.gif) no-repeat 50% 50%;
}
#Contents3Col #SkibusSchedule h4.Return {
	background: url(/sightseeing/img-ski/bg_title_schedule_orange.gif) no-repeat 50% 50%;
}
#Contents3Col #SkibusSchedule table {
	width: 550px;
	margin: 0 10px;
	border: none;
	font-size: 1.2em;
}
#Contents3Col #SkibusSchedule table thead td {
	padding: 3px 5px;
	background-color: #eaeaea;
	text-align: center;
}

#Contents3Col #SkibusSchedule table.KiroroSchedule thead th {
	text-align: center;
	background-color: #666;
	color: #FFF;
}
#Contents3Col #SkibusSchedule table.KiroroSchedule thead th.Go   { background-color: #3399ff;width: 300px;}
#Contents3Col #SkibusSchedule table.KiroroSchedule thead th.Back { background-color: #ff6633;width: 300px;}
#Contents3Col #SkibusSchedule table.KiroroSchedule tbody td {
	padding: 2px 4px;
}
#Contents3Col #SkibusSchedule table.MtGo {
	margin-bottom: 30px;
}
#Contents3Col #SkibusSchedule table tbody th,
#Contents3Col #SkibusSchedule table tbody td {
	padding: 3px 10px;
}
#Contents3Col #SkibusSchedule table tbody th {
	width: 200px;
	padding-left: 60px;
	font-weight: normal;
	text-align: left;
	background-color: #d1e7ff;
	color: #3366cc;
}

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

#Contents3Col #SkibusSchedule table tbody td {
	background-color: #eff4fd;
	color: #333;
	text-align: center;
}
#Contents3Col #SkibusSchedule table tbody td.Winter {
	color: #36C;
}
#Contents3Col #SkibusSchedule ul.Caution {
	margin: 0 10px 30px;
	padding: 10px 15px;
	background-color: #eaeaea;
	font-size: 1.2em;
}
#Contents3Col #SkibusSchedule ul.Caution li {
	list-style: none;
}
#Contents3Col #SkibusSchedule ul.Caution li.StarInfo {
	padding-left: 30px;
	background: url(/sightseeing/img-ski/icon_star.gif) no-repeat left center;
	list-style: none;
}
#Contents3Col #SkibusSchedule table.Return tbody th {
	background-color: #ffe9d1;
	color: #cc6633;
}
#Contents3Col #SkibusSchedule table.Return tbody td {
	background-color: #fff9ed;
}
#Contents3Col #SkibusSchedule table tbody td.ScheduleRoop {
	background-color: #eaeaea;
}

#Contents3Col #SkibusSchedule .ScheduleSec {
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(/sightseeing/img/bg_dot.gif) repeat-x bottom;
}
#Contents3Col #SkibusSchedule .ScheduleSec table thead tr th.ScheduleDate {
	padding: 5px 10px;
	font-size: 1.2em;
	text-align: left;
	background-color: #666;
	color: #FFF;
}
#Contents3Col #SkibusSchedule .ScheduleSec table thead tr th.ScheduleDate.Spring {
	background-color: #F89;
}
#Contents3Col #SkibusSchedule .ScheduleSec ul.Caution {
	margin: 0 10px 0;
}

/*----------------------------------------------------------------------------*/
#Contents3Col #SkibusPackContainer h3 {
	margin: 0 0 30px;
	padding: 0;
	background: none;
}
#Contents3Col #SkibusPackContainer h3#PackTitlePlus {
	margin-bottom: 10px;
	padding-top: 40px;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection {
	margin: 0 10px 20px;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection h4 {
	margin-bottom: 10px;
	padding: 5px 10px;
	font-size: 1.4em;
	background: url(/sightseeing/img-course/bg_blueline.gif) repeat-x bottom;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection h4 img {
	margin-left: 10px;
	vertical-align: top;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection h4 span {
	color: red;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table {
	width: 550px;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr th,
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td {
	padding: 5px 10px;
	font-size: 1.2em;
	border-bottom: #CCC dotted 1px;
	line-height: 1.5;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr th {
	width: 120px;
	padding: 7px 10px 3px;
	background-color: #3399ff;
	vertical-align: top;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td.Cost {
	color: #F33;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td a.Blank {
	padding-right: 20px;
	background: url(/sightseeing/img-ski/ski_icon_blank.gif) no-repeat right center;
	color: #33F;
}

#Contents3Col #SkibusPackContainer ul.SkibusPackInformation,
#Contents3Col #SkibusPackContainer ul.SkibusPackCaution {
	margin: 0 10px;
	padding: 5px 10px;
}
#Contents3Col #SkibusPackContainer ul.SkibusPackInformation {
	margin-bottom: 1px;
	background-color: #edf6ff;
	border: #ccddff solid 1px;
	color: #3333cc;
}
#Contents3Col #SkibusPackContainer ul.SkibusPackCaution {
	background-color: #fff6ed;
	border: #ffddcc solid 1px;
	color: #cc3333;
}
#Contents3Col #SkibusPackContainer ul.SkibusPackInformation li,
#Contents3Col #SkibusPackContainer ul.SkibusPackCaution li {
	text-indent: -1em;
	padding: 2px 0;
	padding-left: 1em;
	list-style: none;
	font-size: 1.2em;
}

#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td table {
	width: auto;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td table tr th,
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td table tr td {
	padding: 2px;
	border: none;
	vertical-align: top;
	text-align: left;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td table tr th {
	width: 80px;
	font-weight: bold;
	background: none;
}
#Contents3Col #SkibusPackContainer .SkibusPackSection table tr td table tr td {
	color: #666;
}

#Contents3Col #SkibusCaution h3 {
	background-image: url(/sightseeing/img-course/bg_title_line_blue.gif);
}
#Contents3Col #SkibusCaution ul {
	margin: 10px;
	font-size: 1.2em;
}
#Contents3Col #SkibusCaution ul li {
	padding: 7px 20px;
	background: url(/sightseeing/img-ski/ski_icon_caution.gif) no-repeat 0 0.5em;
	list-style: none;
}