@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------------------- */
/* Common                                                                    */
/* ------------------------------------------------------------------------- */

.contents_main_map{
	position:relative;
	width:100%;
	min-width:960px;
}

.map_moving_transparent{
}

.map_moving_transparent_active{
	zoom:1;
	ms-filter:"alpha(opacity=60)";
	filter:alpha(opacity=60);
	opacity:0.6;
	-moz-opacity:0.6;
}

.infowindow{
	font-size:13px;
	font-weight:normal;
	line-height:1.2em;
	min-width:200px;
}

.infowindow .title {
	font-size: 15px;
	margin-bottom: 12px;
}

.infowindow .subtitle {
	font-size: 12px;
	color: #444;
	margin: -6px 0 10px 0;
}

.infowindow p{
	margin-bottom:5px;
	vertical-align:middle;
}

.infowindow p .link_icon{
	float:left;
	margin-left:-5px;
}

.infowindow a{
	margin-right:10px;
	text-decoration:underline;
}

.infowindow a:hover{
	text-decoration:none;
}

/* ------------------------------------------------------------------------- */
/* Map Search                                                                */
/* ------------------------------------------------------------------------- */

.map_search .search_area{
	margin:0 auto;
	width:960px;
	height:182px;
	background-image:url(../../img/map/search_wide.png);
	background-repeat:no-repeat;
}

.map_search .search_area_title{
	height:36px;
	line-height:36px;
	margin-left:60px;
	font-size:14px;
	font-weight:bold;
}

.map_search .od_input{
	float:left;
	width:350px;
	margin:10px 0 0 50px;
}

.map_search .od_input input{
	width:230px;
	height:24px;
	line-height:24px;
	padding:0 2px;
	vertical-align:middle;
}

.map_search .od_input .od_button{
	height:16px;
	line-height:16px;
	margin:5px 0 0 83px;
	padding:8px 40px;
}

.map_search .od_input .od_button span{
	color:#ffffff;
	font-size:14px;
	font-weight:normal;
}

.map_search .od_input .guide{
	margin:10px 15px 0 0;
	font-size:11px;
}

.map_search .datetime{
	float:left;
	width:240px;
	margin:10px 0 0 10px;
}

.map_search .datetime_label{
	width:220px;
	height:24px;
	margin:0 auto;
	padding:0;
	margin-bottom:0;
	line-height:24px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	background-color:#cfa63b;
}

.map_search .radio_btn{
	margin:5px 0 10px 30px;
}

.map_search .radio_btn label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:95px;
	cursor:pointer;
}

.map_search .radio_btn input{
	margin-right:2px;
	cursor:pointer;
}

.map_search .select_btn{
	position:relative;
	margin-left:20px;
	width:auto;
}

.map_search select{
	margin-right:5px;
	margin-bottom:5px;
	width:50px;
	height:24px;
	padding:2px;
}

.map_search select.select_month{
	width:95px;
}

.map_search select.select_hour{
	margin-left:20px;
}

.map_search .curr_time{
	position:absolute;
	top:2px;
	right:10px;
}

/****
.map_search .bus_yosoku{
	float:left;
	width:220px;
	margin:10px 0px 15px 20px;
	padding:4px 20px;
	background-color:#e0f2f4;
	font-size:12px;
}

.map_search .bus_yosoku input, .map_search .bus_yosoku label{
	vertical-align:middle;
	cursor:pointer;
}

.map_search .bus_yosoku input{
	position:relative;
	top:-2px;
	margin-right:2px;
}

.map_search .bus_yosoku img{
	width:20px;
	height:20px;
	margin-left:10px;
	vertical-align:middle;
}
****/

.map_search .right_guide{
	float:left;
	width:190px;
/*	margin:20px 0 0 20px;*/
	margin:10px 0 0 20px;
	padding:10px 20px 10px 50px;
	background:url(../../img/contents/information.png) 5px 10px no-repeat;
	background-color:#ffffff;
	font-size:12px;
}

.map_search .map_area{
	height:600px;
	width:100%;
	min-width:960px;
	position:relative;
}

.map_search #map{
	height:100%;
}

.map_search .map_buttons{
	position:absolute;
	top:20px;
	right:40px;
}

.map_search .map_buttons p{
	margin-bottom:30px;
}

.map_search span.dep_label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:85px;
	height:26px;
	line-height:26px;
	margin-right:10px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#b82e2e;
	font-size:13px;
}

.map_search span.arr_label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:85px;
	height:26px;
	line-height:26px;
	margin-right:10px;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#2e55b8;
	font-size:13px;
}

/* ------------------------------------------------------------------------- */
/* 乗換検索結果 地図表示                                                     */
/* ------------------------------------------------------------------------- */

.search_result_map .top_area{
	width:auto;
	min-width:912px;
	padding:7px 20px;
	background-color:#e1dec9;
	border-left:8px solid #855a86;
}

.search_result_map .top_area .print{
	float:right;
	margin-top:5px;
}

.search_result_map .top_area .print a{
	text-decoration:underline;
}

.search_result_map .top_area .print a:hover{
	text-decoration:none;
}

.search_result_map .main_area{
	border-collapse:collapse;
	border:none;
	width:100%;
	min-width:960px;
	height:600px;
}

.search_result_map .left_area{
	width:290px;
	height:580px;
	padding:10px 10px;
	border:1px solid #ccc;
	background-color:#ffffff;
}

.search_result_map .route_box{
	height:580px;
	overflow:hidden;
	vertical-align:top;
}

.search_result_map span.dep_label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:60px;
	margin-right:5px;
	padding:2px 0;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#b82e2e;
	font-size:11px;
}

.search_result_map span.arr_label{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:60px;
	margin-right:5px;
	padding:2px 0;
	vertical-align:middle;
	text-align:center;
	color:#ffffff;
	background-color:#2e55b8;
	font-size:11px;
}

.search_result_map .route_point{
	padding:10px;
	background:#e8e5fe;
}

.search_result_map .route_point .point_name{
	font-weight:bold;
}

.search_result_map .route_point .point_platform{
	margin-left:5px;
	color:#4E41B3;
}

.search_result_map .route_move{
	background:url(../../img/map/arrow_under.png) 5px 20px no-repeat;
	padding:10px;
}

.search_result_map .route_move .icon{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:32px;
	margin-left:20px;
}

.search_result_map .route_move .icon img{
	width:32px;
	height:32px;
	vertical-align:middle;
}

.search_result_map .route_move .text{
	display:inline-block;
	*display:inline;
	*zoom:1;
	width:185px;
	margin-left:10px;
	vertical-align:top;
}

.search_result_map .route_move .line_name{
	color:#4E41B3;
	font-weight:bold;
}

.search_result_map .route_move .line_type{
	color:#4E41B3;
	margin-left:5px;
}

.search_result_map .map_area{
	height:600px;
}

.search_result_map .map_area #map{
	height:100%;
}
/* ------------------------------------------------------------------------- */
/* バス路線図                                                                */
/* ------------------------------------------------------------------------- */

.rosen_keito_title{
	min-width:932px;  /* 28px for left border & margin */
}

.rosen_keito_title img.agency_icon{
	width:28px;
	margin-right:10px;
	vertical-align:middle;
}

.rosen_keito_title select{
	width:200px;
	height:24px;
	padding:2px;
	vertical-align:middle;
	margin-right:10px;
}

.rosen_map{
	height:600px;
	width:100%;
	min-width:960px;
	position:relative;
}

.rosen_map #map {
	height:100%;
}

#titleDiv {
	position:absolute;
	top:10px;
	left:10px;
	right:10px;
	text-align:center;
	padding:5px 10px;
	color:#000000;
	background-color:#ddd;
	opacity:0.8;
}

#routeLabel {
	font-size:16px;
	line-height:1.3em;
	font-weight:bold;
}

#messageDiv {
	font-size:12px;
	line-height:1.3em;
	color:#f00;
}

#buslocDiv {
	position:absolute;
	top:60px;
	right:10px;
	width:240px;
	padding:10px;
	background-color:#FFF;
	border:2px solid #ff6600;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	line-height:1.4em;
	opacity:0.8;
}

#buslocDiv span {
	font-size:0.8em;
	font-weight:normal;
}

#guideDiv {
	position:absolute;
	top:200px;
	left:25%;
	width:50%;
	padding:15px 10px;
	color:#000000;
	background-color:#FFF;
	border:3px solid #ff0000;
	text-align:center;
	font-weight:bold;
	font-size:14px;
}

/* ------------------------------------------------------------------------- */
/* Area Map                                                                  */
/* ------------------------------------------------------------------------- */

.area_map{
	height: 600px;
}

.area_map #map{
	width:100%;
	height:100%;
}

.area_map #stand_info{
	position:absolute;
	top:10px;
	left:10px;
	width:260px;
	background:#ffffff;
	border:2px solid #9e8fba;
}

.area_map #stand_info .title{
	position:relative;
	font-size:14px;
	height:24px;
	line-height:24px;
	text-align:center;
	padding-right:24px;
	border-bottom:1px solid #aaaaaa;
}

.area_map #stand_info .title img{
	position:absolute;
	top:2px;
	right:1px;
	width:20px;
	height:20px;
	cursor:pointer;
}

.area_map #stand_info .title img.up{
	display:none;
}

.area_map #stand_info .content{
	display:none;  /* 初期表示では隠す */
	width:100%;
	max-height:530px;
	font-size:13px;
	overflow-y:auto;
}

.area_map #stand_info .content .mark{
	height:26px;
	background:#e1dec9;
	cursor:pointer;
}

.area_map #stand_info .content .mark:hover{
	  zoom:1;
	  -ms-filter:"alpha(opacity=50)";
	  filter:alpha(opacity=50);
	  opacity:0.5;
	  -moz-opacity:0.5;
}

.area_map #stand_info .content .mark span{
	display:block;
	font-size:14px;
	width:30px;
	line-height:18px;
	text-align:center;
	color:#ffffff;
	background:#ff0000;
	padding:2px 0;
}

.area_map #stand_info .content ul li.name{
	line-height:20px;
	border-left:6px solid #855a86;
	background:#eeeeee;
	padding:2px 0 2px 4px;
}

.area_map #stand_info .content li.name img{
	display:block;
	float:right;
	with:28px;
	height:28px;
	margin:6px;
}

.area_map #stand_info .content ul li.route{
	clear:both;
	line-height:16px;
	border-bottom:1px dotted #cccccc;
	margin-left:16px;
	padding:4px 0;
}

.area_map #stand_info .content ul li:last-child{
	border-bottom:none;
}

.area_map #stand_info .content ul li .icon_timetable,
.area_map #stand_info .content ul li .icon_routemap{
	display:block;
	float:right;
	width:16px;
	height:16px;
}

.area_map #stand_info .content ul li .icon_timetable img,
.area_map #stand_info .content ul li .icon_routemap img{
	width:16px;
	height:16px;
}

.area_map #stand_info .content ul li .icon_timetable{
	margin:0 4px;
}

.area_map #stand_info .content ul li .icon_routemap{
	margin:0 6px 0 0;
}

.area_map #stand_info .content .noinfo{
	text-align:center;
	padding:2px 0;
}

.area_map .stand_mark{
	text-align:center;
	color:#ffffff;
	background:#ff0000;
	padding:2px 0;
}

.area_map .stand_mark_scale1{
	font-size:10px;
	width:20px;
}

.area_map .stand_mark_scale2{
	font-size:12px;
	width:24px;
}

.area_map .stand_mark_scale3{
	font-size:14px;
	width:30px;
}

.area_map #category_sel{
	position:absolute;
	top:10px;
	right:10px;
	font-size:13px;
	width:180px;
	background:#ffffff;
	border:2px solid #9e8fba;
}

.area_map #category_sel .title{
	position:relative;
	font-size:14px;
	height:24px;
	line-height:24px;
	text-align:center;
	padding-right:24px;
	border-bottom:1px solid #aaaaaa;
}

.area_map #category_sel .title img{
	position:absolute;
	top:2px;
	right:1px;
	width:20px;
	height:20px;
	cursor:pointer;
}

.area_map #category_sel .title img.up{
	display:none;
}

.area_map #category_sel .content{
	display:none;  /* 初期表示では隠す */
}

.area_map #category_sel table{
	margin:8px;
	border-collapse:collapse;
}

.area_map #category_sel table tr th{
	width:24px;
	padding:2px;
}

.area_map #category_sel table tr th img{
	width:24px;
	height:24px;
}

.area_map #category_sel table tr td{
	text-align:left;
	vertical-align:middle;
	line-height:16px;
}

.area_map #category_sel table tr td.check{
	width:20px;
}

.area_map #category_sel table tr td input{
	margin:0 2px;
	cursor:pointer;
}

.area_map #category_sel table tr td label{
	cursor:pointer;
}