@charset "utf-8";
/* ===================================================================
CSS information

 file name  :top.css
 author     :Ability Consultant
style info :トップページ設定　ハックは最下部に記述
=================================================================== */

/*----------------------------------------------------
	header下 メインイメージ
----------------------------------------------------*/

#top #bk_main {
	background: url(../images/top/bk_main_shadow.gif) top repeat-x;
}


#top #con_main {
	clear: both;
	margin: 0 auto;
	padding: 0;
	width: 950px;
}

#top #con_main .boxL {
	margin: 0;
	padding: 0;
	width: 225px;
}

/*賃貸を探すボタン*/
#top #btn_chintai {
	margin: 0;
	padding: 0;
	width: 225px;
	height: 95px;
	line-height: 95px;
	background: url(../images/top/btn_chintai.jpg) top no-repeat;
}

#top #btn_chintai a {
	width: 225px;
	height: 95px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;

}

#top #btn_chintai a:hover {
	background: url(../images/top/btn_chintai_active.jpg) top no-repeat;
}

/*事業所を探すボタン*/
#top #btn_jigyou {
	margin: 0;
	padding: 0;
	width: 225px;
	height: 95px;
	line-height: 95px;
	background: url(../images/top/btn_jigyou.jpg) top no-repeat;
}

#top #btn_jigyou a {
	width: 225px;
	height: 95px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;

}

#top #btn_jigyou a:hover {
	background: url(../images/top/btn_jigyou_active.jpg) top no-repeat;
}

/*お問い合わせエリア*/
#top #main_search .text {
	margin: 0;
	padding: 0;
	width: 219px;
	height: 58px;
	height: 58px;
	background: url(../images/top/text_contact.gif) top no-repeat;
	text-indent: -9999px;
}


#top #text_sarch {
	margin: 0;
	padding: 0;
	width: 219px;
	height: 45px;
	line-height: 45px;
	background: url(../images/top/st_search.gif) top no-repeat;
	text-indent: -9999px;
}

#top #main_search .btn {
	margin: 0;
	padding: 0;
	width: 221px;
	height: 47px;
	height: 47px;
	background: url(../images/top/btn_contact.gif) top no-repeat;
}

#top #main_search .btn a {
	width: 221px;
	height: 47px;
	height: 47px;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#top #main_search a:hover .btn {
    filter: Alpha(opacity=80);
    opacity:0.8;
}

#top #con_main #main_img {
	float: right;
	margin: 10px 0 0 0;
}


/*----------------------------------------------------
	#main
		メインdiv内
----------------------------------------------------*/
#contents {
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0 5px;
	width: 1075px;
}

/*----------------------------------------------------
	#main
		メイン
----------------------------------------------------*/
#main {
	padding: 0 0 20px 0;
	float: left;
	width: 830px;
}

/*----------------------------------------------------
	#main
		tab
----------------------------------------------------*/
#main ul.tabNav {
	width: 830px;
	height: 39px;
	margin: 0;
	padding: 0;
	background: url(../images/top/btn_tab.gif) left top no-repeat;
}

#main ul.tabNav li {
	margin: 0;
	padding: 0;
	height: 39px;
}

#main ul.tabNav li.new {
	width: 207px;
	float: left;
}
#main ul.tabNav li.pet {
	width: 207px;
	float: left;
}
#main ul.tabNav li.detached {
	width: 207px;
	float: left;
}
#main ul.tabNav li.zero {
	width: 207px;
	float: right;
}

#main ul.tabNav li.new a {
	display: block;
	width: 207px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}
#main ul.tabNav li.pet a {
	display: block;
	width: 207px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}
#main ul.tabNav li.detached a {
	display: block;
	width: 207px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}
#main ul.tabNav li.zero a {
	display: block;
	width: 209px;
	height: 39px;
	text-indent: -9999px;
	overflow: hidden;
}

#main ul.tabNav li.new a:hover {
	background: url(../images/top/btn_tab.gif) 0 -39px no-repeat;
}
#main ul.tabNav li.pet a:hover {
	background: url(../images/top/btn_tab.gif) -207px -39px no-repeat;
}
#main ul.tabNav li.detached a:hover {
	background: url(../images/top/btn_tab.gif) -414px -39px no-repeat;
}
#main ul.tabNav li.zero a:hover {
	background: url(../images/top/btn_tab.gif) -623px -39px no-repeat;
}


#main #tab1 ul.tabNav li.new {
	background: url(../images/top/btn_tab.gif) 0 -39px no-repeat;
}
#main #tab2 ul.tabNav li.pet {
	background: url(../images/top/btn_tab.gif) -207px -39px no-repeat;
}
#main #tab3 ul.tabNav li.detached {
	background: url(../images/top/btn_tab.gif) -414px -39px no-repeat;
}
#main #tab4 ul.tabNav li.zero {
	background: url(../images/top/btn_tab.gif) -623px -39px no-repeat;
}


#main iframe {
	clear: both;
	width: 830px;
	height: 1500px;
	padding: 15px 0 0 0;
	margin: 0 0 20px 0;
}





#top .con_bukken {
	/*height: 400px;*/
	margin: 0 0 40px 0;
}

#top .con_bukken h2 {
	width: 700px;
	height: 40px;
	line-height: 40px;
	text-indent: -9999px;
}

#top #shinchiku h2 {
	background: url(../images/top/st_shinchiku.gif) no-repeat;
}
#top #shinchiku iframe {
	width: 830px;
	height: 1400px;
	padding: 10px 0 0 0;
	margin: 0;
	border: 1px solid #CCC;
}

#top #pet h2 {
	background: url(../images/top/st_pet.gif) no-repeat;
}
#top #pet iframe {
	width: 830px;
	height: 500px;
	padding: 10px 0 0 0;
	margin: 0;
	border: 1px solid #CCC;
}

#top #syakuya h2 {
	background: url(../images/top/st_syakuya.gif) no-repeat;
}
#top #syakuya iframe {
	width: 830px;
	height: 500px;
	padding: 10px 0 0 0;
	margin: 0;
	border: 1px solid #CCC;
}

#top #zero h2 {
	background: url(../images/top/st_zero.gif) no-repeat;
}
#top #zero iframe {
	width: 830px;
	height: 500px;
	padding: 10px 0 0 0;
	margin: 0;
	border: 1px solid #CCC;
}



#top #main p.contact {
    margin: 0 auto;
	padding: 0;
	text-align: center;
}
#top #main a:hover .img_telno  {
    filter: Alpha(opacity=80);
    opacity:0.8;
}


/*----------------------------------------------------
	#sub
		サブdiv内
----------------------------------------------------*/
/*最新情報-------------------------------*/
#top #sub #news {
	margin: 0 auto;
	width: 200px;
}

#top #sub #news h3 {
	margin: 0 auto;
	width: 200px;
	height: 80px;
	line-height: 80px;
	background: url(../images/st_news.gif) top no-repeat;
	text-indent: -9999px;
}

#top #sub #news #feeds_area {
	margin: 0 auto;
	padding: 5px 10px;
	background: #FDF6EE ;
}

#top #feeds_area img {
	margin: 20px 0 20px 80px ; 
}

#top #sub #news #feeds_area p.date {
	margin: 0;
	padding: 0 0 0 10px;
	background: url(../images/icon_arrow.gif) left no-repeat;
}

#top #sub #news #feeds_area p.date a {
	text-decoration: none;
	color: #2D2D2D;
}

#top #sub #news #feeds_area p.title {
	margin: 0;
	font-weight: bold;
	color: #FE2292;
}

#top #sub #news #feeds_area p.title a {
	text-decoration: none;
	color: #FE2292;
}

#top #sub #news #feeds_area p.title a:hover {
	text-decoration: underline;
	color: #B71165;
}