body {
	margin: 0;
	color:#444;
	text-align: center;
	font-family: Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	background: #fff url(./images/bg0.gif) repeat-y center top;
}

a:link		{ color:#03c; text-decoration:none; }
a:visited	{ color:#03c; text-decoration:none; }
a:active	{ color:#6f6; text-decoration:none; }
a:hover		{ color:#f60; text-decoration:underline; }


h1,
h2	{
	color:#06c; letter-spacing:0.1em; text-align:left;
	border-bottom:4px solid #399;
}

h3 {
	padding:8px;
	color:#fff; font-size:14px; line-height:1.2; letter-spacing:0.5em; text-align:left;
	background-color:#99b; border:1px solid #669; border-left:8px solid #669;
}

h4 {
	padding:0.5em;
	color:#333; line-height:1.2; letter-spacing:0.3em;
	background-color:#fff;
	border-width:0 0 0 3px; border-style:solid; border-color:#9c6;
}
h4 span {	color:#36c; font-size:0.9em; letter-spacing:0; }

.link	{ padding-bottom:1em; vertical-align:top; }
.link a	{ padding-left:18px; font-size:1.2em; font-weight:bold; background: url(./images/arrow14x14.gif) no-repeat 0px 2px; }
.blk	{ color:#000; }

.link2	{ padding-bottom:1em; vertical-align:top; }
.link2 a	{ padding-left:21px; font-size:1.0em; }

/*-----------------------------------------------------------------*/
table.solid			{ margin:1em 0; font-size:1em; border-collapse:collapse; border:1px solid #abc; }
table.solid tr		{ font-size:1.0em; line-height:1.3; }
table.solid tr.d	{ text-align:center; background-color:#f0f0f0; }
table.solid tr.l	{ text-align:left;  }
table.solid tr.r	{ text-align:align; }
table.solid tr.ng	{ color:#666; text-decoration:line-through; background-color:#f8f8f8; }
table.solid th		{ padding:0.5em 0.8em; border: 1px solid #abc; }
table.solid td		{ padding:0.5em 0.8em; border: 1px solid #abc; }
table.solid td.d	{ white-space:nowrap; text-align:center; vertical-align:top; background-color:#f0f0f0; }

table.solid td.bus1	{ color:#039; font-family:Helvetica; font-weight:bold; background-color:#def; }
table.solid td.bus1 a	{ padding-left:18px; font-size:1.2em; background: url(./images/arrow14x14.gif) no-repeat 0px 2px; }
table.solid td.bus1	span	{ color:#f00; font-weight:normal; }
table.solid td.bus2	{ color:#060; font-family:Helvetica; background-color:#efd; }
table.solid td.bus3	{ color:#f60; font-family:Helvetica; background-color:#ffc; }
table.solid td.bus3	span	{ color:#d00; }
table.solid td.bus4	{ color:#f00; font-family:Helvetica; background-color:#fdd; }

/*-----------------------------------------------------------------*/
table.noline		{ margin:1em 0; border-collapse:collapse; }
table.noline tr		{ font-size:0.9em; line-height:1.3; }
table.noline th		{ padding:0.5em 0em 0.5em 0.8em; vertical-align:top; letter-spacing:0.1em; }
table.noline td		{ padding:0.5em 0em 0.5em 0.8em; vertical-align:top; }
table.noline td.d	{ white-space:nowrap; text-align:center; background-color:#f0f0f0; }
table.noline td.e	{ padding:0.5em 0.8em; white-space:nowrap; text-align:center; background-color:#f0f0f0; border-bottom:2px solid #fff; }

/*-----------------------------------------------------------------*/
table.tmtble		{ margin:1em 0; }
table.tmtble tr		{ font-size:0.9em; line-height:1.3; }
table.tmtble th		{ padding:0.3em 0.5em; letter-spacing:0.1em; }
table.tmtble td		{ padding:0.3em 0.5em; color:#900; background-color:#ffd; }
table.tmtble td.c	{ color:#fff; font-weight:bold; background-color:#ac7; }
table.tmtble td.d	{ color:#090; white-space:nowrap; text-align:center; vertical-align:top; background-color:#efd; }
table.tmtble span	{ color:#f00; }


/*-----------------------------------------------------------------*/
table.elist			{ margin:1em 0; border-collapse:collapse; border:1px solid #999; }
table.elist tr		{ font-size:0.9em; line-height:1.3em; }
table.elist tr.d	{ color:#fff; font-size:0.8em; text-align:center; background-color:#999; }
table.elist tr.ok	{ background-color:#e0f0ff; }
table.elist tr.ng	{ color:#888; text-decoration:line-through; background-color:#f8f8f8; }
table.elist th		{ padding:0.3em 1em; text-align:center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.elist td		{ padding:0.3em 1em; text-align:center; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
table.elist td.d	{ white-space:nowrap; background-color:#f0f0f0; }
table.elist td.r	{ color:#c66; font-weight:bold; text-decoration:none; }
table.elist td.g	{ color:#68c; font-weight:bold; text-decoration:none; }


/*-----------------------------------------------------------------*/
.p10 {	font-size:10px;	line-height:1.4em; }
.p12 {	font-size:12px;	line-height:1.4em; }
.p13 {	font-size:13px;	line-height:1.4em; }
.p14 {	font-size:14px;	line-height:1.4em; }
.p16 {	font-size:16px;	line-height:1.4em; }
.p18 {	font-size:18px;	line-height:1.4em; }
.p24 {	font-size:24px;	line-height:1.4em; }
.p48 {	font-size:48px;	line-height:1.4em; }

.ttle	{ color:#039; font-size:1.1em; font-weight:bold; }
.ttle a	{ padding:2px; padding-left:18px; font-weight:bold; background: url(./images/arrow14x14.gif) no-repeat 0% 50%; }
.date	{ padding:0 8px; color:#393; font-size:12px; font-family:Tahoma; }

.bb		{ color:#039; font-weight:bold; line-height:1.3; }
.url	{ color:#393; font-size:0.9em; line-height:1.3; }
.red	{ color:#c00; font-size:0.9em; line-height:1.3; }
.orange	{ color:#f60; }
.green	{ color:#393; }
.egreen	{ color:#396; }
.c00	{ color:#c00; }

.b		{ font-size:1.1em; line-height: 1.3; font-weight: bold; }
.small	{ font-size:0.9em; line-height: 1.3; }

.dotline {
	padding: 4px;
	font-size:0.9em;
	line-height: 1.2em;
	border-top: 1px dotted #ccc;
}

.dotline2 {
	padding: 4px;
	line-height: 1.2em;
	border-top: 1px dotted #ccc;
}

.ybox	{ margin:0; padding:1em; color:#543; text-align:center;  background-color:#ffd;	border: 1px solid #c30; }

.rbox	{ margin:0; padding:0.2em 0.5em; color:#fff; font-size:0.8em; background-color:#c66; }
.gbox	{ margin:0; padding:0.2em 0.5em; color:#fff; font-size:0.8em; background-color:#9c6; }
.bbox	{ margin:0; padding:0.2em 0.5em; color:#fff; font-size:0.8em; background-color:#68c; }

.rbox2	{ margin:0; padding:0.3em 0.5em; color:#fff; background-color:#c00; }
.gbox2	{ margin:0; padding:0.3em 0.5em; color:#fff; background-color:#9c6; }
.bbox2	{ margin:0; padding:0.3em 0.5em; color:#fff; background-color:#68c; }

.thumb {
	margin: 0px 8px;
	padding: 4px;
	border: 1px solid #ccc;
	background-color:#fff;
}

.pdf {
	padding:3px;
	padding-left:20px;
	background: url(./images/pdf.gif) no-repeat left center;
}

.pdfb {
	padding:3px;
	padding-right:20px;
	background: url(./images/pdf.gif) no-repeat right center;
}

.pdf_big {
	padding:8px;
	padding-left:50px;
	font-size:24px;line-height:1.8; font-weight: bold;
	background: url(./images/pdf50.jpg) no-repeat left center;
}


.uline {
	padding: 8;
	border-bottom: 1px dotted #ccc;
}

.nwin	{ padding-right:20px; background:transparent url(./images/arrow_new.gif) no-repeat right center; }

/*--インフォメーション・ヘッドライン------------------------------*/
.info		{ /* padding:1em 0.5em; */ }
.info_ttl	{ color:#039; font-size:1.1em; font-weight:bold; }
.info_ttl a	{ padding-left:18px; font-weight:bold; background: url(./images/arrow14x14.gif) no-repeat 0px 2px; }
.info_ttl span	{ padding-left:8px; color:#393; font-size:13px; font-weight:normal; }
.headline	{ margin-bottom:0.5em; padding:0.1em;
	color:#360; font-weight:bold; border-bottom:1px dashed #ccc; }

/*--画像関連-------------------------------------------------------*/
div.mask_s	{ width:50px;  height:50px;  background-color:#ccc; overflow:hidden; }
div.mask_m	{ width:100px; height:100px; background-color:#ccc; overflow:hidden; }
div.mask_l	{ width:125px; height:125px; background-color:#ccc; overflow:hidden; }

.phbox_r	{ float:right; margin:0 0 2em 1em; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; background-color:#fff; border:1px solid #ccc; }

.phbox_nr	{ float:right; margin:0 0 2em 1em; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; }

.phbox_l	{ float:left; margin:0 1em 2em 0; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; background-color:#fff; border:1px solid #ccc; }

.phbox_nl	{ float:left; margin:0 1em 2em 0; padding:0.4em; text-align:center;
	 color:#666; font-size:0.8em; line-height:1.3; }

.phbox_c	{ color:#666; font-size:0.8em; line-height:1.3; text-align:center; background-color:#fff; border:1px solid #ccc; }
.phbox_nc	{ color:#666; font-size:0.8em; line-height:1.3; text-align:center; }

/* IE Mac only \*//*/
.phbox_r	{ width:100px; }
.phbox_nr	{ width:100px; }
.phbox_l	{ width:100px; }
.phbox_nl	{ width:100px; }
/* */



/*-- マップ関連 20090317 Update ----------------------
<area shape="rect" coords="392,327,705,372" href="s001.html" alt="ニューピリカ号〜釧路湿原・摩周湖・阿寒湖を巡る１日コース" />
<area shape="rect" coords="392,384,705,429" href="s002.html" alt="くしろ湿原一周号〜釧路湿原の魅力いっぱいの半日コース" />
<area shape="rect" coords="392,441,705,486" href="s003.html" alt="ノロッコ号とバスでのくしろ湿原めぐり〜日本一おそ〜い列車とバスで" />
<area shape="rect" coords="392,498,705,543" href="s004.html" alt="知床ウトロ号〜阿寒・知床国立公園めぐり" />
<area shape="rect" coords="392,555,705,600" href="s005.html" alt="阿寒号〜阿寒・知床国立公園めぐり" />
<area shape="rect" coords="392,612,705,657" href="s006.html" alt="阿寒摩周国立公園線〜阿寒国立公園を一周するパノラマコース" />
------------------------------------------------------ */
a.s01	{ display:block; position:relative; left:392px; top:441px; width:313px; height:45px; }
a.s02	{ display:block; position:relative; left:392px; top:453px; width:313px; height:45px; } /* top +12 */
a.s03	{ display:block; position:relative; left:392px; top:465px; width:313px; height:45px; }
a.s04	{ display:block; position:relative; left:392px; top:477px; width:313px; height:45px; }

a.s01	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -441px; }
a.s02	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -498px; }
a.s03	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -555px; }
a.s04	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -612px; }

a:hover.s01	{ background: url(./sightse/maps/map728a.jpg) no-repeat -392px -441px; }
a:hover.s02	{ background: url(./sightse/maps/map728a.jpg) no-repeat -392px -498px; }
a:hover.s03	{ background: url(./sightse/maps/map728a.jpg) no-repeat -392px -555px; }
a:hover.s04	{ background: url(./sightse/maps/map728a.jpg) no-repeat -392px -612px; }

a.w01	{ display:block; position:relative; left:392px; top:498px; width:313px; height:45px; }
a.w02	{ display:block; position:relative; left:392px; top:510px; width:313px; height:45px; } /* top +12 */
a.w03	{ display:block; position:relative; left:392px; top:522px; width:313px; height:45px; }

a.w01	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -498px; }
a.w02	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -555px; }
a.w03	{ background: url(./sightse/maps/spacer.gif) no-repeat -392px -612px; }

a:hover.w01	{ background: url(./sightse/maps/map728_w0a.jpg) no-repeat -392px -498px; }
a:hover.w02	{ background: url(./sightse/maps/map728_w0a.jpg) no-repeat -392px -555px; }
a:hover.w03	{ background: url(./sightse/maps/map728_w0a.jpg) no-repeat -392px -612px; }


/*--xfade2.js------------------------------------------------------*/
#xfade_imageContainer {
	float:left;
	position:relative;
	padding-bottom:1em;
	width:560px; /*画像の横幅*/
	height:250px; /*画像の縦幅*/
	/*border:1px solid #000; /*画像のまわりのボーダー*/
	overflow:hidden;
}

#xfade_imageContainer img {
	display:none;
	position:absolute;
	top:0; left:0;
}

/*-----------------------------------------------------------------*/
#wrapper {
	width: 808px;
	margin: 0 auto;
}

/*-----------------------------------------------------------------*/
#header {
	height:110px; margin:0 auto;
	background: #9d4 url(./images/header.jpg) no-repeat center top;
}

#tab	{ position: relative; left:0px; top:-26px; height:26px; }
#tab ul	{ margin:0 0 0 100px; padding:0; list-style-type:none; }
#tab li	{ float:left; width:90px; height:26px; margin-right:8px;
	font-size:12px; line-height:2; text-align:center; font-weight:bold;
	background: url(./images/tab1.jpg) no-repeat center top; }
#tab li.hit	{ background: url(./images/tab2.jpg) no-repeat center top; }
#tab a		{ color:#fff; }
#tab a:hover{ color:#fc0; }

#pankz {
	position: relative; left:0px; top:-26px;
	height:27px;
	color:#fff; font-size:12px; line-height:2.4; text-align:left;
	background: url(./images/pankz.jpg) repeat-x center top;
}
#pankz a	{ padding:0 0.5em; color:#fff; }

/*-----------------------------------------------------------------*/
#content {
	width: 728px;
	margin: 1em auto;
	font-size:0.9em;
	line-height: 1.4;
	text-align: left;
}

#main {
	float: left;
	width: 560px;
}

#sidebar {
	float: right;
	width: 150px;
	line-height: 1.3;
	text-align: center;
}

#menu ul	{ margin:0; padding:0; list-style-type:none; }
#menu li	{ margin-bottom:1em; text-align:left; font-weight:bold; background-color:#7a5; border:1px solid #463; }
#menu a 	{ display:block; margin:4px; padding:4px 8px; color:#fff; border-left:3px solid #463; }
#menu a:hover	{ color:#fff; text-decoration:none; background-color:#463; }
#menu li.hit	{ background-color:#c96; border:1px solid #933; }
#menu li.hit a 	{ border-left:3px solid #933; }
#menu li.hit a:hover	{ color:#fff; text-decoration:none; background-color:#933; }
#menu span		{ color:#fc0; font-size:0.9em; font-family:Arial; }


/*-----------------------------------------------------------------*/
#footer {
	clear: both;
	width:728px; height:30px; margin: 32px auto 0;
	color:#999; font-size:12px; line-height:2.4; font-family:Arial; text-align:right;
	background:#fff url(./images/footer.gif) no-repeat top center;
}
#footer a	{ padding-right:1em; color:#fff; }