@charset "UTF-8";

/*======================================

	info_h2
	
=======================================*/

#main h2#infoIndex { background: url(../info/images/index_h2.gif) no-repeat; }
#main h2#infoService { background: url(../info/images/service_h2.gif) no-repeat; }
#main h2#infoMapTime { background: url(../info/images/maptime_h2.gif) no-repeat; }
#main h2#infoPrice { background: url(../info/images/price_h2.gif) no-repeat; }
#main h2#infoLine { background: url(../info/images/line_h2.gif) no-repeat; }
#main h2#infoCharter { background: url(../info/images/charter_h2.gif) no-repeat; }
#main h2#infoWheelchair { background: url(../info/images/wheelchair_h2.gif) no-repeat; }
#main h2#infoReserve { background: url(../info/images/reserve_h2.gif) no-repeat; }
#main h2#infoHotel { background: url(../info/images/hotel_h2.gif) no-repeat; }

/*======================================

	info_Left
	
=======================================*/

#infoLeft {
  position: relative;
	float: left;
  width: 210px;
	margin-top: 20px;
}
#infoLeft ul {
  width: 190px;
	margin: 0 0 20px 0;
	padding: 45px 0 0 0;
  list-style: none;
	background: url(../images/Lnavi_contents_bg.gif) no-repeat;
}
/*\*/
* html #infoLeft ul {
  position: relative;
  width: 192px;
}
/**/
#infoLeft ul li {
	float: left;
  height: 30px;
  width: 190px;
	margin: 0 0 10px 0;
  font-size: 11px;
	line-height: 30px;
}
/*\*/
* html #infoLeft ul li {
}
/**/
#infoLeft ul li a {
  display: block;
  height: 30px;
  width: 183px;
  outline : 0;
  text-decoration: none;
	color: #DC0000;
	border: 1px solid #DC0000;
	padding: 0 0 0 5px;
}
/*\*/
* html #infoLeft ul li a {
	padding: 0 0 0 5px;
  width: 190px;
}
/**/
#infoLeft ul li a:hover {
	color: #FFFFFF;
	background-color: #DC0000;
	border: 1px solid #DC0000;
}
#infoLeft div {
  position:relative;
  left: 5px;
	top: 5px; 
  width: 180px;
  height: 90px;
  text-indent: -9999px;
  font-size: 1px;
}

/*======================================

	info_content
	
=======================================*/

div#contentInfo {
  position: relative;
	float: right;
  width: 550px;
	margin-top: 15px;
}
/*\*/
* html div#contentInfo  {
}
/**/
#contentInfo h3 {
  width: 540px;
	height: 35px;
	padding-left: 10px;
	margin: 5px 0 0 0;
  font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	color: #FFFFFF;
	background: url(../info/images/info_h3bg.gif) no-repeat;
}
/*\*/
* html #contentInfo h3 {
  width: 550px;
}
/**/
#contentInfo p {
	margin: 15px 10px;
}
#contentInfo p.pbottom {
	margin: 15px 10px 70px 10px;
}
#contentInfo p.pRightimg img {
	float: right;
	margin: 0px 0px 10px 10px;
}

/* index.html
---------------------------------------------------- */
#indexInfo h3#h3Index {
  width: 640px;
	height: 35px;
	padding-left: 10px;
	margin: 30px 0 0 60px;
  font-size: 14px;
	font-weight: bold;
	line-height: 35px;
	color: #FFFFFF;
	background: url(../info/images/info_h3bg2.gif) no-repeat;
}
/*\*/
* html #indexInfo h3#h3Index {
  width: 650px;
}
/**/
#indexInfo p {
	margin: 15px 110px;
}
#infoButton {
  position: relative;
  width: 650px;
	height: 650px;
	top: 30px;
	left: 55px;
}
#infoButton h4 {
  position: absolute;
  width: 320px;
  height: 140px;
  text-indent: -9999px;
  color: #FFFFFF;
  font-size: 1px;
}
#infoButton h4#infoBtn1 { top: 0px; left: 0px; background: url(../info/images/info_index_01.gif) no-repeat; }
#infoButton h4#infoBtn2 { top: 0px; left: 330px; background: url(../info/images/info_index_02.gif) no-repeat; }
#infoButton h4#infoBtn3 { top: 150px; left: 0px; background: url(../info/images/info_index_03.gif) no-repeat; }
#infoButton h4#infoBtn4 { top: 150px; left: 330px; background: url(../info/images/info_index_04.gif) no-repeat; }
#infoButton h4#infoBtn5 { top: 300px; left: 0px; background: url(../info/images/info_index_05.gif) no-repeat; }
#infoButton h4#infoBtn6 { top: 300px; left: 330px; background: url(../info/images/info_index_06.gif) no-repeat; }
#infoButton h4#infoBtn7 { top: 450px; left: 0px; background: url(../info/images/info_index_07.gif) no-repeat; }
#infoButton h4#infoBtn8 { top: 450px; left: 330px; background: url(../info/images/info_index_08.gif) no-repeat; }
#infoButton h4 a {
  display: block;
  width: 320px;
  height: 140px;
  outline : 0;
	text-decoration: none;
}
#infoButton h4#infoBtn1 a:hover { background: url(../info/images/info_index_11.gif) -320px 0; }
#infoButton h4#infoBtn2 a:hover { background: url(../info/images/info_index_12.gif) -320px 0; }
#infoButton h4#infoBtn3 a:hover { background: url(../info/images/info_index_13.gif) -320px 0; }
#infoButton h4#infoBtn4 a:hover { background: url(../info/images/info_index_14.gif) -320px 0; }
#infoButton h4#infoBtn5 a:hover { background: url(../info/images/info_index_15.gif) -320px 0; }
#infoButton h4#infoBtn6 a:hover { background: url(../info/images/info_index_16.gif) -320px 0; }
#infoButton h4#infoBtn7 a:hover { background: url(../info/images/info_index_17.gif) -320px 0; }
#infoButton h4#infoBtn8 a:hover { background: url(../info/images/info_index_18.gif) -320px 0; }
#infoButton h5 {
  text-indent: -9999px;
  color: #FFFFFF;
  font-size: 1px;
}
#infoButton h5 a {
  color: #FFFFFF;
  outline : 0;
}

/* service.html
---------------------------------------------------- */
#serviceImg {
	margin: 30px 0 0 20px;
}

/* charter.html
---------------------------------------------------- */
#Charter1 h4 {
	margin: 20px 0 0 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #00A1E1;
	font-size: small;
}
/*\*/
* html #Charter1 h4 {
	font-size: x-small;
}
/**/
#Charter1 img {
	margin: 20px 0 0 0;
}
#Charter1 div#webRbtn {
	margin: 20px 0 70px 145px;
  text-indent: -9999px;
  color: #FFFFFF;
	font-size: 1px;
}

/* info_wheelchair.html
---------------------------------------------------- */
#wChair h4 {
  clear: both;
	margin: 20px 10px 0 0;
	padding-top: 20px;
	height: 180px;
	font-size: small;
	border-top: 1px dotted #333333;
}
/*\*/
* html #wChair h4 {
	font-size: x-small;
}
/**/
#wChair h4 img {
	float: left;
	height: 180px;
	width: 240px;
	margin: 0 10px 0 0;
}
#wChair dl {
  clear: both;
	margin: 15px 50px 50px 50px;
  list-style: none;
}
#wChair dt {
  float: left;
  width: 3em;
	margin-bottom: 10px;
	height: 21px;
	line-height: 21px;
}
#wChair dd {
  margin-left: 3em;
	margin-bottom: 10px;
	height: 21px;
	line-height: 21px;
}

/* line_index.html
---------------------------------------------------- */
#linePink ,
#lineYellow ,
#lineRed ,
#lineBlue {
  position:relative;
	height: 250px;
	margin: 30px 10px 0 10px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333333;
}
#lineGreen {
  position:relative;
	height: 150px;
	margin: 30px 10px 0 10px;
	padding-bottom: 20px;
}
#linewaikele {
  position:relative;
	height: 150px;
	margin: 30px 10px 0 10px;
	padding-bottom: 20px;
}

#linePink h4 ,
#lineYellow h4 ,
#lineRed h4 ,
#lineBlue h4 ,
#linewaikele h4 ,
#lineGreen h4 {
	margin-left: 150px;
	font-size: 14px;
	font-weight: bold;
}
#linePink h4 { color: #DB3D96; }
#lineYellow h4 { color: #AA901D; }
#lineRed h4 { color: #FF5F52; }
#lineBlue h4 { color: #009245; }
#lineGreen h4 { color: #006600; }
#linewaikele h4 { color: #663300; }
#linePink p ,
#lineYellow p ,
#lineRed p ,
#lineBlue p ,
#linewaikele p ,
#lineGreen p {
	margin: 5px 0 0 150px;
}
#linePink p a ,
#lineYellow p a ,
#lineRed p a ,
#lineBlue p a ,
#linewaikele p a ,
#lineGreen p a {
  margin-left: 5px;
	padding: 0 2px;
	text-decoration: none;
	color: #FFFFFF;
	background: #EF4141;
}
#linePink p a:hover ,
#lineYellow p a:hover ,
#lineRed p a:hover ,
#lineBlue p a:hover ,
#linewaikele p a:hover ,
#lineGreen p a:hover {
  color: #CA0101;
	background: #FFCCCC;
}

/*\*/
* html #linePink p a ,
* html #lineYellow p a ,
* html #lineRed p a ,
* html #lineBlue p a ,
* html #linewaikele p a ,
* html #lineGreen p a {
  padding: 2px;
}
/**/
#linePink img ,
#lineYellow img ,
#lineRed img ,
#lineBlue img ,
#linewaikele img ,
#lineGreen img {
  position: absolute;
	top: -10px;
	left: 0px;
}

/* hotel.html
---------------------------------------------------- */
#Hotel1 p {
	margin: 15px 110px;
}
#Hotel1 ul {
  margin: 40px 0 40px 20px;
}
#Hotel1 ul li {
  display: inline;
  font-size: 12px;
  color: #FFFFFF;
}
#Hotel1 ul li a { margin-left: 8px; padding: 0 3px; text-decoration: none; color: #FFFFFF; background: #EF4141; }
#Hotel1 ul li a:hover { color: #CA0101; background: #FFCCCC; }
/*\*/
* html #Hotel1 ul li a { padding: 3px; }
/**/
#Hotel1 table {
  width: 730px;
  margin: 0 0 50px 20px;
  border-collapse: collapse;
  border-width: 0px;
  empty-cells: show;
  font-size: 12px;
}
#Hotel1 table tr {
  line-height: 1.4;
}
#Hotel1 table th {
  padding: 8px 15px 8px 15px;
	text-align: left;
	border-right: 1px solid #FFFFFF;
}
#Hotel1 table th.thBig {
  font-size: small;
	padding-top: 30px;
	border-right: none;
}
/*\*/
* html #Hotel1 th.thBig { font-size: x-small; }
/**/
#Hotel1 table th.thBig span {
  padding: 8px 15px 8px 15px;
  background: #A3E1F4;
	padding: 2px 5px;
}
#Hotel1 table th.thTL {
  padding: 5px;
  background: #A3E1F4;
	text-align: center;
	border-right: 1px solid #FFFFFF;
}
#Hotel1 table th.thTBL {
  padding: 5px;
  background: #A3E1F4;
	text-align: center;
	border-right: 1px solid #FFFFFF;
}
#Hotel1 table th.thTBLR {
  padding: 5px;
  background: #A3E1F4;
	text-align: center;
	border-right: 1px solid #FFFFFF;
}
#Hotel1 table th.thB {
}
#Hotel1 table td {
  padding: 1px;
	font-size: 10px;
}
#Hotel1 table td.tdR {
  padding: 1px;
	text-align: center;
}
#Hotel1 table tr.trT td {
  height: 20px;
	border: none;
	border-bottom: 1px solid #999999;
}
#Hotel1 p.pbottom {
	margin-bottom: 70px;
}

/* reserve_j.html
---------------------------------------------------- */
#Reserve1 {
  position:relative;
	margin-top: 50px;
	background: #EFEFEF;
	height: 100px;
}
#Reserve2 {
  position:relative;
	background: #EFEFEF;
	height: 130px;
}
#Reserve3 {
  position:relative;
	height: 500px;
	margin-bottom: 50px;
}
#Reserve4 ,
#Reserve5 ,
#Reserve6 ,
#Reserve7 ,
#Reserve8 {
  position: absolute;
  width: 270px;
	background: #EFEFEF;
}
#Reserve4 {
	top: 0px;
	left: 0px;
	height: 120px;
}
#Reserve5 {
	top: 180px;
	left: 0px;
	height: 280px;
}
#Reserve6 {
	top: 0px;
	left: 280px;
	height: 120px;
}
#Reserve7 {
	top: 180px;
	left: 280px;
	height: 100px;
}
#Reserve8 {
	top: 340px;
	left: 280px;
	height: 120px;
}
#Reserve1 h4 ,
#Reserve2 h4 ,
#Reserve4 h4 ,
#Reserve5 h4 ,
#Reserve6 h4 ,
#Reserve7 h4 ,
#Reserve8 h4 {
  position: absolute;
	top: 10px;
	padding: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	background: #00A1E1;
	letter-spacing: 5px;
}
/*\*/
* html #Reserve1 h4 ,
* html #Reserve2 h4 ,
* html #Reserve4 h4 ,
* html #Reserve5 h4 ,
* html #Reserve6 h4 ,
* html #Reserve7 h4 ,
* html #Reserve8 h4 {
	padding-left: 5px;
	padding-right: 10px;
}
*+html #Reserve1 h4 ,
*+html #Reserve2 h4 ,
*+html #Reserve4 h4 ,
*+html #Reserve5 h4 ,
*+html #Reserve6 h4 ,
*+html #Reserve7 h4 ,
*+html #Reserve8 h4 {
	padding-left: 10px;
	padding-right: 10px;
}
/**/
#Reserve1 h4 { left: 245px; }
#Reserve2 h4 { left: 245px; }
#Reserve4 h4 { left: 80px; }
#Reserve5 h4 { left: 105px; }
#Reserve6 h4 { left: 70px; }
#Reserve7 h4 { left: 90px; }
#Reserve8 h4 { left: 105px; }

#Reserve1 p ,
#Reserve2 p ,
#Reserve4 p ,
#Reserve5 p ,
#Reserve6 p ,
#Reserve7 p ,
#Reserve8 p {
  position: absolute;
	top: 50px;
	left: 10px;
	margin: 0;
	font-size: 12px;
}
/*\*/
* html #Reserve1 p ,
* html #Reserve2 p {
	width: 530px;
}
* html #Reserve4 p ,
* html #Reserve5 p ,
* html #Reserve6 p ,
* html #Reserve7 p ,
* html #Reserve8 p {
	width: 250px;
  
}
*+html #Reserve1 p ,
*+html #Reserve2 p {
	width: 530px;
}
*+html #Reserve4 p ,
*+html #Reserve5 p ,
*+html #Reserve6 p ,
*+html #Reserve7 p ,
*+html #Reserve8 p {
	width: 250px;
}
/**/
#Reserve1 p span ,
#Reserve2 p span ,
#Reserve4 p span ,
#Reserve5 p span ,
#Reserve6 p span ,
#Reserve7 p span ,
#Reserve8 p span {
  color: #FF0000;
}
#ReserveImg1 ,
#ReserveImg2 {
  position: absolute;
	margin: 0;
	height: 60px;
}
#ReserveImg1 {
  width: 550px;
	top: 120px;
	left: 0;
}
#ReserveImg2 {
  width: 270px;
	top: 280px;
	left: 280px;
}

#Reserve9 {
	margin-bottom: 50px;
}

/* map_timetable.html
---------------------------------------------------- */
#MapTime1 {
  margin-top: 30px;
  width: 550px;
}
#MapTime2 {
  margin: 30px 0 50px 0;
  padding: 30px 0 0 0;
  border-top: 1px dotted #333333;
  width: 550px;
}
#MapTime1 h4 ,
#MapTime2 h4 {
	margin: 0px 0 20px 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #00A1E1;
	font-size: 16px;
}
div.maptimeImg1 ,
div.maptimeImg3 {
  position:relative;
	margin: 20px 10px 0 10px;
	height: 250px;
  width: 530px;
}
div.maptimeImg10 ,
div.maptimeImg2 ,
div.maptimeImg30 ,
div.maptimeImg4 {
  position:relative;
	margin: 20px 10px 0 10px;
	height: 250px;
  width: 530px;
}
div.maptimeImg1 h5 ,
div.maptimeImg10 h5 ,
div.maptimeImg2 h5 ,
div.maptimeImg3 h5 ,
div.maptimeImg30 h5 ,
div.maptimeImg4 h5 {
  position: absolute;
	top: 0;
	left:180px;
	height: 50px;
	line-height: 15px;
	padding: 0 10px 0 40px;
	font-size: 14px;
}
div.maptimeImg1 h5 ,
div.maptimeImg10 h5 {
  color: #666666;
	background: url(../images/trolley_11.gif) no-repeat;
	border-bottom: 2px solid #DB3D96;
}
div.maptimeImg2 h5 {
  color: #AA901D;
	background: url(../images/trolley_12.gif) no-repeat;
	border-bottom: 2px solid #AA901D;
}
div.maptimeImg3 h5 ,
div.maptimeImg30 h5 {
  color: #E34F37;
	background: url(../images/trolley_13.gif) no-repeat;
	border-bottom: 2px solid #E34F37;
}
div.maptimeImg4 h5 {
  color: #0054FF;
	background: url(../images/trolley_14.gif) no-repeat;
	border-bottom: 2px solid #0054FF;
}
div.maptimeImg1 p ,
div.maptimeImg10 p ,
div.maptimeImg2 p ,
div.maptimeImg3 p ,
div.maptimeImg30 p ,
div.maptimeImg4 p {
  position: absolute;
	top: 40px;
	left:180px;
	width: 340px;
}
div.maptimeImg1 p.maptime00 ,
div.maptimeImg3 p.maptime00 {
  position: absolute;
	top: 180px;
	left:180px;
	width: 340px;
}
div.maptimeImg10 div img ,
div.maptimeImg30 div img ,
div.maptimeImg1 div img ,
div.maptimeImg2 div img ,
div.maptimeImg3 div img ,
div.maptimeImg4 div img {
  position: absolute;
	top: 0px;
	left:0px;
	width: 150px;
}
div.maptimeImg1 div.maptime01 img ,
div.maptimeImg3 div.maptime01 img {
  position: absolute;
	top: 170px;
	left:0px;
	width: 150px;
}
div.maptimeImg10 div a img ,
div.maptimeImg30 div a img ,
div.maptimeImg1 div a img ,
div.maptimeImg2 div a img ,
div.maptimeImg3 div a img ,
div.maptimeImg4 div a img {
  border: 2px solid #FFFFFF;
	width: 150px;
}
div.maptimeImg10 div a:hover img ,
div.maptimeImg30 div a:hover img ,
div.maptimeImg1 div a:hover img ,
div.maptimeImg2 div a:hover img ,
div.maptimeImg3 div a:hover img ,
div.maptimeImg4 div a:hover img {
  border: 2px solid #00A1E1;
	width: 150px;
}
/*\*/
* html div.maptimeImg10 div a:hover ,
* html div.maptimeImg30 div a:hover ,
* html div.maptimeImg1 div a:hover ,
* html div.maptimeImg2 div a:hover ,
* html div.maptimeImg3 div a:hover ,
* html div.maptimeImg4 div a:hover {
  border: none;
	background: #00A1E1;
	width: 154px;
}
/**/
div.maptimeImg10 p img ,
div.maptimeImg30 p img ,
div.maptimeImg1 p img ,
div.maptimeImg2 p img ,
div.maptimeImg3 p img ,
div.maptimeImg4 p img {
  vertical-align: middle;
}

/* price.html
---------------------------------------------------- */
#Price1 {
	margin-bottom: 70px;
}
#Price1 h4 {
	margin: 10px 0 20px 10px;
	padding: 0 0 0 10px;
	border-left: 5px solid #00A1E1;
	font-size: 16px;
}
#Price1 div#price00 {
  height: 1px;
	text-indent: -9999px;
	font-size: 1px;
	color: #FFFFFF;
}
#Price1 p {
	margin: 20px 10px 50px 10px;
}
#Price1 h5 {
	margin: 20px 10px 50px 10px;
	padding: 10px;
	border: 1px solid #333333;
	font-size: 12px;
}
#Price1 table {
  width: 540px;
  margin: 0 0 0 10px;
  border-collapse: collapse;
  border-width: 0px;
  empty-cells: show;
  font-size: 12px;
	border: 1px solid #DEDEDE;
}
#Price1 table tr {
  line-height: 1.4;
}
#Price1 table th {
  padding: 10px 15px 10px 15px;
	text-align: left;
	border-right: none;
}
#Price1 table tr.thHead th {
	background: url(../left/images/thheadbg.gif) repeat-x;
}
#Price1 table td {
  padding: 8px 5px;
	border-left: 1px solid #DEDEDE;
}
#Price1 table tr.res1 {
  background: #FFEFBD;
}
#Price1 table th span.small ,
#Price1 table td span.small {
  font-size: 10px;
}
#Price1 td a img {
  border: 2px solid #FFFFFF;
}
#Price1 td a:hover img {
  border: 2px solid #FFB5B5;
}
#Price1 table th.thRsv1 {
  width: 57%;
}
#Price1 table th.thRsv2 {
  width: 23%;
}
#Price1 table th.thRsv3 {
  width: 20%;
}
#Price1 span a { margin-left: 10px; padding: 0 2px; text-decoration: none; color: #FFFFFF; background: #EF4141; font-size: 13px; }
#Price1 span a:hover { color: #CA0101; background: #FFCCCC; }
/*\*/
* html #Price1 span a { padding: 2px; }
/**/