/*┌──────────────────────────────────────
/*│  汎用スタイルシート 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
/*└─────────────────────────────────────*/

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

/*-- [ コンテンツ ] ----------------------------------------------------------*/
/* Container */

a, a:link {
	text-decoration : none;
	color           : #006699;
}
a:visited {
	text-decoration : none;
	color           : #006699;
}
a:focus, a:hover, a:active {
	text-decoration : none;
	color           : #006699;
}

.blue { color : #0000ff; }
h1 {
	margin  : 0px auto;
	display : block;
	width  : 760px;
	line-height  : 1.5em;
	margin-top : 10px;

}

h1 span { display : none; }
h1#TitModelCourse { 
	height : 120px;
	background-image: url(img/tit_model.jpg); 
}

#Introduce ,#Breadcrumb {
	margin  : 0px auto; 
	width  : 760px;
}
#Introduce ol {
	margin-left  : 50px; 
}
#Introduce p {
	margin-bottom : 10px;
}

h2 { 
	width  : 755px;
	height : 25px;
	font-size  : 18px;
	color : #FFFFFF;
	padding    : 8px 0 0 5px;
	/*background : url(../img/h_bg.jpg) top left no-repeat;*/
	background : #001D4D;
	margin-right  : -10px;
	margin-bottom : 10px;
 }

h3 { 
	display:inline;
	font-size  : 16px;
	color : #ff0000;
}

#Topic{
	width  : 600px;
	float       : left;
}

#Goto{
	width  : 160px;
	float       : left;
}

#HighwayHead{
	width  : 600px;
	float       : left;
}

#Benefit{
	width  : 160px;
	height : 180px;
	float       : left;
	text-align : center;
}

#Benefit a {
	display:block;
	margin : 125px 25px 25px 25px;
	width  : 110px;
	height : 30px;
}

#WinterFestival {
	margin-bottom : 20px;
}
#SnowFes {
	float       : left;
}

#Yukiakari {
	float       : left;
	margin-left : 10px;
}

#Introduce ol {
	font-size  : 16px;
}
#Introduce ol li {
	margin  : 10px 0;
}

#Passcard, #Shuttle, #Sightseeing, #Makitarou, #Consult,
#ToOtaru, #Event, #HCBEvent, #Etc {
	margin-bottom : 20px;
}
#Contents1Col table {
	width  : 760px;
}


#Contents1Col table table {
	width  : 600px;
	border-collapse : collapse;
	border : solid 1px;
	margin-bottom : 20px;
}
#Contents1Col table table th, #Contents1Col table table td {
	border : 1px solid #333333;
}

#Contents1Col table table th.Arrow {
	width  : 10px;
}
#Contents1Col table table th.Hour {

	width  : 20px;
}
table.TblCtr th, table.TblCtr td {
	text-align : center;
}

.OtaTimeTbl th, .OtaTimeTbl td { font-size : 10px;	font-weight: normal; }
.TblHdrWkd { background-color : #CCC;}
.TblHdrHol {
	background-color : #FFCCCC;
}
.TblYlw {
	background-color : #FFFF66;
}

#Contents1Col th, #Contents1Col td {
	padding  : 5px;
	vertical-align: top;
}
#Contents1Col th {
	width  : 120px;
}

#Contents1Col li {
	list-style: none;
}

#Contents1Col li dfn {
	font-style: normal;
}

/* SnowFes */


/* Yukiakari */

#Etc ul {
	margin-left  : 50px; 
}

#MapShuttleOdori {
	width  : 600px;
	height : 400px;
	margin-bottom : 20px;
}
#MapShuttleTudome {
	width  : 600px;
	height : 400px;

}
#MapShuttleSakaemachi {
	width  : 600px;
	height : 400px;
}
#MapShuttleAzabu {
	width  : 600px;
	height : 400px;
}

#MapMakitarou {
	width  : 600px;
	height : 400px;
}
#MapConsult {
	width  : 600px;
	height : 400px;
}
#MapFromSapporo {
	width  : 600px;
	height : 400px;
	margin-bottom : 20px;
}
#MapFromOtaru {
	width  : 600px;
	height : 400px;
}
#MapRoman {
	width  : 600px;
	height : 400px;
}
#MapYakei {
	width  : 600px;
	height : 400px;
}

/* Footer */

.Loading {
	width        : 100%;
	height       : 100%;
	text-align   : center;
}
.Loading div {
	background   : url('../img/ldg16x16.gif') no-repeat;
	width        : 16px;
	height       : 16px;
	position     : relative;
	top          : 50%;
	margin-top   : -8px;
	margin-right : auto;
	margin-left  : auto;
}
.Loading div span { display : none; }

a.Rev:focus, a.Rev:hover, a.Rev:active {
	text-decoration : underline;
	color : #FFFFFF;
}

#TopTengu {
	float : left;
	width  : 393px;
	height : 490px;
}

#TopLink {
	width  : 357px;
	height : 490px;
	float : right;
}

#TopLink ul li {
	list-style: none;
	
}

.CoursePhoto{
	float : left;
	width  : 297px;
	height : 222px;
}

.CourseText{
	font-size : 16px;
	float : left;
	padding : 10px;
	width  : 443px;
	height : 202px;
}

#Course {
	float : left;
	width  : 380px;
	padding-bottom : 20px;
}



#Course table{
	width  : 380px;
	border-collapse : collapse;
	border : none;
}
#Course table th, #Course table td {
	border : none;
}
#Course table th {
	width  : 90px;
	vertical-align: middle;
}
#Course table tr.RowBus th, #Course table tr.RowBus td {
	background-color : #6CDFEC;
}
#Course table tr.RowWalk th, #Course table tr.RowWalk td {
	background-color : #FFFF66;
}
#Course table tr.RowBus td, #Course table tr.RowWalk td {
	font-size : 16px;
}

#Map {
	padding-top : 50px;
	float : right;
	width  : 360px;
}
#TimeTable table th {
	width : 250px;
	text-align   : left;
}
#TimeTable table table {
	border-collapse : collapse;
	border : solid 1px;
	/*width : 300px;*/
}
#TimeTable table table th {
	text-align   : center;
}

#TimeTable table a {
	padding : 0;
}

#TimeTable table, #TimeTable table th, #TimeTable table td{
	border : solid 1px;
}
#TimeTable table table th, #TimeTable table table td {
	border : 1px solid #333333;
	line-height  : 125%;
}

#Set, #TimeTable {
	margin-bottom :20px;
}

#Set table th {
	text-align   : left;
}

#Set table, #Set table th, #Set table td{
	border : solid 1px;
}
#Set table ul li {
	list-style: disc inside;
}
#Set a {font-size:16px;}

#Course a, #TimeTable a {
	text-decoration : underline;
}

#TimeTable table {
	/*width  : 600px;*/
	border-collapse : collapse;
	border : solid 1px;
	margin-bottom : 20px;
}
#TimeTable table th, #TimeTable table td {
	border : 1px solid #333333;
}
/*----------------------------------------------------------------------------*/