@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++
	Title : CSS File for KABURAGI JISHO
	File : top.css
	Modify : 2009/07/04
  +++++++++++++++++++++++++++++++++++++++++++ */

/* +++++++++++++++++++++++++++++++++++++++++++
	======INDEX=====
	1. Import
	2. Content-Center
	================
  +++++++++++++++++++++++++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1. Import
---------------------------------------------------------------------------------------- */

/* reset.css */
@import url(reset.css);
@import url(base.css);

/*----------------------------------------------------------------------------------------
	2. Content-Center
---------------------------------------------------------------------------------------- */
#content #center {
	font-size: 1.1em;
}
#content #center #topImage {
	margin:0 11px 10px;
	padding-bottom: 5px;
}
#content #center div.content-ttl {
	width:528px;
	height:40px;
	margin:0;
	position:relative;
}
#content #center div.content-ttl ul.content-navi {
	width:385px;
	height:40px;
	margin:0;
	position:absolute;
	top:0px;
	left:143px;
	text-align:left;
}
#content #center div.content-ttl ul.content-navi li {
	float:left;
	width:77px;
	height:40px;
	margin:0;
}
#content #center div.content-ttl ul.content-navi li.naviSale01 {
	background:transparent url(../img/navi_sale01_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviSale01 a {
	background:transparent url(../img/navi_sale01.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li.naviSale02 {
	background:transparent url(../img/navi_sale02_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviSale02 a {
	background:transparent url(../img/navi_sale02.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li.naviSale03 {
	background:transparent url(../img/navi_sale03_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviSale03 a {
	background:transparent url(../img/navi_sale03.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li.naviSale04 {
	background:transparent url(../img/navi_sale04_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviSale04 a {
	background:transparent url(../img/navi_sale04.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li.naviSale05 {
	background:transparent url(../img/navi_sale05_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviSale05 a {
	background:transparent url(../img/navi_sale05.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li.naviLease01 {
	background:transparent url(../img/navi_lease01_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviLease01 a {
	background:transparent url(../img/navi_lease01.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li.naviLease02 {
	background:transparent url(../img/navi_lease02_on.gif) no-repeat;
}
#content #center div.content-ttl ul.content-navi li.naviLease02 a {
	background:transparent url(../img/navi_lease02.gif) no-repeat;
	display:block;
	width:77px;
	height:40px;
	text-indent:-9999px;
}
#content #center div.content-ttl ul.content-navi li a:hover {
	background:none;
}
#content #center div.content-body {
	/* width: 514px; */
	padding:15px 7px 7px;
	margin:0 4px;
	background:#FFF;
}
#content #center div.content-body h4 {
	margin:0 0 4px;
	text-align:left;
}
#content #center #forSale {
	width:528px;
	margin:0 11px 10px;
	padding:0 0 4px;
	background:transparent url(../img/bg_forSale.gif);
}
#content #center #bottomBlock {
	border-top:1px solid #7F7F7F;
	padding:10px 0 0;
}
#content #center #bottomBlock #forLease {
	width:528px;
	margin:0 11px;
	padding:0 0 4px;
	background:transparent url(../img/bg_forLease.gif);
}
#content #center div.recomend {
	/* width: 506px; */
	margin:0 0 10px;
	overflow: hidden;
}
.recommend_block {
	overflow: hidden;
	width: 506px;
	text-align: left;
	}
	*:first-child+html .recommend_block {
		padding: 0 0 10px;
		}
	.reccomend_item {
		width:122px;
		margin:0 6px 10px 0;
		float: left;
		background:transparent url(../img/bg_recommended_item.gif);
		}
	.reccomend_item_last {
		width:122px;
		margin:0 0 10px 0;
		float: left;
		background:transparent url(../img/bg_recommended_item.gif);
		}
	.recommend_block h5 {
		color: #666;
		padding: 2px 7px;
		font-size: 0.8em;
		}
	.recommend_block .photo {
		padding: 0;
		margin: 1px;
		}
	.recommend_block .info {
		background-color: #FFF;
		margin: 1px 1px 0;
		padding: 2px 5px;
		font-size: 0.8em;
		}
	.recommend_block .detail {
		width: 122px;
		height: 21px;
		padding: 0;
		margin: 0;
		}

#content #center div.recomend ul li {
	width:122px;
	height:233px;
	margin:0 6px 0 0;
	overflow:hidden;
	float:left;
}
#content #center div.recomend ul li.last {
	margin:0;
}
#content #center div.recomend ul li a {
	font-size: 0.8em;
	display:block;
	width:122px;
	height:233px;
	background:transparent url(../img/bg_recommend.gif) no-repeat;
	text-decoration:none;
}
#content #center #forSale div.recomend ul li a:hover {
	background:transparent url(../img/bg_recommendSale_on.gif) no-repeat;
}
#content #center #forLease div.recomend ul li a:hover {
	background:transparent url(../img/bg_recommendLease_on.gif) no-repeat;
}
#content #center div.recomend ul li p.photo {
	width:120px;
	height:120px;
	margin:0 1px;
	padding:1px 0 0;
	border-bottom:1px solid #CCC;
}
#content #center div.recomend ul li p.txt {
	width:110px;
	height:87px;
	overflow:hidden;
	text-align:left;
	line-height:1.3;
	margin:3px 6px;
}
#content #center div.train {
	margin:0 0 10px;
}
#content #center div.tab {
	height:21px;
	background:transparent url(../img/bg_tab.gif) repeat-x top left;
	overflow:hidden;
	text-align:left;
}
#content #center div.tab ul li {
	width:98px;
	height:21px;
	margin:0 4px 0 0;
	float:left;
}
#content #center div.tab ul li.last {
	margin:0;
}
#content #center div.tab ul li#sale_train_tab1,
#content #center div.tab ul li#sale_train_tab1.sale_train_tab1_on a,
#content #center div.tab ul li#sale_terms_tab1,
#content #center div.tab ul li#sale_terms_tab1.sale_terms_tab1_on a {
	background:transparent url(../img/tab_sale01_on.gif) no-repeat;
}
#content #center div.tab ul li#sale_train_tab1 a,
#content #center div.tab ul li#sale_terms_tab1 a {
	background:transparent url(../img/tab_sale01.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#sale_train_tab2,
#content #center div.tab ul li#sale_train_tab2.sale_train_tab2_on a,
#content #center div.tab ul li#sale_terms_tab2,
#content #center div.tab ul li#sale_terms_tab2.sale_terms_tab2_on a {
	background:transparent url(../img/tab_sale02_on.gif) no-repeat;
}
#content #center div.tab ul li#sale_train_tab2 a,
#content #center div.tab ul li#sale_terms_tab2 a {
	background:transparent url(../img/tab_sale02.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#sale_train_tab3,
#content #center div.tab ul li#sale_train_tab3.sale_train_tab3_on a,
#content #center div.tab ul li#sale_terms_tab3,
#content #center div.tab ul li#sale_terms_tab3.sale_terms_tab3_on a {
	background:transparent url(../img/tab_sale03_on.gif) no-repeat;
}
#content #center div.tab ul li#sale_train_tab3 a,
#content #center div.tab ul li#sale_terms_tab3 a {
	background:transparent url(../img/tab_sale03.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#sale_train_tab4,
#content #center div.tab ul li#sale_train_tab4.sale_train_tab4_on a,
#content #center div.tab ul li#sale_terms_tab4,
#content #center div.tab ul li#sale_terms_tab4.sale_terms_tab4_on a {
	background:transparent url(../img/tab_sale04_on.gif) no-repeat;
}
#content #center div.tab ul li#sale_train_tab4 a,
#content #center div.tab ul li#sale_terms_tab4 a {
	background:transparent url(../img/tab_sale04.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#sale_train_tab5,
#content #center div.tab ul li#sale_train_tab5.sale_train_tab5_on a,
#content #center div.tab ul li#sale_terms_tab5,
#content #center div.tab ul li#sale_terms_tab5.sale_terms_tab5_on a {
	background:transparent url(../img/tab_sale05_on.gif) no-repeat;
	margin:0;
}
#content #center div.tab ul li#sale_train_tab5 a,
#content #center div.tab ul li#sale_terms_tab5 a {
	background:transparent url(../img/tab_sale05.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#lease_train_tab1,
#content #center div.tab ul li#lease_train_tab1.lease_train_tab1_on a,
#content #center div.tab ul li#lease_terms_tab1,
#content #center div.tab ul li#lease_terms_tab1.lease_terms_tab1_on a {
	background:transparent url(../img/tab_lease01_on.gif) no-repeat;
}
#content #center div.tab ul li#lease_train_tab1 a,
#content #center div.tab ul li#lease_terms_tab1 a {
	background:transparent url(../img/tab_lease01.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#lease_train_tab2,
#content #center div.tab ul li#lease_train_tab2.lease_train_tab2_on a,
#content #center div.tab ul li#lease_terms_tab2,
#content #center div.tab ul li#lease_terms_tab2.lease_train_tab2_on a {
	background:transparent url(../img/tab_lease02_on.gif) no-repeat;
}
#content #center div.tab ul li#lease_train_tab2 a,
#content #center div.tab ul li#lease_terms_tab2 a {
	background:transparent url(../img/tab_lease02.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#lease_train_tab3,
#content #center div.tab ul li#lease_train_tab3.lease_train_tab3_on a {
	background:transparent url(../img/tab_lease03_on.gif) no-repeat;
}
#content #center div.tab ul li#lease_train_tab3 a {
	background:transparent url(../img/tab_lease03.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#lease_train_tab4,
#content #center div.tab ul li#lease_train_tab4.lease_train_tab4_on a {
	background:transparent url(../img/tab_lease04_on.gif) no-repeat;
}
#content #center div.tab ul li#lease_train_tab4 a {
	background:transparent url(../img/tab_lease04.gif) no-repeat;
	display:block;
	text-indent:-9999px;
	width:98px;
	height:21px;
}
#content #center div.tab ul li#sale_train_tab1 a:hover,
#content #center div.tab ul li#sale_train_tab2 a:hover,
#content #center div.tab ul li#sale_train_tab3 a:hover,
#content #center div.tab ul li#sale_train_tab4 a:hover,
#content #center div.tab ul li#sale_train_tab5 a:hover,
#content #center div.tab ul li#sale_terms_tab1 a:hover,
#content #center div.tab ul li#sale_terms_tab2 a:hover,
#content #center div.tab ul li#sale_terms_tab3 a:hover,
#content #center div.tab ul li#sale_terms_tab4 a:hover,
#content #center div.tab ul li#sale_terms_tab5 a:hover,
#content #center div.tab ul li#lease_train_tab1 a:hover,
#content #center div.tab ul li#lease_train_tab2 a:hover,
#content #center div.tab ul li#lease_train_tab3 a:hover,
#content #center div.tab ul li#lease_train_tab4 a:hover,
#content #center div.tab ul li#lease_terms_tab1 a:hover,
#content #center div.tab ul li#lease_terms_tab2 a:hover {
	background:none;
}
#content #center div.list {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	text-align:left;
	padding:6px 0;
}
#content #center div.list:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#sale_train_box1,
#lease_train_box1 {
	padding: 10px 0 0;
	}

#content #center div.list dl {
	width:484px;
	margin:0 10px;
}
*:first-child+html #content #center div.list dl {
	padding:0 0 0 10px;
}
body:first-of-type #content #center div.list dl dt,
body:first-of-type #content #center div.list dl dd {
	height:15px;
}
#content #center div.list dl dt {
	clear: left;
	float:left;
	font-weight:bold;
	width:130px;
	margin:5px 0 0;
}

*:first-child+html #content #center div.list dl dt,
*html #content #center div.list dl dt {
	margin:7px 0 0;
}
#content #center div.list dl dd {
	margin-left: 0;
	padding:0 0 0 130px;
}



body:first-of-type #content #center div.list dl dd.last {
	margin:0 0 -15px;
}
#content #center div.list dl dd.last {
	border:0;
	padding:0 0 0 130px;
	margin:0;
}
#content #center div.list dl dd ul li {
	width:85px;
	margin:5px 0 0;
	float:left;
}

#content #center div.list ul.listTerms {
	margin:0 10px;
}
#content #center div.list ul.listTerms li {
	float:left;
	white-space:nowrap;
	margin:0 13px 0 0;
}
#content #center div.list ul.listTerms li.last {
	margin:0;
}
#content #center div.list ul.listForSale a {
	background:transparent url(../img/icn_forSale.gif) no-repeat left center;
	padding:0 0 0 10px;
}

#content #center div.list ul.listForLease a {
	background:transparent url(../img/icn_forLease.gif) no-repeat left center;
	padding:0 0 0 10px;
}

#content #center div.terms {
	margin:0;
}


#content #right div.content-body {
	width:162px;
	margin:0 4px;
	padding:0;
	background:#FFF;
}
#content #right #information2 {
	width:170px;
	margin:0 0 10px;
	padding:0 0 4px;
	background:transparent url(../img/bg_others.gif) top left;
}
#content #right #information2 div.content-body dl {
	width:132px;
	margin:0 3px;
	padding:10px 0 5px;
	text-align:left;
	font-size:1.1em;
}
#content #right #information2 div.content-body dl dt {
	color:#1576C1;
	font-weight:bold;
}
#content #right #information2 div.content-body dl dd {
	margin:0 0 10px;
}
/* for information2 */
*.logbox {
	border: solid 1px #808080;
	width: 152px;
	height: 212px;
	padding: 0.5em;
	overflow: auto;
	}



#LeaseMap {
	position:relative;
	width: 506px;
	height: 256px;
	background:transparent url(../img/LeaseMap.png) no-repeat;
}
#LeaseMap p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#kotake {
	position:absolute;
	top:64px;
	left:90px;
}
#kotake p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#senkawa {
	position:absolute;
	top:64px;
	left:173px;
}
#senkawa p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#kanamecho {
	position:absolute;
	top:64px;
	left:256px;
}
#kanamecho p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#ekoda {
	position:absolute;
	top:134px;
	left:90px;
}
#ekoda p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#higashinagasaki {
	position:absolute;
	top:134px;
	left:173px;
}
#higashinagasaki p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#shinamachi {
	position:absolute;
	top:134px;
	left:256px;
}
#shinamachi p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#shinekoda {
	position:absolute;
	top:205px;
	left:90px;
}
#shinekoda p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#ochiaiminami {
	position:absolute;
	top:205px;
	left:173px;
}
#ochiaiminami p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#ikebukuro {
	position:absolute;
	top:76px;
	left:358px;
}
#ikebukuro p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#mejiro {
	position:absolute;
	top:134px;
	left:358px;
}
#mejiro p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#zoushigaya {
	position:absolute;
	top:134px;
	left:440px;
}
#zoushigaya p {
	font-size: 1px;
	padding: 0;
	margin: 0;
	line-height: 0;
	}
#others {
	position:absolute;
	top:207px;
	left:402px;
}
#zoushigaya p {
	padding: 0;
	margin: 0;
	font-size: 1px;
	line-height: 0;
	}




#LeaseMap .single {
	width:51px;
	height:12px;
	background:transparent url(../img/btn_single_no.gif) no-repeat;
	text-indent:-9999px;
}
#LeaseMap .single a {
	display:block;
	width:51px;
	height:12px;
	background:transparent url(../img/btn_single.gif) no-repeat;
	text-indent:-9999px;
}
#LeaseMap .single a:hover {
	background:transparent url(../img/btn_single_hover.gif) no-repeat;
	text-indent:-9999px;
}

#LeaseMap .family {
	width:51px;
	height:12px;
	background:transparent url(../img/btn_family_no.gif) no-repeat;
	text-indent:-9999px;
}
#LeaseMap .family a {
	display:block;
	width:51px;
	height:12px;
	background:transparent url(../img/btn_family.gif) no-repeat;
	text-indent:-9999px;
}
#LeaseMap .family a:hover {
	background:transparent url(../img/btn_family_hover.gif) no-repeat;
	text-indent:-9999px;
}

#LeaseMap .town {
	width:51px;
	height:12px;
	background:transparent url(../img/btn_town_no.gif) no-repeat;
	text-indent:-9999px;
}
#LeaseMap .town a {
	display:block;
	width:51px;
	height:12px;
	background:transparent url(../img/btn_town.gif) no-repeat;
	text-indent:-9999px;
}
#LeaseMap .town a:hover {
	background:transparent url(../img/btn_town_hover.gif) no-repeat;
	text-indent:-9999px;
}