@charset "utf-8";
.promotion{
	font-size: x-small;
	text-align: left;
	text-indent: 10px;
}
h1 {
	font-size: Large;
	text-align: center;
	text-indent: 10px;
	color: #0000FF;
	letter-spacing: 3px;
}
h2 {
	font-size: small;
	text-align: left;
	text-indent: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-position: bottom;
	width: 100%;
	background-color: #00CCFF;
}
a.m2:link {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
}
a.m2:visited {
	color: #CC9999;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	margin: 0px;
}
a.m2:hover {
	color: #FF0000;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	margin: 0;
}
a.m3:link {
	color: #FFFFFF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
}
a.m3:visited {
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	margin: 0px;
}
a.m3:hover {
	color: #FF0000;
	padding-top: 5px;
	padding-bottom: 5px;
	text-decoration: underline;
	margin: 0;
}
#wrapper {
	width: 741px;
	margin: auto;
}
#contents {
	padding: 5px 10px 5px 10px;
}
#adlist {
	float: right;
	width: 160px;
	text-align: center;
	padding: 5px;
}
#adlist ul{
		list-style: none;
}
.style4 {
	font-size: x-small;
	text-indent: 5px;
}
#colorwrapper {
	background-color: #FFFFCC;
	float: left;
}
#image {
	width: 50%;
	float: left;
}
#advertise {
	float: right;
	width: 150px;
	margin: 10px 5px 10px 5px;
	padding: 0;
	text-align: center;
	line-height: 0.5;
}
.spacer {
	clear: both;
}
.pickup {
	border: 0;
	font-size: small;
	width: 100%;
}
#news {
	float: right;
	width: 50%;
}
#location {
	float: left;
	width: 100%;
	font-size: small;
	margin-top: 0px;
	margin-right: 0px;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	background-color: #0000FF;
}
#locationnavi ul{
	list-style: none;
}
#locationnavi li{
	float: left;
	display: inline;
	width: 140px;
}
#pass {
	float: left;
	width: 70%;
	font-size: small;
	text-indent: 5px;
}
#name {
	text-align: center;
	float: left;
	width: 100%;
	color: #0000CC;
/*
	font-family: "HG正楷書体-PRO", "HG行書体";
*/
}
#photoA {
	float: left;
	width: 245px;
	margin: 5px 5px 5px 20px;
}
img#photoA {
	background-color: #CCCCCC;
}
#photos {
	float: left;
	width: 565px;
	margin: 5px 5px 5px 20px;
}
#maininfo {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 320px;
	line-height: 1.5em;
	overflow: hidden;
}
#maininfo_400 {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 420px;
	line-height: 1.5em;
	overflow: hidden;
}
#hotelnavi {
	float: left;
	width: 90%;
	font-size: small;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	background-color: #0000FF;
	margin: 5px 30px 5px 20px;
}
#hotelinfo {
	clear: both;
	width: 700px;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
	line-height: 1.5em;
}
#planinfo {
	clear: both;
	width: 700px;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
	line-height: 1.2em;
}
#cancelinfo {
	clear: both;
	width: 700px;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
	line-height: 1.2em;
}
#restaurantinfo {
	clear: both;
	width: 700px;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
	line-height: 1.5em;
}
.titlebar h4{
	padding: 3px 10px;
	background-color: #44c8c8;
	border-left: 5px solid #2D78BF;
	border-bottom: 1px solid #CCCCCC;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
}

/*Recommend*/
#Recommend {
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        MARGIN-BOTTOM: 3px;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
        BACKGROUND-COLOR: #fffdee;
        padding: 5px;
}
#Recommend LI {
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        MARGIN-BOTTOM: 2px;
        PADDING-BOTTOM: 2px;
        PADDING-TOP: 2px;
}
#Recommend DT {
	COLOR: #ff8000;
	font-size: small;
}
#Recommend DD {
	MARGIN: 5px 0px 0px;
	font-size:small;
}

#Recommend-left {
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        MARGIN-BOTTOM: 3px;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
        BACKGROUND-COLOR: #fffdee;
        padding: 5px;
        float: left;
        width: 350px;
}
#Recommend-left LI {
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        MARGIN-BOTTOM: 2px;
        PADDING-BOTTOM: 2px;
        PADDING-TOP: 2px;
}
#Recommend-left DT {
	COLOR: #ff8000;
	font-size: small;
}
#Recommend-left DD {
	MARGIN: 5px 0px 0px;
	font-size:small;
}

#Recommend-right {
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        MARGIN-BOTTOM: 3px;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
        BACKGROUND-COLOR: #fffdee;
        padding: 5px;
        float: right;
        width: 350px;
}
#Recommend-right LI {
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        MARGIN-BOTTOM: 2px;
        PADDING-BOTTOM: 2px;
        PADDING-TOP: 2px;
}
#Recommend-right DT {
	COLOR: #ff8000;
	font-size: small;
}
#Recommend-right DD {
	MARGIN: 5px 0px 0px;
	font-size:small;
}

#oredrbottom {
	float: left;
	width: 120px;
	text-align: left;
	margin-top: 5px;
	margin-left: 20px;
}
#orderinfo {
	font-size: small;
	text-align: left;
	margin: 5px 30px 5px 30px;
}
#blog {
	margin-top: 5px;
	margin-right: 30px;
	margin-bottom: 5px;
	margin-left: 30px;
	line-height: 1.5em;
}
.tx1 {
	font-size: small;
	text-indent: 1em;
}
.date {
	font-size: medium;
}
.tx2 {
	line-height: 1.2em;
	font-size: x-small;
	color: #0000FF;
	text-align: center;
	margin-top: 5px;
}
#backnumber {
	font-size: small;
	text-align: center;
	line-height: 1.5em;
}
#blogphoto {
	float: left;
	width: 160px;
}
.imgbkcolor {
	padding: 1px;
	border: 1px solid #999;
}
.style5 {
	text-indent: 1em;
	font-size: small;
}
#update {
	float: left;
	width: 240px;
	padding-left: 10px;
	text-align: center;
}
#pickup {
	float: right;
	width: 50%;
	line-height: 1.2em;
	text-align: center;
}
.style15 {
	font-size: medium;
}
#box-heigh {
	height: 200px;
	width: 100%;
}
#box-low {
	height: 300px;
	width: 100%;
	text-align: center;
	line-height: 1.5em;
}
#recomend {
	border: 0;
}
.middle {
	font-size: medium;
}
.font75 {
	font-size: 65%;
}
.ttable {
	vertical-align: top;
}
.style16 {

}
.style17 {
	font-size: small;
	margin: 3px;
}
.listname {
	font-size: small;
	font-weight: bold;
}
.listnamess {
	font-size: x-small;
}
.lineh0 {
	line-height: 1.5em;
}
#hotel-navi {
	BORDER-RIGHT: #ffb366 1px solid;
	BORDER-TOP: #ffb366 1px solid;
	MARGIN-BOTTOM: 3px;
	BORDER-LEFT: #ffb366 1px solid;
	BORDER-BOTTOM: #ffb366 1px solid;
	padding: 10px;
        float: left;
        width: 560px;
}
#hotel-navi LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 0px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	color: #0000FF;
	font-size: small;
}
#hotel-navi DT {
	COLOR: #0000FF;
	font-size: large;
}
#hotel-navi DD {
	MARGIN: 5px 0px 0px;
	font-size:small;
}
#contents #hotel-navi #right-img {
	float: left;
	padding: 10px;
}
#container #contents #hotel-navi #left-img {
	float: right;
	padding: 10px;
}
#faq {
	BORDER-RIGHT: #0099ff 1px solid;
	BORDER-TOP: #0099ff 1px solid;
	MARGIN-BOTTOM: 3px;
	BORDER-LEFT: #0099ff 1px solid;
	BORDER-BOTTOM: #0099ff 1px solid;
	padding: 10px;
}
#faq LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	color: #0000FF;
	font-size: medium;
}
#faq DT {
	COLOR: #0000FF;
	font-size: small;
}
#faq DD {
	MARGIN: 5px 0px 0px;
	font-size:small;
}
/*レストラン用*/
#MenuInfo {
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        MARGIN-BOTTOM: 3px;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
        BACKGROUND-COLOR: #fffdee;
        margin-left: 30px;
        padding: 5px;
        clear: both;
	width: 685px;
	font-size: small;
	line-height: 1.5em;
}
#MenuInfo LI {
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        MARGIN-BOTTOM: 2px;
        PADDING-BOTTOM: 2px;
        PADDING-TOP: 2px;
}
#MenuInfo DT {
	COLOR: #ff8000;
	font-size: small;
}
#MenuInfo DD {
	MARGIN: 5px 0px 0px;
	font-size:small;
}
#addPhoto {
        float: right;
        width: 160px;
        margin: 10px;
        padding: 5px;
}

/*クーポンページ用*/
#CouponInfo {
        BORDER-RIGHT: #0000FF 1px solid;
        BORDER-TOP: #0000FF 1px solid;
        MARGIN-BOTTOM: 3px;
        BORDER-LEFT: #0000FF 1px solid;
        BORDER-BOTTOM: #0000FF 1px solid;
        BACKGROUND-COLOR: #FAEBD7;
        margin-left: 30px;
        padding: 5px;
        clear: both;
	width: 685px;
	line-height: 1.0em;
        text-align: center;
}

/*オプショナルツアーページ用*/
#OptInfo {
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	width: 320px;
	line-height: 1.5em;
	overflow: hidden;
}
#AmountTime {
        margin-top: 5px;
        margin-bottom: 5px;
        font-size: middle;
}
#AmountTime table {
        width: 100%;
        border: 0;
        border-spacing: 5px; 
        border-collapse: collapse;
}
#AmountTime td { 
        text-align: left; 
        vertical-align: top;
        width: 50%;
        padding: 1px;
}
#AmountTime th { 
        text-align: left; 
        vertical-align: top;
        width: 50%;
        padding: 1px; 
} 
#OptPrice {
        margin-top: 5px;
        margin-bottom: 0px;
        font-size: middle;
	BORDER-RIGHT: #ffb366 3px solid;
	BORDER-TOP: #ffb366 3px solid;
	BORDER-LEFT: #ffb366 3px solid;
	BORDER-BOTTOM: #ffb366 3px solid;
	padding: 5px;
        background-color: white;
}
#OptPrice table {
        width: 100%;
        border: 0;
        border-spacing: 10px; 
        border-collapse: collapse;
}
#OptPrice td { 
        text-align: left; 
        vertical-align: top;
        padding: 1px;
}
#OptPrice th { 
        text-align: center; 
        vertical-align: top;
        padding: 1px; 
}
#OptPrice p {
	font-size: small;
        line-height: 1.0em
}
/*BabySalon*/
#BabyPrice {
        margin-top: 5px;
        margin-bottom: 0px;
        font-size: middle;
	BORDER-RIGHT: #ffb366 3px solid;
	BORDER-TOP: #ffb366 3px solid;
	BORDER-LEFT: #ffb366 3px solid;
	BORDER-BOTTOM: #ffb366 3px solid;
	padding: 5px;
        background-color: white;
        width: 80%;
}
#BabyPrice table {
        width: 100%;
        border: 0;
        border-spacing: 10px; 
        border-collapse: collapse;
}
#BabyPrice td { 
        text-align: left; 
        vertical-align: top;
        padding: 1px;
}
#BabyPrice th { 
        text-align: center; 
        vertical-align: top;
        padding: 1px; 
}
#BabyPrice p {
	font-size: small;
        line-height: 1.0em
}

#Program {
	clear: both;
	width: 700px;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
	line-height: 1.5em;
}
#Program table {
        width: 100%;
        border: 1px #FFCC33 solid;
        border-spacing: 1px; 
        border-collapse: collapse;
}
#Program td { 
        text-align: left; 
        vertical-align: top;
        border: 1px #FFCC33 solid;
        padding: 1px 5px;
        background-color: white;
}
#TourInfo {
	clear: both;
	width: 700px;
	margin-left: 30px;
	font-size: small;
	margin-right: 30px;
	line-height: 1.5em;
}
#TourAttention {
	clear: both;
	width: 700px;
	margin-left: 30px;
	margin-right: 30px;
        font-size: small;
	BORDER-RIGHT: #ffb366 1px solid;
	BORDER-TOP: #ffb366 1px solid;
	BORDER-LEFT: #ffb366 1px solid;
	BORDER-BOTTOM: #ffb366 1px solid;
        background-color: white;
        padding-top: 5px;
        padding-bottom: 5px;
}
#Opt_Order_Bottom {
	clear: both;
	width: 700px;
	text-align: right;
        margin-right: 10px;
}
/*ホテル　スライドメニュー*/
#slidemenu {
        margin-right: 0px;
        text-align: right;
        font-size: small;
        color: green;
}
#slidemenu a {
        color: green;
        border: 0px;
}
/*詳細ページからのスライドメニュー*/
#slidemenu2 {
        margin-right: 5px;
        margin-top: 3px;
        text-align: right;
        font-size: small;
        color: green;
}
#slidemenu2 a {
        color: green;
        border: 0px;
}
/*ワイキキトロリー用*/
#trolley {
	float: left;
	width: 45%;
	font-size: small;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	background-color: #FFFFFF;
	margin: 5px 10px 5px 0px;
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
}
#trolley h4 {
	font-size: small;
	text-align: left;
}
#trolley p {
	font-size: small;
	text-align: left;
	margin: 5px 0px 5px 15px;
}
#trolley a.pink{
        color: #FF00CC;
}
#trolley a.yellow{
        color: #FFCC00;
}
#trolley a.red{
        color: red;
}
#trolley a.blue{
        color: blue;
}
/*オプショナルツアーリスト用*/
#OptionalList {
        MARGIN-BOTTOM: 3px;
        padding: 5px;
}
#OptionalList LI {
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
	PADDING-RIGHT: 5px;
        PADDING-LEFT: 5px;
        MARGIN-BOTTOM: 5px;
        PADDING-BOTTOM: 2px;
        PADDING-TOP: 3px;
        list-style-type: none;
        BACKGROUND-COLOR: #fffdee;
}
#OptionalList a {
        text-decoration: none; 
}
#OptionalList p {
        MARGIN-BOTTOM: 5px;
}
#OptionalList h3 {
	font-size: middle;
	text-align: left;
	color: blue;
	letter-spacing: 1px;
}

#OptionalList .ditto_image {
        float: left;
        width: 100px;
        max-height: 80px;
        vertical-align: middle;
}
#OptionalList .ditto_pageTitle {
        padding: 3px;
        font-size: middle;
} 
#OptionalList .ditto_introText {
        text-overflow: ellipsis;
        width: 80%;
        height: 25px;
        overflow: hidden;
        padding: 2px;
        font-size: small;
        color: black;
}
/*ハワイ・チャイルド・クラブ用*/
#ProgramInfo {
	float: left;
	width: 92%;
	font-size: small;
	text-align: left;
	vertical-align: bottom;
	background-color: #FFFFFF;
	margin: 5px 0px 5px 30px;
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
}
/*凡例*/
#legendSymbol {
        BORDER-RIGHT: #ffb366 1px solid;
        BORDER-TOP: #ffb366 1px solid;
        MARGIN-BOTTOM: 3px;
        BORDER-LEFT: #ffb366 1px solid;
        BORDER-BOTTOM: #ffb366 1px solid;
        BACKGROUND-COLOR: #fffdee;
        padding: 5px;
        font-size: small;
}
/*困った時の情報*/
#urgentInfo {
	MARGIN-BOTTOM: 3px;
	padding: 10px;
        font-size: small;
}
#urgentInfo h2 {
	font-size: large;
	text-align: left;
	text-indent: 10px;
	color: #FFFFFF;
	letter-spacing: 3px;
	background-position: bottom;
	width: 100%;
	background-color: #00CCFF;
        padding: 2px;
}
#urgentInfo LI {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	MARGIN-BOTTOM: 4px;
	PADDING-BOTTOM: 2px;
	PADDING-TOP: 2px;
	font-size: small;
}