@charset "UTF-8";

#areaSearch .areaForm .areaSec:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

#areaSearch .areaForm .areaSec {
	display:inline-block;
}

/* exlude MacIE5 \*/
* html #areaSearch .areaForm .areaSec {
	height:1px
}

#areaSearch .areaForm .areaSec {
	display:block;
}
/* end MacIE5 */


body {
	display: block;
	margin: 0
}

#areaSearch {
	text-align: left;
	margin-bottom: 10px;
}

.elementMainContents #areaSearch {
	display: table;
	width: 696px;
}

#areaSearch .searchTtl {
	background-image: url(/common/images/area_search/ttl-ereasearch-side.png);
	background-repeat: no-repeat;
	background-color: #000;
	padding: 20px;
	text-indent: -9999px;
	background-position: 50%;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	margin: 0;
}

.elementMainContents #areaSearch .searchTtl,
.elementMainContents #areaSearch .searchInner {
	display: table-cell;
	vertical-align: middle;
}

.elementMainContents #areaSearch .searchTtl {
	width: 192px;
	padding: 10px 20px;
	background: transparent;
	background-color: #000;
	color: #fff;
	font-size: 125%;
	margin: 0;
	font-style: normal;
	line-height: 1.1;
	font-weight: bold;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	text-indent: 0;
}

.elementMainContents #areaSearch .searchTtl span {
	font-weight: normal;
	font-size: 100%;
	display: block;
	text-align: center;
}

#areaSearch .searchInner {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background-color: #fff;
	padding: 10px;
}

.elementMainContents #areaSearch .searchInner {
	padding: 10px 25px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}

#areaSearch .areaForm {
	margin: 0;
}

#areaSearch .areaForm .areaGroup {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
}

#areaSearch .areaForm .secZip {
	display: inline-block;
}

#areaSearch .areaForm .secAddress2, .areaForm .secZip {
	display: table;
}

.elementMainContents #areaSearch .areaForm .secZip .box1 {
	width: 84px;
	font-size: 117%;
	margin-right: 28px;
	float: left;
}


#areaSearch .areaForm .areaTtl {
	display: inline-block;
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	background-repeat: no-repeat;
	color: #222222;
	font-weight: bold;
	font-size: 100%;
	background-position: left center;
}

#areaSearch .areaForm .areaZip {
	background-image: url(/common/images/area_search/icon-area-postal-pc.png);
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	background-size: 16px 16px;
}

.elementMainContents #areaSearch .areaForm .areaZip {
	display: block;
	margin: 0;
}

#areaSearch .areaForm .areaNote {
	display: inline;
	font-size: 100%;
}

.elementMainContents #areaSearch .areaForm .areaNote {
	display: block;
	margin: 0;
	color: #666666;
	padding: 0 0 0 20px;
	font-size: 84%;
}

.elementMainContents #areaSearch .areaForm .secZip .box2 {
	width: 300px;
	float: right;
}

#areaSearch .areaForm input[type='tel'],
#areaSearch .areaForm input[type='text'] {
	display: inline-block;
	-moz-box-sizing: border-box;
	margin: 0;
	padding: 6px 12px;
	height: 34px;
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ffffff;
	background-image: none;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	color: #555555;
	vertical-align: middle;
	font-size: 117%;
	line-height: 1.428571429;
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	box-sizing: border-box;
}



#areaSearch .areaForm input:focus {
	outline: 0;
	border-color: #66afe9;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
#areaSearch .areaForm #inputZip {
	width: 64.6428%;
	float: left;
}

#areaSearch .areaForm .has-error #inputZip,
#areaSearch .areaForm .has-error > #inputPref,
#areaSearch .areaForm .has-error > #inputCity,
#areaSearch .areaForm .has-error > #inputTown {
	border-color: #b94a48;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 74, 72, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(185, 74, 72, 0.6);
}


#areaSearch .areaForm button[type='submit'],
#areaSearch .areaForm button[type='reset'] {
	padding: 12px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	display: inline-block;
	font-weight: bold;
	background-size: 100%;
	float: right;
}



#areaSearch .areaForm button[type='submit'] {
	background-color: #5c5c5c;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5c5c), color-stop(100%, #252525));
	background-image: -webkit-linear-gradient(#5c5c5c, #252525);
	background-image: -moz-linear-gradient(#5c5c5c, #252525);
	background-image: -o-linear-gradient(#5c5c5c, #252525);
	background-image: linear-gradient(#5c5c5c, #252525);
	-pie-background: linear-gradient(#5c5c5c, #252525);
	position: relative;
	text-decoration: none;
	text-align: center;
	border: none;
	color: #fff;
	width: 60.7142%;
	float: left;
}

#areaSearch .areaForm .secZip button[type='submit'] {
	width: 31.7857%;
	float: right;
	height: 34px;
	padding: 0;
}
#areaSearch .areaForm .secZip button[type='submit'] .button {
	padding: 5px 8px;
}

#areaSearch .areaForm .secZip button[type='submit'] .button .text {
	padding-right: 10px;
	text-align: center;
}

#areaSearch .areaForm .secZip .pc:active,
#areaSearch .areaForm .secZip .pc:hover {
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #252525), color-stop(100%, #5c5c5c));
background-image: -webkit-linear-gradient(#252525, #5c5c5c);
background-image: -moz-linear-gradient(#252525, #5c5c5c);
background-image: -o-linear-gradient(#252525, #5c5c5c);
background-image: linear-gradient(#252525, #5c5c5c);
-pie-background: linear-gradient(#252525, #5c5c5c);
}


#areaSearch .areaForm .secZip .pc {
	position: relative;
	display: inline-block;
	float: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 6px 12px;
	width: 31.7857%;
	height: 34px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #5c5c5c;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5c5c), color-stop(100%, #252525));
	background-image: -webkit-linear-gradient(#5c5c5c, #252525);
	background-image: -moz-linear-gradient(#5c5c5c, #252525);
	background-image: -o-linear-gradient(#5c5c5c, #252525);
	background-image: linear-gradient(#5c5c5c, #252525);
	background-size: 100%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	font-weight: bold;
	line-height: 2;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-pie-background: linear-gradient(#5c5c5c, #252525);
}

#areaSearch .areaForm .secZip .sp {
	display: none;
}

#areaSearch .areaForm button[type='reset'] {
	background-color: #fefefe;
	border: 1px solid #cbcbcb;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f3f3f3));
	background-image: -webkit-linear-gradient(#ffffff, #f3f3f3);
	background-image: -moz-linear-gradient(#ffffff, #f3f3f3);
	background-image: -o-linear-gradient(#ffffff, #f3f3f3);
	background-image: linear-gradient(#ffffff, #f3f3f3);
	-pie-background: linear-gradient(#ffffff, #f3f3f3);
	width: 31.7857%;
}



#areaSearch .areaForm .areaSec {
	display: block;
}

#areaSearch .areaForm .secAddress1 {
	margin: 0 0 15px;
}

#areaSearch .areaForm .areaAddress1 {
	background-image: url(/common/images/area_search/icon-area-arrow-pc.png);
}

#areaSearch .areaForm .secAddress1 .areaSelect {
	width: 100%;
}

#areaSearch .areaForm .secAddress1 .areaSelect .selectItem {
	position: relative;
	display: block;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: -1px;
	padding: 10px 15px;
	width: 100%;
	border: 1px solid #dddddd;
	background-color: #ffffff;
	color: #555555;
	text-decoration: none;
	font-size: 117%;
}
#areaSearch .areaForm .secAddress1 .areaSelect .selectItem:first-of-type {
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
}
#areaSearch .areaForm .secAddress1 .areaSelect .selectItem:last-of-type {
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
#areaSearch .areaForm .secAddress1 .areaSelect .selectItem:hover {
	background-color: #eaeaea;
	cursor: pointer;
}

#areaSearch .areaForm .secAddress1 .areaSelect .selectItem.selected {
    background-color: #eaeaea;
}

#areaSearch .areaForm .secAddress2, .areaForm .secZip {
	display: table;
}


#areaSearch .areaForm .areaAddress2 {
	background-image: url(/common/images/area_search/icon-area-house-pc.png);
	background-position: left 0;
}
#areaSearch .areaForm .areaAddress2 span {
	color: #eb2727;
}

#areaSearch .areaForm .secAddress2 input[type='text'] {
	float: left;
	margin-right: 10px;
}

#areaSearch .areaForm #inputPref {
	width: 118px;
}
#areaSearch .areaForm #inputCity {
	width: 196px;
}
#areaSearch .areaForm #inputTown {
	margin-right: 0;
	width: 144px;
}

#areaSearch .areaEntry {
	margin: 0 20px;
}

#areaSearch .areaForm .secBtn, .areaEntry {
	width: 290px;
	margin: 0 auto 40px;
}

#areaSearch .areaEntry .entry {
	width: 100%;
}

#areaSearch .areaEntry .button {
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-indent: 0;
	line-height: 1.5;
}

#areaSearch .areaPropriety {
	width: 652px;
	margin: 30px auto 20px;
}

#areaSearch .areaPropriety .proprietyBox {
	margin: 0 0 5px;
	font-size: 117%;
	font-weight: bold;
}

#areaSearch .areaPropriety .proprietyWarn,
#areaSearch .proprietyError {
	color: #eb2727;
	text-align: center;
	margin: 0 0 20px;
}

#areaSearch .areaPropriety .proprietyList {
	display: table;
	margin: 0 0 10px;
	width: 652px;
}

#areaSearch .areaPropriety .proprietyList dt {
	position: relative;
	display: table-cell;
	padding: 20px 15px 20px 66px;
	width: 192px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	-ms-border-radius: 3px 0 0 3px;
	-o-border-radius: 3px 0 0 3px;
	border-radius: 3px 0 0 3px;
	background-position: 14px center;
	background-repeat: no-repeat;
	color: #fff;
}

#areaSearch .areaPropriety .proprietyList .areaTtl1 {
	background-color: #f05555;
	background-image: url(/common/images/area_search/icon-area-none-pc.png);
}
#areaSearch .areaPropriety .proprietyList .areaTtl2 {
	background-color: #3ec212;
	background-image: url(/common/images/area_search/icon-area-ok-pc.png);
}

#areaSearch .areaPropriety .proprietyList dd {
	padding: 20px 15px;
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	-ms-border-radius: 0 3px 3px 0;
	-o-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
	display: table-cell;
	vertical-align: middle;
	color: #000;
	position: relative;
	margin: 0;
}

#areaSearch .areaPropriety .proprietyList .areaData1 {
	border-top: 1px solid #f4b5b5;
	border-bottom: 1px solid #f4b5b5;
	border-right: 1px solid #f4b5b5;
	background-color: #ffe7e7;
}

#areaSearch .areaPropriety .proprietyList .areaData2 {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fff;
}

#areaSearch .areaForm .secAddress1,
#areaSearch .areaForm .secAddress1Show,
#areaSearch .areaForm .secAddress2,
#areaSearch .areaForm .secTel,
#areaSearch .areaForm .secBtn,
#areaSearch .areaPropriety,
#areaSearch .areaEntry {
	display: none;
}


.ui-autocomplete {
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}
#jquery-ui-autocomplete label {
	float: left;
	margin-right: 0.5em;
	color: black;
	font-size: 125%;
}

@media screen and (max-width: 640px) {

#areaSearch {
	display: block !important;
	width: auto !important;
}

.elementMainContents #areaSearch .searchTtl,
.elementMainContents #areaSearch .searchInner {
	display: block;
	vertical-align: baseline;
}

.elementMainContents #areaSearch .searchTtl {
	width: auto;
	padding: 10px;
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
}

.elementMainContents #areaSearch .searchTtl span {
	display: inline;
}

.elementMainContents #areaSearch .searchInner {
	padding: 10px;
}

#areaSearch .areaForm .areaGroup {
	margin: 0;
}

#areaSearch .areaForm .secZip .box1 {
	margin-right: 0px;
	width: auto;
}

.elementMainContents #areaSearch .areaForm .secZip .box1 {
	width: 100%;
	margin-right: 0;
	float: none;
	font-size: 100%;
}

#areaSearch .areaForm .secAddress2 .secBox, .areaForm .secZip .secBox {
	display: block;
	vertical-align: baseline;
}


.elementMainContents #areaSearch .areaForm .secZip .box2 {
	width: auto;
	float: none;
}

#areaSearch .areaForm .secAddress2 .box1,
#areaSearch .areaForm .secZip .box1 {
	margin-right: 0;
	width: auto;
}

#areaSearch .areaForm .areaTtl {
	-webkit-background-size: 15px;
	-o-background-size: 15px;
	background-size: 15px;
	margin: 0 0 10px;
	font-size: 117%;
}

#areaSearch .areaForm .areaZip {
	background-image: url(/common/images/area_search/icon-area-postal-sp.png);
	display: inline-block;
	margin: 0 0 10px;
}

.elementMainContents #areaSearch .areaForm .areaZip {
	display: inline-block;
	margin: 0 0 8px;
}

.elementMainContents #areaSearch .areaForm .areaNote {
	display: inline;
	margin: 20px 0 0 0;
	padding: 0;
	color: #222222;
}

.elementMainContents #areaSearch .areaForm .areaNote {
	display: inline;
}

#areaSearch .areaForm .secZip .secBox {
	float: none;
}
#areaSearch .areaForm .secAddress2 .secBox,
#areaSearch .areaForm .secZip .secBox {
	display: block;
	vertical-align: baseline;
	width: 100%;
}
#areaSearch .areaForm .secZip .box2 {
	width: 100%;
}

#areaSearch .areaForm input {
	-webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
	transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#areaSearch .areaForm input[type='tel'],
#areaSearch .areaForm input[type='text'] {
	margin: 0 0 10px;
}


#areaSearch .areaForm .secZip button[type='submit'] {
	width: 31.7857%;
}

#areaSearch .areaForm .secZip button[type='submit'] .button .text:before {
	margin: 0;
}


#areaSearch .areaForm .secZip .pc {
	display: none;
}


#areaSearch .areaForm .secZip .sp {
	position: relative;
	display: inline-block;
	float: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 6px 12px;
	width: 31.7857%;
	height: 34px;
	border: none;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #5c5c5c;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #5c5c5c), color-stop(100%, #252525));
	background-image: -webkit-linear-gradient(#5c5c5c, #252525);
	background-image: -moz-linear-gradient(#5c5c5c, #252525);
	background-image: -o-linear-gradient(#5c5c5c, #252525);
	background-image: linear-gradient(#5c5c5c, #252525);
	background-size: 100%;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-indent: 0;
	font-weight: bold;
	line-height: 2;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	-pie-background: linear-gradient(#5c5c5c, #252525);
}


#areaSearch .areaForm .secZip .sp {
	display: block;
}

#areaSearch .areaForm #inputZip {
	width: 64.6428%;
	margin: 0;
}

#areaSearch .areaForm .areaAddress1 {
	background-image: url(/common/images/area_search/icon-area-arrow-sp.png);
	-webkit-background-size: 12px 8px;
	-o-background-size: 12px 8px;
	background-size: 12px 8px;
	margin: 15px 0 10px;
}

#areaSearch .areaForm .secAddress2, .areaForm .secZip {
	display: block;
}

#areaSearch .areaForm .secAddress2 .secBox,
#areaSearch .areaForm .secZip .secBox {
	display: block;
	vertical-align: baseline;
}

#areaSearch .areaForm .secAddress2 .box1,
#areaSearch .areaForm .secZip .box1 {
	margin-right: 0px;
	width: 100%;
}

#areaSearch .areaForm .areaAddress2 {
	background-image: url(/common/images/area_search/icon-area-house-sp.png);
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	background-size: 16px 16px;
	background-position: left 2px;
}

#areaSearch .areaForm .secAddress2 input[type='text'] {
	float: none;
	margin-right: 0;
}

#areaSearch .areaForm #inputPref {
	width: 35.71%;
}
#areaSearch .areaForm #inputCity {
	width: 100%;
}
#areaSearch .areaForm #inputTown {
	width: 71.43%;
}

#areaSearch .areaForm .secBtn, .areaEntry {
	width: auto;
	margin: 20px 0 0;
}

#areaSearch .areaEntry {
	margin: 0;
}

#areaSearch .areaLoading {
	text-align: center;
	margin: 20px 0 0;
}

#areaSearch .areaPropriety {
	width: auto;
}

#areaSearch .areaPropriety .proprietyList {
	width: auto;
	display: block;
}

#areaSearch .areaPropriety .proprietyList dt {
	-webkit-border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-ms-border-radius: 3px 3px 0 0;
	-o-border-radius: 3px 3px 0 0;
	border-radius: 3px 3px 0 0;
	display: block;
	width: auto;
	padding: 10px 18px 10px 36px;
}

#areaSearch .areaPropriety .proprietyList .areaTtl1 {
	background-image: none;
}
#areaSearch .areaPropriety .proprietyList .areaTtl2 {
	background-image: none;
}

#areaSearch .areaPropriety .proprietyList dd {
	padding: 10px 18px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	-ms-border-radius: 0 0 3px 3px;
	-o-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	display: block;
}

#areaSearch .areaPropriety .proprietyList .areaData1 {
	border-left: 1px solid #f4b5b5;
	border-top: none;
}
#areaSearch .areaPropriety .proprietyList .areaData2 {
	border-left: 1px solid #ccc;
	border-top: none;
}

#areaSearch .areaPropriety .proprietyList dt:before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	-webkit-background-size: 20px;
	-o-background-size: 20px;
	background-size: 20px;
	position: absolute;
	left: 8px;
	top: 50%;
	margin-top: -10px;
}

#areaSearch .areaPropriety .proprietyList .areaTtl1:before {
	background-image: url(/common/images/area_search/icon-area-none-sp.png);
}
#areaSearch .areaPropriety .proprietyList .areaTtl2:before {
	background-image: url(/common/images/area_search/icon-area-ok-sp.png);
}

#areaSearch .areaPropriety .proprietyTxt {
	color: #666666;
	font-size: 86%;
	text-align: center;
	margin: 0;
}


#areaSearch .areaForm .secAddress1,
#areaSearch .areaForm .secAddress1Show,
#areaSearch .areaForm .secAddress2,
#areaSearch .areaForm .secTel,
#areaSearch .areaForm .secBtn,
#areaSearch .areaPropriety,
#areaSearch .areaEntry {
	display: block;
}


}

.elementMainContents .elementFunctions #areaSearch {
	display: none !important;
}