/* ------------------ Base ------------------ */
body { margin: 0px 10px; background: #FFF;}

body,td{color:#000000;}
a	{color: #888888; text-decoration: underline}
a:link	{color:#888888; text-decoration: underline}
a:active	{color:#FF6600; text-decoration: underline}
a:visited	{color:#777777; text-decoration: underline}
a:hover 	{color:#FF6600; text-decoration: underline}

a.link1	{color: #888888; text-decoration: none}
a.link1:link	{color:#888888; text-decoration: none}
a.link1:active	{color:#888888; text-decoration: none}
a.link1:visited	{color:#888888; text-decoration: none}
a.link1:hover 	{color:#888888; text-decoration: underline}


.txtBlue01{ color:#005799;}
.mainBox { background: url(img/bg_mainbox.gif);
           width:785px;
           padding:1px 6px 3px 1px;}
.titlebar { background: url(img/titlebar_bg.gif); height:18px}
.titlebar2 { background: url(img/titlebar2_bg.gif); height:23px}


/* ------------------ header  ------------------ */
#header .main {
				 background: url(img/bg_header.jpg);
                   width:785px;
                   padding:0px 6px 0px 1px;}
#header .headerBox { width:778px;}
#header .logo{ margin:4px 8px }
#header .menuBox { width:545px; margin-right:9px}
#header .menuButton { margin-right:4px;}

/* ------------------ footer  ------------------ */
#footer .copyright{ background: url(img/bg_footer.gif);text-align:right;}
#footer .imgs{ margin:2px 6px }

/* ------------------ Privacy Policy ------------------ */
#privacy { width:785px;  padding-bottom: 10px; }

#header2{padding:0px 0px 0px 7px;}
#main{padding:0px 0px 0px 5px;}

.f10 {
	font-size: 10px;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
.f11 {
	font-size: 11px;
	line-height: 150%;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
.f12 {
	font-size: 12px;
	line-height: 140%;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
.f14 {
	font-size: 14px;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
.list{
                background-repeat: no-repeat;
	font-size: 10px;
	line-height: 140%;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
	padding:0px 8px 0px 0px;
}

.cat{
	background-image: url(img/ic_02.gif);
	background-repeat: no-repeat;
	padding-left: 12px;
	font-size: 10px;
	line-height: 140%;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
	background-position: 0px 2px;
	margin:5px 0px 0px 0px;
}

.sub{

	margin-left: 5px;
	font-size: 10px;
	color: #888888;
	line-height: 140%;
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
	padding:2px 0px 0px 5px;
}

.md {
	padding-left:7px;
	background-repeat: repeat-y;
	background-image: url(img/md.gif);
	font-family: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
	color: #888888;
	margin-bottom: 8px;
	margin-top: 0px;
}

.crumbs {
	DISPLAY: block; FONT-SIZE: 10px; MARGIN: 8px 0px 0px; LINE-HEIGHT: 100%; HEIGHT: 22px
}
.crumbs STRONG {
	FONT-WEIGHT: normal
}
.crumbs A {
	COLOR: #888; TEXT-DECORATION: none
}
.crumbs A:link {
	COLOR: #888; TEXT-DECORATION: none
}
.crumbs A:visited {
	COLOR: #888; TEXT-DECORATION: none
}
.crumbs A:hover {
	COLOR: #888; TEXT-DECORATION: none
}

#text{width:100%;}


.menu {
	BORDER-TOP: medium none; MARGIN-TOP: 0px
}

.menu TD {
	background : #ffffff; text-align: center; BORDER-RIGHT: #006666 1px solid; BORDER-TOP: #006666 1px solid; BORDER-LEFT: #006666 1px solid; BORDER-BOTTOM: #006666 1px solid; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; 
}

.contact {
	BORDER-TOP: medium none; MARGIN-TOP: 0px
}

.contact TD {
	text-align: left; BORDER-BOTTOM: #CCCCCC 1px dotted; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; 
}

SPAN.here {
	PADDING-RIGHT: 0px; PADDING-LEFT: 45px; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-TOP: 54px; PADDING-BOTTOM: 0px; COLOR: #338877; PADDING-TOP: 13px; FONT-FAMILY: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
SPAN.here1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 40px; FONT-WEIGHT: bold; FONT-SIZE: 12px; MARGIN-TOP: 54px; PADDING-BOTTOM: 0px; COLOR: #338877; PADDING-TOP: 13px; FONT-FAMILY: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
.f12a {
	PADDING-RIGHT: 15px; PADDING-LEFT: 18px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; COLOR: #000000; PADDING-TOP: 2px; line-height: 140%; FONT-FAMILY: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
.ordermade {
	FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #338877; FONT-FAMILY: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
SPAN.headtext {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; PADDING-BOTTOM: 0px; COLOR: #666666; PADDING-TOP: 1px; FONT-FAMILY: "ヒラギノ角ゴ W3", "ＭＳ Ｐゴシック", "Osaka";
}
#mains {
	WIDTH: 592px
}
.normal {
	BORDER-RIGHT: none; PADDING-RIGHT: 0px; BORDER-TOP: none; MARGIN-TOP: 4px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; BORDER-LEFT: none; PADDING-TOP: 5px; BORDER-BOTTOM: none
}

.img_subtitle {
margin: 15px 0px 3px 0px;
border: none;
padding: 0px;
position: relative;
}

.img_L {
float: left;
margin: 0px 0px 0px 3px;
border: none;
} 
.img_R {
float: right;
margin: 6px 0px 5px 10px;
border: none;
}


.photo_t {
background : #ffffff; 
text-align: left; 
BORDER: #6da0a3 1px solid; 
PADDING: 3px; 
margin: 0px 10px 0px 10px;
width: 160px;
}

div.img-fuchi {
  background-image: url(img/shadow.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  margin: 0px 0px 0px 5px;
  padding: 4px;
  position: relative;
  }

div.img-fuchi img {
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid; 
  border-color: #C4DDD8;
  margin: -5px 0px -1px -6px;
  padding: 2px;
  position: relative;
  vertical-align: bottom;
  }

a.navi{color:#006666;text-decoration:underline;}
a.navi:link{color:#006666;text-decoration:underline;}
a.navi:visited{color:#006666;text-decoration:underline;}
a.navi:hover{color:#f67620;text-decoration:underline;}

/* Controlbar example */
.controlbar {	
	background: url(highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(highslide/graphics/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}

ul#menu_s{
    list-style:none;
    width:100%;
	padding:0px; 	
	margin:0 7px;	
}
ul#menu_s li{
    list-style:none;
    float:left;
    width:83px;
}
ul#menu_s a{
    display:block;
    width:83px;
    height:23px;
    text-indent:-150px;
    overflow:hidden;
}
a.top{
    background-image:url(img/menu_top.gif);
}
a:hover.top{
    background-position:0px -22px;
}
a.data{
    background-image:url(img/menu_hoteldata.gif);
}
a:hover.data{
    background-position:0px -22px;
}
a.room{
    background-image:url(img/menu_roomrate.gif);
}
a:hover.room{
    background-position:0px -22px;
}
a.offer{
    background-image:url(img/menu_amanoffer.gif);
}
a:hover.offer{
    background-position:0px -22px;
}
a.tour{
    background-image:url(img/menu_tourrate.gif);
}
a:hover.tour{
    background-position:0px -22px;
}
a.air{
    background-image:url(img/menu_air.gif);
}
a:hover.air{
    background-position:0px -22px;
}
a.contact{
    background-image:url(img/menu_contact.gif);
}
a:hover.contact{
    background-position:0px -22px;
}

ul# button{
    list-style:none;
    width:100%;
	padding:0px; 	
	margin:0px;	
}
ul#button li{
    list-style:none;
	margin:15px 70px 0px 0px;
    float:right;
    width:313px;
}
ul#button a{
    display:block;
    width:313px;
    height:44px;
    text-indent:-150px;
    overflow:hidden;
}

a.contact1{
    background-image:url(img/details.gif);
}
a:hover.contact1{
    background-position:0px -44px;
}

ul# button2{
    list-style:none;
    width:100%;
	padding:0px; 	
	margin:0px;	
}
ul#button2 li{
    list-style:none;
	margin:20px 100px 20px 0px;
    float:right;
    width:196px;
}
ul#button2 a{
    display:block;
    width:196px;
    height:42px;
    text-indent:-400px;
    overflow:hidden;
}

ul# button3{
    list-style:none;
    width:196px;
	padding:0px; 	
	margin:0px;	
}
ul#button3 li{
    list-style:none;
	margin:10px 10px 10px 0px;
    float:right;
    width:196px;
}
ul#button3 a{
    display:block;
    width:196px;
    height:42px;
    text-indent:-50px;
    overflow:hidden;
}
a.contact2{
    background-image:url(img/button_conference.gif);
}
a:hover.contact2{
    background-position:0px -42px;
}

a.contact3{
    background-image:url(img/button_fair.gif);
}

a:hover.contact3{
    background-position:0px -42px;
}

}
a.details1{
    background-image:url(img/details1.gif);
}
a:hover.details1{
    background-position:0px -20px;
}

ul# button1{
    list-style:none;
    width:100%;
	padding:0px; 	
	margin:5px;	
}
ul#button1 li{
    list-style:none;
    float:right;
    width:114px;
}
ul#button1 a{
    display:block;
    width:104px;
    height:20px;
    text-indent:-130px;
    overflow:hidden;
}
a.rate1{
    background-image:url(img/villas/rate1.jpg);
}
a:hover.rate1{
    background-position:0px -22px;
}


a.detail{
    background-image:url(amanresorts/detail.jpg);
}
a:hover.detail{
    background-position:0px -15px;
}

.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 2px solid white;
}
.highslide:hover img {
	border: 2px solid #6da0a3;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}