@charset "utf-8";

/* side_contents style
----------------------------------------------------------- */

/* banner_japanican */

div#side div#banner_japanican {
	margin: 0 0 17px 0;
}

* html div#side div#banner_japanican a:hover {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

div#side div#banner_japanican a:hover img {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}


/* search_tab */

div#side div#search {
	width: 292px;
	margin: 0 0 10px 0;
}

div#side div#search ul#search_tab {
	list-style-type: none;
	width: 292px;
	overflow: hidden;
}

div#side div#search ul#search_tab li {
	float: left;
	height: 24px;  
	margin: 0 2px 0 0;
	font-size: 0;
	text-indent: -9999px;
	line-height: 0;
}

div#side div#search ul#search_tab li#stab_tour {
	margin-right: 0;
}

div#side div#search ul#search_tab li a {
	display: block;
	width: 96px;
	height: 24px;
}

div#side div#search ul#search_tab li#stab_hotel a {
	background: url(../../images/top/search_tab.jpg) 0 -24px no-repeat;
}

div#side div#search ul#search_tab li#stab_explorer a {
	background: url(../../images/top/search_tab.jpg) -98px -24px no-repeat;
}

div#side div#search ul#search_tab li#stab_tour a {
	background: url(../../images/top/search_tab.jpg) -196px -24px no-repeat;
}

div#side div#search ul#search_tab li#stab_hotel a.active,
div#side div#search ul#search_tab li#stab_hotel a:hover {
	background: url(../../images/top/search_tab.jpg) 0 0 no-repeat;
}

div#side div#search ul#search_tab li#stab_explorer a.active,
div#side div#search ul#search_tab li#stab_explorer a:hover {
	background: url(../../images/top/search_tab.jpg) -98px 0 no-repeat;
}

div#side div#search ul#search_tab li#stab_tour a.active,
div#side div#search ul#search_tab li#stab_tour a:hover {
	background: url(../../images/top/search_tab.jpg) -196px 0 no-repeat;
}


/* Search Box */

div#side div#search div.search_box {
	width: 290px;
	padding: 4px 0 0 0;
	border: 1px solid #E5CDB5;
	background: #FBF7F2;
}

div#side div#search div.search_box table {
	width: 272px;
	margin: 0 9px;
}

div#side div#search div.search_box table td {
	padding: 1px;
	text-align: left;
	line-height: 1.6;
}

div#side div#search div.search_box table td span {
	padding: 0 0 0 8px;
	background: url(../../images/top/arrow01.gif) 0 center no-repeat;
}

div#side div#search div.search_box select,
div#side div#search div.search_box input {
	font-size: 12px;
	vertical-align: middle;
}

div#side div#search div.search_box select.slctLL {
	width: 120px;
}

div#side div#search div.search_box select.slctSS {
	width: 45px;
}

div#side div#search div.search_box select.slctMM {
	width: 115px;
}

div#side div#search div.search_box input.form64 {
	width: 80px;
}

div#side div#search div.search_box input.keyword {
	width: 195px;
}

div#side div#search div.search_box table td.facilities_type {
	vertical-align: bottom;
}

div#side div#search div.search_box table td.btn_search {
	padding: 7px 0 0 0;
}

div#side div#search div.search_box table td.btn_search input {
	width: 99px;
	height: 21px;
}

div#side div#search div.search_box table td ul.tour_category {
	padding: 5px 0;
}

div#side div#search div.search_box table td ul li {
	float: left;
	margin-right: 20px;
}

div#side div#search div.search_box div.btn_box {
	width: 272px;
	margin: 6px 9px 0 9px;
	padding: 10px 0 1px 0;
	border-top: 1px solid #E5CDB5;
}

div#side div#search div.search_box div.btn_box p {
	margin: 0 0 10px 0;
}



/* CALENDAR */

div#side div#search div.calendar {
	position: absolute;
	padding-right: 5px;
	visibility: hidden;
	background-color: white;
	layer-background-color: white;
}

div#side div#search div.calendar table {
	width: 170px;
}

div#side div#search div.calendar td {
	font-size: 10px;
	line-height: 122%;
}

div#side div#search div.calendar td.cpTodayText {
	text-align: center;
}

div#side div#search div.calendar a:link,
div#side div#search div.calendar a:visited,
div#side div#search div.calendar a:active {
	color: #c50000;
	text-decoration: none;
}

div#side div#search div.calendar a:hover {
	color: #c50000;
	text-decoration: underline;
}

div#side div#search div.calendar div.cpTodayText a:link,
div#side div#search div.calendar div.cpTodayText a:visited,
div#side div#search div.calendar div.cpTodayText a:active {
	color: #6677DD;
	text-align: center;
	text-decoration: none;
} 

div#side div#search div.calendar div.cpTodayText a:hover {
	color: #6677DD;
	text-decoration: underline;
}

div#side div#search div.calendar .cpYearNavigation,
div#side div#search div.calendar .cpMonthNavigation {
	color: #333;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

div#side div#search div.calendar .cpDayColumnHeader,
div#side div#search div.calendar .cpYearNavigation,
div#side div#search div.calendar .cpMonthNavigation,
div#side div#search div.calendar .cpCurrentMonthDate,
div#side div#search div.calendar .cpCurrentMonthDateDisabled,
div#side div#search div.calendar .cpOtherMonthDate,
div#side div#search div.calendar .cpOtherMonthDateDisabled,
div#side div#search div.calendar .cpCurrentDate,
div#side div#search div.calendar .cpCurrentDateDisabled,
div#side div#search div.calendar .cpTodayText,
div#side div#search div.calendar .cpTodayTextDisabled,
div#side div#search div.calendar .cpText {
	font-family: arial;
	font-size: 8pt;
}

div#side div#search div.calendar span.cpDayColumnHeader {
	padding: 0;
	background-image: none;
}

div#side div#search div.calendar td.cpDayColumnHeader {
	text-align: right;
}

div#side div#search div.calendar .cpCurrentMonthDate,
div#side div#search div.calendar .cpOtherMonthDate,
div#side div#search div.calendar .cpCurrentDate {
	text-align: right;
	text-decoration: none;
}

div#side div#search div.calendar .cpCurrentMonthDateDisabled,
div#side div#search div.calendar .cpOtherMonthDateDisabled,
div#side div#search div.calendar .cpCurrentDateDisabled {
	color: #D0D0D0;
	text-align: right;
	text-decoration: line-through;
}

div#side div#search div.calendar .cpCurrentMonthDate {
	color: #6677DD;
	font-weight: bold;
}

div#side div#search div.calendar .cpCurrentDate {
	color: #FFFFFF;
	font-weight: bold;
}

div#side div#search div.calendar .cpOtherMonthDate {
	color: #808080;
}

div#side div#search div.calendar td.cpCurrentDate {
	border: 1px solid #000;
	background: #CCCCCC;
	color: #FFFFFF;
}

div#side div#search div.calendar td.cpCurrentDateDisabled {
	border: 1px solid #FFAAAA;
}

div#side div#search div.calendar a.cpTodayText,
div#side div#search div.calendar span.cpTodayTextDisabled {
	height: 20px;
}

div#side div#search div.calendar a.cpTodayText {
	color: #6677DD;
	font-weight: bold;
}

div#side div#search div.calendar span.cpTodayTextDisabled {
	color: #D0D0D0;
}

div#side div#search div.calendar .cpBorder {
	border: 1px solid #CCC;
}



/* information */

div#side div#info {
	width: 288px;
	border: 2px solid #DEDEDE;
	background: #F7F7F7;
}
div#side div#info h2 {
	width: 288px;
	margin-bottom: 4px;
}

div#side div#info h3 {
	margin: 0 5px 5px 5px;
}

div#side div#info div#topics,
div#side div#info div#weather,
div#side div#info div#map,
div#side div#info div#blog,
div#side div#info div#customer {
	width: 268px;
	margin: 0 9px 10px 9px;
	padding: 5px 0 0 0; 
	border: 1px solid #E3E3E3;
	background: #FFF;
}


/* topics・blog */

div#side div#info div#topics p.btn_more,
div#side div#info div#blog p.btn_more {
	margin: -22px 8px 2px 0;
	text-align: right;
}

* html div#side div#info div#topics p.btn_more a:hover,
* html div#side div#info div#blog p.btn_more a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#side div#info div#topics p.btn_more a:hover img,
div#side div#info div#blog p.btn_more a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#side div#info div#topics ul,
div#side div#info div#blog ul {
	margin: 0 8px 8px 8px;
	line-height: 1.4;
}

div#side div#info div#topics ul li,
div#side div#info div#blog ul li {
	padding: 8px 10px 9px 2px;
	background: url(../../images/top/dotline01.gif) 0 bottom repeat-x;
}

div#side div#info div#topics ul li span,
div#side div#info div#blog ul li span {
	display: block;
	padding-left: 10px;
	background: url(../../images/top/arrow01.gif) 0 5px no-repeat;
}



/* weather */

div#side div#info div#weather {
	position: relative;
	padding-bottom: 12px;
	overflow: hidden;
}

* html div#side div#info div#weather {
	padding-bottom: 0;
}

*+html div#side div#info div#weather {
	padding-bottom: 0;
}

div#side div#info div#weather h3 {
	margin-bottom: 10px;
}

div#side div#info div#weather select {
	position: absolute;
	top: 9px;
	left: 170px;
	width: 90px;
}

div#side div#info div#weather dl {
	float: left;
	text-align: center;
}

div#side div#info div#weather dl.weather_icon {
	width: 100px;
	margin: 0 10px 0 6px;
}

* html div#side div#info div#weather dl.weather_icon {
	margin-left: 3px;
}

div#side div#info div#weather dl.weather_icon dt {
	font-weight: bold;
}

div#side div#info div#weather dl.temperature_high {
	width: 60px;
	margin-right: 5px;
	padding: 0 12px 0 0;
	color: #0066FF;
	background: url(../../images/top/temperature_bg.gif) right bottom no-repeat;
}

div#side div#info div#weather dl.temperature_low {
	width: 60px;
	color: #FF0000;
}

div#side div#info div#weather dl.temperature_high dd,
div#side div#info div#weather dl.temperature_low dd {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.1;
}


/* map */

div#side div#map {
	padding-top: 8px;
}

div#side div#map div#map_search {
	width: 254px;
	margin: 3px 6px 9px 6px;
	border: 1px solid #EEE;
}

div#side div#map div#popular_area {
	width: 254px;
	margin: 2px 6px 6px 6px;
	border: 1px solid #EEE;
	background: #F9F9F9;
}

div#side div#map div#popular_area table {
	width: 250px;
	margin: 2px;
}

div#side div#map div#popular_area table td {
	padding: 2px 8px;
}

div#side div#map div#popular_area table td a {
	color: #432F30;
}



/* customer */

div#side div#customer ul {
	margin: 3px 0 6px 6px;
	overflow: hidden;
}

* html div#side div#customer ul {
	display: inline-block;
}

div#side div#customer ul li {
	float: left;
	margin: 0 5px 0 0;
	border: 1px solid #DDD;
}

div#side div#customer ul li.customer_right {
	margin-right: 0;
}

* html div#side div#customer ul li a:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

div#side div#customer ul li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}



/* inquiry */

div#side div#customer div#inquiry {
	width: 252px;
	margin: 0 6px 6px 6px;
	padding: 1px;
	border: 1px solid #DDD;
}

div#side div#customer div#inquiry h3 {
	margin: 0 0 5px 0;
}

div#side div#customer div#inquiry p {
	margin: 0 8px 3px 8px;
}

div#side div#customer div#inquiry dl {
	margin: 0 8px;
	line-height: 1.2;
	overflow: hidden;
}

div#side div#customer div#inquiry dl dt {
	float: left;
	clear: left;
	margin-bottom: 3px;
	padding: 0 0 0 10px;
	background: url(../../images/top/arrow02.gif) 2px 4px no-repeat;
}

div#side div#customer div#inquiry dl dd {
	margin: 0 0 3px 66px;
	padding: 0 0 0 12px;
	background: url(../../images/top/inquiry_colon.gif) 0 4px no-repeat;
}