@charset "utf-8";

/* ========================================================
	top.css
*======================================================== */

/* font-size===========================================

10px -> 77%
11px -> 83.4%
12px -> 91.7%
13px -> 100%
14px -> 108.4%
15px -> 116.7%
16px -> 125%
17px -> 133.4%
18px -> 141.7%
19px -> 150%
20px -> 158.4%
21px -> 166.7%
22px -> 175%
23px -> 183.4%
24px -> 191.7%
25px -> 200%
26px -> 208.4%
27px -> 217% 

===================================================== */
/*--------------------------------------------------------

	#mainImg
	
----------------------------------------------------------*/
#mainImg .cpBox{
	 text-align: center;
	 margin: 142px auto -412px;
}

#mainImg ul{
	width: 100%;
	height: 620px;
}

#mainImg li{
	width: 50%;
	height: 620px;
	background-repeat: no-repeat;
}
	#mainImg .liTochi{
		background-image: url(../img/main_photo1.jpg);
		background-position: right top;
	}
	
	#mainImg .liChintai{
		background-image: url(../img/main_photo2.jpg);
		background-position: left top;
	}

/*20180712_改修追加分ここから*/
/*リンク無効*/
#mainImg .liTochi a,
#mainImg .liChintai a{
	pointer-events: none;
}
/*20180712_改修追加分ここまで*/

#mainImg .liTochi a:link,
#mainImg .liTochi a:visited,
#mainImg .liChintai a:link,
#mainImg .liChintai a:visited{
	height:620px;
	display:block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#mainImg .liTochi a:hover,
#mainImg .liChintai a:hover{
	background-position:50% 50%;
	background-repeat:no-repeat;
}

	#mainImg .liTochi a:hover{
		background-color:rgba(238,204,0,0.8);
		background-image:url(../img/icon_tochi.png);
	}
	
	#mainImg .liChintai a:hover{
		background-color:rgba(119,204,51,0.8);
		background-image:url(../img/icon_chintai.png);
	}


/*--------------------------------------------------------

	DS Tokai不動産事業とは
	
----------------------------------------------------------*/
#top01{
	background: url(../img/bg_top02.png) left bottom repeat-x,  url(../img/bg_top01.png) center bottom no-repeat #2299FF;
	background-size: 20px 12px, 100% auto;
	padding: 60px 0px 70px;
}

#top01 .ulList.li01{
	margin-right: -90px;
}

#top01 .ulList.li01 li{
	width: 190px;
	margin-right: 90px;
}


/*--------------------------------------------------------

	自社物件のご紹介
	
----------------------------------------------------------*/
#top02{
	/*background: url(../common/texture01.gif) left top repeat;*/
	padding: 60px 0px 55px;
}

/*RENTAL*/
#top02 .ulList.li01 > li{
	background: url(../common/arw03.png) right bottom no-repeat;
	border: #DDDDDD solid 2px;
	box-sizing: border-box;
	padding-bottom: 25px;
	margin-bottom: 30px;
	cursor: pointer;
}

#top02 .ulList.li01 > li dl dd{
	padding: 0px 15px;
}

#top02 .ulList.li01 > li a:hover{
	text-decoration: none;
}

#top02 .ulList.li01 > li:hover{
	border: #2299FF solid 2px;
}


/*設備など*/
#top02 .facilityList{
	background-color: #F7F7F7;
	padding: 8px 0px 0px 10px;
}

#top02 .facilityList li{
	float: left;
	font-size: 91.7%;
	background: url(../common/list01.gif) left 5px no-repeat;
	padding-left: 10px;
	margin: 0px 10px 4px 0px;
}


/*--------------------------------------------------------

	オーナーの方へ
	
----------------------------------------------------------*/
#top03{
	background:url(../common/texture02.gif) left top repeat;
}

#top03 .inner{
	width: 1242px;
	background: url(../img/bg_top03.jpg) center top no-repeat;
	padding: 60px 0px 53px;
}

#top03 .inner .txtBox{
	/*float: right;*/
	width: 425px;
	padding-left: 706px;
}

#top03 .inner .txtBox ul li{
	border-top: #666666 dotted 1px;
	padding: 20px 0px 20px 8px;
}
	#top03 .inner .txtBox ul li:last-child{
		border-bottom: #666666 dotted 1px;
	}

#top03 .inner .txtBox ul li dt{
	float: left;
	width: 300px;
}

#top03 .inner .txtBox ul li dd{
	margin-left: 310px;
}


/*--------------------------------------------------------

	新着情報
	
----------------------------------------------------------*/
#top04{
	padding: 50px 0px 0px;
	
	/*20180712_改修追加分ここから*/
	background:url(../common/texture02.gif) left top repeat;
	/*20180712_改修追加分ここまで*/
}

#top04 .inner .newsboxLeft{
	position: relative;
	float: left;
	width: 730px;
}

#top04 .inner .newsboxLeft #newsMore{
	position: absolute;
	top: 5px;
	right: 0px;
}


/*--------------------------------------------------------

	ページトップへボタン
	
----------------------------------------------------------*/
/*20180712_改修追加分ここから*/
#top .pagetop{
	background:url(../common/texture02.gif) left top repeat;
}
/*20180712_改修追加分ここまで*/