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

 file name  :cat.css
 author     :yourName (admin)
 style info :カテゴリ関係 他
=================================================================== */
#main {
}

#main h1 {
	width: 710px;
	height: 26px;
	margin-bottom: 16px;
	padding: 3px 0 0 20px;
	background: url(../images/share/title_bukken.jpg) 0 0 no-repeat;
	color: #fff;
	font-size: 1em;
}

.cat_station h1,
.cat_shopping h1,
.cat_education h1,
.cat_natural h1,
.cat_park h1,
.cat_newtown h1,
.cat_garden h1,
.cat_takuchi h1 {
	height: 36px !important;
	padding: 14px 0 0 70px !important;
	background: url(../images/share/title_station.jpg) 0 0 no-repeat !important;
}

.cat_shopping h1 {
	background: url(../images/share/title_shopping.jpg) 0 0 no-repeat !important;
}

.cat_education h1 {
	background: url(../images/share/title_education.jpg) 0 0 no-repeat !important;
}

.cat_natural h1 {
	background: url(../images/share/title_natural.jpg) 0 0 no-repeat !important;
}

.cat_park h1 {
	background: url(../images/share/title_park.jpg) 0 0 no-repeat !important;
}

.cat_newtown h1 {
	background: url(../images/share/title_newtown.jpg) 0 0 no-repeat !important;
}

.cat_garden h1 {
	background: url(../images/share/title_garden.jpg) 0 0 no-repeat !important;
}

.cat_takuchi h1 {
	background: url(../images/share/title_takuchi.jpg) 0 0 no-repeat !important;
}

#soldout #main h2 {
	margin: 20px 0 10px 7px;
	height: 16px;
	padding: 0 0 10px 1em;
	background: url(../images/share/event_subtitle.jpg) 0 0 no-repeat;
	color: #060;
	font-size: 1em;
}

#main h3#title_kansai,
#main h3#title_syuto {
	clear: both;
	height: 20px;
	text-indent: -5000em;
}

#main h3#title_kansai {
	background: url(../images/share/title_kansai.jpg) 0 0 no-repeat;
}

#main h3#title_syuto {
	background: url(../images/share/title_syuto.jpg) 0 0 no-repeat;
}

.cat_hyogo h3#title_syuto,
.cat_hyogo h3#title_syuto+p,
.cat_osaka h3#title_syuto,
.cat_osaka h3#title_syuto+p,
.cat_kyoto h3#title_syuto,
.cat_kyoto h3#title_syuto+p,
.cat_nara h3#title_syuto,
.cat_nara h3#title_syuto+p,
.cat_tokyo h3#title_kansai,
.cat_tokyo h3#title_kansai+p,
.cat_kanagawa h3#title_kansai,
.cat_kanagawa h3#title_kansai+p,
.cat_chiba h3#title_kansai,
.cat_chiba h3#title_kansai+p,
.cat_saitama h3#title_kansai,
.cat_saitama h3#title_kansai+p {
	display: none;
}

#main #cat_read {
	font-size: 0.8em;
	line-height: 1.3;
}

#main #detached_area {
	float: left;
	width: 342px;
	overflow: hidden;
}

#main #apartment_area {
	float: right;
	width: 342px;
	padding-right: 10px;
	overflow: hidden;
}

.apartment_list .area_box,
#soldout .area_box,
.cat_detached #detached_area,
.cat_apartment #apartment_area {
	float: none !important;
	width: 700px !important;
	padding: 0 !important;
}

.apartment_list .area_box .odd,
#soldout .area_box .odd,
.cat_detached #detached_area .odd,
.cat_apartment #apartment_area .odd {
	float: left;
}

.apartment_list .area_box .even,
#soldout .area_box .even,
.cat_detached #detached_area .even,
.cat_apartment #apartment_area .even {
	float: right;
}

#main .outline_area {
	width: 318px;
	margin-bottom: 16px;
	padding: 13px 12px;
	background-color: #f0f0e1;
	font-size: 0.85em;
	letter-spacing: 0;
	overflow: hidden;
}

#main .outline_area .box {
	margin-bottom: 8px;
	padding-bottom: 12px;
	background: url(../images/share/line_cat.jpg) 0 bottom repeat-x;
	overflow: hidden;
}

.apartment_list h1,
#main #detached_area h2,
#main #apartment_area h2 {
	width: 342px;
	height: 49px;
	text-indent: -5000em;
}

.apartment_list h1,
.cat_detached #detached_area h2,
.cat_apartment #apartment_area h2 {
	width: 710px !important;
	height: 49px !important;
}

#soldout #main h2#title_detached,
#soldout #main h2#title_apartment {
	clear: both;
	height: 49px;
	text-indent: -5000em;
}

.cat_detached #detached_area h2,
#soldout #main h2#title_detached {
	background: url(../images/share/title_detached.jpg) 0 0 no-repeat;
}

.apartment_list h1,
.cat_apartment #apartment_area h2,
#soldout #main h2#title_apartment {
	background: url(../images/share/title_apartment.jpg) 0 0 no-repeat !important;
}

.cat_hyogo #detached_area h2,
.cat_osaka #detached_area h2,
.cat_kyoto #detached_area h2,
.cat_nara #detached_area h2,
.cat_tokyo #detached_area h2,
.cat_kanagawa #detached_area h2,
.cat_chiba #detached_area h2,
.cat_saitama #detached_area h2,
.cat_station #detached_area h2,
.cat_shopping #detached_area h2,
.cat_education #detached_area h2,
.cat_natural #detached_area h2,
.cat_park #detached_area h2,
.cat_newtown #detached_area h2,
.cat_garden #detached_area h2,
.cat_takuchi #detached_area h2 {
	background: url(../images/share/title_detached2.jpg) 0 0 no-repeat;
}

.cat_hyogo #apartment_area h2,
.cat_osaka #apartment_area h2,
.cat_kyoto #apartment_area h2,
.cat_nara #apartment_area h2,
.cat_tokyo #apartment_area h2,
.cat_kanagawa #apartment_area h2,
.cat_chiba #apartment_area h2,
.cat_saitama #apartment_area h2,
.cat_station #apartment_area h2,
.cat_shopping #apartment_area h2,
.cat_education #apartment_area h2,
.cat_natural #apartment_area h2,
.cat_park #apartment_area h2,
.cat_newtown #apartment_area h2,
.cat_garden #apartment_area h2,
.cat_takuchi #apartment_area h2 {
	background: url(../images/share/title_apartment2.jpg) 0 0 no-repeat;
}

#main .outline_area h3 {
	float: right;
	width: 160px;
	margin: 0;
}

#main .outline_area h3 a {
	color: #300;
	font-size: 0.85em;
	text-decoration: none;
}

#main .outline_area h3 a:hover,
#main .outline_area h3 a:active {
	text-decoration: underline;
}

#main .outline_area .photobukken {
	float: left;
	width: 147px;
}

#main .outline_area .photobukken img {
	width: 141px;
	padding: 2px;
	border: 1px solid #ccc;
}

#main .outline_area p {
	margin-bottom: 0;
}

#main .outline_area p.address1 {
	float: right;
	width: 160px;
}

#main .outline_area p.address2 {
	padding-left: 4em;
	text-indent: -4em;
}

#main .outline_area p.traffic {
	padding-left: 3em;
	text-indent: -3em;
}

#main .outline_area ul#kodawari_list {
	margin: 15px 0;
	overflow: hidden;
}

#main .outline_area ul#kodawari_list li {
	float: left;
	width: 20px;
	height: 20px;
	margin-right: 9px;
	text-indent: -5000em;
}

#main .outline_area ul#kodawari_list li.station {
	background: url(../images/icon/icon_station.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.shopping {
	background: url(../images/icon/icon_shopping.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.education {
	background: url(../images/icon/icon_education.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.natural {
	background: url(../images/icon/icon_natural.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.park {
	background: url(../images/icon/icon_park.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.newtown {
	background: url(../images/icon/icon_newtown.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.garden {
	background: url(../images/icon/icon_garden.jpg) 0 0 no-repeat;
}

#main .outline_area ul#kodawari_list li.takuchi {
	background: url(../images/icon/icon_takuchi.jpg) 0 0 no-repeat;
}

#site_list {
	clear: both;
	overflow: hidden;
}

#site_list li {
	float: left;
	margin-right: 10px;
}

#site_list li a {

	text-indent: -5000em;
	overflow: hidden;

}

#site_list .spsite a {
	display: block;
	width: 117px;
	height: 25px;
	background: url(../images/share/btn_spsite.jpg) 0 0 no-repeat;
}

#site_list .details a {
	display: block;
	width: 172px;
	height: 25px;
	background: url(../images/share/btn_details.jpg) 0 0 no-repeat;
}

#site_list .spsite a:hover,
#site_list .spsite a:active,
#site_list .details a:hover,
#site_list .details a:active {
	background-position: 0 -25px;
}

#site_list .soldout {
	width: 276px;
	height: 25px;
	background: url(../images/share/btn_soldout.jpg) 0 0 no-repeat;
	text-indent: -5000em;
}

#bukken_select_area {
	margin-bottom: 16px;
	padding-right: 10px;
	overflow: hidden;
}

#bukken_select_area ul.tabNav {
	float: left;
	width: 369px;
	height: 355px;
	border: 1px solid #ccc;
	position: relative;
}

.cat_hyogo #bukken_select_area ul.tabNav {
	background: url(../images/share/map_hyogo.jpg) 0 0 no-repeat;
}

.cat_osaka #bukken_select_area ul.tabNav {
	background: url(../images/share/map_osaka.jpg) 0 0 no-repeat;
}

.cat_kyoto #bukken_select_area ul.tabNav {
	background: url(../images/share/map_kyoto.jpg) 0 0 no-repeat;
}

.cat_nara #bukken_select_area ul.tabNav {
	background: url(../images/share/map_nara.jpg) 0 0 no-repeat;
}

.cat_tokyo #bukken_select_area ul.tabNav {
	background: url(../images/share/map_tokyo.jpg) 0 0 no-repeat;
}

.cat_kanagawa #bukken_select_area ul.tabNav {
	background: url(../images/share/map_kanagawa.jpg) 0 0 no-repeat;
}

.cat_chiba #bukken_select_area ul.tabNav {
	background: url(../images/share/map_chiba.jpg) 0 0 no-repeat;
}

.cat_saitama #bukken_select_area ul.tabNav {
	background: url(../images/share/map_saitama.jpg) 0 0 no-repeat;
}

#bukken_select_area ul.tabNav li {
	width: 15px;
	height: 16px;
	position: absolute;
}

#bukken_select_area ul.tabNav li a {
	display: block;
	width: 15px;
	height: 16px;
	text-indent: -5000em;
	overflow: hidden;
}

#bukken_select_area .outline_area {
	float: right;
	width: 311px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #ccc;
	text-align: center;
}

#bukken_select_area .outline_area h3,
#bukken_select_area .outline_area .photobukken,
#bukken_select_area .outline_area p.address1 {
	float: none;
	width: auto;
}

#bukken_select_area .outline_area h3 {
	text-align: left;
}

#bukken_select_area .outline_area .photobukken {
	width: 266px;
	margin: 0 auto;
}

#bukken_select_area .outline_area .photobukken img {
	width: 260px;
	height: 175px;
	border: none;
}

#bukken_select_area .outline_area p.address1,
#bukken_select_area .outline_area p.address2,
#bukken_select_area .outline_area p.traffic {
	font-size: 0.85em;
	text-align: left;
}

#area_select {
	width: 690px;
	height: 25px;
	margin-bottom: 1em;
	background: url(../images/share/apartment_area_tab.jpg) 0 0 no-repeat;
	overflow: hidden;
}

#area_select li {
	float: left;
}

#area_select #kansai_tab {
	width: 141px;
}

#area_select #shuto_tab {
	width: 151px;
}

#area_select li a {
	display: block;
	background: url(../images/share/apartment_area_tab.jpg) 0 0 no-repeat;
	text-indent: -5000em;
	overflow: hidden;
}

#area_select #kansai_tab a {
	background-position: 0 -25px;
}

#area_select #shuto_tab a {
	background-position: -141px -25px;
}

#area_select #kansai_tab a.current,
#area_select #kansai_tab a:hover,
#area_select #kansai_tab a:active {
	background-position: 0 0;
}

#area_select #shuto_tab a.current,
#area_select #shuto_tab a:hover,
#area_select #shuto_tab a:active {
	background-position: -141px 0;
}