@charset "UTF-8";


/*=============================
Existing CSS overwrite
==============================*/

#columnL.column1 {
	width: 950px;
	margin-top: 14px;
}

.mansion_index_search {
	background: url(../img/bg_main.png) no-repeat left top;
	margin: 92px auto 24px;
	position: relative;
	overflow: visible;
}

.search_head_lasttime {
	width: 553px;
}

.search_head_lasttime ul li.search_txt {
	font-size: 92%;
	width: 135px;
	margin-top: 10px;
	padding-left: 35px;
}

.search_body_map {
	width: 716px;
	background: none;
}

.search_body_panel {
	margin-left: 747px;
}

.panel_search {
	padding: 30px 0 0 10px;
	border-top: 1px solid #ccc;
}

.index_search_body {
	padding: 0;
}

.search_body_map {
	width: 733px;
	height: 360px;
	margin: 0;
	box-sizing: border-box;
}

.search_body_map .item_saitama,
.search_body_map .item_chiba,
.search_body_map .item_tokyo,
.search_body_map .item_kanagawa,
.search_body_map .item_other,
.search_body_map.kansai .item_osaka,
.search_body_map.kansai .item_kyoto,
.search_body_map.kansai .item_hyogo,
.search_body_map.kansai .item_nara,
.search_body_map.kansai .item_other_kansai{
	width: 200px;
}

.search_body_map .item_saitama ul.map,
.search_body_map .item_chiba ul.map,
.search_body_map .item_tokyo ul.map,
.search_body_map .item_kanagawa ul.map,
.search_body_map .item_osaka ul.map,
.search_body_map .item_kyoto ul.map,
.search_body_map .item_hyogo ul.map,
.search_body_map .item_nara ul.map{
	margin: 6px 0 0 0;
}

.search_body_map .item_saitama ul.map li,
.search_body_map .item_chiba ul.map li,
.search_body_map .item_tokyo ul.map li,
.search_body_map .item_kanagawa ul.map li,
.search_body_map .item_osaka ul.map li,
.search_body_map .item_kyoto ul.map li,
.search_body_map .item_hyogo ul.map li,
.search_body_map .item_nara ul.map li{
	width: 92px;
	margin-right: 8px;
}

.search_body_map .item_tokyo {
	top: 96px;
	left: 110px;
}

.search_body_map .item_saitama {
	left: 32px;
}

.search_body_map .item_kanagawa {
	top: 212px;
	left: 96px;
}

.search_body_map .item_chiba {
	top: 120px;
	left: 413px;
}

.search_body_map .item_kansai {
	position: absolute;
	right: 14px;
	bottom: 14px;
	width: 162px;
}


/*=============================
Newly CSS
==============================*/

.content__wrap {
	font-family:"ヒラギノ角ゴ Pro W5","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
}

.column1bnr__tab {
	margin: 18px auto 20px;
	font-size: 145%;
	border-bottom: 6px solid #a2c221;
}

.column1bnr__tab > ul li {
	float: left;
	width: 255px;
	color: #9f9f9f;
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	margin-top: 8px;
	border: 1px solid #dbdbdb;
	border-radius: 0 5px 0 0;
	border-bottom: none;
	position: relative;
	box-shadow:rgba(246, 246, 246, 0.95098) 0px 0px 3px 3px inset;
	-webkit-box-shadow:rgba(246, 246, 246, 0.65098) 0px 0px 5px 3px inset;
	-moz-box-shadow:rgba(246, 246, 246, 0.65098) 0px 0px 5px 3px inset;
	text-shadow: 1px 1px 2px rgba(160, 160, 160, 0.43);
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fffffa+0,efefed+100 */
	background: #fffffa; /* Old browsers */
	background: -moz-linear-gradient(top,  #fffffa 0%, #efefed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fffffa 0%,#efefed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fffffa 0%,#efefed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffa', endColorstr='#efefed',GradientType=0 ); /* IE6-9 */
}

.column1bnr__tab > ul li.current {
	color: #FFF;
	font-size: 114%;
	margin-top: 0;
	padding: 18px 0 11px;
	border-radius: 5px 5px 0 0 !important;
	border: 0px solid transparent;
	box-shadow: none;
	margin-bottom: -1px;
	text-shadow: 1px 1px 5px rgba(120, 120, 120, 0.83);
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#badc2e+0,a2c221+100 */
	background: #a2c221; /* Old browsers */
	background: -moz-linear-gradient(top,  #badc2e 0%, #a2c221 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #badc2e 0%,#a2c221 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #badc2e 0%,#a2c221 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#badc2e', endColorstr='#a2c221',GradientType=0 ); /* IE6-9 */
}

.column1bnr__tab > ul li.current:before {
	content: '';
	position: absolute;
	left: calc(50% - 12px);
	bottom: -18px;
	border-width:13px 12px 0px 12px;
	border-style:solid;
	border-color:#a2c221 transparent transparent transparent;
	width:0px;
	height:0px;
}

.column1bnr__tab > ul li:nth-child(1) {
	border-radius: 5px 0 0 0;
	border-right: none;
}

.column1bnr__tab > ul li:nth-child(2) {
	border-left: none;
}

.column1bnr__tab > ul li a {
	display: block;
	color: #4a4a4a;	
	margin: 14px auto 10px;
	text-decoration: none;
}

.column1bnr__tab > ul li a:hover {
	color: #9f9f9f;
}

.column1bnr__tab:after {/*float*/
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
	content: ".";
}
.column1bnr__tab {
	min-height: 1px; /*IE6??7*/
}
* html .column1bnr__tab {
	height: 1px;
	height: auto;
	overflow: hidden;
}

.mansion_index_graph,
.mansion_index_recommend_search,
.mansion_index_other_search {
	margin-bottom: 40px
}

.mansion_index_search h3 {
	position: absolute;
	top: -70px;
	left: 0;
	width: 950px;
	box-sizing: border-box;
}

.mansion_index_search h3,
.mansion_index_recommend_search h3 {
	font-size: 157.1%;
	font-weight: bold;
	padding: 5px 0 0 68px;
	line-height: 240%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#badc2e+0,a2c221+100 */
	background: #badc2e; /* Old browsers */
	background: -moz-linear-gradient(top,  #badc2e 0%, #a2c221 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #badc2e 0%,#a2c221 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #bada2f 0%,#a3c622 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#badc2e', endColorstr='#a2c221',GradientType=0 ); /* IE6-9 */
	
}

.mansion_index_recommend_search h3 {
	position: relative;
}

.mansion_index_search h3:before,
.mansion_index_recommend_search h3:before {
	content: '';
	width: 52px;
	height: 50px;
	display: inline-block;
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
}

.mansion_index_search h3:before {
	background: url(../img/h2_icon01.png);
}
.mansion_index_recommend_search h3:before {
	background: url(../img/h2_icon02.png) no-repeat;
}

.mansion_index_graph {
	background: #e4f3fa;
}

.mansion_index_graph figure {
	text-align: center;
	padding: 0;
}

.mansion_index_recommend_search {
	background: #f2f0e3;
	padding-bottom: 44px;
}

.mansion_index_recommend_search h4 {
	color: #267ec8;
	text-align: center;
	font-size: 240%;
	padding: 20px 0;
}

.mansion_index_recommend_search > ul {
	width: 910px;
	margin: 0 auto 14px;
}

.mansion_index_recommend_search > ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 16px;
}

.mansion_index_recommend_search > ul li:nth-child(even) {
	margin-right: 0;
}

.mansion_index_recommend_search > ul li a:hover {
	opacity: 0.8;
}

.mansion_index_other_search {
	position: relative;
}

.mansion_index_other_search .searchBtn {
	position: absolute;
	width: 600px;
	margin: auto;
	right: 184px;
	bottom: 18px;
}

.map li > a {
	display: block;
	color: #000;
	background: #FFF;
	border: 1px solid #90a909;
	border-bottom: 3px solid #769306;
	border-radius: 5px;
	padding: 6px 0 5px 23px;
	position: relative;
	font-size: 118%;
	text-decoration: none;
	transition: all 0.2s ease-in-out;
}

.map li > a:hover {
	color: #fff;
	text-decoration: none;
	background: #c64330;
	border: 1px solid #c64330;
	border-bottom: 3px solid #831302;
}

.map li > a:before,
.item_kansai .map li > a:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 12px;
	bottom: 0;
	margin: auto;
	width: 8px;
	height: 8px;
	border-right: 2px solid #d65542;
	border-bottom: 2px solid #d65542;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	transition: all 0.2s ease-in-out;
}

.map li > a:hover:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.item_kansai .map li > a {
	border: 1px solid #4d4d4d;
	background: #4d4d4d;
	color: #FFF;
	text-decoration: none;
	border-radius: 3px;
	padding-left: 15px;
}

.item_kansai .map li > a:hover {
	text-decoration: none;
	opacity: 0.8;
}

.item_kansai .map li > a:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

.searchBtn a {
	display: block;
	width: 600px;
	margin: 10px auto;
	padding: 17px 0 13px 100px;
	font-size: 218%;
	font-weight: bold;
	border-radius: 5px;
	color: #FFF;
	background: #d34833;
	box-shadow: 0 6px #9d2719;
	text-decoration: none;
	position: relative;
	top: -3px;
	text-decoration: none;
	box-sizing: border-box;
}

.searchBtn a:hover {
	color: #FFF;
	background:#d96956;
	box-shadow: 0 6px #ae4f42;
}

.searchBtn a:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 44px;
	bottom: 0;
	width: 12px;
	height: 12px;
	margin: auto;
	border-right: 4px solid #d2462d;
	border-bottom: 4px solid #d2462d;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	z-index: 99;
}

.searchBtn a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 28px;
	bottom: 0;
	width: 44px;
	height: 44px;
	margin: auto;
	background:#FFF;
	border-radius: 50%;
	z-index: 1;
}

.searchBtn a:link {
	text-decoration: none;
	color: #FFF;
	transition: all 0.2s ease-in-out;
}

.searchBtn a:visited {
	color: #FFF;
	text-decoration: none;
}

.searchBtn a:active {
	box-shadow: 0 3px #9d2719;
	top: 0;
}

div#main-cts a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	background: #fff;
}
div#main-cts .list-sect-02-01 .list-sect-02-01-in img,
div#main-cts .list-sect-02-01 a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "alpha( opacity=0 )";
	background: transparent;
}


