@charset "utf-8";


/*
	* Copyright (C) 2010 CREATIVEWEB All Rights Reserved.
	* URL : http://www.creative-web.co.jp/
*/

/*******************************************************************************
**	メインビジュアル部分
*******************************************************************************/


#topMainVisual {
	width: 100%;
	height: 560px;
	margin: -36px 0 0 0;
	background: url(../img/top/bg_main_visual.jpg) repeat-x;
}

#topMainVisualInner {
	width: 960px;
	margin: 0 auto;
}

#searchMap {
	position: relative;
	width: 672px;
	height: 560px;
	background: url(../img/top/bg_japan.png) no-repeat;
	float: left;
}

#adBox {
	width: 288px;
	height: 560px;
	float: left;
}

.searchMapTit {
	position: absolute;
	top: 54px;
	left: 30px;
	width: 318px;
	height: 22px;
	padding: 58px 0 0 30px;
	background: url(../img/top/bg_search_map_tit.png) no-repeat;
}

.numberBox {
	position: absolute;
	right: 40px;
	bottom: 30px;
	font-size: 14px;
	font-weight: bold;
}

.numberCount dt {
}

.numberCount dd {
	margin: -43px 0 0 155px;
	text-align: right;
}

.numberCount dd span {
	margin: 0 12px 0 0;
	color: #E50059;
	font-size: 30px;
	font-style: italic;
}

.prefSearch li {
	position: absolute;	
	z-index: 2;
}

.prefSearch li.hyogo { top: 213px; left: 178px; }
.prefSearch li.kyoto { top: 213px; left: 243px; }
.prefSearch li.shiga { top: 213px; left: 308px; }
.prefSearch li.osaka { top: 258px; left: 243px; }
.prefSearch li.nara { top: 258px; left: 308px; }
.prefSearch li.hiroshima { top: 298px; left: 157px; }
.prefSearch li.fukuoka { top: 394px; left: 60px; }
.prefSearch li.aichi { top: 391px; left: 354px; }
.prefSearch li.tokyo { top: 352px; left: 460px; }
.prefSearch li.hyogoMark { top: 340px; left: 283px; }
.prefSearch li.kyotoMark { top: 334px; left: 302px; }
.prefSearch li.shigaMark { top: 336px; left: 317px; }
.prefSearch li.osakaMark { top: 354px; left: 293px; }
.prefSearch li.naraMark { top: 353px; left: 305px; }
.prefSearch li.hiroshimaMark { top: 348px; left: 227px; }
.prefSearch li.fukuokaMark { top: 380px; left: 153px; }
.prefSearch li.aichiMark { top: 330px; left: 335px; }
.prefSearch li.tokyoMark { top: 316px; left: 416px; }

.prefSearch li.hyogo,
.prefSearch li.kyoto,
.prefSearch li.shiga,
.prefSearch li.osaka,
.prefSearch li.nara,
.prefSearch li.hiroshima,
.prefSearch li.fukuoka,
.prefSearch li.aichi,
.prefSearch li.tokyo {
	background-image:-moz-linear-gradient(50% 0%,rgb(255,255,255) 0%,rgb(235,236,236) 100%); 
	background-image:-webkit-gradient(linear,50% 0%,50% 98%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(235,236,236)));
	background-image:-webkit-linear-gradient(rgb(255,255,255) 0%,rgb(235,236,236) 100%);
	background-image:-o-linear-gradient(rgb(255,255,255) 0%,rgb(235,236,236) 100%);
	background-image:-ms-linear-gradient(rgb(255,255,255) 0%,rgb(235,236,236) 100%);
	background-image:linear-gradient(rgb(255,255,255) 0%,rgb(235,236,236) 100%);
	border: #999999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.prefSearch li.hyogo a,
.prefSearch li.kyoto a,
.prefSearch li.shiga a,
.prefSearch li.osaka a,
.prefSearch li.nara a,
.prefSearch li.hiroshima a,
.prefSearch li.fukuoka a,
.prefSearch li.aichi a,
.prefSearch li.tokyo a {
	width: 60px;
	height: 32px;
	padding: 8px 0 0 0;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #000;
	display: block;
}

.prefSearch li.hyogoMark,
.prefSearch li.kyotoMark,
.prefSearch li.shigaMark,
.prefSearch li.osakaMark,
.prefSearch li.naraMark,
.prefSearch li.hiroshimaMark,
.prefSearch li.fukuokaMark,
.prefSearch li.aichiMark,
.prefSearch li.tokyoMark {
	width: 23px;
	height:31px;
}

/* トップページのNS */
#topMainOriginal{
}
#topMainOriginal .originalList{
}
#topMainOriginal .originalList li{
}
#topMainOriginal .originalList li p{
}
#topMainOriginal .originalList li p.image{
	height: 100px;
	overflow: hidden;
}
#topMainOriginal .originalList li p img{
	max-width: 150px;
}


/*******************************************************************************
**	クイックサーチ・ランキングサーチ
*******************************************************************************/

#topQuickSearch {
	width: 100%;
	background: #F3EFE4;
}

#topQuickSearchInner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

.titQuickSearch {
	margin: 0 25px 0 0;
	float: left;
}

#quick_search_freeword {
	width: 322px;
	height: 40px;
	margin: 0;
	padding: 0 20px;
	font-size: 12px;
	border: #CCCCCC 1px solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

#rank_search_wrap {
	position: relative;
}

#rank_search_freeword {
	width: 400px;
	height: 40px;
	margin: 0;
	padding: 0 20px;
	font-size: 12px;
	border: #CCCCCC 1px solid;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}

.btnRankSearch {
	position: absolute;
	top: 5px;
	right: 15px;
}

select::-ms-expand {
	display: none;
}

select.quickSearch {
	width: 96px;
	height: 42px;
	padding: 0 5px;
	font-size: 12px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: #CCCCCC 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/top/ico_triangle_down.gif) no-repeat;
	background-position: 78px 17px;
	background-color: #FFF;
}

.selectRoom {
	position: absolute;
	top: 20px;
	left: 720px;
	width: 78px;
	height: 29px;
	overflow: hidden;
	padding: 11px 10px 0 10px;
	font-size: 12px;
	border: #CCC 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url(../img/top/ico_triangle_down.gif) no-repeat;
	background-position: 83px 17px;
	background-color: #FFF;
	color: #333;
	z-index: 50;
}

.selectRoomList {
}

.selectRoom.longDown { height:380px; border:#CCC 1px solid; }

.selectRoomList li {
	margin: 0 0 5px 0;
}

.selectRoomList input { display:none; }

.selectRoomList label {
	background: url(../img/top/bg_check_box.gif) no-repeat;
	background-position: 0 0;
	padding: 0 0 0 30px;
	height: 25px;
	display: block;
}

.selectRoomList label.checkImg { 
	background: url(../img/top/bg_check_box.gif) no-repeat;
	background-position: 0 -25px;
}

/* selectbox */
:root *> select.quickSearch {
	color: #333;
	font-size: 14px;
	padding: 8px 16px 8px 7px;
	border: 1px solid #B3B3B3;
/*	-webkit-box-shadow: rgba(210, 217, 202, 0.8) 1px 1px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -2px 0 inset;
	-moz-box-shadow: rgba(210, 217, 202, 0.8) 1px 1px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -2px 0 inset;
	/* box-shadow: rgba(210, 217, 202, 0.8) 1px 1px 1px, white 0 2px 0 inset, rgba(235, 235, 235, 0.7) 0 -2px 0 inset; */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #FFF;
	background-position: 90% 50%;
	background-repeat: no-repeat;
/*	width: 170px; */
}

/*******************************************************************************
**	カテゴリースライダー
*******************************************************************************/

#topCategorySlider {
	position: relative;
	height: 280px;
	margin: 0 0 70px 0;
}

#topCategorySliderList {
	position: absolute;
	top: 60px;
	left: 0;
	width: 85%;
	padding: 0 0 0 193px;
	background: url(../img/top/img_category_nav.gif) no-repeat;
}

@media screen and (max-width: 1000px){
	#topCategorySliderList {
		width: 80%;
	}
}

/* owl.carousel.css
----------------------------------------------------------------------------- */
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* owl.theme.css
----------------------------------------------------------------------------- */
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 10px;
	text-align: center;
}

/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons {
	position: absolute;
	top: 139px;
	left: 40px;
	width: 63px;
	text-indent: -9999px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	width: 14px;
	height: 24px;
	background: url(../img/top/btn_owl_prev.png) no-repeat;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	float: left;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	width: 14px;
	height: 24px;
	background: url(../img/top/btn_owl_next.png) no-repeat;
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	float: right;
}

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons .owl-prev:hover,
.owl-theme .owl-controls.clickable .owl-buttons .owl-next:hover {
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 5px 7px;
	filter: Alpha(Opacity=50);/*IE7 fix*/
	opacity: 0.5;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background: #869791;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(AjaxLoader.gif) no-repeat center center
}


/*******************************************************************************
**	人気のこだわり特集
*******************************************************************************/

.conditionsList {
	margin: 0 0 100px 0;
}

.conditionsList li {
	width: 160px;
	margin: 0 35px 25px 0;
	font-size: 10px;
	float: left;
}

.conditionsList li.none {
	margin: 0 0 15px 0;
}

.conditionsList .tit {
	font-size: 12px;
}

.conditionsList .tit a {
	font-weight: bold;
}


/*******************************************************************************
**	スタッフ紹介・お客様の声
*******************************************************************************/

.hoverBlockList,
.hoverBlockList02 {
	margin: 0 0 120px 0;
}

.hoverBlockList li {
	position: relative;
	width: 230px;
	height: 230px;
	overflow:hidden;
	margin: 0 13px 0 0;
	float: left;
	text-align: center;
}

.hoverBlockList02 li {
	position: relative;
	width: 230px;
	height: 230px;
	margin: 0 13px 13px 0;
	float: left;
}

.hoverBlockList li img {
	height: 230px;
}

.hoverBlockList li.none,
.hoverBlockList02 li.none {
	margin: 0;
}

.hoverBlock {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 180px;
	height: 180px;
	padding: 25px;
	background: rgba(0,0,0,0.65);
	text-align: left;
}

.hoverBlockInner,
.hoverBlockInner a {
	color: #FFF;
	text-decoration: none;
}

.staffNext {
	margin: 46px auto 0 auto;
	border: #FFF 1px solid;
}

.staffNext a {
	display: block;
	height: 18px;
	padding: 6px 0;
	line-height: 140%;
	text-align: center;
}

#topMainVoice {
	width: 100%;
	height: 518px;
	padding: 72px 0 0 0;
	margin: 0 0 120px 0;
	background: url(../img/top/bg_main_voice.gif) repeat-x;
}


/*******************************************************************************
**	おすすめコンテンツ
*******************************************************************************/

.recServiceList {
	position: relative;
}

.recServiceList li {
	height: 200px;
	margin: 0 20px 20px 0;
	float: left;
}

.recServiceList li.none {
	margin: 0 0 18px 0;
}

/*******************************************************************************
**	こだわり総合ランキング
*******************************************************************************/

.particularList {
	margin: 0 0 120px 0;
}

.particularList li {
	width: 180px;
	margin: 0 15px 0 0;
	font-size: 12px;
	float: left;
}

.particularList li.none {
	margin: 0;
}

.particularList li span {
	font-size: 10px;
	color: #E50059;
}

.particularList li .tit_rank {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}


/*******************************************************************************
**	賃貸住宅サービス限定物件
*******************************************************************************/

#topMainOriginal {
	width: 100%;
	padding: 72px 0;
	margin: 0 0 100px 0;
	background: #F8F5F0;
}

.originalList {
	margin: 0;
}

.originalList li {
	position: relative;
	width: 150px;
	height: 215px;
	margin: 0 10px 30px 0;
	font-size: 12px;
	float: left;
}

.originalList li a {
	font-size: 14px;
	font-weight: bold;
}

.originalList li .originalListPhoto {
	position: relative;
	width: 150px;
	height: 111px;
}

.originalList li .originalListPhoto a {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 150px;
	height: 111px;
}

.originalList li .roomType {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px;
	background: #FFFF00;
	font-weight: bold;
	text-align: center;
}

/*******************************************************************************
**	住まいのコラム、新着情報
*******************************************************************************/

.columnWrap {
	width: 680px;
	margin: 0 40px 0 0;
	float: left;
}

.infoWrap {
	width: 240px;
	float: left;
}

.columnList li,
.infoList li {
	padding: 0 0 20px 0;
	margin: 0 0 20px 0;
	border-bottom: #666666 1px dotted;
}

.columnList li.none,
.infoList li.none {
	border-bottom: none;
}

.columnList li .columnPhoto {
	/* 比率はimgLiquid.jsで制御してます*/
	position: relative;
	width: 220px;
	height: 154px;
	margin: 0 20px 0 0;
	float: left;
}

.columnList li .columnPhoto a {
	display:block;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 154px;
}

.columnText {
	width: 440px;
	float: left;
}

.columnText a {
	font-size: 20px;
	font-weight: bold;
}

.column_ymd {
	font-size: 12px;
	color: #666;
}

.infoPhoto {
	width: 100px;
	margin: 0 10px 0 0;
	float: left;
}

.infoPhoto img {
	width: 100px;
}

.infoText {
	width: 130px;
	float: left;
	font-weight: bold;
}


/*******************************************************************************
**	お役立ち情報、グループ紹介
*******************************************************************************/

.squareList {
	margin: 0 0 80px 0;
}

.squareList li {
	margin: 0 11px 11px 0;
	float: left;
	text-align: center;
}

.squareList li.none {
	margin: 0 0 11px 0;
}

.squareList li a {
	width: 108px;
	height: 38px;
	padding: 70px 0 0 0;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	border: #CCC 1px solid;
	text-decoration: none;
	display: block;
}

.squareList li.two a {
	height: 48px;
	padding: 60px 0 0 0;
}

.squareList li.freerent { background: url(../img/top/img_sqlist_01.gif) no-repeat;background-position: 36px 20px; }
.squareList li.hikkoshi { background: url(../img/top/img_sqlist_02.gif) no-repeat;background-position: 29px 27px; }
.squareList li.bouhan { background: url(../img/top/img_sqlist_03.gif) no-repeat;background-position: 34px 24px; }
.squareList li.flow { background: url(../img/top/img_sqlist_04.gif) no-repeat;background-position: 35px 21px; }
.squareList li.qa { background: url(../img/top/img_sqlist_05.gif) no-repeat;background-position: 41px 22px; }
.squareList li.estate { background: url(../img/top/img_sqlist_06.gif) no-repeat;background-position: 38px 24px; }
.squareList li.size { background: url(../img/top/img_sqlist_07.gif) no-repeat;background-position: 31px 24px; }
.squareList li.rent { background: url(../img/top/img_sqlist_08.gif) no-repeat;background-position: 35px 28px; }

.squareList li.gurasapo { background: url(../img/top/img_sqlist_09.gif) no-repeat;background-position: 37px 20px; }
.squareList li.art { background: url(../img/top/img_sqlist_10.gif) no-repeat;background-position: 35px 25px; }
.squareList li.plussun { background: url(../img/top/img_sqlist_11.gif) no-repeat;background-position: 35px 16px; }
.squareList li.kaigo { background: url(../img/top/img_sqlist_12.gif) no-repeat;background-position: 40px 19px; }
.squareList li.houjin { background: url(../img/top/img_sqlist_13.gif) no-repeat;background-position: 37px 20px; }
.squareList li.tenant { background: url(../img/top/img_sqlist_14.gif) no-repeat;background-position: 34px 23px; }
.squareList li.intro { background: url(../img/top/img_sqlist_15.gif) no-repeat;background-position: 36px 18px; }
.squareList li.recruit { background: url(../img/top/img_sqlist_16.gif) no-repeat;background-position: 44px 20px; }
.squareList li.datacenter { background: url(../img/top/img_sqlist_17.gif) no-repeat;background-position: 32px 18px; }


/*******************************************************************************
**	アーカイブリンク
*******************************************************************************/

.topMainRefer {
	width: 100%;
	padding: 70px 0 0 0;
	border-top: #C8C8C8 1px solid;
}

.topMainRefer02 {
	width: 100%;
	padding: 70px 0 0 0;
	border-top: #C8C8C8 1px solid;
	background: #F8F5F0;
}

.pickUpList li {
	width: 182px;
	margin: 0 10px 50px 0;
	float: left;
}

.pickUpList li.none {
	margin: 0 0 50px 0;
}

.pickUpMansion {
	width: 182px;
}

.pickUpMansion dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}

.pickUpMansion dt.middle {
	margin: 0;
	font-weight: normal;
}

.pickUpMansion dt span {
	margin: 0 0 0 5px;
	font-size: 10px;
	font-weight: normal;
}

.pickUpMansion dt a {
	color: #000;
}

.pickUpMansion dd p {
	width: 177px;
	padding: 0 5px 0 0;
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.pickUpMansion dd a {
	font-size: 12px;
	font-weight: bold;
}

.archiveList li {
	width: 182px;
	margin: 0 10px 5px 0;
	float: left;
}

.archiveList li.none {
	margin: 0 0 5px 0;
}

/*******************************************************************************
**	賃貸住宅サービスとは？
*******************************************************************************/

.cjsPhoto {
	width: 300px;
	margin: 0 20px 0 0;
	float: left;
}

.imgChinsa {
	width: 72px;
	margin: 0 12px 0 0;
	float: left;
}

.txtChinsa {
	width: 216px;
	padding: 48px 0 0 0;
	font-size: 16px;
	line-height: 140%;
	background: url(../img/top/img_bubble.gif) no-repeat;	
	float: left;
}

.txtChinsa span {
	font-weight: bold;
	font-size: 23px;
}

.cjsText {
	width: 640px;
	float: left;
}


/*******************************************************************************
**	汎用性のあるもの
*******************************************************************************/

.tit_underBar {
	clear: both;
	margin: 0 0 30px 0;
	padding: 0 0 25px 0;
	font-size: 22px;
	font-weight: bold;
	border-bottom: #666 1px dotted;
	background: url(../img/top/bg_tit_underbar.gif) no-repeat;
	background-position: 0 bottom;
}

.tit_underBar span {
	margin: 0 0 0 25px;
	font-size: 12px;
	color: #00ADEE;
}

.tit_btn {
	margin: 5px 0 -5px 0;
	border: #333 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float: right;
}

.tit_btn a {
	display: block;
	padding: 5px 40px;
	font-size: 13px;
	color: #333;
	text-decoration: none;
}

.headLine {
	margin: 0 0 40px 0;
	text-align: center;
}

.headLineTxt {
	height: 120px;
	display: inline-block;
}

.headLineTxt#staff { width: 390px; }
.headLineTxt#voice { width: 422px; }
.headLineTxt#recommend { width: 540px; }
.headLineTxt#particular { width: 450px; }
.headLineTxt#profit { width: 410px; }
.headLineTxt#original { width: 450px; }
.headLineTxt#column { width: 422px; }

.headLine_upper {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.headLine_upper .lightBlue { color: #0099CC; }
.headLine_upper .orange { color: #FF9900; }
.headLine_upper .pink { color: #E5015A; }
.headLine_upper .green { color: #69A620; }
.headLine_upper .blue { color: #004891; }

.headLine_middle {
	padding: 0 10px 0 40px;
	font-size: 28px;
	font-weight: bold;
	text-align: center;
}

.headLine_middle#lightBlue { background: url(../img/top/ico_lightblue_house.png) no-repeat; background-position: 0 5px; }
.headLine_middle#orangeSmile { background: url(../img/top/ico_orange_smile.png) no-repeat; background-position: 0 9px; }
.headLine_middle#pink { background: url(../img/top/ico_pink_house.png) no-repeat; background-position: 0 5px; }
.headLine_middle#green { background: url(../img/top/ico_green_house.png) no-repeat; background-position: 0 5px; }
.headLine_middle#blue { background: url(../img/top/ico_blue_house.png) no-repeat; background-position: 0 5px; }
.headLine_middle#orange { background: url(../img/top/ico_orange_house.png) no-repeat; background-position: 0 5px; }

.headLineBtn {
	width: 120px;
	height: 120px;
	display: inline-block;
}

/* 携帯にURLを送る */
#sendEmailSp{
	position: absolute;
	top: 440px;
	left: 440px;
	width: 300px;
	height: initial;
	margin: 0;
	padding: 10px;
	border: #0F3576 3px solid;
	background: #FFF;
	display: none;
}
#sendEmailSp a.searchSendMailcloseBtn{
	background: url(../img/search_btn_mailSend.jpg) no-repeat 0 0;
	width: 16px;
	height: 0;
	overflow: hidden;
	padding: 16px 0 0 0;
	position: absolute;
	top: 3px;
	right: 3px;
}

#sendEmailSp .searchSendMailSendBtn a{
	background: url(../img/search_btn_mailSend.jpg) no-repeat 0 -16px;
	width: 48px;
	height: 0;
	overflow: hidden;
	display: block;
	padding: 20px 0 0 0;
	margin: 5px auto 3px auto;
}

#sendEmailSp .searchSendMailSendBtn a:hover {
	background-position: 0 -36px;
}
.searchMailWindowInner {
    border: #CCC 1px dotted;
    background: #F7FAFA;
    padding: 10px;
}

.searchMailWindowInner dd input {
    width: 272px;
}

/* ▼▼▼ トップ
=====================================*/

/* ▼ メインビジュアル */
#mainVisual {
	height: 470px;
	background: url(../img/top/mainVisual.png) repeat-x center top;
	margin-top: -4px;
	position: relative;
	z-index: 100;
}
#mainVisual .no1 {
	padding: 20px 0 10px;
	text-align: center;
}
ul#tnav {
	width: 780px;
	margin: 0 auto;
	overflow: hidden;
}
ul#tnav li {
	float: left;
	margin: 0 9px 0 0;
}
ul#tnav li.last {margin-right: 0;}

#bnr {
	height: 105px;
	background: url(../img/top/bg_slider.png) repeat-x left top;
	overflow: hidden;
}
#bnr .bx-wrapper {
	max-width: 960px !important;
	margin: 8px auto 0 !important;
	position: relative !important;
}
#bnr .bx-viewport {
	width: 910px !important;
	margin: 0 25px 0 25px;
}
#bnr ul {padding: 0;}
#bnr ul li {margin-right: 6px;}
#bnr a.bx-prev,
#bnr a.bx-next {
	display: block;
	width: 15px;
	height: 80px;
	position: absolute;
	z-index: 100;
	top: 2px;
	text-indent: -9999px;
	outline: none;
}
#bnr a.bx-prev {
	background: url(../img/top/arrow_visual01.png) no-repeat left top;
	left: 0;
}
#bnr a.bx-next {
	background: url(../img/top/arrow_visual02.png) no-repeat left top;
	right: 0;
}


/* コンテンツ */
#contents {
	float: left;
	width: 700px;
	overflow: hidden;
	}

/* サイド */
#side {
	float: right;
	width: 226px;
	overflow: hidden;
	}
	#side .bnr {
		margin-bottom: 15px;
		}


/* 簡単クイック検索 */
#quick_search01 {
	background: url(../img/top/search_bg01.png) repeat-y left top;
	margin-bottom: 10px;
	overflow: hidden;
	}
#quick_search02 {
	background: url(../img/top/search_bg02.png) no-repeat left bottom;
	padding: 12px 14px;
	overflow: hidden;
	}
#quick_search01 table.quick {
	width: 669px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	margin-bottom: 10px;
}
#quick_search01 table.quick th,
#quick_search01 table.quick td {
	background: #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 10px;
}
#quick_search01 table.quick th {
	width: 70px;
	background: #F7F6EE;
	font-weight: bold;
}
#quick_search01 table.quick .pref {
	float: left;
	margin: 15px 15px 10px 0;
}
#quick_search01 table.quick .pref_detail {
	display: block;
	background: url(../img/top/search_arrow.png) no-repeat left center;
	padding-left: 30px;
	overflow: hidden;
}
#quick_search01 table.quick ul.radio {
	overflow: hidden;
}
#quick_search01 table.quick ul.radio li {
	float: left;
	margin-right: 20px;
					white-space: nowrap;
}
#quick_search01 table.quick ul.radio li.last {margin-right: 0;}
#quick_search01 table.quick .pref_station {
	border: 1px solid #B6B6B6;
	/*width: 325px;*/
	width: 280px;
}
#quick_search01 table.quick span {margin: 0 0 0 5px;}
#quick_search01 .btn {
	text-align: center;
}
#rental {
	height: 85px;
	background: url(../img/top/rental_bg.png) no-repeat left top;
	padding: 25px 10px 0 15px;
	margin-bottom: 30px;
	color: #FFFF00;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}
#rental h3 {
	float: left;
	margin: 7px 35px 0 0;
}
#rental input {
	width: 274px;
	height: 35px;
	border: 1px solid #004CA0;
	border-right: none;
	padding: 0 10px;
	margin: 0 0 0 10px;
	line-height: 37px;
}
		*+html #rental input {
			line-height: 1;
			vertical-align: top;
			}


/* 新着物件 */
#new {
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	}
	#new h2 {
		margin-bottom: 10px;
		}
		#new .backnumber {
			position: absolute;
			top: 18px;
			right: 0;
			}
	#new ul {
		overflow: hidden;
		}
		#new ul li {
			float: left;
			width: 166px;
			margin-right: 12px;
			cursor: pointer;
			}
		#new ul li.last {margin-right: 0;}
			#new ul li dl {
				margin: 10px 0 0 0;
				overflow: hidden;
				}
				#new ul li dl dt {
					color: #004CA0;
					font-weight: bold;
					}
					#new ul li dl dd p {
						padding-left: 54px;
						margin-top: 5px;
						line-height: 21px;
						}
					#new ul li dl dd p.icon01 {
						background: url(../img/top/new_item01.gif) no-repeat left center;
						color: #DD3F3F;
						font-weight: bold;
						}
					#new ul li dl dd p.icon02 {background: url(../img/top/new_item02.gif) no-repeat left center;}


/* お役立ち情報、お役立ちリンク */
#top_useful {
	margin-bottom: 40px;
	overflow: hidden;
}
#top_useful .box {
	width: 343px;
	position: relative;
}
#top_useful .useful {
	height: 220px;
}
#top_useful .info {
	background: url(../img/top/useful_bg01.png) no-repeat left bottom;
}
#top_useful .link {
	background: url(../img/top/useful_bg02.png) no-repeat left bottom;
}
#top_useful .info ul {
	padding: 0 0 0 18px;
}
#top_useful .info ul li {
	float: left;
	margin: 0 5px 5px 0;
}
#top_useful .info ul li.col1 {padding-left: 159px;}
#top_useful .useful .click {
	position: absolute;
	bottom: 0;
	left: 0;
}
#top_useful .link ul {
	padding: 0 0 0 27px;
}


/* facebook */
#facebook {
	margin-bottom: 50px;
	/*overflow: hidden;*/
}
#facebook .facebook {
	border: 1px solid #3F3F3E;
	width: 500px;
	margin: 0 8px 0 0;
	float: left;
}

#facebook .facebook02 {
	width: 190px;
	float: left;
}


/* 各エリアのトップページへ */
#area {
	height: 240px;
	background: url(../img/top/area_bg.png) no-repeat left top;
	margin-bottom: 50px;
	position: relative;
	overflow: hidden;
}
#area h3 {
	margin: 21px 0 0 19px;
}
#area ul.area {
	position: absolute;
	top: 13px;
	left: 158px;
}
		*+html #area ul.area {width: 533px;}
#area ul.area li {
	float: left;
	margin: 0 6px 10px 0;
	text-align: right;
}
			*+html #area ul.area li {white-space: nowrap;}
#area ul.area li.first {
	padding-left: 106px;
}


/* 賃貸住宅サービスとは？ */
#about01 {
	background: url(../img/top/about_bg01.png) repeat-y left top;
	margin-bottom: 40px;
	position: relative;
}
#about02 {
	background: url(../img/top/about_bg02.png) no-repeat left bottom;
	padding: 5px 20px 15px;
}
#about01 .read {
	border-bottom: 1px dotted #004C9F;
	padding-bottom: 10px;
	margin-bottom: 5px;
	color: #004C9F;
	font-weight: bold;
}
#about01 .chara {
	position: absolute;
		top: -47px;
	right: 18px;
}


/* 沿線から探す */
ul.linklist_arrow_1 {
	padding-bottom: 10px;
	margin: 20px 0 0;
	overflow: hidden;
}
ul.linklist_arrow_1 li {
	float: left;
	width: 140px;
	margin-bottom: 20px;
	font-size: 15px;
}
ul.linklist_arrow_1 li a {
	background: url(../img/top/railway_arrow.png) no-repeat left center;
	padding-left: 16px;
	color: #004C9F;
	font-weight: bold;
}
ul.linklist_arrow_1.border {
	margin: 0;
	border: 1px solid #CCC;
	padding-top: 20px;
}



/* 主要な市区・主要な駅から探す */
ul.station_tab {
	margin-top: 20px;
	overflow: hidden;
}
ul.station_tab li {
	float: left;
	width: 138px;
	text-indent: -9999px;
	cursor: pointer;
}
ul.station_tab li.tab1 {background: url(../img/top/station_tab01.png) no-repeat left top;}
ul.station_tab li.tab1.selected,
ul.station_tab li.tab1:hover {background: url(../img/top/station_tab01_over.png) no-repeat left top;}
ul.station_tab li.tab2 {background: url(../img/top/station_tab02.png) no-repeat left top;}
ul.station_tab li.tab2.selected,
ul.station_tab li.tab2:hover {background: url(../img/top/station_tab02_over.png) no-repeat left top;}
.station_tab_box {
	border-top: 2px solid #004C9F;
	overflow: hidden;
}
.station_tab_box .no {display: none;}

/* 主要な市区 */
#tab1 {
	background: url(../img/top/station_tab_bg01.png) repeat-y left top;
	overflow: hidden;
}
#tab1_inner {
	background: url(../img/top/station_tab_bg02.png) no-repeat left bottom;
	padding: 20px 25px;
	overflow: hidden;
}
#tab1 .search_area {
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}
#tab1 .search_area h4 {
	float: left;
	width: 70px;
	background: #DCEDF9;
	padding: 10px 0;
	margin-right: 10px;
	font-size: 15px;
	text-align: center;
}
#tab1 .search_area ul {
	display: block;
	padding: 10px 0;
	overflow: hidden;
}
#tab1 .search_area ul li,
#tab2 .search_station ul li {
	float: left;
	background: url(../img/top/station_tab_line.gif) no-repeat right center;
	padding-right: 10px;
	margin-right: 10px;
					white-space: nowrap;
}
#tab1 .search_area ul li.noline {
	background: none;
	padding-right: 0;
	margin-right: 0;
}
#tab1 .search_area ul li a,
#tab2 .search_station ul li a {
	color: #004C9F;
	font-weight: bold;
}
/* 要な駅から探す */
#tab2 {
	background: url(../img/top/station_tab_bg03.png) repeat-y left top;
	overflow: hidden;
}
#tab2_inner {
	background: url(../img/top/station_tab_bg04.png) no-repeat left bottom;
	padding: 20px 15px;
	overflow: hidden;
}
#tab2 .search_station {
	padding-bottom: 20px;
	overflow: hidden;
}
#tab2 .search_station h4 {
	background: #309FD6;
	padding: 0 15px;
	margin-bottom: 15px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	overflow: hidden;
}
#tab2 .search_station .box {
	float: left;
	width: 320px;
	border-bottom: 1px dotted #666;
	padding-bottom: 5px;
	margin: 0 18px 5px 0;
	overflow: hidden;
}
#tab2 .search_station .last {
	margin-right: 0;
}
#tab2 .search_station h5 {
	float: left;
	width: 120px;
	background: url(../img/top/station_tab_arrow.gif) no-repeat left 5px;
	padding-left: 17px;
}
#tab2 .search_station ul {
	display: block;
	overflow: hidden;
}
#tab2 .search_station ul li.noline {
	background: none;
}

/* column(wp rss) */
#mainColumn .title{
	background-color: #004C9F;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 20px 5px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}
#mainColumn #innerBox{
	margin: 0;
	border: 1px solid #CCC;
	padding:20px 24px;
}
#mainColumn .article, #mainColumn .articleLast{
	width:210px;
	float:left;
	margin:0 10px 0 0;
}
#mainColumn .articleLast{
	margin:0;
}
#mainColumn .articleImg img{
	max-width:210px;
}
#mainColumn .articleImg a:hover{
	opacity:0.7;
}
#mainColumn #articleColumn{
	text-align:right;
	margin:10px 0 0 0;
}
/* サイド */
#side #topics,
#side #topics02,
#side #mobile {
	background: url(../img/top/side_new_bg01.png) repeat-y left top;
	margin-bottom: 20px;
	font-size: 12px;
	overflow: hidden;
}
#side ul.topics,
#side .topics02,
#side .mobile_inner {
	background: url(../img/top/side_new_bg02.png) no-repeat left bottom;
	padding: 15px 18px;
	overflow: hidden;
}
#side ul.topics li,
#side .topics02 dd {
	background: url(../img/top/arrow_side.gif) no-repeat left 5px;
	border-bottom: 1px dotted #3F3F3E;
	padding: 0 0 10px 11px;
	margin-bottom: 10px;
	overflow: hidden;
}
#side ul.topics li.last {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
#side ul.topics li a,
#side .topics02 dd a {
	color: #000;
	font-weight: bold;
}
#side ul.topics li a:hover,
#side .topics02 dd a:hover {text-decoration: underline;}
#side .topics02 dt{
	color:#004CA0;
}
#side .topics02 .more{
	text-align:right;
}
#side #mobile {
	margin-bottom: 0;
}
#side #mobile .read,
#side #recruit .read {
	font-weight: bold;
	line-height: 1.2;
}
#side #mobile ul.qr {
	width: 176px;
	margin: 20px auto;
	overflow: hidden;
}
#side #mobile ul.qr li {
	float: left;
	margin-right: 6px;
}
#side #mobile ul.qr li.last {
	margin-right: 0;
}
#side #mobile ul.qr li .btn {
	text-align: center;
}
#side #recruit {
	background: url(../img/top/side_recruit_bg01.png) repeat-y left top;
	margin-bottom: 20px;
	font-size: 12px;
	overflow: hidden;
}
#side .recruit_inner {
	background: url(../img/top/side_recruit_bg02.png) no-repeat left bottom;
	padding: 15px 18px;
	overflow: hidden;
}
#side #recruit .read {
	margin-bottom: 10px;
}

/* 2015.09.01追記 CJS男子バナー
------------------------------------*/
#cjsdanshi {
	margin: 25px 0 25px 0;
}

/* 2015.09.17追記 共通リンクリスト
------------------------------------*/
.share_linklist{
}
.share_linklist h3{
	background-color: #004C9F;
	color: #FFF;
	font-weight: bold;
	font-size: 18px;
	padding: 10px 20px 5px;
	-moz-border-radius: 4px 4px 0px 0px;
	-webkit-border-radius: 4px 4px 0px 0px;
	border-radius: 4px 4px 0px 0px;
}

#linklist_raguze{
	margin-top: 30px;
}
#linklist_raguze ul{
	padding-left: 20px;
}

/* 2019.2.25 マイナビバナー追加
------------------------------------*/
.mynavi{
	width: 225px;
	height: 200px;
	border: 1px solid #ccc;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}
.mynavi img{
	margin-top: 7px;
}
.mynavi p{
	margin-top: 7px;
	line-height: 55px;
	background: #00aaeb;
	color: #fff;
	font-weight: bold;
}
.mynavi a{
	display: block;
	text-decoration: none;
}
/* 2020.03.05 あさがくバナー追加
------------------------------------*/
.asagaku{
	width: 225px;
	height: 200px;
	border: 1px solid #ccc;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
}
.asagaku img{
	margin: 26px 0 20px 0;
}
.asagaku p{
	margin-top: 7px;
	line-height: 55px;
	background: #e5011a;
	color: #fff;
	font-weight: bold;
}
.asagaku a{
	display: block;
	text-decoration: none;
}

/* モーダルウィンドウ
------------------------------------*/
#modalOverlay {
	background-color:	rgba(0, 0, 0, 0.75);
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 100;
}

#modalContent{
	text-align: center;
	position: absolute;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
#modalContent img{
	height: 70vh;
	border: 5px solid #fff;
}
#modalClose{
	color: #fff;
	margin-top: 15px;
	font-size: 20px;
	cursor: pointer;
}
#modalClose .cancel{
  display: inline-block;
  position: relative;
  margin: 0 20px 0 7px;
  padding: 0;
  width: 4px;
  height: 18px;
  background: #fff;
  transform: rotate(45deg);
}
#modalClose .cancel:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -7px;
  width: 18px;
  height: 4px;
  margin-top: -2px;
  background: #fff;
}