@charset "utf-8";

@import "common.css";

/*
		Top
 -------------------------------------------------- */

/* 大枠 */
#content .top {
	height: 324px;
	background: url(../img/tomonokai/top-bg.gif) no-repeat left bottom;
}

/* リード */
#content .top p {
	width: 430px;
	margin: 0px 0px 0px 160px;
}





/*
		マンション選びをトータルサポート  それが『友の会』
 ------------------------------------------------------------------ */
 
/* 枠 */
#content .support {
	margin: 0px 0px 0px 95px;
	background: url(../img/tomonokai/support-bg.gif) no-repeat 10px 70px;
}

/* テキスト */
#content .support p {
	margin: 10px 60px 0px 190px;
}



/*
		知らなきゃソンする『友の会』特典
 ------------------------------------------------------------------ */
 
/* 枠 */
#content .tomo {
	margin: 30px 0px 0px 95px;
}

/* テキスト */
#content .tomo p {
	margin: 10px 60px 0px 10px;
}



/*
		友の会特典
 ------------------------------------------------------------------ */
 
/* 枠 */
#content .tokuten {
	width: 664px;
	height: 501px;
	margin: 10px 0px 0px 60px;
	background: url(../img/tomonokai/tokuten-bg.gif) no-repeat top left;
}

/* 其の一… */
#content .tokuten dl dd {
	width: 405px;
	float: left;
}

/* 其の一… */
#content .tokuten img.tokuten-btn {
	margin: 20px 0px 0px 30px;
}

/* 吹き出し
#content .tokuten dd.tokuten-balloon {
	width: 259px;
	float: none;
	margin: 0px 0px 0px 405px;
}
*/



/*
		オススメ友の会
 ------------------------------------------------------------------ */
 
/* 枠 */
#content .recommend {
	margin: 0px 0px 0px 15px;
	background: url(../img/include/recommend-bg.gif) repeat-y 0px 197px;
}

/* 点線上背景指定 */
#content .box {
	width: 730px;
	padding: 15px 0px 0px 0px;
	background: url(../img/include/recommend-top-bg.gif) no-repeat 0px 0px;
}

/* 1枠 */
#content .box ul li {
	display: inline;
}

/* 上部：画像 */
#content .box ul li img {
	margin: 0px 0px 15px 20px;
}