@charset "shift_jis";

body {
	margin : 0px;
}

.clearfix {
    display: inline-block;
}

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

#main {
	background-color: #333;
	float:left;
	width: 100%;
	min-height : 165px;
}

.top {
	position:relative;
	padding: 0;
	width : 100%;
	float: left;
}

.top .inner {
	margin : 8px;
	height : 130px;
}

.top .title_logo {
	float: right;
	margin : 0 10px 0 10px;
}

.top .title {
}

.top .title .main_text {
	font-size: 20px;
	font-weight: bold;
	color: white;
}

.top .title .sub_text {
	font-size: 17px;
	color: white;
}

.top .description {
	font-size: 13px;
	min-height : 40px;
	color: white;
}

.tab {
	bottom: 0px;
	position: absolute;
	right: 0px;
	z-index: 5000;
}

.tab .button {
	float: left;
}

.tab .button img {
	display : block;
	cursor: pointer;
}

.toolbar {
	float: left;
	margin : 10px 0 10px 0;
}

.toolbar .title {
	font-size: 14px;
	float : left;
	color : white;
}

.toolbar .icon {
	float : left;
	width : 60px;
	text-align:center;
	cursor: pointer;
}

.toolbar .icon span {
	font-size:12px;
	color : white;
}

.toolbar .icon img {
}

.toolbar .searchLabel {
	font-size : 14px;
	color : white;
	float: left;
}
.toolbar .searchButton {
	float: left;
	margin-left: 10px;
	color : white;
}


.center {
	float : left;
	position: relative;
	width : 100%;
	height : 640px;
	overflow-x: hidden;
}

.center .container {
	overflow : hidden;
	width : 100%;
	height : 100%;
}

.center .container .inner {
	overflow : hidden;
	width : 200%;
	height : 100%;
	position : relative;
}

#map_photo_border {
	float : left;
	width : 100%;
	height : 4px;
}

.map_border {
	background-color: #19A2CA;
}

.photo_border {
	background-color: #6FC63B;
}

.center .container .map {
	float : left;
	width : 50%;
	height : 100%;
}

.center .container .photo {
	float : left;
	width : 50%;
	height : 100%;
	text-align : center;
}

.center .container .photo .inner {
	width : 100%;
	height : 100%;
}

.center .container .photo img {
}

.center .menu {
	position : absolute;
	top : 0;
	left : 0;
	width : 220px;
	height : 100%;
	overflow-y : scroll;
	z-index : 1000;
}

.center .menu_filter {
	background-color: black;
	opacity: 0.4;
	position : absolute;
	top : 0;
	left : 0;
	width : 220px;
	height : 100%;
	z-index : 500;
	filter: alpha(opacity=40); /* IE6/7 */
	-ms-filter: "alpha(opacity=40)"; /* IE8 */
}

.snsbar {
	float : left;
}
.snsbar div {
	float : left;
	margin : 2px 2px 0px 2px;
}

.menu_items .item {
    height : 40px;
    padding : 2px;
    line-height: 22px;
    font-size:12px;
    cursor : pointer;
    overflow: hidden;
    position: relative;
}



.menu_items .item .photo {
}
.menu_items .item .photo img {
    height: 30px;
}
.menu_items .item .rsv {
    position: absolute;
    right:  3px;
    bottom: 3px;
}
.menu_items .item .description {
	float : left;
	margin-left : 3px;
	width : 150px;
	line-height : 16px;
	color : white;
}

.menu_items .highlight {
	background: -webkit-gradient(linear, left top, left bottom, from(#2295fa), to(#001177));
	background: -moz-linear-gradient(top, #2295fa, #001177);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#2295fa, endColorstr=#001177)";
}

#windowContentsWithRating {
    text-align: center;
    height : 180px;
}

#windowContentsWithTripAdvisor {
    width : 400px;
    height: 330px;
}

#windowContentsWithTripAdvisor .left_c {
    text-align:center;
    width: 190px;
    float: left;
}

#windowContentsWithTripAdvisor .right_c {
    float: right;
}

#windowContents {
    text-align:center;
}

#windowContentsWithRating .rating {
    color : #FF8C00;
}

.center iframe {
    border: medium none;
    height: 320px;
    width: 205px;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

#photo_button {
	cursor: pointer;
	float: left;
}

#map_button {
	cursor: pointer;
	float: left;
}

#left_menu_button {
	position:static;
	top: 0px;
	width:168px;
	z-index:1000;
	padding : 3px;
}

#left_menu_container {
	position:absolute;
	width:100%;
	height:33px;
}

#left_menu_box {
	position:static;
	top:60px;
	height:392px;
	z-index:1000;
}

#left_menu {
	width:220px;
	height:568px;
	position:static;
	overflow: hidden;
}

#list_tour {
	cursor : pointer;
}

#tour_list_box {
	position : relative;
	overflow : hidden;
}

#tour_list {
	position : relative;
	z-index : 500;
}

.tour_item {
	height : 22px;
	width : 170px;
	line-height: 22px;
	font-size:12px;
	cursor : pointer;
}

.scheduleTable {
	width: 100%;
	font-size:12px;
}

.scheduleTable td {
	border-style : solid;
	border-color : #000000;
	border-width : 1px;
	padding: 2px;
}

.scheduleTable .day {
	width: 30px;
	text-align: center;
	color: white;
}

.scheduleTable .schedule_item {
	color : white;
	height: 40px;
	cursor: pointer;
}

.scheduleTable .schedule_item img {
	height: 30px;
	margin-right : 3px;
}

.scheduleTable .schedule_item .description {
	font-size: 12px;
}

.scheduleTable .highlight {
	background: -webkit-gradient(linear, left top, left bottom, from(#2295fa), to(#001177));
	background: -moz-linear-gradient(top, #2295fa, #001177);
}

.high_light {
	position : absolute;
	width: 186px;
	z-index: 400;
	background: -webkit-gradient(linear, left top, left bottom, from(#2295fa), to(#001177));
	background: -moz-linear-gradient(top, #2295fa, #001177);
}

.tour_item.hl {
/* 178 + 8 */
	width: 186px;
	background: -webkit-gradient(linear, left top, left bottom, from(#2295fa), to(#001177));
	background: -moz-linear-gradient(top, #2295fa, #001177);
/*	-moz-border-radius: 0px 8px 8px 0px;
	-webkit-border-radius: 0px 8px 8px 0px; 
	border-radius: 0px 8px 8px 0px; */
	-moz-border-radius: 8px;;
	-webkit-border-radius: 8px;
}

#photo_list {
	overflow : hidden;
}

#photo_list_box {
	position: absolute;
	left : 0;
}

#photo_list_filter {
	position:absolute;
	width:100%; 
	top:600px;
	height:0px;
	z-index:1900;
	background-color:black;
	opacity : 0.4;
}

#photo_list_container {
	position:absolute;
	width:100%;
	height:100%;
	top:600px;
	z-index:2000;
	overflow:hidden;
}

#explanation {
	position:absolute;
	left:220px;
	right: 0px;
	bottom:0;
	z-index:1500;
	height:130px;
}

#explanation_filter {
	position:absolute;
	left:220px;
	right: 0px;
	bottom:0;
	z-index:1000;
	height:130px;
	background-color:black;
	opacity:0.5;
	filter: alpha(opacity=50); /* IE6/7 */
	-ms-filter: "alpha(opacity=50)"; /* IE8 */
}

#description {
	color:white;
	text-align : left;
	font-size:13px;
	margin: 8px 8px 0 8px;
}


#photo_list .photo {
	float : left;
	margin : 3px;
	width : 72px;
	height : 72px;
	text-align: center;
	overflow: hidden;
}

#photo_list .photo img {
	max-height : 72px;
	vertical-align : middle;
}

.photo.hl {
	border:3px solid #2295fa;
}

#selector_filter {
	position:absolute;
	width:168px;
	height:60px;
	left:632px;
	top:436px;
	z-index:1500;
	padding-top:8px;
	background-color:black;opacity:0.4;
}

#selector {
	width:168px;
	height:60px;
	z-index:3000;
	padding-top:8px;
}

#selector {
	left:632px;
	top:436px;
}

#selector .title {
	float:left;
	font-size:14px;
	color:white;
}

#selector .search_around {
	width:40px;
}

#selector .search_tour {
	margin-left:10px;
}

.selector_icon {
	cursor : pointer;
	text-align: center;
	width: 56px;
	float: left;
}

#tour_icon {
	background-image: url("../../images/r-btn1.png");
	cursor : pointer;
	text-align: center;
	position:absolute;
	width: 165px;
	height: 30px;
	left : 10px;
	bottom : 10px;
}

.s_title {
    font-family : "Arial";
    font-size:22px;
}

.copyright {
	bottom: 5px;
	position: absolute;
	right: 5px;
	color : white;
	font-size : 14px;
}

.stitle {
	padding : 3px 0px 0px 10px;
	height : 30px;
}

.stitle img {
}