@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;
}
.bread_nav h1,
.bread_nav h2 {
	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;
}
.bread_nav ul li {
	float:left;
	padding:0 40px 0 0;
	margin:0 20px 0 0;
	background:url(../images/arrow_right.png) no-repeat;
	background-size:7px 22px;
	background-position:95% 22px;
}
.bread_nav ul li.lastChild {
	padding:0 0 0 0;
	background:none;
}
.bread_nav ul li a{
	color:#999;
}
.bread_nav ul li:hover a{
	color:#FFF;
	text-decoration:none;
}
#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;
}
.spot {
	padding:20px 20px 20px 20px;
	margin: 0 0 50px 0;
}
.tab_content {
	display:none;
}
.spot_contena {
	clear:both;
	margin: 0 0 20px 0;
	border-left:1px solid #666;
	overflow:hidden;
}
.spot_h2 {
	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 20px 0;
}
#spot_image {
	margin:0 0 20px 0;
}
.spot_img img{
	width:100%;
}
#spot_string {
	color:#fff;
	font-size:16px;
	line-height:1.8em;
	padding:0px 20px 20px 20px;
}
#attractions_list {
	padding:0px 20px 20px 20px;
}
#attractions_list ul li {
	width:100%;
	border-bottom:1px solid #999;
	background:url(../images/arrow_right.png) no-repeat;
	background-size:4px 12px;
	background-position:98% 18px;
}
#attractions_list ul li:hover {
	border-bottom:1px solid #fff;
}
#attractions_list ul li a {
	color:#FFF;
	width:100%;
	height:100%;
	display:block;
	padding	:15px 0 15px 0;
}
#attractions_list ul li a:hover {
	color:#fff;
	text-decoration:none;
}
#google_map img {
	width:100%;
}
#attractions_map {
	margin:0 0 25px 0;
}
#attractions_map #attr-canvas {
	height: 400px;
}
.attraction_block {
	background: #333;
	overflow: hidden;
	margin: 0 0 6px 0;
	padding: 17px 0;
}
.attraction_block.lastChild {
	margin: 0 0 0px 0;
}
.attraction_block .attraction_icon {
	width: 15%;
	float: left;
	height: 55px;
	line-height: 33px;
	text-align:center;
}
.attraction_block .attraction_icon a {
	display: block;
	background: url(../images/aroundHotel/icon_bg.png) center top no-repeat;
	background-size: 31px 55px;
	font-size: 21px;
	font-weight: normal;
	color: #FFF;
	text-shadow: -1px -2px 0px #000;
	width: 31px;
	height: 55px;
	margin: 0 auto;
}
.attraction_block .attraction_icon a:hover {
	text-decoration:none;
	cursor:pointer;
}
.attraction_block .attraction_icon2 {
	width: 15%;
	float: left;
	background:url(../images/aroundHotel/icon2_bg.png) center top no-repeat;
	height: 55px;
	line-height: 33px;
	background-size: 31px 55px;
	text-align:center;
	font-size: 21px;
	font-weight: normal;
	color: #FFF;
	text-shadow: -1px -2px 0px #000;
}
.attraction_block .block_inner {
	width: 85%;
	float: right;
	position:relative;
}
.attraction_block .block_inner h3{
	color: #FFF;
	text-shadow: -1px -2px 0px #000;
	font-size: 24px;
	font-weight: normal;
	margin: 0 0 5px 0;
}
.attraction_block .block_inner p {
	color: #CCC;
	text-shadow: -1px -2px 0px #000;
}
.attraction_block .block_inner .attraction_notes {
	width: 95%;
	color: #CCC;
	text-shadow: -1px -2px 0px #000;
	margin: 10px 0 0 0;
	overflow: hidden;
}
.attraction_block .block_inner .attraction_notes img {
	float: left;
	margin:0 20px 0 0;
}
.attraction_block .block_inner ul {
	margin: 11px 0 15px 0;
}
.attraction_block .block_inner ul li {
	min-height: 22px;
	line-height: 22px;
	color: #CCC;
	text-shadow: -1px -2px 0px #000;
	padding: 0 0 0 30px;
	margin: 0 0 3px 0;
}
.attraction_block .block_inner .attraction_tel {
	background:url(../images/aroundHotel/tel_icon.png) left top no-repeat;
	background-size: 22px 22px;
}
.attraction_block .block_inner .attraction_time {
	background:url(../images/aroundHotel/time_icon.png) left top no-repeat;
	background-size: 22px 22px;
}
.attraction_btn{
	position:absolute;
	right: 0;
	top: 0;
}
.attraction_btn a{
	display: block;
	width: 90px;
	min-height: 36px;
	line-height: 36px;
	background:url(../images/aroundHotel/btn_01.png) left top no-repeat;
	background-size: 90px 36px;
	color: #FFF;
	text-shadow: -1px -2px 0px #000;
	text-indent: 6px;
	font-size: 12px;
}
.attraction_btn a:hover{
	text-decoration: none;
	background-color: #484848;
}
/* transportation */
.data {
	padding:0px 20px 20px 20px;
}
.from_to {
	overflow:hidden;
	border-bottom:1px solid #666;
	padding:8px 8px 8px 8px;
}
.from_to .from {
	background:url(../images/sightseeingSpots/spot/arrow_right3.png) no-repeat;
	background-size:29px 10px;
	background-position:98% 10px;
	padding:0 47px 0 0;
	float:left;
	margin:0 15px 0 0;
}
.from_to .to {
	float:left;
}
.from_to span {
	color:#CCC;
	vertical-align:middle;
	padding:0 15px 0 0;
	text-shadow: -1px -2px 0px #000;
}
.from_to span.name {
	font-size:24px;
	color:#FFF;
	vertical-align:middle;
	padding:0 0 0 0;
	text-shadow: -1px -2px 0px #000;
}
.time {
	clear:both;
	padding:20px 8px 10px 8px;
}
.time .time_icon {
	background:url(../images/sightseeingSpots/time_icon.png) no-repeat;
	background-size:22px 22px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	font-size:15px;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
	padding:2px 20px 2px 30px;
}
.time .distance_icon {
	background: url(../images/sightseeingSpots/spot/distance_icon.png) no-repeat;
	background-size:22px 22px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	font-size:15px;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
	padding:2px 20px 2px 30px;
}
.time .money_icon {
	background: url(../images/sightseeingSpots/spot/money_icon.png) no-repeat;
	background-size:22px 22px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	font-size:15px;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
	padding:2px 20px 2px 30px;
}
.time .transfer_icon {
	background: url(../images/sightseeingSpots/spot/transfer_icon.png) no-repeat;
	background-size:22px 22px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	font-size:15px;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
	padding:2px 20px 2px 30px;
}
.route{
	clear:both;
}
.route .route_row_type1 {
	clear:both;
	background:#333;
	overflow:hidden;
}
.route .route_row_type2 {
	clear:both;
	background:#222;
	overflow:hidden;
	padding:19px 20px 3px 0;
}
.route .route_row_type3 {
	clear:both;
	background:#222;
	overflow:hidden;
}
.route .route_row_type2 .go {
	width:20%;
}
.route .route_row_type2 .train_info{
	width:25%;
}
.route .start{
	padding-left: 94px;
	background:url(../images/sightseeingSpots/spot/start_pin.png) no-repeat #333;
	background-size:31px 50px;
	background-position:32px 20px;
}
.route .line{
	padding-left: 94px;
	background:url(../images/sightseeingSpots/spot/bg_line.png) repeat-y #222;
	background-size:6px;
	background-position:44px;
}
.route .goal{
	padding-left: 94px;
	background:url(../images/sightseeingSpots/spot/goal_pin.png) no-repeat #333;
	background-size:31px 50px;
	background-position:32px 20px;
	margin:0 0 25px 0;
}
.route .circle1{
	padding:0 0 15px 94px;
	background: url(../images/sightseeingSpots/spot/circle_icon1.png) no-repeat #333;
	background-size:26px 26px;
	background-position:32px 30px;
}
.route .circle2{
	padding:0 0 15px 94px;
	background:url(../images/sightseeingSpots/spot/circle_icon2.png) no-repeat #333;
	background-size:26px 26px;
	background-position:32px 30px;
}
.route_place {
	padding:15px 0 0 0;
	float:left;
}
.route_img {
	float:right;
}
.route .route_name{
	font-size:24px;
	color:#FFF;
	text-shadow: -1px -2px 0px #000;
}
.route .route_name2{
	font-size:14px;
	color:#CCC;
	padding:5px 0 0 0;
	text-shadow: -1px -2px 0px #000;
}
.route .go {
	float:left;
	height:23px;
	color:#CCC;
	text-shadow: -1px -2px 0px #000;
}
.route .go_walk {
	background:url(../images/sightseeingSpots/walk_icon.png) no-repeat;
	background-size:23px 23px;
	padding:4px 0 0 32px;
} 
.route .go_subway{
	background: url(../images/sightseeingSpots/spot/subway_icon.png) no-repeat;
	background-size:23px 23px;
	padding:4px 0 0 32px;
}
.route .go_train {
	background: url(../images/sightseeingSpots/train_icon.png) no-repeat;
	background-size:23px 23px;
	padding:4px 0 0 32px;
}
.route .go_monorail {
	background: url(../images/route/trf-monorail.png) no-repeat;
	background-size:23px 23px;
	padding:4px 0 0 32px;
}
.route .go_shinkansen {
	background: url(../images/route/trf-express.png) no-repeat;
	background-size:23px 23px;
	padding:4px 0 0 32px;
}
.route .train_info {
	float:left;
	color:#FFF;
	margin:-3px 0 0 30px
	
}
.train_info .train_name {
	font-size:10px;
}
.ginza_line {
	background:url(../images/sightseeingSpots/spot/ginza_icon.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.hanzomon_line {
	background:url(../images/route/tra-hanzomon.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.oedo_line {
	background:url(../images/route/tra-oedo.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.chiyoda_line {
	background:url(../images/route/tra-chiyoda.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.hibiya_line {
	background:url(../images/route/tra-hibiya.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.marunouchi_line {
	background:url(../images/route/tra-marunouchi.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.yurakucho_line {
	background:url(../images/route/tra-yurakucho.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.yamanote_line {
	background: url(../images/sightseeingSpots/spot/jr_icon.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.chuo_line {
	background: url(../images/route/tra-chuou.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.keiyo_line {
	background: url(../images/route/tra-keiyo.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.yokosuka_line {
	background: url(../images/route/tra-yokosuka.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.tokaido_line {
	background: url(../images/route/tra-tokai.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.sobu_line {
	background: url(../images/route/tra-sobu.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.toyoko_line {
	background: url(../images/route/tra-toyoko.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.yurikamome {
	background: url(../images/route/tra-yurikamome.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.tokyo_monorail {
	background: url(../images/route/tra-tokyomono.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.enoshima_line {
	background: url(../images/route/tra-enoshima.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.nagano_shinkansen {
	background: url(../images/route/tra-enoshima.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.azusa {
	background: url(../images/route/tra-tokai.png) no-repeat;
	background-size:30px 16px;
	background-position:1px 6px;
	padding:0 0 0 45px;
}
.narita_skyaccess {
	background: url(../images/route/tra-access.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.fujisan_limited_express {
	background: url(../images/route/tra-huji.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.nikko_kinugawa {
	background: url(../images/route/tra-nikko.png) no-repeat;
	background-size:23px 23px;
	background-position:1px 3px;
	padding:0 0 0 35px;
}
.route .route_time {
	float:right;
	padding:0 0 20px 0;
}
.time2_icon {
	background:url(../images/sightseeingSpots/spot/time_icon2.png) no-repeat;
	background-size:17px 17px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
	padding:0 20px 0 26px;
}
.distance2_icon {
	background:url(../images/sightseeingSpots/spot/distance_icon2.png) no-repeat;
	background-size:10px 17px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
}
.route_time span {
	padding:0 20px 0 23px;
	margin:0 20px 0 0;
	border-right:1px solid #CCC;
}
.route_time span.lastChild {
	margin:0 0 0 0;
	border-right:none;
}
.money2_icon {
	background: url(../images/sightseeingSpots/spot/money_icon2.png) no-repeat;
	background-size:12px 14px;
	background-position:0 0;
	text-shadow: -1px -2px 0px #000;
	color:#FFF;
}
.route .route_notes {
	padding:25px 0 0 10px;
	float:right;
	width:40%;
	color:#ccc;

}
.route_notes span {
	color:#fff;
}
.route_map {
	width:100%;
}
.route_map #map-canvas {
	width:100%;
	height: 400px;
}
/*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_print_inner {
	position:fixed;
	width:72px;
	hieght:52px;
	bottom:10px;
	z-index:49;
	background:	#FFF;
	right:102px;
}
#page_top,
#page_print {
	width:100%;
	height:100%;
	background:	#000;
	text-align:center;
}
#page_top img {
	margin:23px 0 10px 0;
}
#page_print img {
	margin:15px 0 15px 0;
}
.tap {
	cursor:pointer;
}

#content_menu {
	-webkit-transform:translate3d(0,0,0);
}
#glay {
	width:100%;
	height:100%;
	background:rgba(0,0,0,.7);
	text-indent:-9999;
	display:none;
	position:fixed;
	top:0;
	left:0;
}
#toggle_print_menu {
	z-index:50;
	padding: 0 0px 0 0px;
	margin: 25px 25px 25px 25px;
}
#toggle_print_menu .inner {
	border:1px solid #CCC;
}
#print_wap {
	padding:20px 20px 20px 20px;
}
#print_close_row {
	clear:both;
	float:right;
	color:#FFF;
	padding:0px 0 20px 0;
	font-size:15px;
	cursor:pointer;
	width:100px;
}
.menu_close span{
	padding:0 0 0 5px;
}
.print_col {
	clear:both;
	padding: 0 0 0 0;
}
.print_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% 20px;
}
.print_col ul li:hover {
	border-bottom:1px solid #fff;
}
.print_col ul li span{
	padding:5px 0 0 0px;
}
.print_col ul li a {
	color:#999;
	width:100%;
	height:100%;
	display:block;
	padding	:10px 0 10px 0;
}
.print_col ul li a:hover {
	color:#fff;
	text-decoration:none;
}