.krabi-topic {
	font-weight: bold;
	color: #009FD6;
	margin: 18px 0 3px 0;
}
.krabi-topic a {
	font-weight: bold;
	color: #009FD6;
}

.krabi-subtopic {
	color: #E68A00;
	font-weight:bold;
}
.krabi-icon {
	background: url('imgkrabi/icon_arrow.gif') no-repeat left;
	padding: 0 20px 0 15px;
}
.map-topic {
	color: #FF0000;
	font-weight: bold;
}
.map-subtopic {
	color: #009FD6;
	font-style:oblique;	
}
.krabi-imgright {
	float: right;
	padding-left: 10px;
}
.krabi-imgleft {
	float: left;
	padding-right: 10px;
}
.table-distance {
	width: 400px;
	padding:2px;
	margin:auto;
}
.table-distance th {
	color:#FFFFFF;
	background-color:#009FD6;
	text-align:center;
}
.table-distance td {
	background-color:#FFFFCC;
	padding: 0 5px 0 20px;
}
.table-ferry {
	width:290px;
	border:1px solid #808080;
}
.table-ferry th {
	padding:2px;
	font-size: x-small;
	color:#FFFFFF;
	background-color:#009ED6;
}
.table-ferry td {
	font-size:x-small;
	text-align:center;
}
.bg-color1 {
	background-color:#8CE3FF;
}
.bg-color2 {
	background-color: #FFFFDE;
}
.bg-color3 {
	background-color: #FFDFAE;
}
.bg-color4 {
	background-color: #FCFDCC;
}
.table-boat {
	width: 600px;
	margin:auto;

}
.table-boat th {
	background-color:#009ED6;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
.table-boat td {
	padding: 0 5px 0 12px;
	background-color: #FFFFD7;
	border-bottom: 1px #999999 dotted;
}
.tb-weater {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 94%;
}
.tb-weater td {
	padding: 2px;
	text-align: center;
	color: #000000;
}