@charset "UTF-8";
/*
 * searchnavi.css
 *
 *  version --- 1
 *  updated --- 2013/10/18
 */


 /* ==============================================
	navi area
============================================== */

.search_navi_tbl {
	width:900px;
	border:2px solid #d5c6c3;
}

.search_navi_tbl_dtl {
	width:950px;
	border:2px solid #d5c6c3;
}

.search_navi_tbl_dtl02 {
	border:2px solid #d5c6c3;
}



.search_navi_tbl th ,.search_navi_tbl_dtl th ,.search_navi_tbl_dtl02 th{
	background:#ebdcdf;
	color:#771d37;
	font-weight:bold;
	border-bottom:2px solid #d5c6c3;
	padding:4px;
	width:80px;
	text-align:center;
}

.search_navi_tbl td ,.search_navi_tbl_dtl td ,.search_navi_tbl_dtl02 td{
	background:#fff;
	border-bottom:2px solid #d5c6c3;
	border-right:2px solid #d5c6c3;
	padding:4px;
}

.search_navi_tbl .tbl_linkbtm {
	background: url(/common/img/search_nav_bg.png) repeat center top;
	padding:8px;
}

.tbl_linkbtm .detail {
	padding-left: 11px;
	float: right;
	background: url(/common/img/bullet/link_blt_01.png) no-repeat left 0.3em;
	color:#FFF;
}

.tbl_linkbtm .stit ,.tbl_linkbtm .stit02{
	margin-right:4px;
	vertical-align:middle;
	float: left;
	color:#fff;
	line-height:1.7;
	display:block;
}

/* ====================
駅検索改修時
===================== */

/* 切り替えタブ */
.searchPanel_nav {
	width: 900px;
	margin: 15px auto -2px;
}
.searchPanel_nav > li {
	display: inline-block;
	width: 250px;
}
.searchPanel_nav > li > a {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 15px;
	background-color: #F9F9F9;
	font-size: 15px;
	color: #333333;
	text-decoration: none;
	text-align: center;
	border: 2px solid #d5c6c3;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	background-repeat: no-repeat;
	background-position: 20px center;
}
.icn_train {
	background-image: url(/common/img/icn_train_off.png);
	background-size: 20px 29px;
}
.icn_area {
	background-image: url(/common/img/icn_area_off.png);
	background-size: 20px 25px;
}
.icn_train.is_active {
	background-image: url(/common/img/icn_train.png);
}
.icn_area.is_active {
	background-image: url(/common/img/icn_area.png);
}
.searchPanel_nav > li > a > span {
	font-size: 18px;
	font-weight: bold;
}
.searchPanel_nav > li > a.is_active {
	border-top: 2px solid #d5c6c3;
	border-right: 2px solid #d5c6c3;
	border-left: 2px solid #d5c6c3;
	border-bottom: 2px solid #FFFFFF;
	background-color: #FFFFFF;
	color: #333333;
}
.searchPanel_nav > li > a.is_active > span {
	color: #BC0081;
}
/* 検索パネル */
#form_searchPanel_area,
#form_searchPanel_station {
	display: none;
}
#form_searchPanel_area.is_active,
#form_searchPanel_station.is_active {
	display: block;
}
.form_searchPanel_station {
	overflow: hidden;
}
.searchPanel_ttl {
	width: 900px;
	padding:8px;
	margin: 0 auto;
	box-sizing: border-box;
	background: url(/common/img/search_nav_bg.png) repeat center top;
}
.searchPanel_ttl .detail {
	padding-left: 11px;
	float: right;
	background: url(/common/img/bullet/link_blt_01.png) no-repeat left 0.3em;
	color:#FFF;
}
.searchPanel_ttl .stit {
	margin-right:4px;
	vertical-align:middle;
	float: left;
	color:#fff;
	line-height:1.7;
	display:block;
}
.searchPanel_ttl .stit02 {
	color: #FFFFFF;
}
.searchPanel_ttl .detail a{
	color:#fff;
}

/* 駅検索 */
.searchStation {
	width: 900px;
	padding: 30px;
	margin: 0 auto;
	border: 2px solid #d5c6c3;
	box-sizing: border-box;
	overflow: hidden;
}
.searchStation_item {
	position: relative;
	display: inline-block;
}
.searchStation_item +.searchStation_item {
	margin-left: 20px;
}
.searchStation_item > dt {
	padding-bottom: 10px;
	font-size: 14px;
	color: #781E38;
}
.searchStation_item > dd {
	padding: 20px;
	background-color: #F9F9F9;
}
.searchStation_term {
	padding: 10px;
	font-size: 14px;
}
.term_station {
	width: 250px;
}
.term_time {}
.term_count {}
.searchStation_unit {
	display: inline-block;
	margin-left: 10px;
	vertical-align: bottom;
	font-size: 14px;
}
.icn_stationModal {
	display: block;
  width: 100%;
  height: 47px;
	background-repeat: no-repeat;
	background-image: url(/common/img/btn_searchModal.png);
	text-indent: -9999px;
}
.icn_stationModal:hover {
	background-image: url(/common/img/btn_searchModal_on.png);
}
.icn_stationModal:active {
	background-image: url(/common/img/btn_searchModal_click.png);
}
.btn_stationModal {
	display: inline-block;
	width: 150px;
	margin-left: 20px;
	vertical-align: middle;
}
.jsc_moremodal_close {
  display: block;
  padding: 15px 30px;
  margin: 0 auto;
  border-top: none;
  border-right: none;
  border-left: none;
  border-bottom: 3px solid #7D0055;
  box-sizing: border-box;
  background-color: #BA007F;
  border-radius: 5px;
  font-size: 15px;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
}
/* error message */
.searchStation_item > dd.searchStation_caution {
	position: absolute;
	bottom: -25px;
	left: 0;
	padding: 0;
	background-color: inherit;
	font-size: 12px;
	color: #BA007F;
  white-space: nowrap;
}

.term_error {
	position: absolute;
	display: inline-block;
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	background-color: #BC0081;
	font-size: 12px;
	color: #FFFFFF;
}
.term_error_station {
	top: 45px;
	left: 0;
}
.searchPanel_cta {
	display: block;
	padding: 15px 30px;
	margin: 0 auto;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: 3px solid #7D0055;
	box-sizing: border-box;
	background-color: #BA007F;
	border-radius: 5px;
	font-size: 15px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
/* エラー */
.caution {
	position: absolute;
}
.cautionList > li {
	color: #FF0000;
}
.jsc_caution {
	opacity: 0;
}
/* resultページ */
.btn_searchMoremodal {
	display: inline-block;
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #A2576E;
	color: #FFFFFF;
	text-decoration: none;
}
.btn_searchMoremodal > img {
	width: 10%;
	margin-right: 10px;
	vertical-align: middle;
}
.btn_searchMoremodal:hover {
	background-color: #771D3C;
}
/* moremodal */
.moremodal {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 20;
	padding: 30px;
	margin-top: -300px;
	margin-left: -400px;
	width: 800px;
	height: 650px;
	border: 10px solid #EFEFEF;
	box-sizing: border-box;
  border-radius: 10px;
	background-color: #FFFFFF;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	text-align: left;
	overflow: hidden;
}
.moremodal_lineList {
  width: 737px;
	height: 320px;
	padding-top: 25px;
	overflow-y: scroll;
}
.moremodal_lineList > li {
	padding-top: 50px;
	position: relative;
	border: 3px solid #CCCCCC;
	background-color: #FCFCFC;
}
.moremodal_lineList > li + li {
	margin-top: 35px;
}
.moremodal_ttl {
	padding: 15px 0 50px;
	text-align: center;
	font-size: 16px;
}
.moremodal_ttl > span {
	margin: 0 5px;
  font-size: 25px;
	font-weight: bold;
	color: #BC0081;
}
.moremodal_lineName {
	position: absolute;
	top: -25px;
	left: 10px;
  display: inline-block;
  padding: 10px 30px;
  border: 3px solid #CCCCCC;
  background-color: #FFFFFF;
  font-size: 15px;
  border-radius: 30px;
}
.moremodal_allcheck {
	display: inline-block;
	margin-left: 30px;
}
.moremodal_lineStation {
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 30px;
}
.moremodal_lineStation > li {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	margin-top: 5px;
	margin-right: 5px;
}
.moremodal_lineStation > li > label {
	display: inline-block;
	width: 100%;
	height: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #EFEFEF;
	border-left: 1px solid #EFEFEF;
	border-bottom: 3px solid #EFEFEF;
	border-radius: 5px;
	background-color: #EFEFEF;
	font-size: 15px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}
.moremodal_lineStation > li > label.changeColor {
	background-color: #FFFFFF;
}
.moremodal_lineStation > li > label:hover {
	color: #BC0081;
}
.moremodal_lineStation > li > label > input {
	margin-right: 10px;
}
.moremodalBg {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: #333333;
	opacity: 0.3;
}
.moremodal_inner {
	position: relative;
}
.moremodal_cta {
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid #EFEFEF;
	background-color: #FFFFFF;
}
/* ===============
clear fix
=============== */
.cf:after {
 clear: both;
 content: '';
 display: block;
 overflow: hidden;
 visibility: hidden;
 height: 0;
}

/* ===============
auto complete
=============== */
.ui-menu .ui-menu-item {
	padding: 10px 1em 10px 10px;
	text-align: left;
}




.search_navi_tit_all {
	background: url(/common/img/module/search_list_bg_top.png) no-repeat center top #fff;
	padding:7px 0 0 0;
}
.search_navi_tit_all_prefmuni {
	position: relative;
	background: none;
}
.btn_search_detail {
	position: absolute;
	right: 25px;
	bottom: 20px;
}

.search_navi_tit_all_cont {
	background: url(/common/img/module/search_list_bg_top_cont.gif) no-repeat center top #fff;
	padding:7px 0 0 0;
}

.search_navi_tit {
	border-left:1px solid #cdcdcd;
	border-right:1px solid #cdcdcd;
	background: #fff;
	padding:0 8px 7px 8px;
}


.search_navi_tit .detail {
	padding-left: 11px;
	float: right;
	margin-top: 7px;
	width:100px;
	background: url(/common/img/bullet/link_blt_01.png) no-repeat left 0.3em;
}

.search_navi_tit .h2_tit{
	font-size: 150%;
	font-weight: bold;
	color: #664742;
	float:left;
	width:700px;
}

.search_navi_tit .h2_tit02{
	font-size: 150%;
	font-weight: bold;
	color: #664742;
	float:left;
	width:550px;
}



.h2_tit span , .h2_tit02 span {
	color: #bd0081;
}

.tbl_linkbtm .detail a{
	color:#fff;
}

.tbl_linkbtm02 {
	width:140px;
	text-align:center;
}

.city_set_section li {
	float:left;
}

.city_set_section  .index_search_select {
	font-weight:bold;
	padding:2px 4px 3px 4px;
	vertical-align:middle;
	margin:0 9px 0 2px;
}

.city_set_section  .sc_btn {
	margin:0 10px 0 0;
}

.city_set_section .sc_area {
    min-height: 20px;
    height: auto !important;
    height: 20px;
	padding:4px;
	background:#fbf0f3;
	color:#754251;
	font-size:11px;
	width:340px;
	overflow:hidden;
	font-weight:bold;
	line-height:1;
	display: none;
}

.city_set_section .sc_area_dtl {
    min-height: 19px;
    height: auto !important;
    height: 19px;
	color:#754251;
	font-size:11px;
	width:185px;
	overflow:hidden;
	font-weight:bold;
	display: none;
}

.m_auto {
	width:98% !important;
	margin-left:1px;
}

.city_set_section  .sc_area span , .city_set_section .sc_area_dtl span {
	font-weight: normal !important;
}

.work_set_section , .work_set_section_modal{
	text-align: left;
	font-size: 0px;
}

.work_set_section_fs12{
	text-align: left;
	font-size: 0px;
}

.work_set_section .icheck ,.work_set_section_fs12 .icheck {
	font-weight:bold;
	background:#fbf0f3;
}

.work_set_section li {
	font-size:12px;
	padding:4px 3px 3px 3px;
	margin:0 0 1px 1px;
	color:#754251;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.work_set_section_modal li {
	font-size:12px;
	padding:4px 3px 3px 3px;
	margin:0 0 1px 1px;
	color:#754251;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.work_set_section_fs12 li {
	font-size:12px;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.work_set_section_fs12 input{
	margin-right:5px;
	vertical-align: middle;
}

.work_set_section span , .work_set_section_modal span{
	color:#888;
	font-weight: normal !important;
}

.work_set_section input ,.work_set_section_modal input {
	vertical-align:middle;
	margin-right:3px;
	margin-top:-2px !important;
	padding:0;
}

.work_set_section_modal .icheck {
	font-weight: bold;
	background:#fbf0f3;
}

.w100 {
	width:100px;
}

.w120 {
	width:120px;
}

.w125 {
	width:125px;
}

.w130 {
	width:130px;
}


.w150 {
	width:150px;
}

.w160 {
	width:160px;
}

.w170 {
	width:170px;
}

.w180 {
	width:180px;
}

.w190 {
	width:190px;
}


.w195 {
	width:195px;
}

.w200 {
	width:200px;
}

.w205 {
	width:205px;
}

.w210 {
	width:210px;
}



 /* ==============================================
	modal
============================================== */

div#modal {
	display: none;
	position: fixed;
	z-index:9999;
}

div#modal div.background {
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

div#modal div.container {
	position: fixed;
	width: 850px;
	height:600px;
	padding-top:6px;
	background: url(/common/img/module/modal_bg_top.png) no-repeat center top;
}

.m_inner {
	height: 500px;
	overflow: auto;
	margin-bottom:20px;
}

.m_tit {
	color:#0066cc;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

.m_contents_inner {
	background: url(/common/img/module/modal_bg_btm.png) no-repeat center bottom;
	padding-bottom:6px;
}

.m_contents_inner_dtl {
	background:#fff;
	padding:9px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	position:relative;
}


.m_contents_inner_dtl .close_box img {
	float:right;
}

/* ====================
こだわり条件
==================== */
.search_navi_goodList {}
.search_navi_goodList > li {
	width: 32%;
}
.search_navi_goodList > li > label {
	display: block;
	width: 100%;
}
.search_navi_goodList > li > label > span:before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background-position: center;
	background-repeat: no-repeat;
}
.search_navi_goodList > li > label > span {
	color: #754251;
}
.search_navi_goodList > .search_navi_goodList_highPayroll > label > span:before {
	background-image: url(/search/img/temp_search-icn_08.png);
}
.search_navi_goodList > .search_navi_goodList_inexperience > label > span:before {
	background-image: url(/search/img/temp_search-icn_13.png);
}
.search_navi_goodList > .search_navi_goodList_nearStation > label > span:before {
	background-image: url(/search/img/temp_search-icn_14.png);
}
.search_navi_goodList > .search_navi_goodList_bike > label > span:before {
	background-image: url(/search/img/temp_search-icn_15.png);
}
.search_navi_goodList > .search_navi_goodList_dayOff > label > span:before {
	background-image: url(/search/img/temp_search-icn_09.png);
}
.search_navi_goodList > .search_navi_goodList_support > label > span:before {
	background-image: url(/search/img/temp_search-icn_11.png);
}
.search_navi_goodList > .search_navi_goodList_weekend > label > span:before {
	background-image: url(/search/img/temp_search-icn_10.png);
}
.search_navi_goodList > .search_navi_goodList_homework > label > span:before {
	background-image: url(/search/img/temp_search-icn_16.png);
}
.search_navi_goodList > .search_navi_goodList_relocation > label > span:before {
	background-image: url(/search/img/temp_search-icn_12.png);
}
.search_navi_goodList > .search_navi_goodList_study > label > span:before {
	background-image: url(/search/img/temp_search-icn_18.png);
}

.search_navi_btn_addTerms {
	text-align: right;
}
.search_navi_btn_addTerms > a:before {
	content: "+";
	margin-right: 5px;
}
.search_navi_btn_addTerms > a {
	display: inline-block;
	padding: 5px 15px;
	background-color: #A2576E;
	border-radius: 3px;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
}
.search_navi_btn_addTerms > a:hover {
  background-color: #b96982;
}