@charset "shift_jis";
/* =========================================

(C) SINIOR top CSS

============================================ */
#top p {
padding:5px 0 5px 0;
}

/* top_base
-------------------------------------------- */
#top_base{
width:810px;
height:auto;
margin:0;
padding:0;
background:url(/image_cmn/base_bg.gif) repeat-y 0 0;
text-align:left;
}



/* top_content
-------------------------------------------- */
#top_content{
clear:both;
width:800px;
margin:0;
padding:0;
}



/* -------top_left_area------- */
#top_content div.top_left_area {
overflow:hidden;
float:left;
height:325px;
margin:0 0 5px 0;
padding:0;
position:relative;
}

/*-- IE以外 --*/
h2,
#top_content div.area_map{
position:relative;
height: 50px;
top:0px;
_top:0;
z-index:0;
}
h2,
#top_content div.area_kensaku{
position:relative;
width: 521px;
height: 50px;
top:0px;
left: 0px;
z-index:0;
}

/*-- お気に入りボタン --*/
div.favorite_btn{
width:300px;
height:22px;
position:relative;
top:11px;
left:220px;
margin:0 0 -22px 0;
z-index:2;
}


/* -------top_right_area------- */

#top_content div.top_right_area {
float:left;
width:279px;
margin:0;
padding:0;
}



/* ------- 検索 -------- */

#top_content div.area_kensaku{
width:521px;
height:275px;
margin:0;
padding:0;
background:url(/image/kensaku_bg.jpg) no-repeat 0 40px;
}


/*-- お気に入りリストを見るボタン --*/

div.favorite_btn span.favorite_k{
float:left;
width:149px;
height:22px;
margin:0;
padding:0;
}
div.favorite_btn span.favorite_k a{
display:block;
width:149px;
height:22px;
background:url(/image/top_favorite_btn_k.jpg) no-repeat 0 0;
text-indent:-9999px;
}
div.favorite_btn span.favorite_k a:hover{
background:url(/image/top_favorite_btn_k.jpg) no-repeat 0 -22px;
}

/*-- お気に入りリストとはボタン --*/
div.favorite_btn span.favorite_k_q{
float:left;
width:149px;
height:22px;
padding:0;
}
div.favorite_btn span.favorite_k_q a{
display:block;
width:149px;
height:22px;
margin:0 0 0 0;
background:url(/image/top_favorite_btn_k_q.jpg) no-repeat 0 0;
text-indent:-9999px;
}
div.favorite_btn span.favorite_k_q a:hover{
background:url(/image/top_favorite_btn_k_q.jpg) no-repeat 0 -22px;
}

/*-- 住宅・施設検索ボタン --*/
ul.area_kensaku_btn{
padding:80px auto 0 40px;
}
ul.area_kensaku_btn li.jyutaku{
float:left;
margin:39px 21px 0 50px;
_margin:39px 21px 0 25px;
}
ul.area_kensaku_btn li.shisetsu{
float:left;
margin:39px 0 0 0;
}

ul.area_kensaku_btn li a{
display:block;
width:209px;
height:138px;
text-indent:-9999px;
}

ul.area_kensaku_btn li.jyutaku a{background:url(/image/top_jyutaku_btn.jpg) no-repeat 0 0;}
ul.area_kensaku_btn li.jyutaku a:hover{background:url(/image/top_jyutaku_btn.jpg) no-repeat 0 -138px;}
ul.area_kensaku_btn li.shisetsu a{background:url(/image/top_shisetsu_btn.jpg) no-repeat 0 0;}
ul.area_kensaku_btn li.shisetsu a:hover{background:url(/image/top_shisetsu_btn.jpg) no-repeat 0 -138px;}


/* ------- 地図 -------- */

#top_content div.area_map{
width:521px;
height:275px;
padding:0 0 0 0;
margin: 0px 0px 0px 0px;
background:url(/image/shisetsu_area_00.jpg) no-repeat 0 40px;
}

/*
#contents2{
position:absolute;
top:-9999px;
}
*/

/*-- お気に入りリストを見るボタン --*/
span.favorite_s{
float:left;
width:149px;
height:22px;
margin:0;
padding:0;
}
span.favorite_s a{
display:block;
width:149px;
height:22px;
background:url(/image/top_favorite_btn_s.jpg) no-repeat 0 0;
text-indent:-9999px;
}
span.favorite_s a:hover{
background:url(/image/top_favorite_btn_s.jpg) no-repeat 0 -22px;
}

/*-- お気に入りリストとはボタン --*/
span.favorite_s_q{
float:left;
width:149px;
height:22px;
padding:0;
}
span.favorite_s_q a{
display:block;
width:149px;
height:22px;
margin:0 0 0 0;
background:url(/image/top_favorite_btn_s_q.jpg) no-repeat 0 0;
text-indent:-9999px;
}
span.favorite_s_q a:hover{
background:url(/image/top_favorite_btn_s_q.jpg) no-repeat 0 -22px;
}



/*-------イメージマップ-------*/
#top_content div.area_map dl{
position:relative;
width:521px;
height:275px;
margin:0 0 0 0;
padding:0;
background:url(/image/shisetsu_area_00.jpg) no-repeat 0 0;
z-index:0;
}

#top_content div.area_map dl dt,
#top_content div.area_map dl dd{
position:absolute;
font-weight:bold;
}

#top_content div.area_map dl dt{
display:none;
}


/*北海道*/
#top_content div.area_map dl dd.hokkaido,
#top_content div.area_map dl dd.hokkaido a{
display:block;
width:180px;
height:200px;
top:0;
left:318px;
}

#top_content div.area_map dl dd.hokkaido a:hover{
background:url(/image/shisetsu_area_01.jpg) no-repeat -318px 0;
}

span.hokkaido{
display:block;
padding:110px 0 0 90px;
}


/*北陸・甲信越*/
#top_content div.area_map dl dd.hokuriku,
#top_content div.area_map dl dd.hokuriku a{
display:block;
width:95px;
height:110px;
top:105px;
left:248px;
}

#top_content div.area_map dl dd.hokuriku a:hover{
background:url(/image/shisetsu_area_02.jpg) no-repeat -248px -105px;
}

span.hokuriku{
display:block;
padding:0 0 0 20px;
}


/*関東*/
#top_content div.area_map dl dd.kanto,
#top_content div.area_map dl dd.kanto a{
display:block;
width:93px;
height:65px;
top:174px;
left:300px;
}

#top_content div.area_map dl dd.kanto a:hover{
background:url(/image/shisetsu_area_03.jpg) no-repeat -300px -174px;
}

span.kanto{
display:block;
padding:50px 0 0 50px;
}


/*東海*/
#top_content div.area_map dl dd.tokai,
#top_content div.area_map dl dd.tokai a{
display:block;
width:60px;
height:55px;
top:175px;
left:252px;
}

#top_content div.area_map dl dd.tokai a:hover{
background:url(/image/shisetsu_area_01.jpg) no-repeat -252px -175px;
}

span.tokai{
display:block;
padding:50px 0 0 17px;
}


/*関西*/
#top_content div.area_map dl dd.kansai,
#top_content div.area_map dl dd.kansai a{
display:block;
width:44px;
height:100px;
top:160px;
left:220px;
z-index:2;
}

#top_content div.area_map dl dd.kansai a:hover{
background:url(/image/shisetsu_area_03.jpg) no-repeat -220px -160px;
}

span.kansai{
display:block;
padding:75px 0 0 0;
}


/*中国・四国*/
#top_content div.area_map dl dd.cyugoku,
#top_content div.area_map dl dd.cyugoku a{
display:block;
width:84px;
height:120px;
top:120px;
left:145px;
z-index:1;
}

#top_content div.area_map dl dd.cyugoku a:hover{
background:url(/image/shisetsu_area_01.jpg) no-repeat -145px -120px;
}

span.cyugoku{
display:block;
padding:0 0 0 10px;
}


/*九州・沖縄*/
#top_content div.area_map dl dd.kyusyu,
#top_content div.area_map dl dd.kyusyu a{
display:block;
width:187px;
height:207px;
top:53px;
left:35px;
}

#top_content div.area_map dl dd.kyusyu a:hover{
background:url(/image/shisetsu_area_03.jpg) no-repeat -35px -53px;
}

span.kyusyu{
display:block;
padding:150px 0 0 20px;
}



/*住宅を探す ボタン*/
div.jyutaku{
width:119px;
height:40px;
position:relative;
top:-48px;
left:397px;
}

div.jyutaku a{
display:block;
width:119px;
height:40px;
background:url(/image/jyutaku_btn.jpg) no-repeat 0 0;
text-indent:-9999px;
}
div.jyutaku { background:url(/image/jyutaku_btn.jpg) no-repeat 0 0;}
div.jyutaku a { background:url(/image/jyutaku_btn.jpg) no-repeat 0 0;}
div.jyutaku a:hover { background:url(/image/jyutaku_btn.jpg) no-repeat 0 -40px;}

/*-------イメージマップここまで-------*/



/*---------------map横のバナー---------------*/
#top_content .top_right_banner{
width:279px;
height:316px;
padding:0 0 0 0;
background:url(/image/top_right_banner_bg.gif) no-repeat 0 0;
}

/*ホームメイト・シニア 3つの場合
#top_content .top_right_banner ul li.senior{
margin:0 0 10px 20px;
}
#top_content .top_right_banner ul li.senior a{
display:block;
width:240px;
height:100px;
background:url(/image/banner_senior.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content .top_right_banner ul li.senior a:hover{
background:url(/image/banner_senior.jpg) no-repeat 0 -100px;
}
/*ホームメイト・シニア 2つの場合*/
#top_content .top_right_banner ul li.senior{
margin:0 0 4px 20px;
}
#top_content .top_right_banner ul li.senior a{
display:block;
width:240px;
height:160px;
background:url(/image/banner_senior.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content .top_right_banner ul li.senior a:hover{
background:url(/image/banner_senior.jpg) no-repeat 0 -160px;
}


/*ホームメイト*/
#top_content .top_right_banner ul li.homemate{
margin:0 0 10px 20px;
}
#top_content .top_right_banner ul li.homemate a{
display:block;
width:240px;
height:100px;
background:url(/image/banner_homemate.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content .top_right_banner ul li.homemate a:hover{
background:url(/image/banner_homemate.jpg) no-repeat 0 -100px;
}

/*モバイル 3つの場合*/
/*
#top_content .top_right_banner ul li.mobile{
margin:0 0 0 20px;
display:block;
width:240px;
height:100px;
background:url(/image/banner_mobile.jpg) no-repeat 0 0;
text-indent:-9999px;
}
*/
#top_content .top_right_banner ul li.mobile{
margin:0 0 0 20px;
}
#top_content .top_right_banner ul li.mobile a{
display:block;
width:240px;
height:100px;
background:url(/image/banner_mobile.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content .top_right_banner ul li.mobile a:hover{
background:url(/image/banner_mobile.jpg) no-repeat 0 -100px;
}

/*モバイル 2つの場合*/
#top_content .top_right_banner ul li.mobile{
margin:0 0 0 20px;
}
#top_content .top_right_banner ul li.mobile a{
display:block;
width:240px;
height:160px;
background:url(/image/banner_mobile.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content .top_right_banner ul li.mobile a:hover{
background:url(/image/banner_mobile.jpg) no-repeat 0 -160px;
}


/*---------------メニュー---------------*/

#top_content .top_menu{
clear:both;
margin:5px 13px 5px 15px;
}

#top_content .top_menu ul.con{
margin:0;
padding:0;
}

#top_content .top_menu ul.con li.con01,
#top_content .top_menu ul.con li.con02,
#top_content .top_menu ul.con li.con03,
#top_content .top_menu ul.con li.con04,
#top_content .top_menu ul.con li.con05,
#top_content .top_menu ul.con li.con06,
#top_content .top_menu ul.con li.con01 a,
#top_content .top_menu ul.con li.con02 a,
#top_content .top_menu ul.con li.con03 a,
#top_content .top_menu ul.con li.con04 a,
#top_content .top_menu ul.con li.con05 a,
#top_content .top_menu ul.con li.con06 a,
#top_content .top_menu ul.con li.con01 a:hover,
#top_content .top_menu ul.con li.con02 a:hover,
#top_content .top_menu ul.con li.con03 a:hover,
#top_content .top_menu ul.con li.con04 a:hover,
#top_content .top_menu ul.con li.con05 a:hover,
#top_content .top_menu ul.con li.con06 a:hover{
float:left;
width:257px;
height:56px;
margin:0;
padding:0;
color:#333;
}

#top_content .top_menu ul.con li.con01{ background: url(/image/top_con_btn01.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con02{ background: url(/image/top_con_btn02.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con03{ background: url(/image/top_con_btn03.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con04{ background: url(/image/top_con_btn04.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con05{ background: url(/image/top_con_btn05.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con06{ background: url(/image/top_con_btn06.gif) no-repeat 0 -55px;}

#top_content .top_menu ul.con li.con01 a{ background: url(/image/top_con_btn01.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con02 a{ background: url(/image/top_con_btn02.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con03 a{ background: url(/image/top_con_btn03.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con04 a{ background: url(/image/top_con_btn04.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con05 a{ background: url(/image/top_con_btn05.gif) no-repeat 0 -55px;}
#top_content .top_menu ul.con li.con06 a{ background: url(/image/top_con_btn06.gif) no-repeat 0 -55px;}

#top_content .top_menu ul.con li.con01 a:hover{ background: url(/image/top_con_btn01.gif) no-repeat 0 0; }
#top_content .top_menu ul.con li.con02 a:hover{ background: url(/image/top_con_btn02.gif) no-repeat 0 0; }
#top_content .top_menu ul.con li.con03 a:hover{ background: url(/image/top_con_btn03.gif) no-repeat 0 0; }
#top_content .top_menu ul.con li.con04 a:hover{ background: url(/image/top_con_btn04.gif) no-repeat 0 0; }
#top_content .top_menu ul.con li.con05 a:hover{ background: url(/image/top_con_btn05.gif) no-repeat 0 0; }
#top_content .top_menu ul.con li.con06 a:hover{ background: url(/image/top_con_btn06.gif) no-repeat 0 0; }

#top_content span.con_ti{
display:none;
}



div.banner_rows{
clear:both;
margin:0;
padding:5px 16px;
}

/*ホームメイト*/
#top_content div.banner_rows ul li.homemate{
float:left;
margin:0 7px 10px 0;
}
#top_content div.banner_rows ul li.homemate a{
display:block;
width:186px;
height:65px;
background:url(/image/banner_homemate.gif) no-repeat 0 0;
text-indent:-9999px;
}
#top_content div.banner_rows ul li.homemate a:hover{
background:url(/image/banner_homemate.gif) no-repeat 0 -65px;
}

/*多度温泉*/
#top_content div.banner_rows ul li.tado{
float:left;
margin:0 7px 10px 0;
}
#top_content div.banner_rows ul li.tado a{
display:block;
width:186px;
height:65px;
background:url(/image/banner_tado.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content div.banner_rows ul li.tado a:hover{
background:url(/image/banner_tado.jpg) no-repeat 0 -65px;
}

/*土地活用ネット*/
#top_content div.banner_rows ul li.tochi{
float:left;
margin:0 8px 10px 0;
}
#top_content div.banner_rows ul li.tochi a{
display:block;
width:186px;
height:65px;
background:url(/image/banner_tochi.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content div.banner_rows ul li.tochi a:hover{
background:url(/image/banner_tochi.jpg) no-repeat 0 -65px;
}

/*千種タワーヒルズ*/
#top_content div.banner_rows ul li.tower{
float:left;
margin:0 7px 10px 0;
}
#top_content div.banner_rows ul li.tower a{
display:block;
width:186px;
height:65px;
background:url(/image/banner_tower.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content div.banner_rows ul li.tower a:hover{
background:url(/image/banner_tower.jpg) no-repeat 0 -65px;
}

/*ハートマークshop*/
#top_content div.banner_rows ul li.heartmark{
float:left;
margin:0 0 10px 0;
}
#top_content div.banner_rows ul li.heartmark a{
display:block;
width:186px;
height:65px;
background:url(/image/banner_heartmark.jpg) no-repeat 0 0;
text-indent:-9999px;
}
#top_content div.banner_rows ul li.heartmark a:hover{
background:url(/image/banner_heartmark.jpg) no-repeat 0 -65px;
}

/* ----------------------------------------------------------
 冬季休暇のおしらせ
---------------------------------------------------------- */
.osirase{
	background:url(../image/osirase.gif) repeat-y 0px 0px;
	padding: 0 20px 5px 20px ;
	}
dl.mente {
	clear:both;
	display:block;
	overflow:hidden;
	position:relative;
	top:0px;
	width:760px;
	height:43px;
	margin:0;
	padding:0;
	background:url(../image/top_bg_mente.gif) no-repeat 0px 0px;
	font-size:82%;
	color:#333333;
	}
dl.mente dt {
	float:left;
	width:90px;
	height:42px;
	margin:0;
	padding:6px 1px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	}	
dl.mente dt#mente1_read {
	background:url(../image/top_ttl_mente01.gif) no-repeat 0px 0px;
	}
dl.mente dd.mente_txt {
	float:left;
	width:650px;
	margin:5px 0;
	padding:0 0 0 10px;
	text-align:left;
	line-height:115%;
	}