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

* {
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック";
	margin:0;
	padding:0;
}

body {	
		background-color:#9999CC;
}

/* ~~~~~~~~~~~~~~ OVERALL PAGE LAYOUT - TWO COLUMN PAGES ~~~~~~~~~~~~~~~~ */

div#container {
		margin:0 auto;
		padding:0;
		width:760px;
		height:auto;
		background-color:#FFFF99;
}
p.dummy {
		clear:both;
		height:1px;
		margin:0;
		padding:0;
}

div#banner {
		float:left;
		width:760px;
		height:52px;
		margin:0px;
		padding:0px;
		overflow:hidden;
		background-color:#C0FFFF;
		position:relative;
}

div#navigation {
/*		clear:both;*/
		float:left;
		width:170px;
		margin:0px;
		padding: 0;
		background-color:#FFFF99;
		position:relative;
}
div#main {
	float:right;
	width:580px;
	margin:0px;
	padding: 25px 5px 20px 5px;
	background-color:#FFFFCC;
}

/* ~~~~~~~~~~~~~~ OVERALL PAGE LAYOUT - THREE COLUMN PAGES ~~~~~~~~~~~~~~~~ */

div#main-container {						
	float:right;
	width:590px;
	margin:0;
	padding: 0;
	background-color:#FFFFCC;
}

div#main-top-page {
	float:left;
	width:415px;
	margin: 0;
	padding: 25px 5px 30px 10px;
	background-color:#FFFFCC;
}
div#ads {
	float:right;
	width:150px;
	margin:0px;
	padding: 25px 5px 20px 5px;
	background-color:#FFFFCC;
	text-align:center;
}


/* ~~~~~~~~~~~~~~ STYLES FOR TOPMENU ~~~~~~~~~~~~~~~~ */

ul#topmenu {
		list-style-type:none;
		font-size:12px;
		font-family:"ＭＳ Ｐゴシック";
	}
ul#topmenu li {
	display:block;
	position:absolute;
	padding:0;
	background-color:#FFFFFF;
	border-top:solid 1px black;
	border-bottom:solid 1px black;
	border-left:solid 5px blue;
	border-right:solid 5px blue;
	width:110px;
	line-height:14px;
	text-align:center;
}
ul#topmenu li.upper {
	top:7px;
}
ul#topmenu li.lower {
	top:28px;
}
ul#topmenu li.col-1 {
	left:240px;
}
ul#topmenu li.col-2 {
	left:365px;
}
ul#topmenu li.col-3 {
	left:490px;
}
ul#topmenu li.col-4 {
	left:615px;
}

ul#topmenu li a, ul#topmeu li:visited {
	display:block;
	background-color:#FFFFFF;
	color:#000000;
	text-decoration:none;
}
ul#topmenu li a:hover {
	background-color:#FFFF99;
	color:#FF0000;
	font-weight:600;
}

/* ~~~~~~~~~~~~~~ STYLES FOR MAIN CONTENTS ~~~~~~~~~~~~~~~~ */

/* ~~~ Used only in the top page */

span#scroller {
	position:relative;
	left: 20px;
	top:18px;
	color: Navy;
} 
img#slide {
	 float:left;
	 margin-right:5px;
}
p#intro {
	margin-bottom:1em;
}
p#customize {
	float:left;
	width:200px;
	margin:0;
	padding:0;
}
p#work {
	float:right;
	width:200px;
	margin:0;
	padding:0;

}
p#customize a, p#work a {
	color:#000000;
	font-weight:normal;
	text-decoration:none;
	display:block;
}
p#customize a:hover, p#work a:hover {
	background-color:#CCFFFF;
}
p#customize img, p#work img {
	border:none;
}

p#info {
	clear:both;
	width:370px;
	margin-top:1em;
	margin-left:auto;
	margin-right:auto;
	border:groove;
	padding:5px;
	background-color:#CCFFFF;
}
p#info:first-line {
	color:blue;
	font-weight:600;
}


/*  ~~~ Used in time_disp_top.php ~~~  */

div#time {
	margin:1.3em 0 0 0;
	width:144px;
	border:solid 1px #00FF99;
	padding:3px 2px;
	background-color:#006699;
	color:#FFFF66;
}
div#time p.item {
	float:left;
}
div#time p.value {
	float:right;
}


div#tripadvisor {
	margin:0.5em 0 0 0;
	width:144px;
	border:solid 1px #3399FF;
	padding:10px 2px;
	background-color: #CCFF99;
	color: #3300FF;
}
div#tripadvisor a {
	color: #3300FF;
	text-decoration: none;
	font-weight:bold;
	display:block;
}
div#tripadvisor a:hover {
	color: #FF3366;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~ */

div#main h1, div#main-top-page h1 {
	text-align:center;
	font-family:K792-Geometrical, "Comic Sans MS", Biondi, "Century Gothic";
	font-size:230%;
	font-weight:bold;
	color:#FF6699;
}
div#main h2 {
	color:blue;
	font-weight:bold;
	margin-top:1.5em;
	margin-bottom:0.2em;
}
div#main h2 em {
	color:red;
	font-style:normal;
}
div#main h2 img {
	vertical-align:middle;
}
div#main table.tour-info + img {
	float:left;
	margin-top:5px;
	border: solid 1px dodgerblue;
}
div#main table.tour-info {
	float:right;
	width:350px;
	text-align:left;
	border: solid 1px #99CCFF;
}
div#main table.tour-info caption {
	text-align:left;
}
div#main table.tour-info caption span {
	color:#FF3366;
	font-weight:bold;
}
div#main table.tour-info td.info-item {
	text-align:right;
	vertical-align: top;
	width: 75px;
}
div#main table.tour-info td.info-itm + td {
	width:273px;
}
div#main table.tour-info td.remarks {
	background-color:#F0F0F0;
	width:348px;
	padding-top:0.3em;
}
div#main table.tour-info td.remarks span {
	color:#0000FF;
}
div#main div.add-ons {
	margin-top:1em;
}
div#main div.add-ons span{
	color:blue;
}
div#main div.add-ons table {
	border:solid 1px #666666;
	border-collapse:collapse;
	background-color:#CCFFFF;
	float:right;
	width:350px;
	margin-top:0.2em;
}
div#main div.add-ons table td {
	border:solid 1px #666666;
	text-align:center;
	padding:0.2em 3px 0.2em 3px;
}
div#main div.add-ons table td.add-on-item {
	text-align:left;
}
div#main table.tour-info em, div#main div.add-ons em {
	font-style:normal;
	color:#FF0066;
}
div#main div#category-description {		/* フリープランについての説明など */
	background-color:#F0F0F0;
	border: double blue 3px;
	padding:5px;
	margin:2em auto;
}
div#main div#category-description p {
	text-align:center;
	font-weight:bold;
	text-decoration:underline;
	color:#330066;
	margin-bottom:5px;
}
div#main div#category-description ul {	
	list-style-image:url("images/bullet-blue-triangle.gif");
	list-style-position:outside;
	line-height:15px;
	margin-left:1.5em;
}

table#charter {	/* Fee info for Vehicle Charter */
	border-spacing: 0;
	text-align:center;
	border:1px solid #CCCCCC;
	border-style: solid none none solid;
}
table#charter th, table#charter td {
	width:4.2em;
	height: 1.5em;
	border:1px solid #CCCCCC;
	border-style: none solid solid none;
}
/*
table#charter th[scope="row"] {
	border-style: none solid solid solid;
}
table#charter th[scope="col"] {
	border-style: solid solid solid none;
}
table#charter td {
	border-style: none solid solid none;
}
*/


/* Used only in links.php */
p.links-category {
	background-color:#CCFFFF;
	text-align:center;
	font-weight:bold;
	padding:2px;
	margin-top:0.5em;
}
ul.links {
	list-style-image:url("images/bullet-blue-triangle.gif");
	margin-left:2em;
	line-height:1.5em;
}
ul.links li a {
	text-decoration:none;
	color:#0033FF;
	font-weight:bold;
}
ul.links li a:hover {
	color:#FF0099;
}
ul.links li a:visited {
	color:#0033FF;
}

/* Used only in local-info.php */
p.date-posted {
	text-align:right;
	margin-top:0.2em;
}

/* Used only in about-us.php */
div#data {
	width:370px;
	float:left;
}
div#photo {
	width:200px;
	float:right;
}
div#photo p img {
	float:none;
	border:solid 1px black;
	margin-bottom:0.2em;
}
div#photo p {
	margin-bottom:1em;
}
div#data table td.item, div#main table td.item {
	vertical-align:top;
	font-weight:bold;
	letter-spacing:1em;
	width:8.5em;
}
div#data table td {
	padding-bottom:0.8em;
}
p#map-title {
	margin-left:10px;
}
p#map-title strong {
	letter-spacing:1em;
}
address {
	font-style:normal;
}

/* Used only in booking pages */
h5 {
	font-size:150%;
	font-weight:300;
	font-family:"メイリオ", "ＭＳ Ｐゴシック", "ＭＳ ゴシック";
	background-color:#CCFFFF;
	text-align:center;
	margin-bottom:1.2em;
}
ul.sub-title {
	 list-style-image:url(images/bullet-blue-square.gif);
	 list-style-position:outside;
	 margin-left:1.5em;
	 margin-top:1.5em;
	 font-weight:bold;
	 color:blue;
}
p.sub-title-supplement {
	margin-left:1.6em;
	margin-top:0.5em;
}
p.popup-link {
	text-align:right;
	margin-top:0.5em;
}
p.popup-link a {
	text-decoration:none;
	color:#0000FF;
	font-weight:bold;
}
p.popup-link a:hover {
	color:#FF0000;
}
p.popup-link img {
	vertical-align:middle;
	margin-right:0.3em;
}

dl.booking-methods {
	margin:0.5em 0 0.5em 1em;
}
dl.booking-methods dt {
	font-weight:bold;
	margin-top:1em;
	margin-bottom:0.3em;
}
dl.booking-methods dd {
	margin-left:2em;
}
dl.booking-methods dd img {
	border:none;
	float: right;
	margin-left:3px;
}
table.phone-numbers {
	border:solid 1px #CCCCCC;
	margin-top:5px;
	margin-left:5em;
}
ul.agreements {
	list-style-image:url(images/bullet-black-square.gif);
	list-style-position:outside;
	margin-left:2em;
	line-height:1.5em;;
}
ul.agreements li ul {
	list-style-image:url(images/bullet-black-triangle.gif);
	margin-left:4em;
}
ul.agreements li img {
	vertical-align:middle;
	margin-right:0.5em;
}
ul.agreements li table {
	 margin-left:30px;
	 border:solid 1px #CCCCCC;
	 line-height:12px;
	 margin-bottom:3px;
}
div#waver-form {
	padding:5px;
	border:solid 1px #999999;
	background-color:#FFFFFF;
}
div#waver-form p {
	margin-bottom:1em;
}
div#waver-form ol {
 	list-style-type:decimal;
	list-style-position:outside;
	margin-left:2em;
	margin-bottom:1em;
}

/* Universal Class to float images */
img.right {
	float:right;
	margin-left:0.2em;
}
img.left {
	float:left;
	margin-right:0.2em;
}