@charset "UTF-8";
/* CSS Document */

/* common
---------------------------------------------------------------------- */

html,
body {
	margin: 0;
	padding: 0;
}
div,p,
ul,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6
a,img { 
   margin: 0;
   padding: 0;
}
body {
	background: url(img/back_base.gif);
	font-family: 'MS PGothic',Arial,Verdana,Helvetica;
	font-size: 11px;
	color: #666;
	text-align: center;
}
a {
	color: #999999;
	text-decoration: none;
}


#container {
	width: 793px;
	position: relative;
	margin: 0 auto;
	padding: 0 0 7px 0;
	background: url(img/back_bottom.jpg) no-repeat bottom center;
}


#contentsBg {
	width: 785px;
	padding: 0 4px 0 4px;
	background: url(img/back_side.jpg) repeat-y;
}


#contents {
	width: 785px;
	background-color: #FFF;
}


#header {
	width: 785px;
	height: 45px;
	margin-bottom: 3px;
	background: url(img/header.jpg) no-repeat;
}
#header h1 {
	float: left;
	width: 100px;
	height: 45px;
	text-indent: -9999px;
	overflow: hidden;
}
#header ul {
	float: right;
	width: 259px;
	margin-top: 21px;
	list-style-type: none;
}
#header ul li {
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
#header ul li a {
	height: 15px;
	display: block;
}
#header ul li a.headerJp {
	width: 60px;
	background: url(img/header_jp.jpg) no-repeat;
}
#header ul li a.headerEn {
	width: 73px;
	background: url(img/header_en.jpg) no-repeat;
}
#header ul li a.headerKr {
	width: 59px;
	background: url(img/header_kr.jpg) no-repeat;
}
#header ul li a.headerSc {
	width: 67px;
	background: url(img/header_sc.jpg) no-repeat;
}
#header ul:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #header ul {
	height: 1em;
	overflow: visible;
}
#header:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #header {
	height: 1em;
	overflow: visible;
}


#maincontents {
	width: 785px;
	background: url(img/menu_bg.jpg) repeat-y;
}
#maincontents:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #maincontents {
	height: 1em;
	overflow: visible;
}


#main {
	float: right;
	width: 604px;
	padding: 4px 8px 7px 7px;
	text-align: left;
}
#main h2 {
	width: 604px;
	height: 40px;
	margin-bottom: 20px;
	text-indent: -9999px;
	overflow: hidden;
}
#main h2.tiFerry {
	background: url(img/title.jpg) no-repeat 0 0;
}
#main h2.tiFare {
	background: url(img/title.jpg) no-repeat 0 -40px;
}
#main h2.tiTimetable {
	background: url(img/title.jpg) no-repeat 0 -80px;
}
#main h2.tiTicket {
	background: url(img/title.jpg) no-repeat 0 -120px;
}
#main h2.tiAccess {
	background: url(img/title.jpg) no-repeat 0 -160px;
}
div.mainFrame {
	width: 564px;
	min-height: 500px;
	height: auto !important;
	height: 500px;
	margin: 0;
	padding: 0 20px 20px 20px;
}
ul.mainExp {
	clear: both;
	margin: 10px 0 0 20px;
	font-size: 13px;
}


#side {
	float: left;
	width: 165px;
	text-align: left;
}
ul.sideMenu {
	width: 165px;
	list-style-type: none;
}
ul.sideMenu li {
	text-indent: -9999px;
	overflow: hidden;
}
ul.sideMenu li a {
	width: 165px;
	height: 35px;
	display: block;
}
ul.sideMenu li a.sideHome {
	height: 39px;
	background: url(img/menu.jpg) no-repeat 0px 0px;
}
ul.sideMenu li a.sideHome:hover, ul.sideMenu li a.sideHomeOn {
	height: 39px;
	background: url(img/menu.jpg) no-repeat -165px 0px;
}
ul.sideMenu li a.sideFerry {
	background: url(img/menu.jpg) no-repeat 0px -39px;
}
ul.sideMenu li a.sideFerry:hover, ul.sideMenu li a.sideFerryOn {
	background: url(img/menu.jpg) no-repeat -165px -39px;
}
ul.sideMenu li a.sideFare {
	background: url(img/menu.jpg) no-repeat 0px -74px;
}
ul.sideMenu li a.sideFare:hover, ul.sideMenu li a.sideFareOn {
	background: url(img/menu.jpg) no-repeat -165px -74px;
}
ul.sideMenu li a.sideTime {
	background: url(img/menu.jpg) no-repeat 0px -109px;
}
ul.sideMenu li a.sideTime:hover, ul.sideMenu li a.sideTimeOn {
	background: url(img/menu.jpg) no-repeat -165px -109px;
}
ul.sideMenu li a.sideTicket {
	background: url(img/menu.jpg) no-repeat 0px -144px;
}
ul.sideMenu li a.sideTicket:hover, ul.sideMenu li a.sideTicketOn {
	background: url(img/menu.jpg) no-repeat -165px -144px;
}
ul.sideMenu li a.sideAccess {
	background: url(img/menu.jpg) no-repeat 0px -179px;
}
ul.sideMenu li a.sideAccess:hover, ul.sideMenu li a.sideAccessOn {
	background: url(img/menu.jpg) no-repeat -165px -179px;
}
ul.contact {
	/*margin: 30px 10px 30px 10px;*/
	margin: 10px 10px 10px 10px;
	list-style-type: none;
}
ul.contact li.contactName {
	width: 145px;
	margin-bottom: 5px;
	/*border-bottom: 1px solid #999999;*/
	padding-bottom: 3px;
}
ul.contact li {
	width: 145px;
}


#footer {
	clear: both;
	width: 785px;
	position: relative;
	margin: 0 auto;
	padding: 5px 0 10px 0;
	font-size: 12px;
	text-align: center;
}



/* index.html
---------------------------------------------------------------------- */

.indexImage {
	width: 604px;
	height: 902px;
	background: url(img/index_img.jpg) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}



/* ferry.html
---------------------------------------------------------------------- */

.ferryImage {
	position: relative;
	width: 564px;
	height: 345px;
	background: url(img/ferry_img.jpg) no-repeat;
	color: #333;
}
.ferryImage ul {
	position: absolute;
	top: 20px;
	left: 20px;
	font-size: 15px;
	list-style-type: none;
}
.ferryImage ul li {
	float: left;
	width: 160px;
	padding: 10px 10px 0 10px;
}
.ferryImage ul li.ferryTime {
	float: left;
	width: 165px;
	margin: 0;
	padding: 40px 0 0 0;
	color: #1D2089;
	text-align: center;
	font-size: 13px;
}
ul.ferryTrip {
	clear: both;
	top: 245px;
}



/* fare.html
---------------------------------------------------------------------- */

.fareTable {
	width: 564px;
	background-color: #999;
	font-size: 15px;
	color: #333;
}
.fareTable td {
	padding: 10px;
	text-align: center;
}
.fareTable td.fareTitle {
	background-color: #8C8C8C;
	color: #FFF;
}
.fareTable td.fareConW {
	background-color: #FFF;
}
.fareTable td.fareConG {
	background-color: #E1E1E1;
}
.fareTable td.fareCom {
	width: 250px;
}
.fareTable span {
	font-size: 17px;
	font-weight: bold;
}
.farechart {
margin: 10px 0 20px 5px;
list-style-position: inside;
}
.farePeriod {
margin-bottom: 10px;
font-size: 140%;
}

p.link{
	font-size:18px;
	color:#F00;
	margin-bottom:10px;
	}
	
p.link a{
		color:#F00;
		border-bottom:solid 1px;
	}
	
.pdf img{
	margin-right:7px;
}


/* timetable.html
---------------------------------------------------------------------- */

#timeFrame {
	width: 564px;
}
#timeFrame:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
* html #timeFrame {
	height: 1em;
	overflow: visible;
}
.timeTable {
	float: left;
	width: 274px;
	background-color: #999;
	font-size: 15px;
	color: #333;
}
.timeTableR {
	float: left;
	width: 274px;
	margin-left: 15px;
	background-color: #999;
	font-size: 15px;
	color: #333;
}
#timeFrame td {
	width: 69px;
	padding: 10px;
	text-align: center;
}
#timeFrame td.timeTitle {
	min-height: 75px;
	height: auto;
	height: 75px;
	background-color: #8C8C8C;
	color: #FFF;
	font-size: 12px;
}
#timeFrame td.timeConW {
	background-color: #FFF;
}
#timeFrame td.timeConG {
	background-color: #E1E1E1;
}



/* ticket.html
---------------------------------------------------------------------- */

#ticketFrame {
	width: 564px;
	padding-bottom: 10px;
}
#ticketFrame h3 {
	width: 564px;
	height: 23px;
	margin-bottom: 2px;
	text-indent: -9999px;
	overflow: hidden;
}
#ticketFrame h3.ticketTiKan {
	background: url(img/ticket_sub_kan.gif) no-repeat 0 0;
}
#ticketFrame h3.ticketTiKob {
	background: url(img/ticket_sub_kob.gif) no-repeat 0 0;
}
#ticketFrame p.ticketImgKan {
	padding-bottom: 20px;
}


/* access.html
---------------------------------------------------------------------- */

.accImage {
	width: 564px;
	height: 965px;
	background: url(img/access_map.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}