@charset "utf-8";


/*
	top
------------------------------------------*/

#search{
	position:relative;
	padding:7px;
	text-align:center;
	background:url(../img/bg_gps.gif) repeat;
}

#s_stored{
	color:#fff;
	font-size:11px;
	font-weight:bold;
	margin:0 0 10px;
}

	#s_stored b{
		color:#FF0;
		font-size:16px;
		font-weight:bold;
	}
	
#btn_gps{
	padding:4px;
	background: -moz-linear-gradient(top, #fff, #d5d5d5);
	background: -webkit-gradient(linear, left top,left bottom, from(#fff), to(#d5d5d5));
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	border:4px solid #ff9966;
	box-shadow: 1px 1px 4px #000; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000;
	margin:0 0 10px;
}

#btn_gps_foot{
	padding:4px;
	background: -moz-linear-gradient(top, #fff, #d5d5d5);
	background: -webkit-gradient(linear, left top,left bottom, from(#fff), to(#d5d5d5));
	-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;
	border:4px solid #ff9966;
	box-shadow: 1px 1px 4px #000; -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px #000;
	margin:0 0 10px;
}

#form_search{
	text-align:center;
	margin:0 0 10px;
}
#form_search_station {
    margin: 0 0 6px 0;
	text-align: center;
}

	#form_search input[type="text"], #form_search_station input[type="text"], #form_search_tenpo input[type="number"], #form_search_tenpo input[type="text"]{/**/
		font-size:13px;
		padding:0.6em 0.2em;
	}

	.input_i_train{
		text-indent:2.5em;
		background:#fff url(../img/i_train.png) no-repeat 4px 50%;
		background-size:auto 80%;
	}

#form_area_box select {
	width: 145px;
}

#s_other{
	margin:0 0 10px;
}

#s_other div{
	padding: 5px 10px;
	margin: 10px;
	display: table-cell;
	vertical-align: middle
}

#s_other .btn {  
	height: 35px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	width: auto;
	padding: 3px 15px;/**/
	border: none;
	font-size:14px;
	line-height:100%;
	font-weight:bold;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fff), color-stop(0.2, #FC6), color-stop(1, #F93) );
	background:-moz-linear-gradient( top, #fff 5%, #FC6 20%, #F93 100% );
	background:linear-gradient(to bottom, #FFF, #AAA);/* IE10+, W3C */
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	box-shadow: 1px 1px 4px #666; -moz-box-shadow: 1px 1px 4px #666; -webkit-box-shadow: 1px 1px 4px #666;
} 

#event{
	background:#abcd03;
	padding:0 0 16px;
}
	#event_ttl{
		width:94%;
		padding:5px 3% 0;
		background: -webkit-gradient(linear, left top,left bottom, from(#e5eec2), to(#abcd03));
		background: -moz-linear-gradient( top, #e5eec2 0%, #abcd03 100% );
	}
	#event_ttl a{
		display:block;
		background:url(../img/i_arrow2_s.png) no-repeat 100% 40%;
		-moz-background-size:auto 22px;
		background-size:auto 22px;
	}
	
	#event .dl_link_list dt a{/**/
		display:block;
		padding:0.2em 0;
		color:#fff;
		background:url(../img/i_arrow2_s.png) no-repeat 100% 40%;
		-moz-background-size:auto 16px;
		background-size:auto 16px;
		text-decoration: none;
	}


#news{
	background:#ff4f4f;
	padding:0 0 16px;
}
	#news_ttl{
		width:94%;
		padding:5px 3% 0;
		background: -webkit-gradient(linear, left top,left bottom, from(#ffacac), to(#ff4f4f));
	}
	#news_ttl a{
		display:block;
		background:url(../img/i_arrow2_s.png) no-repeat 100% 40%;
		-moz-background-size:auto 22px;
		background-size:auto 22px;
	}
	
	
#hall_news{
	background:#2fa186;
	padding:0 0 16px;
}
	#hall_news_ttl{
		width:94%;
		padding:5px 3% 0;
		background: -webkit-gradient(linear, left top,left bottom, from(#a3ecdb), to(#2fa186));
	}
	#hall_news_ttl a{
		display:block;
		background:url(../img/i_arrow3_s.png) no-repeat 100% 40%;
		-moz-background-size:auto 22px;
		background-size:auto 22px;
	}
	
#chirashi_box{
	background: #0083BF;
	position: relative;
	padding: 0 0 16px;
}
	#chirashi_box_ttl{
		width:94%;
		padding:5px 3% 0;
		background: -webkit-gradient(linear, left top,left bottom, from(#61B2D8), to(#0083BF));
		background: -moz-linear-gradient( top, #61B2D8 0%, #0083BF 100% );
	}

	#chirashi_box .movie_btn_l{
			display:block;
			position:absolute;
			left:5%;
			top:130px;
		}
	#chirashi_box .movie_btn_r{
			display:block;
			position:absolute;
			right:5%;
			top:130px;
		}
	#chirashi_box .bx-wrapper{
		width: 94%;
		height: 200px;
		}

	#chirashi_box .chirashi_image{
		height: 150px;
		margin: 5px 0;
		position: relative;
		}
	#chirashi_box .bx-wrapper img {
		width:auto; 
		height:auto; 
		max-width:100%; 
		max-height:100%; 
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin:auto;
		}
	#top_event_slider div{
		text-align: center;
		font-size: 11px;
		}
	#top_event_slider p{
		font-weight: bold;
		}

.slider{
	position:relative;
	padding:0 0 16px;
}
	.slider_ttl{
		width:94%;
		padding:0 3% 0;
	}
	.slider_ttl a{
		display:block;
		background:url(../img/i_arrow2_s.png) no-repeat 100% 50%;
		-moz-background-size:auto 22px;
		background-size:auto 22px;
	}
	.slider_wrap{
		width:94%;
		padding:6px 0 0;
		margin:0 auto;
		background:#fff;
	}
	.slider_mask{
		width:246px;
		height:130px;
		margin:0 auto;
		overflow:hidden;
	}
	.slider li{
		width:246px;
		text-align:center;
	}
	.slider li p{
		float: left;
	}
	.slider li a{
		display:block;
		width:115px;
		text-align:center;
		font-size:11px;
		line-height:110% !important;
		margin:0 4px;
	}
	.slider li img{
		display:block;
		margin:0 auto 4px;
	}
	
	.slider .movie_btn_l{
		display:block;
		position:absolute;
		left:5%;
		top:100px;
	}
	.slider .movie_btn_r{
		display:block;
		position:absolute;
		right:5%;
		top:100px;
	}


#movie{ background:#5346cf;}
#movie .slider_ttl{ background: -webkit-gradient(linear, left top,left bottom, from(#b1abee), to(#5346cf));}

#p_latest{ background:#ff6b08;}
#p_latest .slider_ttl{ background: -webkit-gradient(linear, left top,left bottom, from(#ffc49c), to(#ff6b08));}

#s_latest{ background:#08b5ff;}
#s_latest .slider_ttl{ background: -webkit-gradient(linear, left top,left bottom, from(#9fe2ff), to(#08b5ff));}


#rank_p{
	position:relative;
	padding:0;
	margin:0 0 10px;
}
	#rank_p_ttl{
		padding:5px 3%;
		background: -webkit-gradient(linear, left top,left bottom, from(#ffc49c), to(#ff6b08));
	}
	#rank_p_ttl a{
		display:block;
		background:url(../img/i_arrow2_s.png) no-repeat 100% 50%;
		-moz-background-size:auto 22px;
		background-size:auto 22px;
	}
	.rank_update{
		position:absolute;
		left:57px;
		top:32px;
		color:#fff;
		font-size:10px;
	}
	
	
#rank_s{
	position:relative;
	padding:0;
	margin:0 0 10px;
}
	#rank_s_ttl{
		padding:5px 3%;
		background: -webkit-gradient(linear, left top,left bottom, from(#9fe2ff), to(#08b5ff));
	}
	#rank_s_ttl a{
		display:block;
		background:url(../img/i_arrow2_s.png) no-repeat 100% 50%;
		-moz-background-size:auto 22px;
		background-size:auto 22px;
	}