@charset "UTF-8";

/* ==================================================
[Access]
	1. Title
	2. Access
	3. Timetable
	4. Rosario
	5. Shishijima
================================================== */

/* --------------------------------------------------
	1. Title
-------------------------------------------------- */
div#contentInner div.main h1 {
	background: transparent url(../img/access/title.jpg) no-repeat left top;
}


/* --------------------------------------------------
	2. Access
-------------------------------------------------- */
div#contentInner div.main div.access {
	width: 700px;
	height: 60px;
	margin-bottom: 20px;
	padding-top: 520px;
	background: transparent url(../img/access/access.jpg) no-repeat left top;
}

div#contentInner div.main div.access h2 {
	display: none;
}

div#contentInner div.main div.access li {
	float: left;
	padding-left: 27px;
}

div#contentInner div.main div.access li a {
	display: block;
	text-indent: -9999px;
	font-size: 0;
	width: 310px;
	height: 43px;
	text-decoration: none;
}

div#contentInner div.main div.access li a.rosario {
	background: transparent url(../img/access/m_rosario.jpg) no-repeat left top;
}

div#contentInner div.main div.access li a.rosario:hover {
	background: transparent url(../img/access/m_rosario.jpg) no-repeat left -43px;
}

div#contentInner div.main div.access li a.shishijima {
	background: transparent url(../img/access/m_shishijima.jpg) no-repeat left top;
}

div#contentInner div.main div.access li a.shishijima:hover {
	background: transparent url(../img/access/m_shishijima.jpg) no-repeat left -43px;
}


/* --------------------------------------------------
	3. Timetable
-------------------------------------------------- */
div#contentInner div.main div.timetable {
	position: relative;
	width: 675px;
	margin-bottom: 20px;
	padding: 25px 0 20px 25px;
	background: transparent url(../img/access/timetable.gif) repeat left top;
}

div#contentInner div.main div.timetable h2 {
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","Heisei Mincho","MS P明朝","MS PMincho",Serif;
	font-weight: bold;
	font-size: 124%;
	margin: 0 20px 10px 215px;
	padding-left: 5px;
}

div#contentInner div.main div.timetable h3 {
	padding-top: 20px;
}

div#contentInner div.main div.timetable p {
	margin: 0 20px 10px 215px;
}

div#contentInner div.main div.timetable div.image {
	position: absolute;
	left: 25px;
	top: 25px;
	width: 190px;
	height: 155px;
	background: transparent url(../img/shadow_s.png) no-repeat right bottom;
}

div#contentInner div.main div.timetable div.image img {
	border: 5px solid #fff;
}

div#contentInner div.main div.timetable dl.contact {
	width: 390px;
	padding: 10px 20px;
	color: #1f3474;
	margin: 0 20px 10px 215px;
	background: transparent url(../img/access/contact.png) no-repeat left top;
}

div#contentInner div.main div.timetable dl.contact dt {
	margin-bottom: 5px;
	border-bottom: 1px dotted #333;
}

div#contentInner div.main div.timetable dl.contact dd {
	margin-left: 10px;
}

div#contentInner div.main div.timetable table.border {
	border-top: none;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
}

div#contentInner div.main div.timetable table.border caption,
div#contentInner div.main div.timetable table.border th,
div#contentInner div.main div.timetable table.border td {
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: none;
}

div#contentInner div.main div.timetable table.border th.none,
div#contentInner div.main div.timetable table.border td.none {
	border-top: none;
	border-right: none;
}

div#contentInner div.main div.timetable table.border th {
	background: transparent url(../img/access/th_v.jpg) no-repeat left top;
}

div#contentInner div.main div.timetable table.border th.port {
	background: transparent url(../img/access/th_h.jpg) no-repeat left top;
}

div#contentInner div.main div.timetable table.border td {
	text-align: center;
}

div#contentInner div.main div.timetable ul.price {
	margin-left: 10px;
	padding-top: 10px;
}

div#contentInner div.main div.timetable dl.price {
	margin-left: 20px;
}

div#contentInner div.main div.timetable dl.price dd {
	margin-left: 20px;
}

div#contentInner div.main div.timetable div.pagetop {
	padding: 20px 0 0 570px;
}


/* --------------------------------------------------
	4. Rosario
-------------------------------------------------- */
div#contentInner div.main #rosario h2 {
	color: #256b99;
	border-left: 5px solid #256b99;
}


/* --------------------------------------------------
	5. Shishijima
-------------------------------------------------- */
div#contentInner div.main #shishijima h2 {
	color: #ea811d;
	border-left: 5px solid #ea811d;
}