@charset "UTF-8";
@import "./main.css";
@import "./content.css";
@import "./pm.css";

/*========== [Key color] ==========

dark:	#352010;
middle:	#70624E;
light:	#DED5CE;

==================== */

#Wrapper #Header {
	background-position: 0 100%;
}

#Article {
}

#Article #Flash_map {
	float: left;
	margin: 0 0 10px 0;
}

#Wrapper #Content h3 img {
	margin: 20px 0 0;
}

#Wrapper #Content h4 img {
	margin: 0 0 10px;
}

#Wrapper #Content h5 {
	background: url(../img/bg_title_stripe.gif) 0 0 repeat;
	font-size: 87.5%;
	letter-spacing: 1px;
	margin-bottom: 1em;
	padding-left: 0;
}

#Wrapper #Content h5 span {
	background: #fff;
	color: #70624e;
	margin-left: 10px;
	padding: 3px 5px;
	vertical-align: baseline;
}


/* ==================== .Icon_explain ==================== */

.Icon_explain {
	margin: 10px 0;
	width: 940px;
}

.Icon_explain dl {
	float: right;
}

.Icon_explain dl dt {
/*	background: url(../../../common/img/circle_small.gif) 0 50% no-repeat;*/
	color: #70624e;
	float: left;
	font-size: 87.5%;
	font-weight: bold;
	letter-spacing: 1px;
	margin-left: 10px;
/*	padding-left: 20px;*/
}

.Icon_explain dl dd {
	color: #666;
	float: left;
	font-size: 75%;
	font-weight: bold;
	margin: 4px 10px 0 5px;
}


/* ==================== .Article_area ==================== */

#Article #Article_area {
	float: right;
	height: 450px;
	width: 220px;
}

#Article #Article_area ul li {
	display: inline;
	list-style: none;
}

#Article #Article_area ul li a {
	background: url(../img/navi_index_arrow.gif) 0 2px no-repeat;
	border-bottom: #ccc 1px solid;
	color: #666;
	display: block;
	font-size: 56.25%;
	margin: 0 0 10px;
	padding: 0 0 5px 17px;
	text-decoration: none;
	width: 183px;
}

#Article #Article_area ul li a:hover {
	color: #352010;
}

#Article #Article_area ul li a b.strong {
	color: #70624e;
	font-family:Verdana, Arial, Helvetica,ＭＳ Ｐゴシック,Hiragino Maru Gothic Pro, osaka;line-height: 14px;font-size:10px;
	//font-size: 100%;
	letter-spacing: 1px;
}

#Article #Article_area ul li a:hover b.strong {
	color: #352010;
	text-decoration: underline;
}

#Article #Article_area ul#Navi_article_area {
	background: url(../img/bg_article_area.gif) 0 0 no-repeat;
	height: 210px;
	margin-bottom: 10px;
	padding: 10px;
	width: 200px;
}

/*
#Article #Article_area ul#Navi_article_exhibition {
	background: url(../img/bg_article_exhibition.jpg) 0 0 no-repeat;
	height: 80px;
	padding: 10px;
	width: 200px;
}

#Article #Article_area ul#Navi_article_exhibition li a {
	border-bottom: none;
}
 */

/* ==================== .Article_list ==================== */

* html #Wrapper #Content ul.Article_list {
	margin-bottom: 20px;
}

#Wrapper #Content ul.Article_list li {
	//background: url(../img/navi_index_article.jpg) 0 0 no-repeat;
	margin-top: 0px;
	display: block;
	float: left;
	height: 0px;
	list-style: none;
	margin: 0 20px 20px 0;
	//overflow: hidden;
	position: relative;
	width: 400px;
}


#Wrapper #Content ul.Article_list li:hover {
	background-position: 0 -150px;
}



/* ========== 物件画像用 ========== */
#Wrapper #Content ul.Article_list li a img {
	display: block;
	left: 0;
	padding: 5px 70px 55px 5px;
	position: absolute;
	top: 0;
	z-index: 100;
	filter: alpha(opacity=85);	/* ie6, ie7 */
	-moz-opacity: 0.85;	/* Ns */
	opacity: 0.85;	/* Fx */
}

#Wrapper #Content ul.Article_list li:hover a img {
	filter: alpha(opacity=100);	/* ie6, ie7 */
	-moz-opacity: 1.00;	/* Ns */
	opacity: 1.00;	/* Fx */
}
/* ========== リンクなし画像(完売物件)用 ========== */
#Wrapper #Content ul.Article_list li img {
	display: block;
	left: 0;
	padding: 5px 70px 55px 5px;
	position: absolute;
	top: 0;
	z-index: 100;
	filter: alpha(opacity=85);	/* ie6, ie7 */
	-moz-opacity: 0.85;	/* Ns */
	opacity: 0.85;	/* Fx */
}

#Wrapper #Content ul.Article_list li:hover img {
	filter: alpha(opacity=100);	/* ie6, ie7 */
	-moz-opacity: 1.00;	/* Ns */
	opacity: 1.00;	/* Fx */
}

/* ---------- .Link_bnr ---------- */

#Wrapper #Content ul.Article_list li .Link_bnr {
	display: block;
	position: absolute;
	left: 155px;
	top: 0;
	width: 60px;
	z-index: 1000;
}

#Wrapper #Content ul.Article_list li .Link_bnr a img {
	background: none;
	display: block;
	height: 20px;
	margin: 5px 0 0;
	padding: 0;
	position: relative;
	filter: alpha(opacity=100); /* ie6, ie7 */
	-moz-opacity: 1.00; /* Ns */
	opacity: 1.00; /* Fx */
}

/* ---------- /.Link_bnr ---------- */


#Wrapper #Content ul.Article_list li div.Article_explain {
	left: 5px;
	position: absolute;
	//top: 90px;
	z-index: 10;
}

#Wrapper #Content ul.Article_list li h4 {
	background: url(../img/navi_index_arrow.gif) 0 0 no-repeat;
	color: #70624e;
	display: block;
	font-size: 100%;
	left: 0;
	letter-spacing: 1px;
	line-height: 1.2;
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
	text-decoration: none;
	top: 0;
	width: 210px;
}

#Wrapper #Content ul.Article_list li:hover h4 {
	color: #352010;
}

#Wrapper #Content ul.Article_list li p {
	font-size: 56.25%;
	left: 15px;
	position: relative;
	top: 3px;
}

#Wrapper #Content ul.Article_list li p b.strong {
	font-size: larger;
}

#Wrapper #Content ul.Article_list li:hover p {
	color: #352010;
}

#Wrapper #Content ul.Article_list li.Mr_00 {
	margin-right: 0;
}


/* ==================== .Navi_article ==================== */

.Navi_article {
	background: url(../img/navi_article_bg.jpg) 0 0 no-repeat;
	float: left;
	height: 440px;
	padding: 10px;
	width: 200px;
}

.Navi_article ul {
}

.Navi_article ul li {
	border-bottom: #ccc 1px solid;
	clear: both;
	display: block;
	list-style: none;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

.Navi_article ul li.Bb_none {
	border-bottom: none;
}

.Navi_article ul li em {
	background: url(../img/navi_article_number.gif) 0 0 no-repeat;
	color: #fff;
	float: left;
	font-size: 75%;
	height: 18px;
	margin-right: 2px;
	text-align: center;
	width: 18px;
}

.Navi_article ul li a {
	color: #666;
	display: block;
	float: right;
	font-size: 62.5%;
	text-decoration: none;
	width: 175px;
}

.Navi_article ul li a:hover {
	color: #352010;
}

.Navi_article ul li a b.strong {
	color: #70624e;
	font-size: 100%;
	letter-spacing: 1px;
	line-height: 1.2;
}

.Navi_article ul li a:hover b.strong {
	color: #352010;
}

/* ==================== #Article_map ==================== */

#Article_map_all {
	margin-top:0px;
	float: left;
	position: relative;
}

#Article_map_all ul {
	height: 450px;
	left: 0;
	position: absolute;
	top: 0;
	width: 700px;
}

#Article_map_all ul li {
	display: inline;
	list-style: none;
}

#Article_map_all ul li.Article_map_area a {
	background: url(../img/navi_article_index_map_area.gif) 0 0 no-repeat;
	color: #fff;
	display: block;
	font-size: 75%;
	height: 20px;
	margin: 0;
	padding: 5px 0 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

#Article_map_all ul li.Article_map_area a:hover {
	background-position: 0 -25px;
	text-decoration: underline;
}

#Article_map_all ul li.Article_map_area#Kansai_n a {
	left: 5px;
	top: 5px;
}

#Article_map_all ul li.Article_map_area#Kansai_s a {
	left: 5px;
	top: 235px;
}

#Article_map_all ul li.Article_map_area#Kanto a {
	left: 360px;
	top: 5px;
}

#Article_map_all ul li.Article_map_area#Tokai a {
	left: 360px;
	top: 235px;
}

#Article_map_all ul li.Article_map_area#Hokkaido a {
	left: 725px;
	top: 235px;
}

#Article_map_all ul li.Article_map_point a {
	background: none;
	display: block;
	height: 14px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-decoration: none;
	width: 14px;
	left: 307px;
	top: 170px;
}

/* =====[関西北]===== */
#Article_map_all ul li.Article_map_point#woody-town a {left: 110px; top: 61px;} /*ウッディタウン*/
#Article_map_all ul li.Article_map_point#kodu a {left: 113px; top: 81px;} /*上津台*/
#Article_map_all ul li.Article_map_point#nogami3 a {left: 183px; top: 125px;} /*野上*/
#Article_map_all ul li.Article_map_point#seishin a {left: 39px; top: 175px;} /*西神南*/
#Article_map_all ul li.Article_map_point#s-chuo a {left: 20px; top: 179px;} /*西神中央*/
#Article_map_all ul li.Article_map_point#maitamon a {left: 46px; top: 202px;} /*舞多聞*/
#Article_map_all ul li.Article_map_point#takatsuki a {left: 309px; top: 96px;} /*高槻*/
#Article_map_all ul li.Article_map_point#toyonaka a {left: 249px; top: 119px;} /*豊中*/
#Article_map_all ul li.Article_map_point#morisyoji a {left: 255px; top: 165px;} /*森小路*/
#Article_map_all ul li.Article_map_point#kano a {left: 317px; top: 185px;} /*加納*/
#Article_map_all ul li.Article_map_point#yamamotokita a {left: 321px; top: 213px;} /*山本北*/

/* =====[関西南]===== */
#Article_map_all ul li.Article_map_point#ohnoshiba a {left: 266px; top: 247px;} /*大野芝*/
#Article_map_all ul li.Article_map_point#higashimozu a {left: 266px; top: 262px;} /*東百舌鳥*/
#Article_map_all ul li.Article_map_point#miharadai a {left: 272px; top: 281px;} /*三原台*/
#Article_map_all ul li.Article_map_point#harayamadai a {left: 259px; top: 297px;} /*原山台*/
#Article_map_all ul li.Article_map_point#mizuki a {left: 260px; top: 316px;} /*原山台*/

/* =====[なんば住宅博]===== */
#Article_map_all ul li.Article_map_point#exhibition-namba a {left: 263px; top: 196px;} /*なんば住宅博*/

/* =====[埼玉]===== */
#Article_map_all ul li.Article_map_point#soka a {left: 546px; top: 177px;} /*草加*/
#Article_map_all ul li.Article_map_point#kitaurawa a {left: 472px; top: 83px;} /*北浦和*/

/* =====[東京]===== */
#Article_map_all ul li.Article_map_point#motohasunuma a {left: 492px; top: 114px;} /*本蓮沼*/
#Article_map_all ul li.Article_map_point#kyonancho a {left: 448px; top: 132px;} /*境南町*/
#Article_map_all ul li.Article_map_point#wakaba a {left: 457px; top: 249px;} /*若葉台*/

/* =====[茨城]===== */
#Article_map_all ul li.Article_map_point#tsukuba a {left: 620px; top: 103px;} /*つくば*/

/* =====[千葉]===== */
#Article_map_all ul li.Article_map_point#hananooka a {left: 636px; top: 189px;} /*花の丘公園*/
#Article_map_all ul li.Article_map_point#takino a {left: 590px; top: 96px;} /*滝野*/

/* =====[東海]===== */
#Article_map_all ul li.Article_map_point#yamate a {left: 493px; top: 281px;} /*やまて坂*/
#Article_map_all ul li.Article_map_point#mizuno a {left: 488px; top: 265px;} /*みずの坂*/

/* =====[北海道]===== */
#Article_map_all ul li.Article_map_point#hokkaido a {left: 783px; top: 341px;} /*札幌*/



#Article_map {
	float: left;
	margin: 0 20px;
	position: relative;
}

#Article_map ul {
	height: 450px;
	left: 0;
	position: absolute;
	top: 0;
	width: 460px;
}

#Article_map ul li {
	display: inline;
	list-style: none;
}

#Article_map ul li a {
	background: url(../img/navi_article_number.gif) 0 0 no-repeat;
	color: #fff;
	display: block;
	font-size: 75%;
	font-weight: bold;
	height: 18px;
	margin: 0;
	padding: 0;
	position: absolute;
	text-align: center;
	text-decoration: none;
	width: 18px;
	left: 421px;
	top: 277px;
}

/* ---------- #Kansai_n ---------- */

#Kansai_n #Article_map ul li.No_1 a {left: 154px; top: 90px;} /*ウッディタウン*/
#Kansai_n #Article_map ul li.No_2 a {left: 162px; top: 127px;} /*上津台*/
#Kansai_n #Article_map ul li.No_3 a {left: 244px; top: 161px;} /*野上*/
#Kansai_n #Article_map ul li.No_4 a {left: 59px; top: 195px;} /*西神中央*/
#Kansai_n #Article_map ul li.No_5 a {left: 84px; top: 194px;} /*西神南*/
#Kansai_n #Article_map ul li.No_6 a {left: 91px; top: 225px;} /*舞多聞*/
#Kansai_n #Article_map ul li.No_7 a {left: 412px; top: 123px;} /*高槻*/
#Kansai_n #Article_map ul li.No_8 a {left: 342px; top: 161px;} /*豊中*/

#Kansai_n #Article_map ul li.No_9 a {left: 411px; top: 190px;} /*加納*/
#Kansai_n #Article_map ul li.No_10 a {left: 419px; top: 221px;} /*山本北*/

#Kansai_n #Article_map ul li.No_11 a {left: 339px; top: 246px;} /*大野芝*/
#Kansai_n #Article_map ul li.No_12 a {left: 340px; top: 265px;} /*東百舌鳥*/
#Kansai_n #Article_map ul li.No_13 a {left: 351px; top: 302px;} /*三原台*/
#Kansai_n #Article_map ul li.No_14 a {left: 330px; top: 325px;} /*原山台*/
#Kansai_n #Article_map ul li.No_15 a {left: 329px; top: 370px;} /*みずき台*/


//#Kansai_n #Article_map ul li.No_1 a {left: 144px; top: 132px;} /*ウッディタウン*/
//#Kansai_n #Article_map ul li.No_2 a {left: 152px; top: 169px;} /*上津台*/
//#Kansai_n #Article_map ul li.No_3 a {left: 244px; top: 223px;} /*野上*/
//#Kansai_n #Article_map ul li.No_4 a {left: 29px; top: 291px;} /*西神中央*/
//#Kansai_n #Article_map ul li.No_5 a {left: 54px; top: 290px;} /*西神南*/
//#Kansai_n #Article_map ul li.No_6 a {left: 61px; top: 321px;} /*舞多聞*/
//#Kansai_n #Article_map ul li.No_7 a {left: 412px; top: 185px;} /*高槻*/
//#Kansai_n #Article_map ul li.No_8 a {left: 342px; top: 224px;} /*豊中*/


//#Kansai_n #Article_map ul li.No_8 a {left: 425px; top: 298px;} /*森小路*/

//#Kansai_n #Article_map ul li.No_9 a {left: 431px; top: 340px;} /*加納*/
//#Kansai_n #Article_map ul li.No_10 a {left: 429px; top: 331px;} /*山本北*/




/* ---------- #Kansai_s ---------- */

#Kansai_s #Article_map ul li.No_1 a {left: 289px; top: 236px;} /*大野芝*/
#Kansai_s #Article_map ul li.No_2 a {left: 290px; top: 255px;} /*東百舌鳥*/
#Kansai_s #Article_map ul li.No_3 a {left: 301px; top: 292px;} /*三原台*/
#Kansai_s #Article_map ul li.No_4 a {left: 280px; top: 325px;} /*原山台*/
#Kansai_s #Article_map ul li.No_5 a {left: 279px; top: 370px;} /*みずき台*/


/* ---------- #Kanto ---------- */

#Kanto #Article_map ul li.No_1 a {left: 170px; top: 167px;} /*北浦和*/
#Kanto #Article_map ul li.No_2 a {left: 210px; top: 174px;} /*草加*/
#Kanto #Article_map ul li.No_3 a {left: 117px; top: 245px;} /*若葉台*/
#Kanto #Article_map ul li.No_4 a {left: 145px; top: 225px;} /*境南町*/
#Kanto #Article_map ul li.No_5 a {left: 199px; top: 207px;} /*本蓮沼*/
#Kanto #Article_map ul li.No_6 a {left: 286px; top: 108px;} /*つくば*/
#Kanto #Article_map ul li.No_7 a {left: 290px; top: 192px;} /*花の丘*/
#Kanto #Article_map ul li.No_8 a {left: 309px; top: 188px;} /*滝野*/


/* ---------- #Tokai ---------- */

#Tokai #Article_map ul li.No_1 a {left: 133px; top: 86px;} /*みずの坂*/
#Tokai #Article_map ul li.No_2 a {left: 140px; top: 105px;} /*やまて坂*/

/* ---------- #hokkaido ---------- */
#Hokkaido #Article_map ul li.No_1 a {left: 133px; top: 250px;} /*あいの里*/

/* ==================== exhibition ==================== */

#Exhibition {
	padding: 20px;
	width: 900px;
}

ul#Navi_exhibition_contents {
	margin: 0 auto 20px;
	width: 720px;
}

ul#Navi_exhibition_contents li {
	display: inline;
	float: left;
	margin: 0 10px;
}

ul#Navi_exhibition_contents li a {
	background: url(../img/navi_article_exhibition.gif) 0 0 no-repeat;
	color: #70624e;
	display: block;
	font-size: 75%;
	height: 20px;
	margin: 0;
	padding: 5px 0 0;
	text-align: center;
	text-decoration: none;
	width: 220px;
}

ul#Navi_exhibition_contents li a:hover,
ul#Navi_exhibition_contents li.Active a {
	background-position: 0 -25px;
	color: #fff;
}

/* ----- 展示場のご案内 ----- */
#Wrapper #Content .Guide {
}

#Wrapper #Content .Guide img {
	float: left;
	margin-right: 15px;
}

#Wrapper #Content .Guide .Guide_guidance {
	float: left;
	padding-top: 60px;
	width: 415px;
}

#Wrapper #Content .Guide .Guide_guidance h4 {
	margin-bottom: 1em;
}

#Wrapper #Content .Guide .Guide_guidance h5 {
	background: url(../img/bg_guide_tel.gif) 0 50% no-repeat;
	color: #666;
	font-size: 187.5%;
	letter-spacing: 0.1em;
	margin-bottom: 0.5em;
	padding-left: 40px;
}

#Wrapper #Content .Guide .Guide_guidance b.strong {
	color: #352010;
}

#Wrapper #Content .Guide .Guide_guidance dl {
	color: #666;
}

#Wrapper #Content .Guide .Guide_guidance dl dt {
	background: url(../../../common/img/bg_title_stripe.gif) 0 0 repeat;
	margin-bottom: 10px;
}

#Wrapper #Content .Guide .Guide_guidance dl dt span {
	background: #fff;
	color: #352010;
	font-size: 75%;
	font-weight: bold;
	letter-spacing: 0.1em;
	margin-left: 10px;
	padding: 3px 5px;
	vertical-align: middle;
}

#Wrapper #Content .Guide .Guide_guidance dl dd {
	font-size: 75%;
	margin: 0 0 10px 15px;
	line-height: 1.6;
}