/* Layout helpers
----------------------------------*/
.ui-helper-hidden { 
	display: none; 
}

.ui-helper-hidden-accessible { 
	position: absolute; 
	left: -99999999px;
}

.ui-helper-reset { 
	margin: 0; 
	padding: 0; 
	border: 0; 
	line-height: 1.3; 
	text-decoration: none; 
	font-size: 100%; 
	list-style: none; 
}

.ui-helper-clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
}

.ui-helper-clearfix { 
	display: inline-block;
}

/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
	height:1%; 
}

.ui-helper-clearfix { 
	display:block; 
}
/* end clearfix */

.ui-helper-zfix { 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	position: absolute; 
	opacity: 0; 
	filter:Alpha(Opacity=0); 
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
	cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Component containers
----------------------------------*/
.ui-widget { 
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
	font-size: 1.1em;
}

.ui-widget input, 
.ui-widget select, 
.ui-widget textarea, 
.ui-widget button { 
	font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; 
	font-size: 1em; 
}

/*
.ui-widget-content { border: 1px solid #dddddd; background: #FFFFFF; color: #333333; }
*/

.ui-widget-content a { 
	color: #333333; 
}

.ui-widget-header { 
	background: url(/img/calendar/calendar_header.jpg) no-repeat left top; 
}

.ui-widget-header a { 
	color: #ffffff; 
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default { 
/*
	border: 2px solid #d6c09d; 
	background: #d6c09d; 
*/
	font-weight: bold; 
	default: #1c94c4;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #666666; 
	text-decoration: none; 
	display: block;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
	 background: url(/img/calendar/active.gif) no-repeat left top;
	 font-weight: bold;
	 color: #eb8f00;
}
	 
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #000;
	text-decoration: none;
	display:block;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight {
	border: 1px solid #fed22f;
	background: #ffe45c;
	color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a {
color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error {
	border: 1px solid #cd0a0a;
	background: #b81900;
	color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a { 
	color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text {
	color: #ffffff;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled {
	opacity: .35;
	filter:Alpha(Opacity=35);
	background-image: none;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary {
	font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary {
	opacity: .7;
	filter:Alpha(Opacity=70);
	font-weight: normal;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
/*
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
*/

/* Tabs
----------------------------------*/

.ui-tabs {
	background: url(/img/calendar/bottom.gif) no-repeat left bottom;
	zoom: 1;
}


.ui-tabs-nav img { 
	vertical-align : top;
}

.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
}

.ui-tabs .ui-tabs-nav li { 
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 50px 2px 0px 0px; 
	width:82px; 
	text-align:center;
}

.ui-tabs .ui-tabs-nav li a { 
	float: none; 
	text-decoration: none; 
	padding: 0.6em 0; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	background: url(/img/calendar/active.gif) no-repeat left 2px;
}

/*
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	cursor: text; 
} 
*/

.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { 
	padding: 1em 0.4em; 
	display: block; 
	border-width: 0; 
}

.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* Button
----------------------------------*/
#tabs p.detail,
#tabs p.book {
	background: url(/img/calendar/button_back.gif) no-repeat left bottom;
	margin-bottom: 10px;
	width: 220px;
}

#tabs p.detail a,
#tabs p.book a {
	color: #FFFFFF;
	display: block;
	width: 220px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	font-weight: bold;
	font-size: 13px;
	letter-spacing: -1px;
	padding: 13px 0 13px;
	text-decoration: none;
}

#sideNavi #banner03 #tabs p {
	text-align: center;
	margin: 0 auto;
}

#sideNavi #banner03 #tabs p.calendar {
	margin-bottom: 15px;
}
