body {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	font-size: 100%;
	line-height: 1.6em;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #000;
	background-color: #fff;
	background-image: url("./assets/images/backgroundimg.jpg");
	background-repeat: repeat-x;
	}
a {
	color: #00a;
	text-decoration: none;
	}
a:hover {
	color: #a00;
	text-decoration: none;
	}
p.ObjectAlt {
	color: #fff;
	font-size:0;
	margin:0;
	padding:0;
	width:0;
	height:0;
	visibility:hidden;
	line-height:1px;
	}
img {
	border: none;
	}


/* Main Container.
----------------------------------------------- */
#Container {
	margin: 0;
	padding: 0;
	width: 888px;
	margin: 0 auto;
	background-color: #fff;
	}


/* H1 Header
----------------------------------------------- */
h1 {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 29px;
	font-size: 10px;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	color: #fff;
	text-align: left;
	text-indent: 24px;
	font-weight: normal;
	text-decoration: none;
	overflow: hidden;
	background-image: url("./assets/images/h1backimg.gif");
	background-repeat: repeat-x;
	}
h1 a {
	color: #fff;
	text-decoration: none;
	}
h1 a:hover {
	color: #fff;
	text-decoration: none;
	}


/* Header
----------------------------------------------- */
div#HeadArea {
	margin: 0 24px 0 24px;
	padding: 0;
	width: 840px;
	height: 46px;
	}
ul#HeadContent {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
	}
ul#HeadContent li#HeadLogo {
	margin: 0px;
	padding: 9px 0 0 0;
	float: left;
	width: 236px;
	}
ul#HeadContent li#HeadMenuArea {
	margin: 0px;
	padding: 0px 0 0 0;
	float: left;
	width: 273px;
	}

ul#HeadContent li#HeadMenuArea ul#HeadMenu {
	padding: 14px 0 0 0;
	margin: 0;
	width: 273px;						/* リスト全体の幅 */
	height: 15px;						/* リスト全体の高さ */
	list-style: none;					/* リストマークを無しにする */
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_index {
	width: 43px;						/* 項目の幅 */
	height: 15px;						/* 項目の高さ */
	float: left;						/* 各項目を左側から回り込み */
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_index a {
	display: block;						/* リンク範囲をブロックに変換 */
	width: 100%;						/* リンク範囲（幅）をリスト項目範囲全て */
	height: 100%;						/* リンク範囲（高さ）をリスト項目範囲全て */
	background-image: url("./assets/images/headmenuimg.gif");	/* リンク範囲の背景画像設定 */
	background-position: 0px 0px;		/* 背景画像の初期位置 */
	background-repeat:no-repeat;		/* 背景画像繰り返し表示しない */
	text-indent: -1000em;				/* リストの文字を枠外のずらす */
	text-decoration: none;				/* リストの下線を表示しない */
	overflow: hidden;					/* オーバーフローを非表示 */
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_index a:hover, ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_index a.active {
	background-image: url("./assets/images/headmenuimg.gif");	/* マウスが上に来た時の背景画像設定 */
	background-position: 0px -15px;		/* 背景画像の移動 */
	}

ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_sitemap {
	margin-left: 12px;
	width: 76px;
	height: 15px;
	float: left;
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_sitemap a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/headmenuimg.gif");
	background-position: -55px 0px;
	background-repeat:no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	overflow: hidden;
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_sitemap a:hover, ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_sitemap a.active {
	background-image: url("./assets/images/headmenuimg.gif");
	background-position: -55px -15px;
	}

ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_english {
	margin-left: 12px;
	width: 53px;
	height: 15px;
	float: left;
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_english a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/headmenuimg.gif");
	background-position: -143px 0px;
	background-repeat:no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	overflow: hidden;
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_english a:hover, ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_english a.active {
	background-image: url("./assets/images/headmenuimg.gif");
	background-position: -143px -15px;
	}

ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_rss {
	margin-left: 12px;
	width: 52px;
	height: 15px;
	float: left;
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_rss a {
	display: block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/headmenuimg.gif");
	background-position: -209px 0px;
	background-repeat:no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	overflow: hidden;
	}
ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_rss a:hover, ul#HeadContent li#HeadMenuArea ul#HeadMenu li#HMB_rss a.active {
	background-image: url("./assets/images/headmenuimg.gif");
	background-position: -209px -15px;
	}

ul#HeadContent li#SearchTitle {
	margin: 0px;
	padding: 16px 0 0 0;
	float: left;
	width: 83px;
	}

ul#HeadContent li#SearchTitle {
	float: left;
	width: 83px;
	margin: 16px 0 0 0;
	padding: 0px 0 0 0;
	line-height: 0px;
	}
ul#HeadContent li#SearchArea {
	float: left;
	margin: 9px 0 0 0;
	padding: 0 0 0 0;
	width: 235px;
	line-height: 0px;
	}


/*
AjaxSearch
----------------------------------------------- */
#ajaxSearch_form {
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	border: none;
	height: 23px;
	overflow: hidden;
}
.ajaxSearch_intro {
	margin: 0;
	padding: 0;
	visibility: hidden;
	line-height: 0px;
	height: 0px;
	overflow: hidden
	}
#ajaxSearch_form fieldset {
	margin-top: 0px;
	padding: 1px 0px 0px 0px;
	width: 235px;
	border: none;
}
#ajaxSearch_input {
	width: 150px;
	height: 15px;
	padding: 0.1em 0.1em 0.1em 0.1em;
	border: 1px solid #ccc;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	font-size: 12px;
	padding: 3px 0px 0px 0px;
}
#ajaxSearch_submit {
	width: 45px;
	height: 19px;
	border: 1px solid #999;
	font-family: "ＭＳ Ｐゴシック",Osaka,sans-serif;
	margin: 2px 0px 0px 0px;
	padding: 1px 0px 0px 0px;
}
#ajaxSearch_output {
	position: absolute;
	z-index: 9999;
	padding: 5px;
	display: block;
	top: 70px;
	left: 650px;
	width: 200px;
	height: auto;
	background:#fff;
	border: solid 1px #aaa;
	font-size: 10px;
	line-height: 1.2em;
	color: #333
	text-align: left;
}
#ajaxSearch_resultListContainer {
	padding: 0 0 0 10px;
	text-align: left;
}
.ajaxSearch_paging {
}
.ajaxSearch_pagination {
}
.ajaxSearch_result {
}
.ajaxSearch_resultLink {
}
.ajaxSearch_resultDescription {
}
.ajaxSearch_extract {
}
.ajaxSearch_highlight {
	padding: 2px;
	background-color:#ffb;
	color:#a60;
}
.ajaxSearch_resultsIntroFailure {
}
.ajaxSearch_inrto {
}
.AS_ajax_result {
	padding:0 0 0 10px;
	text-align: left;
	text-align: justify;
	text-justify: distribute;
	color: #333
}
.AS_ajax_resultLink {
	font-size: 10px;
	text-decoration: underline;
}
.AS_ajax_resultDescription {
	font-size: 10px;
	text-align: left;
}
.AS_ajax_extract {
	font-size: 10px;
	text-align: left;
}
.AS_ajax_highlight {
	padding: 2px;
	background-color:#ffb;
	color:#a60;
}
.AS_ajax_more {
}
.AS_ajax_resultsIntroFailure {
}


/*
Head Main Menu
----------------------------------------------- */
div#MainMenuArea {
	margin: 0px;
	padding: 0px 0 0 0;
	float: left;
	width: 888px;
	clear: both;
	overflow: hidden;
	}
div#MainMenuArea ul#MainMenu {
	padding: 0 0 0 4px;
	margin: 0 0 0 0px;
	width: 880px;						/* リスト全体の幅 */
	height: 41px;						/* リスト全体の高さ */
	list-style: none;					/* リストマークを無しにする */
	}
div#MainMenuArea ul#MainMenu li {
	margin: 0 2px 0 0;
	width: 145px;						/* 項目の幅 */
	height: 41px;						/* 項目の高さ */
	float: left;						/* 各項目を左側から回り込み */
	}
div#MainMenuArea ul#MainMenu li#MMB_aboutreservation a {
	display:block;						/* リンク範囲をブロックに変換 */
	width: 100%;						/* リンク範囲（幅）をリスト項目範囲全て */
	height: 100%;						/* リンク範囲（高さ）をリスト項目範囲全て */
	background-image: url("./assets/images/mainmenu01.gif");	/* リンク範囲の背景画像設定 */
	background-position: 0px 0px;		/* 背景画像の初期位置 */
	background-repeat: no-repeat;		/* 背景画像繰り返し表示しない */
	text-indent: -1000em;				/* リストの文字を枠外のずらす */
	text-decoration: none;				/* リストの下線を表示しない */
	}
div#MainMenuArea ul#MainMenu li#MMB_aboutreservation a:hover, div#MainMenuArea ul#MainMenu li#MMB_aboutreservation a.active {
	background-position: 0px -41px;		/* 背景画像の移動 */
	}
div#MainMenuArea ul#MainMenu li#MMB_searoute a {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/mainmenu01.gif");
	background-position: -147px 0px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	}
div#MainMenuArea ul#MainMenu li#MMB_searoute a:hover, div#MainMenuArea ul#MainMenu li#MMB_searoute a.active {
	background-position: -147px -41px;
	}
div#MainMenuArea ul#MainMenu li#MMB_fare a {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/mainmenu01.gif");
	background-position: -294px 0px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	}
div#MainMenuArea ul#MainMenu li#MMB_fare a:hover, div#MainMenuArea ul#MainMenu li#MMB_fare a.active {
	background-position: -294px -41px;
	}
div#MainMenuArea ul#MainMenu li#MMB_serviceschedule a {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/mainmenu01.gif");
	background-position: -441px 0px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	}
div#MainMenuArea ul#MainMenu li#MMB_serviceschedule a:hover, div#MainMenuArea ul#MainMenu li#MMB_serviceschedule a.active {
	background-position: -441px -41px;
	}
div#MainMenuArea ul#MainMenu li#MMB_shipintroduction a {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/mainmenu01.gif");
	background-position: -588px 0px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	}
div#MainMenuArea ul#MainMenu li#MMB_shipintroduction a:hover, div#MainMenuArea ul#MainMenu li#MMB_shipintroduction a.active {
	background-position: -588px -41px;
	}
div#MainMenuArea ul#MainMenu li#MMB_embarkationplace {
	margin: 0 0px 0 0;
	}
div#MainMenuArea ul#MainMenu li#MMB_embarkationplace a {
	display:block;
	width: 100%;
	height: 100%;
	background-image: url("./assets/images/mainmenu01.gif");
	background-position: -735px 0px;
	background-repeat: no-repeat;
	text-indent: -1000em;
	text-decoration: none;
	}
div#MainMenuArea ul#MainMenu li#MMB_embarkationplace a:hover, div#MainMenuArea ul#MainMenu li#MMB_embarkationplace a.active {
	background-position: -735px -41px;
	}


/*
BreadCrumbs
----------------------------------------------- */
div#BreadCrumbsArea {
	margin: 0 0 0 24px;
	padding: 5px 0 5px 0;
	width: 840px;
	clear: both;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	z-index: 999;
	}
div#BreadCrumbsArea ul#BreadCrumbs {
	margin: 0;
	padding: 0;
	list-style-type: none;
	clear: both;
	font-size: 0.8em;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
	}
div#BreadCrumbsArea a {
	color: #00b;
	text-decoration: none;
	}
div#BreadCrumbsArea a:hover {
	color: #b00;
	text-decoration: none;
	}


/*
Body Container
----------------------------------------------- */
#BodyContainer {
	clear: both;
	margin: 0;
	padding: 0 24px 10px 24px;
	width: 840px;
	}


/*
Foot Area
----------------------------------------------- */
div#ToTop {
	clear: both;
	text-align: right;
	margin: 0px 24px 0px 0;
	padding: 0;
	font-size: 0.8em;
	}
div.ToTopLink {
	margin: 24px 24px 0px 0px;
	padding: 0px;
	font-size: 0.8em;
	line-height: 1.6em;
	text-align: right;
	}

div#FootArea {
	clear: both;
	margin: 0;
	padding-top: 10px;
	text-align: center;
	width: 888px;
	}
div#FootArea p#FootMenuTop {
	font-size: 0.9em;
	line-height: 1.6em;
	color: #666;
	}
div#FootArea p#FootMenuTop a {
	color: #00a;
	text-decoration: none;
	}
div#FootArea p#FootMenuTop a:hover {
	color: #a00;
	}

div#FootArea {
	clear: both;
	margin: 0;
	padding-top: 10px;
	text-align: center;
	width: 888px;
	}
div#FootArea p#FootMenuTop {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #666;
	font-size: 0.8em;
	line-height: 1.6em;
	}
div#FootArea p#FootMenuTop a {
	color: #00a;
	text-decoration: none;
	}
div#FootArea p#FootMenuTop a:hover {
	color: #a00;
	}

div#FootArea p#FootMenuBottom {
	background-image: url("./assets/images/footback.jpg");
	background-repeat: no-repeat;
	height: 31px;
	width: 888px;
	margin: 10px 0px 0px 0px;
	padding-top: 0px;
	color: #999;
	overflow: hidden;
	font-size: 0.8em;
	}
div#FootArea p#FootMenuBottom a {
	color: #fff;
	text-decoration: none;
	}
div#FootArea p#FootMenuBottom a:hover {
	color: #ff9;
	}

p#Copyrigh {
	margin: 0px 0px 24px 0px;
	pdding: 0px;
	font-size: 0.8em;
	line-height: 1.6em;
	color: #555;
	text-align: left;
	}
p#Copyrigh a {
	color: #555;
	text-decoration: none;
	}
p#Copyrigh a:hover {
	color: #555;
	}