.steps{
	font-weight:normal;
	font-size:12px;
	background:#AA0000;
	color:#FFFFFF;
	padding:2px 4px 2px 4px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.nav_sect{
	width:320px;
	margin:5px auto 15px auto;
}
.nav_sect:after{
	content: '';
	display: block;
	clear: both;
}
.nav_list a.area{
	display:block;
	width:98px;
	height:30px;
	float:left;
	font-size:12px;
	color: #ffffff;
	margin-left:5px;
	margin-bottom:7px;
	text-align:center;
	line-height:30px;
	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#375985 0%,
		#273b60);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#375985),
		to(#273b60));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
}

.nav_list a.time{
	display:block;
	width:146px;
	height:35px;
	line-height:35px;
	float:left;
	font-size:12px;
	color: #ffffff;
	margin-left:8px;
	margin-bottom:10px;
	text-align:center;

	text-decoration:none;
	background: -moz-linear-gradient(
		top,
		#d4f7e2 0%,
		#11691e 55%,
		#126626 36%,
		#4fb316);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#d4f7e2),
		color-stop(0.55, #11691e),
		color-stop(0.36, #126626),
		to(#4fb316));
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000000;
	-moz-box-shadow:
		2px 3px 3px rgba(128,124,128,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		2px 3px 3px rgba(128,124,128,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		3px 2px 5px rgba(000,000,000,1),
		0px 1px 0px rgba(255,255,255,0.1);
}

.nav_list a.apr{
	display:block;
	width:146px;
	height:35px;
	line-height:35px;
	float:left;
	font-size:12px;
	color: #ffffff;
	margin-left:8px;
	margin-bottom:10px;
	text-align:center;

	text-decoration:none;

	background: -moz-linear-gradient(
		top,
		#ff281d 0%,
		#ca150c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff281d),
		to(#ca150c));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #930000;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 1px rgba(255,255,255,1);
	text-shadow:
		-1px 1px 1px rgba(000,000,000,0.5),
		0px -1px 0px rgba(255,255,255,0.3);
}

.word_ipt{
	width:60%;
	padding:3px;
	font-size:12px;
}
.ipt_area{
	margin:10px 10px 15px 10px;
}
.r_search_btn {
	font-size: 12px;
	color: #050505;
	padding: 6px 15px;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ebebeb 50%,
		#dbdbdb 50%,
		#b5b5b5);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffffff),
		color-stop(0.50, #ebebeb),
		color-stop(0.50, #dbdbdb),
		to(#b5b5b5));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #949494;
	-moz-box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
	-webkit-box-shadow:
		0px 1px 1px rgba(000,000,000,0.3),
		inset 0px 0px 2px rgba(255,255,255,1);
}


/*------List-----*/
.route_list_body{
	font-size:12px;
	line-height:1.0em;

	border-top:1px #A0A0a0 solid;
	border-bottom:1px #A0A0a0 solid;
}

.route_list_title{
	text-align:left;
	font-size:14px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:3px;
	border-bottom:1px #CCCCCC dotted;
	padding:5px;
	color:#454545;
	background:#f5f5f5;
}
.route_list_title_yama{
	font-size:16px;
	font-weight:bold;
	padding-left:4px;
}

.route_list_img{
	float:left;
	width:90px;
	padding:0 5px;
	line-height:1.4em;
}
.route_list_img img{
	margin-bottom:5px;
	padding:2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #CCCCCC;
	-webkit-box-shadow: 2px 2px 2px #A0A0a0;
	-moz-box-shadow: 2px 2px 2px #A0A0a0;
	box-shadow: 2px 2px 2px #A0A0a0;
}
.route_ctg{
	color:#FFFFFF;
	background:#008000;
	padding:1px 4px;
	font-size:10px;
	text-align:center;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.route_list_data{
	color:#696969;
	margin-bottom:3px;
	font-size:14px;
}
.datalist_s_mds{
	color:#aa0000;
	padding-right:5px;
}
.route_list_box{
	padding-top:10px;
	margin-bottom:10px;
}
.route_list_box:after{
	content: '';
	display: block;
	clear: both;
}
.route_list_process{
	font-size:14px;
	margin:0 5px 5px 5px;
	padding:7px;
	line-height:1.2em;
	background:#EEEEEE;
	color:#454545;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.route_cnt_body{
	background:#DDDDDD;
	padding:3px 5px;
	margin-bottom:10px;
}
.route_cnt{
	padding:2px 3px 2px 3px;
	font-size:16px;
	color:#AA0000;
	background:#FFF8DC;
	text-align:center;
	-webkit-box-shadow: 1px 1px 1px #696969;
	-moz-box-shadow: 1px 1px 1px #696969;
	box-shadow: 1px 1px 1px #696969;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.route_result_box{
	padding:10px;
	font-size:14px;
	border-bottom:1px #CCCCCC solid;
	-webkit-box-shadow: 1px 1px 1px #a0a0a0;
	-moz-box-shadow: 1px 1px 1px #a0a0a0;
	margin-bottom:10px;
}
.route_result_mds{
	color:#0000AA;
}
.search_detail{
	text-align:right;
	padding-right:10px;
	padding-bottom:8px;
	font-size:14px;
}


/*--------route_dtl--------*/
.route_dtl_body{
	line-height:1.0em;
}
.route_dtl_body2{
	line-height:1.0em;
}
.route_dtl_title{
	border:1px #333333 solid;
	margin:5px 6px 10px 6px;
	font-size:16px;
	background:#333333;
	padding:8px 5px;
	line-height:1.5em;
	color:#FFFFFF;
	-webkit-box-shadow: 2px 2px 1px #696969;
	-moz-box-shadow: 2px 2px 1px #696969;
	box-shadow: 2px 2px 1px #696969;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.route_dtl_yama_name{
	color:#FFFF00;
}
.route_yama_ctg{
	text-align:right;
	padding:0 10px 5px 0;
}
.route_dtl_image{
	text-align:center;
	padding:0 auto;
	margin-bottom:15px;
}
.route_dtl_image img{
	padding:3px;
	border:1px #A0A0A0 solid;
	background:#FFFFFF;
	-webkit-box-shadow: 0 0 3px #333333;
	box-shadow: 0 0 3px #333333;
	margin:0 auto 2px auto;
}
.route_dtl_img_cap{
	font-size:12px;
	color:#696969;
}
.route_dtl_data{
	font-size:14px;
	line-height:1.0em;
	margin:0 10px 15px 10px;
}
.route_dtl_data p{
	margin-bottom:8px;
}
.route_dtl_data_mds{
	color:#AA0000;
	font-size:14px;
	font-weight:bold;
}

.cse_season{
	margin:0 0 15px 0;
}
.cse_season_tbl{
	border-collapse:collapse;
	width:300px;
	margin:0 auto 15px auto;
}
.cse_season_tbl td.td_n{
	border-left:1px #F5F5F5 dotted;
	border-right:1px #F5F5F5 dotted;
	background:#FFE5E5;
	height:10px;
	width:7px;
	font-size:10px; line-height:10px;
}
.cse_season_tbl td.td_g{
	border-left:1px #F5F5F5 dotted;
	border-right:1px #F5F5F5 dotted;
	background:#FF9999;
	width:7px;
	height:10px;
	font-size:10px; line-height:12px;
}
.cse_season_tbl td.td_month{
	font-size:10px;
	line-height:1.4em;
	text-align:center;
	border-left:1px #CCCCCC dotted;
	border-right:1px #CCCCCC dotted;
	background:#F5F5F5;
	font-weight:normal;
}
.map_caution{
	font-size:12px;
	margin:5px 5px 20px 5px;
	font-size:10px;
	background:#EEEEEE;
	padding:5px;
	color:#454545;
	line-height:1.2em;
	-webkit-box-shadow: 2px 2px 1px #a0a0a0;
	-moz-box-shadow: 2px 2px 1px #a0a0a0;
	box-shadow: 2px 2px 1px #a0a0a0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.r_ctg_box_on{
	background-color:#0071cd;
	color:#FFFFFF;
	font-size:10px;
	padding:2px 6px 2px 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.r_ctg_box_off{
	background-color:#DDDDDD;
	color:#FFFFFF;
	font-size:10px;
	padding:2px 6px 2px 6px;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.route_dtl_mds2{
	margin-left:10px;
	margin-bottom:3px;
	font-size:12px;
}
.route_dtl_couse_body{
	padding:0 10px;
}
.route_dtl_course{
	font-size:14px;
	line-height:1.2em;
	padding-bottom:3px;
}
.route_dtl_course_p{
	font-size:12px;
	padding:0 5px 5px 5px;
	line-height:1.2em;
	color:#696969;
	border-bottom:1px #696969 dotted;
	margin-bottom:10px;
}

/*--------ŠÖ˜A‚ÌŽR-------*/
.route_dtl_yama {
	margin-top: 10px;
}
.route_dtl_yama img {
	margin-bottom: 2px;
	width: 64px;
	height: 64px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 3px #333333;
	box-shadow: 0 0 3px #333333;
}
.route_dtl_yama li {
 margin: 0 0 10px 12px;
 float: left;
 text-align: center;
}
.route_dtl_yama ul:after {
 content: '';
 display: block;
 clear: both;
}
.route_dtl_yama a {
 display: block;
 text-decoration: none;
}
.route_dtl_yama a:after {
	display: block;
	content: attr(title);
	font-size: 10px;
	width: 64px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.route_p_txt{
	padding-bottom:15px
}
.route_kanren_title{
	font-size:16px;
	margin-bottom:5px;
}

/*----- route_top css 2017.01.17 ------*/

.route_choise{
	border-top:1px #CCCCCC solid;
	border-bottom:1px #CCCCCC solid;
	padding:10px 7px;
	background-color: #eeeeee;
	background-image: -webkit-linear-gradient(top, #f1f1f1 0%, #fff 48%, #eeeeee 49%, #eeeeee 82%, #fcfcfc 100%);
	background-image: -moz-linear-gradient(top, #f1f1f1 0%, #fff 48%, #eeeeee 49%, #eeeeee 82%, #fcfcfc 100%);
	background-image: -o-linear-gradient(top, #f1f1f1 0%, #fff 48%, #eeeeee 49%, #eeeeee 82%, #fcfcfc 100%);
	background-image: linear-gradient(top, #f1f1f1 0%, #fff 48%, #eeeeee 49%, #eeeeee 82%, #fcfcfc 100%);
	margin-bottom:15px;
}
.route_choise:after{
	content: '';
	display: block;
	clear: both;
}

.route_ch_img{
	width:125px;
	margin-right:5px;
	float:left;
	margin-bottom:5px;
}
.route_ch_img img{
	border:1px #CCCCCC solid;
}
.route_ch_title{
	font-weight:bold;
	font-size:16px;
	margin-bottom:4px;
	line-height:1.2em;
}
.route_ch_txt{
	color:#454545;
	font-size:12px;
	line-height:1.3em
}
#footer_bottom{
	margin-top:-100px;
}


.recom_route{
	border-top:1px #CCCCCC solid;
	padding:10px 0 20px 0;
	line-height:1.5em;
}
.recom_route img{
	margin-bottom:10px;
}
a .recom_route p{
	color:#000000;
}
a .recom_route_txt{
	font-size:14px;
	margin:0 10px;
}
a .recom_route_date{
	font-size:12px;
	color:#696969;
}
a .recom_route_mds{
	font-size:18px;
	font-weight:bold;
	line-height:1.2em;
	margin-bottom:5px;
}
a .recom_route_date2{
	color:#696969;
	text-align:right;
	font-size:10px;
}




