@charset 'Shift_JIS';
/* ----------------------------------------
　/mansion/shared/search.css
---------------------------------------- */
#mainCont {
	float: none;
	width: auto;
}

.pct15 { width: 15%!important; }
.pct20 { width: 20%!important; }
.pct25 { width: 25%!important; }
.pct30 { width: 30%!important; }
.pct33 { width: 33%!important; }
.pct35 { width: 35%!important; }
.pct40 { width: 40%!important; }

.free li,
li.free { width: auto!important; }

/* H2
---------------------------------------- */
h2.mttl span {
	/*IE6*/
	_display: inline;
	_float: left;
}

h2.mttl ul {
	float: right;
	position: relative;
	bottom: -15px;
	/*IE6*/
	_display: inline;
}

h2.mttl li {
	float: left;
	height: 1em;
	margin-left: 15px;
	line-height: 1.3;
	vertical-align: top;
	/*IE6*/
	_display: inline;
}

h2.mttl li a {
	display: inline-block;
	padding-left: 10px;
	background: url(/common2013/img/buy/shared/icn_ar_arrow.gif) no-repeat left 0.3em;
	vertical-align: top;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

/* .srCtg
---------------------------------------- */
#topArea .srCtg {
	margin-bottom: 10px;
}

#topArea .srCtg ul {
	float: right;
	/*IE6*/
	_display: inline;
}

#topArea .srCtg li {
	float: left;
	margin-left: 5px;
	/*IE6*/
	_display: inline;
}

/* .bukkenCtg
---------------------------------------- */
#topArea .bukkenCtg {
	margin-bottom: 30px;
}

#topArea .bukkenCtg ul {
	float: right;
	/*IE6*/
	_display: inline;
}

#topArea .bukkenCtg li {
	float: left;
	width: 7em;
	padding: 3px 0 2px;
	background: url(/common2013/img/shared/bg_dotline_1_1_v.gif) repeat-y right top;
	text-align: center;
	font-weight: bold;
	/*IE6*/
	_display: inline;
}

#topArea .bukkenCtg li.ttl {
	width: 9em;
	background-color: #F6F6F6;
	background-image: none;
}

#topArea .bukkenCtg li.ttl_select {
	color: #E3001F;
}

#topArea .bukkenCtg li a {
	text-decoration: none;
}

/* .searchCont
---------------------------------------- */
.searchCont {
	padding-left: 28px;
}

.searchCont .lead {
	margin-bottom: 12px;
	font-size: 119%; /*SFH 追記*/
}

.searchCont .lead2019 {
	margin-bottom: 20px;
	font-size: 119%;
}

/* .titleBlock
---------------------------------------- */
.titleBlock {
	padding-bottom: 9px;
	border-bottom: 1px solid #E3E3E3;
}

.titleBlock h3,
.titleBlock .checkAll {
	float: left;
	/*IE6*/
	_display: inline;
}

.titleBlock h3 {
	min-height: 23px;
	padding-top: 1px;
	padding-left: 24px;
	background: url(/common2013/img/buy/shared/icn_h3.gif) no-repeat left center;
	/*IE6*/
	_height: 23px;
}

.titleBlock h3 span {
	vertical-align: middle;
	line-height: 1.3;
	font-size: 150%;
	font-weight: bold;
}
.titleBlock h3 span a {
	text-decoration:none;
}
.titleBlock h3 span a:hover {
	text-decoration:underline;
}

.titleBlock .checkAll {
	position: relative;
	overflow: hidden;
	width: 209px;
	height: 24px;
	margin-left: 35px;
}

.titleBlock .checkAll input {
	position: absolute;
	left: -9999px;
	top: 0;
}

.titleBlock .checkAll label {
	display: block;
	overflow: hidden;
	width: 209px;
	height: 24px;
	background: url(/common2013/img/buy/search/btn_check_all_area.gif) no-repeat left top;
	text-indent: -9999px;
}

.titleBlock .checkAll label.townName    { background-image: url(/common2013/img/buy/search/btn_check_all_town.gif); }
.titleBlock .checkAll label.stationName { background-image: url(/common2013/img/buy/search/btn_check_all_station.gif); }
.titleBlock .checkAll label.railName    { background-image: url(/common2013/img/buy/search/btn_check_all_rail.gif); }

.titleBlock .checkAll label.over    { background-position: 0 -25px; }
.titleBlock .checkAll label.checked { background-position: 0 -50px; }

/* .innerBlock
---------------------------------------- */
.searchCont .areaBlock .innerBlock {
	padding: 16px 0 35px 17px;
}

.searchCont .areaBlock .innerBlock.end {
	padding-bottom: 0;
}

/* .inputItems
---------------------------------------- */
.inputItems {}

.inputItems .name {
	display: inline-block;
	min-width: 110px;
	margin-bottom: 13px;
	padding: 2px 10px 1px;
	background: #B2B2B2;
	text-align: center;
	color: #FFF;
	font-size: 119%; /*SFH 追記*/
	/*IE7*/
	*display: inline;
	/*IE6*/
	_width: 110px;
}

.inputItems ul.end {
	margin-bottom: 0;
}

.inputItems li a,
.inputItems li a * {
	text-decoration: none;
	color: #333;
}
.inputItems li a:hover {
	text-decoration: underline;
	color: #E3001F;
}

.inputItems li.other a {
	text-decoration: none;
	color: #999;
}
.inputItems li.other a:hover {
	text-decoration: none;
	color: #999;
}

/* ▼ チェックボックス */
.inputItems .checkItems {
	display: block;
	margin-bottom: 18px;
	padding-bottom: 14px;
	background: url(/common2013/img/shared/bg_dotline_1_1h.gif) repeat-x left bottom;
}

.inputItems .checkItems li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 225px;
	/*IE6*/
	_display: inline;
}

.inputItems .checkItems li input {
	position: absolute;
	left: -9999px;
	top: 0;
}

.inputItems .checkItems li label {
	display: inline-block;
	position: relative;
	min-height: 21px;
	padding: 1px 5px 0 30px;
	vertical-align: middle;
	font-size: 119%; /*SFH 108%*/
	cursor: default;
	/*IE6*/
	_display: inline;
	_height: 21px;
}

.inputItems .checkItems li label .icn {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 21px;
	height: 21px;
	background: url(/common2013/img/buy/search/icn_checkbox.gif) no-repeat left top;
	cursor: pointer;
}

.inputItems .checkItems li label.checked .icn { background-position: 0 -25px; }

/* ▼ ラジオボタン */
.inputItems .radioItems {
	display: block;
}

.inputItems .radioItems li {
	position: relative;
	float: left;
	overflow: hidden;
}

.inputItems .radioItems li input {
	position: absolute;
	left: -9999px;
	top: 0;
}

.inputItems .radioItems li label {
	display: inline-block;
	position: relative;
	min-height: 20px;
	padding-top: 1px;
	padding: 1px 5px 0 30px;
	vertical-align: middle;
	font-size: 119%; /*SFH 108%*/
	/*IE6*/
	_height: 20px;
}

.inputItems .radioItems li label .icn {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 20px;
	height: 20px;
	background: url(/common2013/img/buy/search/icn_radio.gif) no-repeat left top;
}

.inputItems .radioItems li label.checked .icn { background-position: 0 -25px; }

/* ▼ パーツ */
.inputItems label.over { color: #E3001F; }

.inputItems .col2 li { width: 50%; }
.inputItems .col3 li { width: 33%; }
.inputItems .col4 li {
	width: 25%;
	/*IE7*/
	*width: 24.5%;
	/*IE6*/
	_width: 24.8%;
}
.inputItems .col5 li { width: 20%; }

.inputItems ul li.col2 { width: 50%; }
.inputItems ul li.col3 { width: 33%; }
.inputItems ul li.col3_5 { width: 30%; }
.inputItems ul li.col4 {
	width: 25%;
	/*IE6*/
	_width: 24.8%;
}
.inputItems ul li.col5 { width: 20%; }

.inputItems ul li.pr10 { padding-right: 10px;}
.inputItems ul li.pr20 { padding-right: 20px;}

.inputItems ul li.end label { padding-right: 0; }

.inputItems .checkItems li label .txt {
	padding-right: 0px; /*SFH 10px*/
}

/* 2014.09.16 */
.inputItems .checkItems.free li label .txt,
.inputItems .checkItems li.free label .txt { padding-right: 20px; }
/* --------- */

.inputItems .borderBtm {
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(/common2013/img/shared/bg_dotline_1_1h.gif) repeat-x left bottom;
}

.inputItems .borderNone {
	padding-bottom: 0;
	background: none;
}

.inputItems.otherOption .borderNone {
	margin-bottom: 0px;
	padding-bottom: 0;
	background: none;
}

.inputItems.otherOption .borderTop {
	margin: 12px 0;
	padding: 0;	/* 2014.09.19 */
	background: url(/common2013/img/shared/bg_dotline_1_1h.gif) repeat-x left top;
}

.inputItems.otherOption .borderTop li {margin-top: 13px;}	/* 2014.09.19 */

.inputItems.otherOption .end {margin-bottom: 0;}

/* .initialItems
---------------------------------------- */
.inputItems .checkItems.initialItems {
	position: relative;
	min-height: 32px;
	padding: 2px 0 14px 60px;
	/*IE6*/
	_height: 32px;
}

.inputItems .checkItems.initialItems li {
	width: 210px;
	margin-top: 6px;
}

.inputItems .checkItems.initialItems .ini {
	position: absolute;
	left: 0;
	top: 0;
	width: 38px;
	height: 38px;
	margin-top: 0;
}

/* .resultBlock
---------------------------------------- */
.resultBlock {
	padding: 30px 0 25px;
}

.resultBlock.short {
	width: 738px;
	margin-left: 80px;
	}

.resultBlock.end {
	padding-bottom: 0;
}

.resultBlock .inner {
	padding: 18px;
	background: #F6F6F6;
	border: 1px solid #E3E3E3;
}

.resultBlock .inner .number {
	float: left;
	width: 338px;
	min-height: 30px;
	padding-top: 6px;
	background: #FFF;
	border: 1px solid #E3E3E3;
	text-align: center;
	line-height: 1.3;
	font-size: 150%;
	/*IE7*/
	*padding-top: 5px;
	*min-height: 26px;
	/*IE6*/
	_height: 30px;
}

.resultBlock .inner .number span {
	line-height: 1;
	color: #E3001F;
	font-size: 150%;
	font-weight: bold;
	/*IE7*/
	*line-height: 1.1;
}

.resultBlock .inner .btn {
	float: left;
	margin-left: 17px;
}

/* .srTable
---------------------------------------- */
.srTable {
	width: 100%;
}

.srTable th,
.srTable td {
	padding: 10px 15px;
	border: 1px solid #DEDEDE;
}

.srTable th {
	width: 200px;
	background: #F6F6F6;
	font-size: 116%;
	font-weight: bold;
}

.srTable td {
	/*width: 70%;*/
}

.srTable select {
	min-width: 150px;
	padding: 5px 10px;
	border-color: #DEDEDE;
	vertical-align: middle;
	color: #666;
	font-size: 119%; /*SFH 追記*/
	/*IE6*/
	_width: 160px;
}

.srTable .fromTo {
	display: inline-block;
	padding: 0 5px;
	vertical-align: middle;
}

.srTable .checkItems li.free {
	width: auto;
}

.srTable .radioItems {
	margin-bottom: 10px;
}

.srTable .checkItems.end,
.srTable .radioItems.end {
	margin-bottom: 0;
}

.srTable .inputText {
	width: 604px;
	padding: 5px 10px;
	background: none;
	border: 1px solid #DEDEDE;
}

/* #searchNarrowBlock
---------------------------------------- */
#searchNarrowBlock {
	margin-bottom: 25px;
	padding: 8px 0 8px 16px;
	background: #F2F2F2;
}

#searchNarrowBlock div,
#searchNarrowBlock p {
	float: left;
	/*IE6*/
	_display: inline-block;
}

#searchNarrowBlock .inp {
	width: 416px;
	height: 28px;
	margin: 0 9px;
	background: url(/common2013/img/buy/search/bg_sr_narrow_input.gif) no-repeat left top;
	/*IE6*/
	_margin-right: 5px;
}

#searchNarrowBlock .inp input {
	width: 396px;
	margin: 6px 10px;
	background: #FFF;
	border: none;
	font-size: 12px;
	/*IE6*/
	_margin-left: 0px;
}

#searchNarrowBlock .btn1 {
	margin: 1px 6px 0 8px;
}

#searchNarrowBlock .btn2 {
	margin: 1px 0 0;
}

#searchNarrowBlock .searchResponse,
#searchNarrowBlock .searchResponse .ttl {
	float: none;
	clear: both;
}

#searchNarrowBlock .searchResponse {
	width: 100%;
	padding-top: 10px;
}

#searchNarrowBlock .searchResponse ul { padding-left: 10px; }

#searchNarrowBlock .searchResponse li { margin-top: 5px; }

/* Font size fix on August 2017
-----------------------------------------*/
.srTable th,
.srTable select,
.searchCont .lead,
.inputItems .name,
.inputItems .radioItems li label,
.inputItems .checkItems li label { font-size: 1.0em; }
.titleBlock h3 span,
.resultBlock .inner .number { font-size: 1.28571em; }
/* End of Font size fix on August 2017 */


/* fixed */
.fixed-area {
	position: fixed;
	width: 100%;
	height: 60px;
	background: rgba(0, 0, 0, 0.7);
	bottom: 0;
	z-index: 100;
}

.fixed-area.library {
	background: rgba(204, 204, 204, 0.7);
}

.fixed-area.js-fixedArea {
	display: none;
}

.fixed-area .fixed-area-inner {
	width: 950px;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0 auto;
}

.fixed-area .fixed-area-inner.center {
	justify-content: center;
}

.fixed-area .fixed-area-inner .fixed-count {
	font-size: 16px;
	color: #fff;
}

.fixed-area.library .fixed-area-inner .fixed-count {
	color: #333;
	font-weight: bold;
}

.fixed-area .fixed-area-inner .fixed-count .fixed-count-number {
	font-size: 28px;
	font-weight: bold;
	color: #f7e300;
}

.fixed-area.library .fixed-area-inner .fixed-count .fixed-count-number {
	color: #ff0000;
}

.fixed-area .fixed-area-inner .fixed-Btns {
	display: flex;
	justify-content: flex-end;
}

.fixed-area .fixed-area-inner .fixed-Btns.center {
	justify-content: center;
	flex: 1;
}

.fixed-area.library .fixed-area-inner .fixed-Btns {
	justify-content: center;
	flex: 1;
}


.fixed-area .fixed-area-inner .fixed-Btns .normalBtn {
	width: 160px;
	height: 39px;
	margin-right: 20px;
}
.fixed-area .fixed-area-inner .fixed-Btns .normalBtn a {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	box-sizing: border-box;
	outline: 0;
}

.fixed-area .fixed-area-inner .fixed-Btns .searchBtn {
	width: 320px;
	height: 39px;
	outline: 0;
}

.fixed-area .fixed-area-inner .fixed-Btns .searchBtn:hover,
.fixed-area .fixed-area-inner .fixed-Btns .normalBtn:hover {
	opacity: 0.8;
}

.fixed-area .fixed-area-inner .fixed-Btns .searchBtn button {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	appearance: none;
	border: none;
	background: transparent;
	outline: 0;
	cursor: pointer;
}

.fixed-area .fixed-area-inner .fixed-Btns .normalBtn img,
.fixed-area .fixed-area-inner .fixed-Btns .searchBtn button img {
	outline: 0;
}

.fixed-area.pro .fixed-area-inner .fixed-Btns .searchBtn.station button,
.fixed-area.biz .fixed-area-inner .fixed-Btns .searchBtn.station button {
	letter-spacing: 0;
}

.fixed-area .fixed-area-inner .supplement-text {
	font-size: 16px;
	color: #fff;
	line-height: 60px;
}

.fixed-area .fixed-area-inner .supplement-text:before {
	content: url('/common2013/img/buy/search/icon-checkbox.png');
	margin-right: 8px;
	vertical-align: middle;
	display: inline-block;
	padding-bottom: 3px;
}

.fixed-area.biz .fixed-area-inner .supplement-text:before {
	content: url('/common2013/img/buy/search/icon-checkbox-biz.png');
}

.fixed-area.pro .fixed-area-inner .supplement-text:before {
	content: url('/common2013/img/buy/search/icon-checkbox-pro.png');
}

.fixed-area .fixed-area-inner .f_inquiryBtn {
	width: 322px;
	height: 39px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 16px;
	outline: 0;
}

.fixed-area .fixed-area-inner .f_inquiryBtn img {
	outline: 0;
}

.fixed-area .fixed-area-inner .f_inquiryBtn:hover {
	opacity: 0.8;
}

.fixed-area.premier .fixed-area-inner .f_inquiryBtn:before,
.fixed-area.premier .fixed-area-inner .f_inquiryBtn:after {
	content: none;
}

/* 20191002 */
.titleBlock.titleBlock2019 {
	padding-bottom: 16px;
}
.innerBlock.innerBlock2019 .inputItems > div {
	margin-bottom: 32px;
}
.innerBlock.innerBlock2019.separate .inputItems > div .checkItems:last-child {
	background: url(/common2013/img/shared/bg_dotline_1_1h.gif) repeat-x left bottom;
	padding-bottom: 18px;
	margin-bottom: 18px;
}
.innerBlock.innerBlock2019.separate .inputItems .initialItems  {
	background: url(/common2013/img/shared/bg_dotline_1_1h.gif) repeat-x left bottom;
}
.innerBlock.innerBlock2019.separate .inputItems .initialItems:last-child  {
	background: none;
}
.innerBlock.innerBlock2019 .inputItems .name {
	margin-bottom: 22px;
	padding: 4px 20px 1px;
	background: #d2d2d2;
	color: #000;
	font-size: 115%;
	font-weight: bold;
}
.innerBlock.innerBlock2019 .inputItems .checkItems {
	background: none;
	padding-bottom: 0;
}
.innerBlock.innerBlock2019 .inputItems .checkItems:last-child {
	margin-bottom: 0;
}
.innerBlock.innerBlock2019 .inputItems .checkItems li:nth-child(n+6) {
	margin-top: 18px;
}
.innerBlock.innerBlock2019 .inputItems .checkItems li label {
	font-size: 115%;
}
.innerBlock.innerBlock2019 .inputItems .checkItems li .link {
	padding-left: 32px;
}
.innerBlock.innerBlock2019 .inputItems .checkItems li .link a {
	display: inline-block;
	margin-top: 10px;
	margin-bottom: 14px;
	padding-left: 10px;
	background: url(/common2013/img/buy/shared/icn_ar_arrow.gif) no-repeat left 0.5em; /*SFH 0.4em*/
	font-size: 1.0em;
}
.innerBlock.innerBlock2019 .inputItems .checkItems.initialItems {
	min-height: 38px;
	padding: 0 0 18px 60px;
}
/* 20191002 */