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

.select-main {
	position: relative;
	padding-top: 30px;
}

/*キャンペーンバナー*/
.cityLine-camBnr {
	position: absolute;
	top: 0;
	right: 3px;
}

/* タブ */
.box-top-area-on {
	padding-bottom:5px;
	background: url(/img2/common/search_select/box_top_area_on.gif) no-repeat center bottom;
	width: 880px;
}

.box-top-line-on {
	padding-bottom:5px;
	background: url(/img2/common/search_select/box_top_line_on.gif) no-repeat center bottom;
	width:880px;
}

.tab-list02 ul {
	width: 420px;
	height: 34px;
	clear: both;
}


.tab-list02 li {
	float: left;
	list-style: none;
}

.tab-area-on02 a {
	width: 209px;
	height: 34px;
	background: url(/img2/common/search_select/btn_area02_on.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

.tab-area-off02 a, .tab-area-off02 span {
  width: 209px;
  height: 34px;
  background: url(/img2/common/search_select/btn_area02_off.gif) no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}

.tab-line-on02 a {
  width: 208px;
  height: 34px;
  background: url(/img2/common/search_select/btn_line02_on.gif) no-repeat;
  text-indent: -9999px;
  display: block;
  overflow: hidden;
}
.tab-line-off02 a, .tab-line-off02 span {
	width: 208px;
	height: 34px;
	background: url(/img2/common/search_select/btn_line02_off.gif) no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

/* 枠 */
.select-inner {
	border: 1px solid #ccc;
	border-top: none;
	padding: 15px 25px 15px;
	width: 828px;
}

/* タイトル */
.search-city-txt {
	font-size: 18px;
	padding: 16px 0;
	font-weight: bold;
}

.search-city-txt span {
	color: #c00;
	font-size: 25px;
	font-weight: bold;
}

/* 見出し */
.searchTxt {
	font-size:20px;
	font-weight:bold;
	border-left:4px solid #ed3024;
	padding:4px 6px 0 6px;
	margin-bottom:20px;
}

.searchTxt span {
	font-size:14px;
	font-weight:normal;
}

/* 検索ボタン */

.search-city-bt {
	background: #eee;
	margin: 0 0 15px;
	padding: 10px;
	text-align: center;
	position: relative;
}

.search-city-bt a,.search-city-bt input {
	cursor:pointer;
}

.ic-arrow-animation {
	position: absolute;
	top: 9px;
	left: 260px;
}

.search-city-bt a,.search-city-bt input {
	cursor:pointer;
}

.search-city-bt .station_back {
	position:absolute;
	left:16px;
	top:12px;
}

.search-city-bt .station_back a:hover {
	opacity:0.7;
	filter: alpha(opacity=70);        /* ie 6 7 */
	-ms-filter: "alpha(opacity=70)";  /* ie 8 */
}

/* 駅名検索 */
.search-stationName {
	margin-bottom:30px;
}
.search-stationName__width{
    width: 99%;
}

.search-stationName-in {
	background:#f7f7f7;
	border:1px solid #dedede;
	padding:18px;
}

.search-stationName-in input {
	width:440px;
	font-size:14px;
	padding:3px 6px;
	border:2px solid #9ec9f9;
}

.ac_results ul li a {
	color:#333;
	text-decoration:none;
}

/* 市区町村 */
.search-city-area {
	font-size: 14px;
}

.search-city-area > dl {
	border: 1px solid #ccc;
	margin: 0 0 15px;
	padding:0 13px 0;
}

.search-city-area dt {
	background: none repeat scroll 0 0 #eee;
	border-bottom: 1px solid #ccc;
	box-shadow:0 0 0 1px white inset;
	font-weight: bold;
	padding: 7px 13px;
	clear:both;
	margin-bottom:16px;
	width:100%;
	margin-left:-13px;
}

/*チェックボックスが無い時*/
.search-city-area-noCheckBox{
	padding: 10px 13px 9px !important;
}

/* 駅ローディング中 */
.line-loading {
	position: absolute;
	/*top: 12px;
	left: 48%;*/
}

.search-city-area dd {
	display:inline-block;
	line-height: 1.3em;
	padding: 0 0 16px 1.3em;
    text-indent: -1.3em;
	width: 196px;
	box-sizing:border-box;
	vertical-align:top;
}

.search-city-area dd input[type=checkbox],
.search-city-area dt input[type=checkbox] {
	width:14px;
	height:14px;
	vertical-align:middle;
}

dd.search-city-other {
	width:auto !important;
	text-indent:inherit !important;
	padding:0 !important;
}

.search-city-other dt:first-child {
	margin-top:0;
}

.search-city-other dt {
	border-bottom: 1px dotted #ccc;
	font-size: 93%;
	padding: 0 0 5px 0;
	margin: 8px 0 10px 0;
	font-weight: bold;
	background:none;
	width:100%;
	clear:both;
}

.search-city-area li {
	float: left;
	line-height: 1.3em;
	padding: 0 0 20px;
	/* padding: 0 0 10px; */
	width: 200px;
}

.tit-sub {
	border-bottom: 1px dotted #ccc;
	font-size: 93%;
	padding: 0 0 5px 0;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.search-city {
  position: relative;
}
.search-bt-line-change {
	position: absolute;
	top: 12px;
	right:0;
}

.search-bt-line-change a {
	border: 1px solid #ccc;
	background: -moz-linear-gradient(top,#FFFFFF 0%,white 3%,#FFFFFF 3%,#F1F1F1);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.03,white), color-stop(0.03,#FFFFFF), to(#F1F1F1));
	border-radius: 4px;
	padding: 5px 10px;
	display: block;
	text-decoration: none;
}

.search-bt-line-change a span {
	padding: 0 0 0 9px;
	background: url(/img2/common/ic_arrow_001.gif) no-repeat left center !important;
}

/*パスナビ*/
.search-city-passnavi {
	padding: 0 0 15px;
	text-align: right;
}

/*検索結果モーダル*/
.seach-modal .search-city-area {
	width:99%;
	margin-bottom:68px;
}

.seach-modal .search-city-bt {
	position:fixed;
	top:445px;
	width:98%;
	height: 35px;
	background-color:rgba(238,238,238,0.8);
	z-index:10;
}

.seach-modal .search-city-bt input {
	background:#FFF;
	cursor:pointer;
}

/* --------------------------------
 ランキングポップアップ
-------------------------------- */
.search-city-area.search-city-area__rank dd {
	padding: 0 8px 16px 0;
	text-indent: inherit;
	width: 178px;
}

.changePref {
	display: inline-block;
	float: right;
	margin: 0 4px 0 0;
}

.changePref:hover {
	opacity: 0.7;
}

/* --------------------------------
 clearfix
-------------------------------- */
.search-city-area > dl:after,
.tab-list02:after,
.tab-list02 ul:after,
.search-city-area dd ul:after,
.search-city-area dd:after,
.search-city-bt:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}