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

body{
	background:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#757879;
	margin:0;
	padding:0;
}

h1{
	color:#222626;
	font-size:26px;
	letter-spacing:2px;
}
#container{
	width:960px;
	margin:0;
	padding:0;
	clear:both;
}
#wrap{
	width:960px;
	margin:0 auto;
	padding:0;
	position:relative;
	clear:both;
}

#lang{
	clear:both;
	height:30px;
	width:960px;
	padding:0;
	margin:0;
}
#lang span{
visibility: hidden;}

#lang a.jp-off{
	background:url(images/jp-inactive.jpg) no-repeat;
	margin:7px 0;
	display:block;
	width:50px;
	height:15px;
	float:right;
	text-decoration:none;
	
}
#lang a.en{
	background:url(images/en-active.jpg) no-repeat;
	margin:7px 0;
	display:block;
	width:50px;
	height:15px;
	float:right;
	text-decoration:none;
}

#lang a.jp{
	background:url(images/jp-active.gif) no-repeat;
	margin:7px 0;
	display:block;
	width:50px;
	height:15px;
	float:right;
	text-decoration:none;
	
}
#lang a.en-off{
	background:url(images/en-inactive.gif) no-repeat;
	margin:7px 0;
	display:block;
	width:50px;
	height:15px;
	float:right;
	text-decoration:none;
}


#sidebar{
	width:220px;
	padding:0;
	margin: 0 50px 0 0;
	float:left;
	height: 700px;
}

#logo{
	clear:both;
	width:221px;
	height:160px;
	margin:0;
	background:url(images/ayana-resort-logo.gif) no-repeat;
}

#linkbox{
	background-color:#F2F1E8;
	padding:10px;
	margin:0;
	position:relative;
	height:60px;
}

#linkbox ul{
width:200px;
list-style:none;
clear:both;
text-align:center;
padding:0;
margin:0;
position:relative;
}

#linkbox ul li{
float:left;
width:200px;
display:inline;
font-size:12px;}

#linkbox ul li a{
padding: 0;
text-decoration:none;
margin:5px 0;
display:block;}


#linkbox ul li span{
visibility: hidden;}


#linkbox ul li#home a{
background:url(images/home_button.gif) top no-repeat;
width:200px;
height:21px;
display:block;
}

#linkbox ul li#home a:hover{
background:url(images/home_button.gif) bottom no-repeat;
width:200px;
height:21px;
display:block;
}

#linkbox ul li#rss a{
background:url(images/subscribe_rss.gif) top no-repeat;
width:200px;
height:20px;
display:block;
}

#linkbox ul li#rss a:hover{
background:url(images/subscribe_rss.gif) bottom no-repeat;
width:200px;
height:21px;
display:block;
}

#content{
	width:690px;
	padding:0;
	margin:0 0 30px 0;
	float:right;
}
#content p{
color:#666666;
line-height:180%;
}
#content h2{
margin:0;
color:#3573A0;
padding:0;
font-size: 20px;
}

#contentempty{
	width:690px;
	padding:0;
	margin:0 0 30px 0;
	float:right;
	line-height:180%;
}
#contentempty h2{
margin:0;
color:#3573A0;
padding:0;
}
#header-img{
	width:690px;
	height:300px;
	padding:0;
	margin:0 0 20px 0;
	clear:both;
}

#announcement{
	
	clear:both;
	padding:20px 15px 0 15px;
	border:2px solid #EEEEEE;
	margin:0 0 30px 0;


}

#announcement .title{
	border-left:5px solid #b4a589;
	font-size:18px;
	color:#212525;
	clear:both;
	margin:0 0 10px 0;
	letter-spacing:2px;
	font-family:Georgia,Helvetica,Arial,"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
	
font-size:16px;
line-height:130%;
letter-spacing:0;

padding:0 0 0 14px;
}

#announcement p{
color:#666666;
line-height:180%;
margin:10px 0 10px 0;
}


#sidebar-nav{
margin:18px 0;
border-bottom:1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
padding:0 0 18px 0;
clear:both;
}

#sidebar-nav h4{
margin:0;
padding:0;
}

#sidebar-nav ul{
display:block;
padding:0;
margin:0;
list-style:none;
text-align:center:
}
#sidebar-nav ul li{
padding:0px;
color:#473e33;
margin:0px 0 15px 0;
display:block;
clear:both;
}
#sidebar-nav ul li a{
padding:0;
margin:0;
display:block;
}
#sidebar-nav ul h1{
	letter-spacing:2px;
letter-spacing:1px;
display:block;
font-size:18px;
color:#303435;
font-weight:normal;
margin:0;
padding:18px 5px;
clear:both;
text-transform:capitalize;
}

#sidebar-nav ul li h4 a{
letter-spacing:1.5px;
display:block;
font-size:13px;
color:#343B3E;
padding:0px 0px 0px 15px;
text-decoration:none;
margin:0px 0 0px -5px;
}
#sidebar-nav ul li h4 a:hover{
text-decoration:none;
color:#666666;
background: url(images/arrow-white.gif) no-repeat left;
padding:0px 0 0px 20px;
margin:0px 0 0px 0px;
}
#sidebar-nav ul li h4 a.current{
text-decoration:none;
color:#fff;
background: url(images/arrow.gif) #32393C no-repeat left;
padding:3px 0 3px 20px;
margin:0px 0 0px 0px;
}/*--------------- News Listing ----------------------*/

#newspage{
width:690px;
clear:both;
padding:0;
margin:0;
}
#newspage p{
color:#666666;
line-height:180%;
}

#newspage ul{
width:690px;
clear:both;
margin:10px 0 10px 0;
padding:0;
list-style:none;

}

#newspage ul li{
	float:left;
	width:690px;
border-bottom:1px dotted #ccc;
display:block;
margin:0 0 10px 0;
padding-bottom:20px;

line-height:180%;
}

#newspage ul li h2 a{
font-size:18px;
color:#3573A0;
margin:0px;
display:block;
padding:0;
letter-spacing:2px;
}
#newspage ul li h3{
font-size:12px;
color:#717171;
margin:0px 0 10px 0;
display:block;
padding:0;
letter-spacing:2px;
}

#newspage ul li h2 a:hover{
text-decoration:none;
color:#448ccb;

}

#newspage ul li .more a{
width:102px;
float:right;
display:block;
padding:10px 5px 10px 0px;
font-size:14px;
color:#ffbf23;
}
#newspage ul li .more a:hover{
text-decoration:none;
}

#newspage ul li img{
float:left;
margin-right:10px;
padding:5px;
border:1px solid #CCCCCC;
width:80px;
height:80px;
background:#FFFFFF;
}

/* Ditto 2 Blog
------------------------------------------------------------------------------- */
.ditto_summaryPost h3 {
    border-bottom: 1px solid #ccc;
    margin: 0px !important;
    padding: 5px !important;
    color: black;
}
.ditto_summaryPost .ditto_info {
    background-color: #ccc;
    padding: 5px !important;
    font-size: 0.8em;
    color: black;
}
.ditto_link {
    font-size: 76%;
    text-align: right;
}
.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px; 
    font-size: 86%;
    color: #618100;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    background-color: #ccc; 
    color: #fff;
} 
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px; 
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #ccc; 
    padding: 1px 5px 2px; 
    margin-right: 1px; 
    text-decoration: none !important; 
} 
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}
#ditto_archivelist ul {
    list-style-type: none; 
    margin-left: 15px; 
    padding-left: 0;
}
#ditto_archivelist ul ul{
    list-style-type: square;
    margin-left: 35px;
} 
#ditto_archivelist .ditto_month {
    font-weight: bold;
}


#footer{
background:#32393C;
height:97px;
margin:0;
padding:0;
clear:both;
display:block;
}
#footer-link{
display:block;
margin:auto;
clear:both;
width:960px;
height:47px;
padding:15px 0px 20px 0px ;
}
#footerleft{
display:block;
margin:auto;
float:left;
width:700px;
height:47px;
}

#footerright{
display:block;
height:30px;
width:260px;
float:right;
text-align: right;
}

#footer-link a{
color:#ffffff;
text-decoration:none;
}

#footer-link a:hover{
color:#3492f1;
text-decoration:underline;
}

#footer-link a.current{
color:#3492f1;
text-decoration:underline;
}

#awards{
display:block;
margin:0;
clear:both;
padding:0;
width:690px;
}

#awards ul{
display:block;
margin:0;
clear:both;
list-style:none;
padding:0;



}

#awards ul li{
display:block;
padding:5px;
clear:both;
margin:0px;
}

#awards ul li .left{
display:block;
margin:0px;
float:left;
width:60px;
padding:10px 0px;
background:#F2F1E8;
text-align:center;
font-family:Georgia,Helvetica,Arial,"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
}

#awards ul li .right{
display:block;
padding:3px 4px 3px 20px;
width:450px;
float:left;
margin:0px;
font-family:Georgia,Helvetica,Arial,"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
color:#000;
}

#awards ul li .right .small{
color:#A99574;
font-size:12px;
font-family:Georgia,Helvetica,Arial,"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
}


#management{
display:block;
margin:20px 0 0 0;
clear:both;
padding:0;
width:690px;
}

#management ul{
display:block;
margin:0;
clear:both;
list-style:none;
padding:0;

}

#management ul li{
display:block;
float:left;
margin:0px;
border-top:1px solid #DDDDDD;
padding:20px 0 30px 0;
position:relative;}


#management ul li img{
margin:0 10px;
width:200px;
height:267px;
}

#contentbox{
	width:644px;
	border:3px solid #f6f6f6;
	padding:10px 20px 10px 10px;
	margin:20px 0 20px 0;
	clear:both;
}


#contentbox ul{
	list-style:none;
	clear:both;
	display:block;
	margin:0;
	padding:0;
}

#contentbox ul li{
	float:left;
	padding:0;
	margin:0;
}

#contentbox ul li a{
text-decoration:none;
color:#434a4d;
background: url(images/arrow-white.gif) no-repeat left;
padding:5px 5px 5px 20px;
margin:5px;
float:left;
display:block;
}

#contentbox ul li a:hover{
text-decoration:underline;
color:#cccd;
background: url(images/arrow-white.gif) no-repeat left;
padding:5px 5px 5px 20px;
margin:5px;
}

#sliding{
width:690px;
float:left;
padding:0;
margin:60px 0 0 0;
border-top:1px solid #DDDDDD;
}
.dhtmlgoodies_question{	/* Styling question */
	/* Start layout CSS */
	
	padding:20px 0 20px 0;
	margin-bottom:2px;
	margin-top:2px;
	padding-left:2px;
	background-repeat:no-repeat;
	background-position:top right;	
	
	/* End layout CSS */
	overflow:hidden;
	cursor:pointer;
}
#sliding h1{
font-size: 18px;;
}
#sliding h2{	/* Styling question */
	font-size:16px;
}

.dhtmlgoodies_answer{	/* Parent box of slide down content */
	/* Start layout CSS */
	width:680px;
	
	/* End layout CSS */
	
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;

}
.dhtmlgoodies_answer_content{	/* Content that is slided down */
	padding:1px;	
	position:relative;
	color:#666666;
border-top:1px solid #DDDDDD;
border-bottom:1px solid #DDDDDD;
line-height:180%;

margin:0 0 20px 0;
}

.dhtmlgoodies_answer_content ul{

list-style:none;


color:#666666;

line-height:180%;

margin:10x 0 10px 0;

}

.dhtmlgoodies_answer_content ul li{

background:url(images/asset_content_list_icon.gif) no-repeat 0 0.7em;

padding:0 0 10px 10px;

}

div.categoryDescription{

margin:30px 0 60px 0;

}



div.categoryDescriptionLeft{

width:410px;

float:left;

}


div.categoryDescriptionLeft h1{
padding:0;
margin:0;

}

div.categoryDescriptionLeft p,

div.categoryDescriptionBlock p{


line-height:200%;

color:#666666;

}



div.categoryDescriptionLeft p strong.subTitle,

div.categoryAsset p strong.subTitle{

font-size:107%;

}



div.categoryDescriptionRight{

width:239px;

border-left:1px solid #DDDDDD;

float:right;

}

div.categoryDescriptionRight h3{
font-size: 13px;
margin: 0 0 10px 0;
padding: 0;
color:#32393C;
letter-spacing:1px;
}

div.categoryDescriptionRight ul,

div.categoryDescriptionRight dl{

list-style:none;

padding:0 0 0 20px;

margin:0 0 -10px 0;

}



div.categoryDescriptionRight dl dt{

margin:0 0 10px 0;

}



div.categoryDescriptionRight ul li,

div.categoryDescriptionRight dl dd{

font-size:93%;

line-height:150%;

background:url(images/category_navi_arrow_icon.gif) no-repeat 0 7px;

padding:0 0 0 12px;

margin:0 0 10px 0;

}



div.categoryDescriptionRight ul li a,

div.categoryDescriptionRight dl dd a{

color:#666666;
letter-spacing: normal;
}

.ajaxSearch_resultsInfo{
letter-spacing:2px;
font-family:Georgia,Helvetica,Arial,"ＭＳ Ｐゴシック","メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Helvetica,sans-serif;
color: #000;	
font-size:16px;
}
a:hover{
color:#3573A0;
letter-spacing:2px;
text-decoration: none;
}

a{
color:#3573A0;
letter-spacing:2px;
text-decoration: underline;
}