@charset   "UTF-8";

@import url("lightbox.css");

/*-----------------------------------------------
* Top
-----------------------------------------------*/
/* 運行状況・天気---------------------*/
#main01 {
	width: 640px; 
	background: url(../images/bg_cw.gif) no-repeat right bottom;
}


.companyInfo {
	float: left;
	width: 310px;
}

.companyInfo iframe {
	margin: 0 0 3px 30px;
}

.conditions {
	float: right;
	width: 310px;
}

.conditions iframe {
	margin: 0px 0 3px 15px;
}

.map-top {
	clear: both;
	margin: 20px 0 30px 10px;
}

.none-img {
	padding-left: 20px;
	background: url(../images/img_substitute.jpg) no-repeat left top;
	clear: both;
	height: 230px;
	color: #fff;
}

.top-banner{
	margin-left: 15px;
}

.top-banner li {
	float: left;
	margin-right: 10px;
}


/*-----------------------------------------------
* Timetable
-----------------------------------------------*/
.lead {
	font-size: 110%;
	font-weight: bold;
}

.lead span {
	font-size: 80%;
	font-weight: normal;
}

#timetable ul {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#timetable li {
	float: left;
	margin-right: 1px;
	padding-bottom: 1px;
	/*margin: 0 0 1px 1px;*/
}

h3 #tt_taketomi {
	clear: both;
}

.term {
	text-align: right;
	font-size: 90%;
}

.tt-list-l {
	margin-bottom: 30px;
}

/*-----------------------------------------------
* ship
-----------------------------------------------*/
#ship {
}

#ship dt img {
	border: solid 2px #DDD;
}

.ship-new {
	margin-bottom: 20px;
	background: url(../images/bg_ship01-t.jpg) no-repeat left top;
}

.ship-top {
	padding: 10px;
	background: url(../images/bg_ship01-b.jpg) no-repeat left bottom;
}

.ship-top-photo {
	float: left;
}

.ship-top dl {
	width: 390px;
	margin-left: 195px;
}

.ship-top-in dt {
	margin-bottom: 5px;
	padding: 2px 10px;
	background-color: #4190DF;
	color: #fff;
	font-size: 120%;
	letter-spacing: 0.2em;
}

.ship-top-in dd {
	margin-bottom: 5px;
}

.ship-item,
.ship-item-end {
	width: 195px;
	float: left;
	margin-bottom: 20px;
	background: url(../images/bg_shio02-t.jpg) no-repeat left top;
	text-align: center;
}

.ship-item {
	margin-right: 17px;
}

*html .ship-item {
	margin-right: 11px;
}


.ship-item dt,
.ship-item-end dt {
	padding: 10px;
}

dd.ship-name {
	margin: 0 10px 10px;
	background-color: #4190DF;
	color: #fff;
	font-weight: bold;
}

dd.ship-detail {
	padding-bottom: 10px;
	background: url(../images/bg_shio02-b.jpg) no-repeat left bottom;
}


/*-----------------------------------------------
* Company
-----------------------------------------------*/
.photo01 {
	margin-right: 20px;
}

.map iframe {
	border: solid 1px #999;
}

.map {
	margin-bottom: 20px;
}
.map a {
	font-size: 80%;
	text-align: left;
}

/*-----------------------------------------------
* Contact
-----------------------------------------------*/
#name, #email, #tel,#inquiry-cont,
#mobile, #mmail {
	width: 400px;
	margin: 5px 0;
}

#adult,#child {
	width: 100px;
	margin: 5px 0;
}

#enter {
	margin-right: 50px;
	float: right;
}

.txt-ok {
	margin: 50px 0;
	text-align: center;
}

.contact-tel {
	margin-right: 20px;
	font-size: 24px;
}

.contact-nb {
	margin: 0;
	padding: 0;
	font-size: 90%;
}


/*-----------------------------------------------
* reserve
-----------------------------------------------*/
#reserve h4 {
	margin: 10px 0 5px;
	padding-left: 25px;
	background: url(../images/common/icon_h4.png) no-repeat left center;
	/*border-bottom: none;*/
	border-bottom: dotted 1px #999;
	color: #044B94;
}

#reserve p {
	margin-bottom: 15px;
}

#reserve ul {
	margin-bottom: 20px;
}

#reserve li {
	float: left;
}
.reserve-inquiry strong {
	margin-left: 10px;
	font-size: 120%;
}

#reserve-route {
	clear: left;
}

.reserve-date {
	width: 450px;
	margin-bottom: 20px;
	border: solid 1px #999;
}
.reserve-date tr {
	border-bottom: solid 1px #999;
}
.reserve-date th {
	padding: 3px;
	background-color: #D7EDFE;
	border-right: solid 1px #999;
	text-align: center;
}
.reserve-date td {
	padding: 3px 10px;
}
.reserve-date img {
	margin-left: 1em;
}

*:first-child+html .reserve-date th {
	border-bottom: solid 1px #999;
}
*:first-child+html .reserve-date td {
	border-bottom: solid 1px #999;
}


.reserve-time-l {
	float: left;
	margin: 0 20px 20px 0;
}
.reserve-time {
	width: 300px;
	border: solid 1px #999;
	text-align: center;
}
.reserve-time th,
.reserve-item th {
	padding: 3px;
	background-image: url(../images/bg_graph.gif); 
	font-weight: bold;
	color: #fff;
	border-right: dotted 1px #fff;
}
.reserve-time td,
.reserve-item td {
	padding: 3px;
	border: dotted 1px #999;
}

.reserve-item table {
	width: 620px;
	border: solid 1px #999;
	text-align: center;
}

.reserve-item {
	margin: 20px 0;
}

.item01 {
	margin-bottom: 10px;
}

.item02 {
	margin-bottom: 20px;
}

.reserve-check {
	margin: 30px 0 50px;
	text-align: center;
}

.reserve-check input {
	margin: 0 10px;
}

/*-----------------------------------------------
* book
-----------------------------------------------*/
/*.book-nb {
	margin-bottom: 20px;
}

.book-nb li {
	background: url(../images/icon_square.jpg) no-repeat 0em 0.3em;
	margin-bottom: 10px;
	padding-left: 1.3em;
	line-height: 1.5em;
}

#book option {
	width: 300px;
}

#book .departure td {
	padding: 5px 0 5px 10px;
}

#book .book-exam {
	font-weight: normal;
}

#book .key {
	padding-right: 5px;
	color: #CC0000;
}

.enter-btn {
	width: 600px;
	text-align: center;
}

.enter-btn input {
	margin-right: 20px;
}*/

/*-----------------------------------------------
* clause
-----------------------------------------------*/
.contents-doc ol {
	margin-bottom: 20px;
}

.contents-doc ol li {
	margin: 0 0 5px 25px;
	list-style-type: decimal;
}

.contents-doc ul li {
	margin-left: 2em;
	list-style-type: none;
	text-indent: -1.9em;
}

.contents-doc .kana li,
.contents-doc .iroha li {
	/*list-style-type: katakana;
	text-indent: 0em;*/
	list-style-type: none;
	text-indent: -1.9em;
}

.contents-doc .iroha li {
	margin-bottom: 10px;
}

.contents-doc h4 {
	margin-bottom: 10px;
}


/*-----------------------------------------------
* privacy
-----------------------------------------------*/
.contents-doc .privacy-list {
	margin-bottom: 20px;
}

.contents-doc .privacy-list li {
	margin: 0;
	padding: 0 0 5px 15px;
	background: url(../images/icon_square.jpg) no-repeat 0px 0.4em;
	text-indent: 0em;
	list-style-type: none;
}

.contents-doc p.pri-s {
	margin-bottom: 20px;
}

.coc-privacy {
	margin: 10px;
}

.coc-privacy dd {
	margin-left: 2em;
}

.doc-nb {
	margin-bottom: 20px;
	font-size: 80%;
}

/*-----------------------------------------------
* Island
-----------------------------------------------*/
#island {
}

#island dl {
	width: 605px;
	margin-bottom: 20px;
	border: solid 5px #E6E6E6;
	background: url(../images/bg_island.png) no-repeat right bottom;
}

#island dt {
	float: left;
	margin: 15px;
}

#island dd {
	width: 405px;
	margin: 0px 0 5px 175px;
}

#island dd p {
	margin: 0 0 10px;
}

.island-title {
	padding: 15px 0 5px;
	border-bottom: dotted 1px #999;
	color: #1874D0;
	font-size: 120%;
	font-weight: bold;
}

.tobecont {
	text-align: right;
	padding-right: 15px;
	background: url(../images/icon_arrow.gif) no-repeat right center;
}

#island a:link {text-decoration: none;color: #FF6F0D;}
#island a:visited {text-decoration: none;color: #FF6F0D;}
#island a:hover {text-decoration: underline;}
#island a:active {text-decoration: none; color: #FF6F0D;}

*html #island dl,
*html #info-map dl {
	width: 615px;
}

#iriomote h4 {
	margin-bottom: 5px;
	border-bottom: none;
}


/* Island infomation ---------------*/
.island-nav {
	width: 620px;
	margin-bottom: 20px;
	background-color: #E4EFFA;
	text-align: center;
}

.island-nav li {
	display: inline;
	padding: 3px;
	font-size: 90%;
}

.island-nav li a {
	padding-right: 5px;
	border-right: solid 1px #06c;
}

.island-nav a:link {text-decoration: none;}
.island-nav a:visited {text-decoration: none;}
.island-nav a:hover {text-decoration: none;}
.island-nav a:active {text-decoration: none;}


/*--- 島内マップ ---*/
#main .last a {
	border-right: none;
}

.photo-left {
	margin: 0 15px 15px 0;
	float: left;
}

#info-map dl {
	width: 605px;
	margin-bottom: 20px;
	border: solid 5px #D2E4F6;
}

#info-map dt {
	float: left;
	margin: 15px;
}

#info-map dd {
	width: 400px;
	margin: 0px 0 5px 180px;
}
#info-map dd img {
	margin: 5px 0;
}

.mymap-title {
	padding: 15px 0 5px;
	border-bottom: dotted 1px #999;
	color: #1874D0;
	font-size: 110%;
	font-weight: bold;
}

.map-map {
	text-align: center;
}

/*--- 観光ポイント ---*/
#info-point dl {
	clear: left;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: solid 2px #ccc;
}

#info-point dt {
	float: left;
	margin: 0 15px 15px 0;
}

#info-point dd {
	width: 440px;
	margin: 0px 0 5px 160px;
}

dd.point-title {
	padding-left: 20px;
	background: url(../images/icon_akabana.gif) no-repeat left center;
	border-bottom: dotted 1px #999;
	color: #1874D0;
	font-size: 110%;
	font-weight: bold;
}

/*--- フォトギャラリー ---*/
#info-gallery {
	margin-bottom: 20px;
}

#info-gallery li {
	margin:  0 10px 10px 0;
	float: left;
}

#info-gallery .gallery-end {
	margin:  0 0 10px;
	float: left;
}

/*--- oters ---*/
#info-dining table,
#info-leisure table,
#info-transport table,
#info-inn table {
	margin-bottom: 20px;
}

.others-info {
	width: 605px;
	margin: 20px 0;
	border: solid 5px #D2E4F6;
	text-align: center;
}

.others-info ul {
	margin: 15px 0;
}

.others-info li {
	display: inline;
	padding: 2px;
	font-size: 90%;
}

.others-info li a {
	padding-right: 7px;
	border-right: solid 1px #666;
}


/*--- 交通 ---*/
/*西表*/
.area {
	width: 16%;
}


/*-----------------------------------------------
* indent/text
-----------------------------------------------*/
/*.indent01 {
	margin-left: 1.1em;
	text-indent: -1.1em;
}*/

.key,
.book-nb span {
	color: #CC0000;
}


/*-----------------------------------------------
* graph
-----------------------------------------------*/
.graph01,
.graph02,
.graph03,
.graph04,
.graph05,
.send {
	width: 620px;
	text-align: center;
}

.graph01 {
	margin-bottom: 20px;
	border-top: solid 5px #FFC364;
	border-bottom: solid 1px #999;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
}

.graph01 th,
.graph01 td {
	padding: 3px;
	border: dotted 1px #999;
}
.graph01 th,
.graph02 th {
	font-weight: bold;
}
.graph02 {
	border: solid 1px #999;
}

.graph02 th {
	background: url(../images/bg_dot_b.gif) #4DA3E9;
	color: #fff;
	border: solid 1px #fff;
}

.graph02 th,
.graph02 td,
.graph04 th,
.graph04 td {
	padding: 3px;
	border: dotted 1px #999;
}

.graph03,
.graph04,
.send {
	border-top: solid 5px #4DA3E9;
	border-bottom: solid 1px #999;
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	margin-bottom: 20px;
}

.graph03 th,
.send th {
	width: 25%;
	padding: 3px;
	border-bottom: dotted 1px #999;
	border-right: solid 1px #C5C5C5;
}

.graph03 td,
.send td {
	padding: 3px 10px 3px 15px;
	border: dotted 1px #999;
	text-align: left;
}

.graph03 th,
.graph04 th {
	background-color: #EEF6FD;
	font-weight: bold;
}
.graph04 .hotel {
	width: 55%;
	padding: 3px 10px 3px;
	text-align: left;
}

.graph04 .nb {
	width: 40%;
	padding: 3px 10px 3px;
	text-align: left;
}

.graph05 {
	margin-bottom: 20px;
	border-top: solid 5px #4DA3E9;
	border-bottom: solid 1px #999;
	text-align: left;
}

.graph05 tr {
	border-bottom: dotted 1px #999;
}

.graph05 td {
	padding: 3px 10px 3px;
}

.send th {
	padding: 3px 10px 3px; 
	background-color: #EEF6FD;
	text-align: left;
	font-weight: bold;
	line-height: 130%;
}

.bg-or {
	background-color: #FFF8E9;
	border-top: solid 5px #FFC364;
	border-bottom: solid 1px #999;
}

.bg-gr {
	background-color: #F7F7F7;
}

.text-r {
	text-align: right;
}

.graph02 .time-nb {
	width: 200px;
}