@charset "UTF-8";
body {
	font-family: Optima,'���C���I',Meiryo,serif;
	letter-spacing:1px;
	font-size:14px;
	background:#000;
}
@media screen and (max-width : 480px){
    body{ font-size : 12px;}
}
#wapper {
	position:static;
}
.inner {
	width:100%;
	max-width:1024px;
	margin:0 auto;
	overflow:hidden;
}
.over:hover { 
    opacity: 0.8;  
    filter: alpha(opacity=80);  
    -ms-filter: "alpha( opacity=80 )";  
    -moz-opacity: 0.8;  
    -khtml-opacity: 0.8; 
}
/* fix_header */
#fix_header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 50;
	background: rgba(0,0,0,.7);
	padding:0 24px 5px 24px;
}
@media print{
	#fix_header { position:absolute; }
	#header_right { display:none; }
}
#fix_header h1 {
	float:left;
	padding:5px 0 0 0;
}
#header_right {
	float:right;
	color:#FFF;
}
#header_right {
	float:right;
	color:#FFF;
}
#header_right .header_btns {
	float:left;
	padding: 12px 20px 7px 20px;
	cursor:pointer;
	background:none;
}
#header_right .header_btns.current {
	background:#333;
	border-top:2px solid #FFF;
	padding: 10px 20px 7px 20px;
}
.header_btns span{
	padding:0 0 0 12px;
	line-height:25px;
}
.toggle_menu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 49;
	background: rgba(0,0,0,.8);
	display:none;
	padding: 0 40px 0 40px;
}
#language_col_left {
	float:left;
	padding:10px 0 0 0;
}
#language_col_right {
	float:right;
	padding:10px 0 0 0;
}
#toggle_language_menu .language_col {
	width:49%;
}

.language_col ul li {
	width:100%;
	border-bottom:1px solid #333;
}
.language_col ul li:hover {
	border-bottom:1px solid #FFF;
}
.language_col ul li a {
	color:#999;
	width:100%;
	height:100%;
	display:block;
	padding	:15px 0 15px 0;
}
.language_col ul li.current a {
	color:#fff;
}
.language_col ul li a:hover {
	color:#fff;
	text-decoration:none;
}
.language_col ul li.current {
	border-bottom:1px solid #fff;
}
.menu_close {
	clear:both;
	text-align:center;
	color:#FFF;
	padding:20px 0 20px 0;
	font-size:15px;
	cursor:pointer;
}
.menu_close span{
	padding:0 0 0 5px;
}
.menu_col {
	padding: 0 25px 0 25px;
}
.menu_col ul li {
	width:100%;
	border-bottom:1px solid #333;
	background:url(../images/arrow_right.png) no-repeat;
	background-size:4px 12px;
	background-position:98% 12px;
}
.menu_col ul li.current {
	border-bottom:1px solid #fff;
	background:none;
}
.menu_col ul li:hover {
	border-bottom:1px solid #fff;
}
.menu_col ul li span{
	padding:0 0 0 20px;
}
.menu_col ul li a {
	color:#999;
	width:100%;
	height:100%;
	display:block;
	padding	:10px 0 10px 0;
}
.menu_col ul li.current a {
	color:#fff;
}
.menu_col ul li a:hover {
	color:#fff;
	text-decoration:none;
}
/* content */
#content {
	right: 0;
	z-index: 10;
	background:#222;
	padding:50px 0 0 0;
}
#content_header {
	padding:25px 24px 25px 24px;
}
#content_header h1 {
	color:#FFF;
	font-size:30px;
	font-weight:normal;
	margin:0 0 7px 0;
	text-shadow: -1px -2px 0px #000;
}
#content_header p {
	color:#ccc;
	text-shadow: -1px -2px 0px #000;
}
#sightseeing_nav {
	background:#000;
	border-bottom:1px solid #CCC;
}
.tab_ul {
	width:100%;
	overflow:hidden;
}
.tab_ul .tab_li {
	float:left;
	width:33%;
	height:45px;
	text-align:center;
	padding:25px 0 0 0;
}
.tab_ul .tab_li.m2 {
	float:left;
	width:33%;
	height:55px;
	text-align:center;
	padding:15px 0 0 0;
}
.tab_ul li a {
	color:#CCC;
	height:100%;
	border-bottom:none;
	display:block;
}
.tab_ul li.current a,
.tab_ul li a:hover {
	text-decoration:none;
	color:#FFF;
	height:43px;
	border-bottom:2px solid #FFF;
}
.tab_ul li.current.m2 a,
.tab_ul li.m2 a:hover {
	height:53px;
}
.area {
	padding:20px 20px 20px 20px;
	margin: 0 0 20px 0;
}
.tab_content {
	display:none;
}
.area_contena {
	clear:both;
	margin: 0 0 20px 0;
	border-left:1px solid #666;
	overflow:hidden;
}
.area_name {
	font-size:24px;
	color:#FFF;
	font-weight:normal;
	border-left:6px solid #FFF;
	padding:13px 0 10px 15px;
	text-shadow: -1px -2px 0px #000;
	margin:0 0 0 0;
}
.spot_block {
	width:49%;
	overflow:hidden;
	position:relative;
	background:#FFF;
	float:left;
	margin:2% 2% 0 0;
	cursor:pointer;
}
.spot_block:nth-child(2n + 1) {
	margin-right:0;
}
#spot_wrapper .spot_block:nth-child(2n + 1) {
	margin-right:2%;
}
#spot_wrapper .spot_block:nth-child(2n) {
	margin-right:0;
}
.spot_block .spot_img {
	width: 100%;
}
.spot_block .spot_img img{
	width: 100%;
}
.spot_label {
	width:83%;
	position:absolute;
	top:0;
	color:#FFF;
	margin: 10px 0 0 8%;
}
.spot_label .spot_label_inner {
	position: absolute;
	width:100%;
	background: rgba(0,0,0,.7);
}
.spot_label .spot_name {
	background: url(../images/arrow_right.png) no-repeat #000;
	background-size:7px 22px;
	background-position:95% 22px;
	height:50px;
	padding:8px 15px 8px 15px;
}
.spot_label .spot_name h3 {
	font-size:21px;
	font-weight:normal;
	margin:0 0 1px 0;
}
.spot_label .spot_route {
	height:68px;
	padding:8px 15px 8px 15px;
}
.spot_label .spot_route .spot_type_train {
	background: url(../images/sightseeingSpots/train_icon.png) no-repeat;
	background-size:25px 25px;
	margin:0 0 2px 0;
	padding:3px 0 0 0;
}
.spot_label .spot_route .spot_type_walk {
	background: url(../images/sightseeingSpots/walk_icon.png) no-repeat;
	background-size:25px 25px;
	margin:0 0 2px 0;
	padding:3px 0 0 0;
}
.spot_route .spot_time {
	padding:0 2px 0 35px;
	font-size:18px;
}
.spot_label a {
	color:#FFF;
	text-decoration:none;
}
#google_map {
	width:1024px;
}
#google_map #map-canvas {
	width: 100%;
	height: 420px;
}
/*footer*/
#content_footer {
	background:#000;
	padding:20px 25px 20px 25px;
}
#content_footer #footer_left{
	float:left;
	width:49%;
}
#content_footer #footer_left img {
	margin:0 0 10px 0;
}
#content_footer #footer_left p {
	color:#CCC;
	margin:0 0 3px 0;
}
#content_footer #footer_right{
	float:right;
	width:49%;
	text-align:right;
}
#footer_right span{
	line-height:95px;
	color:#CCC;
}
#footer_right img {
	margin:0 0 0 20px;
}
#page_top_inner {
	position:fixed;
	width:72px;
	height:52px;
	bottom:10px;
	right:20px;
	z-index:49;
	background:	#FFF;
}
#page_top,
#page_print {
	width:100%;
	height:100%;
	background:	#000;
	text-align:center;
}
#page_top img {
	margin:23px 0 10px 0;
}
.tap {
	cursor:pointer;
}

#content_menu {
	-webkit-transform:translate3d(0,0,0);
}