@charset "utf-8";


/*
	目次
		-common
		-ご利用案内

*/


/**********************  common **********************/
/*レイアウト*/
#toushiGuide {
	background:url(/img/guide/guide_navi_bg.gif) repeat-y left top;
}
#toushiGuide .guideNavi {
	width:180px;
	float:left;
}
#toushiGuide .guideNaviInn {
	padding:7px;
}
#toushiGuide .guideNavi li span {
	line-height:2em;
	background:url(/img/ico_dic_genre.gif) no-repeat left center;
	padding:0 0 0 15px;
	font-weight:bold;
}
#toushiGuide .guideNavi li h3 {
	line-height:1.8em;
	background:url(/img/ico_dic_genre.gif) no-repeat left center;
	padding:0 0 0 15px;
	font-size:100%;
}
#toushiGuide .guideNavi li ul {
	padding:0 0 0 15px;
}
#toushiGuide .guideNavi li ul li span {
	background:url(/img/list_child.gif) no-repeat left center;
	font-weight:normal;
}
#toushiGuide .guideNavi li ul li.last span {
	background:url(/img/list_child_last.gif) no-repeat left center;
}
#toushiGuide .guideCont {
	width:610px;
	float:right;
}
#toushiGuide .guideCont .image {
	margin:0 0 20px 0;
}
#toushiGuide .pageTop {
	margin:0 0 30px 0;
	clear:both;
}

/*各ページ見出し下のリード*/
#toushiGuide p.lead {
	margin:0 0 20px 0;
}


/*各コンテンツの小見出し*/
#toushiGuide .guideCont h4 {
	background:url(/img/bottombar_yelgreen.gif) no-repeat left bottom;
	padding:0 0 5px 0;
	margin:0 0 10px 0;
}
#toushiGuide .guideCont .sentence {
	margin:0 0 20px 0;
}
#toushiGuide .guideCont p {
	line-height:1.5em;
}
#toushiGuide .guideCont .add {
	backgourn:#EEE;
	padding:7px;
}


/*リンク*/
#toushiGuide .guideCont .link {
	background:url(/img/basic_ar_red.gif) no-repeat left center;
	padding:2px 0 2px 15px;
}
#toushiGuide .guideCont .contLink {
	background:url(/img/ico_guide.gif) no-repeat left center;
	padding:2px 0 2px 17px;
}


/********************** ご利用案内 **********************/
#toushiGuide .index .aboutToushi li {
	margin:0 0 15px 0;
}
#toushiGuide .index .aboutToushi h5 {
	padding:0 0 0 32px;
	margin:0 0 7px 0;
	line-height:27px;
	font-size:110%;
}
#toushiGuide .index .aboutToushi p {
	margin:0 0 0 32px;
}
#toushiGuide .index .aboutToushi li.no1 h5 {
	background:url(/img/guide/ico_no1.gif) no-repeat left center;
}
#toushiGuide .index .aboutToushi li.no2 h5 {
	background:url(/img/guide/ico_no2.gif) no-repeat left center;
}
#toushiGuide .index .aboutToushi li.no3 h5 {
	background:url(/img/guide/ico_no3.gif) no-repeat left center;
}

#toushiGuide .index .guideToushi h5 {
	font-size:110%;
	margin:0 0 7px 0;
}
#toushiGuide .index .guideToushi h5 span {
	color:#8EAF20;
}
#toushiGuide .index .guideToushi ul {
	margin:0 0 20px 20px;
}
#toushiGuide .index .guideToushi li {
	line-height:1.5em;
	background:url(/img/list_child.gif) no-repeat left center;
	padding:2px 0 2px 15px;
}
#toushiGuide .index .guideToushi li.last {
	background:url(/img/list_child_last.gif) no-repeat left center;
}



/********************** 検索から問合せ **********************/
#toushiGuide .flow .flowBlock {
	position:relative;
	width:auto;
	height:127px;
}
#toushiGuide .flow .flowBlock {
	padding:0 0 0 20px;
	margin:0 0 10px 0;
	clear:both;
}
#toushiGuide .flow .flowBlock h3 {
	float:left;
	width:155px;
}
#toushiGuide .flow .flowBlock span.check {
	position:absolute;
	top:56px;
	left:147px;
	z-index:100;
}
#toushiGuide .flow .step2 span.check,
#toushiGuide .flow .step3 span.check {
	top:57px;
}
#toushiGuide .flow .flowBlock .information {
	float:right;
	width:374px;
	height:114px;
	background:url(/img/guide/flow_info_frame.gif) no-repeat left top;
	overflow:hidden;
}
#toushiGuide .flow .flowBlock .information p {
	padding:15px 0 0 30px;
	margin:00;
}
#toushiGuide .flow .step3 .information p {
	padding:30px 0 0 30px;
}
#toushiGuide .flow .flowBlock .information ul {
	margin:0 0 0 30px;
}
#toushiGuide .flow .flowBlock .information li {
	background:url(/img/ico_guide.gif) no-repeat left center;
	padding:2px 0 2px 17px;
	line-height:1.5em;
}



/********************** イメージマップ **********************/

/*common*/
.sampleImageInfo {
	border:1px solid #CCC;
	background:#EFEFEF;
	padding:7px;
	margin:0 0 10px 0;
}
.sampleImageInfo img {
	vertical-align:middle;
	margin:0 7px 0 0;
}
.sampleImage {
	position:relative;
}
.sampleImage .balloon {
	position:absolute;
	width:30px;
	height:30px;
}
.sampleImage .balloon .hatena {
	position:relative;
	z-index:100;
}
.sampleImage .balloon .detail {
	position:absolute;
	text-indent:-9999px;
	height:auto;
	z-index:90;
}
.sampleImage .balloon:hover .detail {
	text-indent:0;
	background:#FFF;
	border:3px solid #E60538;
	color:#333;
	padding:22px 10px 10px 10px;
	font-weight:normal;
	text-align:center;
}
.sampleImage .balloon:hover .detail h5 {
	font-size:110%;
	margin:0 0 5px 0;
	text-align:left;
}
.sampleImage .balloon:hover .detail p {
	font-size:110%;
	line-height:1.3em;
	text-align:left;
}
#toushiGuide .guideCont .sampleImage .contLink {
	background:none;
	line-height:15px;
	padding:0;
	margin:5px 0 0 0;
}
#toushiGuide .guideCont .sampleImage .contLink img {
	margin:0 2px 0 0;
	vertical-align:middle;
}



/********************** 物件一覧の見方 **********************/
.bkn_list .bknListSample {
	background: transparent url(/img/guide/bkn_list_sample.jpg) top left no-repeat;
	width:610px;
	height:985px;
	margin:0 0 30px 0;
}
.bkn_list .bknDetailSample {
	background: transparent url(/img/guide/bkn_detail_sample.jpg) top left no-repeat;
	width:610px;
	height:1609px;
	margin:0 0 30px 0;
}

/*結果一覧*/
.bkn_list .sampleImage .rss {
	top:60px;
	right:15px;
	z-index:100;
}
.bkn_list .sampleImage .rss:hover .detail {
	width:180px;
	top:15px;
	right:-15px;
	z-index:90;
}
.bkn_list .sampleImage .saved {
	top:110px;
	right:85px;
	z-index:80;
}
.bkn_list .sampleImage .saved:hover .detail {
	width:300px;
	top:15px;
	right:-20px;
	z-index:70;
}
.bkn_list .sampleImage .set {
	top:161px;
	left:100px;
	z-index:80;
}
.bkn_list .sampleImage .set:hover .detail {
	width:300px;
	top:15px;
	left:-80px;
	z-index:70;
}
.bkn_list .sampleImage .dDown {
	top:204px;
	left:290px;
	z-index:60;
}
.bkn_list .sampleImage .dDown:hover .detail {
	width:420px;
	top:15px;
	left:-140px;
	z-index:50;
}
.bkn_list .sampleImage .sort {
	top:431px;
	left:150px;
	z-index:40;
}
.bkn_list .sampleImage .sort:hover .detail {
	width:300px;
	top:15px;
	left:-80px;
	z-index:30;
}
.bkn_list .sampleImage .compare {
	top:866px;
	right:85px;
}
.bkn_list .sampleImage .compare:hover .detail {
	width:555px;
	bottom:10px;
	right:-75px;
}

/*詳細画面*/
.bkn_list .sampleImage .print {
	top:34px;
	right:15px;
	z-index:100;
}
.bkn_list .sampleImage .print:hover .detail {
	width:180px;
	top:15px;
	right:-15px;
	z-index:90;
}
.bkn_list .sampleImage .addcompare {
	top:64px;
	right:50px;
	z-index:80;
}
.bkn_list .sampleImage .addcompare:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
	z-index:70;
}
.bkn_list .sampleImage .simulation {
	top:168px;
	left:100px;
	z-index:100;
}
.bkn_list .sampleImage .simulation:hover .detail {
	width:250px;
	top:15px;
	left:-20px;
	z-index:90;
}
.bkn_list .sampleImage .panorama {
	top:305px;
	left:100px;
	z-index:80;
}
.bkn_list .sampleImage .panorama:hover .detail {
	width:300px;
	top:15px;
	left:-20px;
	z-index:70;
}
.bkn_list .sampleImage .transit {
	top:567px;
	right:50px;
}
.bkn_list .sampleImage .transit:hover .detail {
	width:180px;
	top:15px;
	right:-20px;
}
.bkn_list .sampleImage .inquire {
	top:964px;
	left:120px;
	z-index:100;
}
.bkn_list .sampleImage .inquire:hover .detail {
	width:250px;
	top:15px;
	right:-100px;
	z-index:90;
}
.bkn_list .sampleImage .addcompare2 {
	top:1005px;
	left:300px;
	z-index:80;
}
.bkn_list .sampleImage .addcompare2:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
	z-index:70;
}
.bkn_list .sampleImage .corp {
	top:1101px;
	right:30px;
}
.bkn_list .sampleImage .corp:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
}
.bkn_list .sampleImage .reverse {
	top:1441px;
	left:300px;
}
.bkn_list .sampleImage .reverse:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
}




/********************** 不動産会社一覧の見方 **********************/
#toushiGuide .shop_list p.btn {
	text-align:center;
	margin:0 0 30px 0;
}
#toushiGuide .shop_list .anchor {
	margin:0 0 30px 0;
}
#toushiGuide .shop_list .anchor li {
	background:url(/img/ico_page_anchor.gif) no-repeat left center;
	padding:2px 0 2px 15px;
	margin:0 0 5px 0;
	line-height:1.5em;
}
.shop_list .sampleImage {
	margin:0 0 30px 0;
}
.shop_list .shopListSample {
	background: transparent url(/img/guide/shop_list_sample.jpg) top left no-repeat;
	width:610px;
	height:833px;
	z-index:300;
}
.shop_list .shopDetailSample {
	background: transparent url(/img/guide/shop_detail_sample.jpg) top left no-repeat;
	width:610px;
	height:1188px;
	z-index:200;
}
.shop_list .shopGmapSample {
	background: transparent url(/img/guide/shop_map_sample.jpg) top left no-repeat;
	width:610px;
	height:580px;
	z-index:100;
}
#toushiGuide .shop_list h4 {
	clear:both;
}


/*一覧画面*/
.shop_list .sampleImage .cond {
	top:184px;
	left:250px;
}
.shop_list .sampleImage .cond:hover .detail {
	width:250px;
	top:15px;
	left:-110px;
}
.shop_list .shopListSample .switch {
	top:232px;
	right:70px;
}
.shop_list .shopListSample .switch:hover .detail {
	width:482px;
	top:15px;
	right:-20px;
}
.shop_list .shopListSample .bknNum {
	top:756px;
	right:40px;
}
.shop_list .shopListSample .bknNum:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
}


/*詳細画面*/
.shop_list .sampleImage .accessmap {
	top:135px;
	left:135px;
}
.shop_list .sampleImage .accessmap:hover .detail {
	width:250px;
	top:15px;
	left:-110px;
}
.shop_list .sampleImage .transit {
	top:233px;
	right:210px;
}
.shop_list .sampleImage .transit:hover .detail {
	width:270px;
	top:15px;
	right:-20px;
}
.shop_list .sampleImage .inquire {
	top:679px;
	left:217px;
}
.shop_list .sampleImage .inquire:hover .detail {
	width:250px;
	top:20px;
	left:-110px;
}
.shop_list .sampleImage .bknList {
	top:839px;
	left:217px;
}
.shop_list .sampleImage .bknList:hover .detail {
	width:300px;
	top:15px;
	left:-110px;
}
.shop_list .sampleImage .photo {
	top:956px;
	right:75px;
}
.shop_list .sampleImage .photo:hover .detail {
	width:333px;
	top:15px;
	right:-50px;
}


/*地図画面*/
.shop_list .shopGmapSample .cond {
	top:151px;
	left:250px;
}
.shop_list .shopGmapSample .cond:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
}
.shop_list .shopGmapSample .switch {
	top:198px;
	right:70px;
	z-index:100;
}
.shop_list .shopGmapSample .switch:hover .detail {
	width:482px;
	top:15px;
	right:-20px;
	z-index:90;
}
.shop_list .shopGmapSample .icon {
	top:411px;
	left:175px;
	z-index:80;
}
.shop_list .shopGmapSample .icon:hover .detail {
	width:300px;
	top:15px;
	left:-50px;
	z-index:70;
}



/********************** 見比べリスト **********************/
#toushiGuide .compare p.btn {
	text-align:center;
	margin:0 0 30px 0;
}
#toushiGuide .compare .cookieSet {
	background:#EEE;
	border:1px solid #EEF0D7;
	padding:10px;
}
#toushiGuide .compare .cookieSet h5 {
	font-size:110%;
	margin:0 0 7px 0;
}
#toushiGuide .compare .cookieSet h6 {
	font-size:100%;
	margin:0 0 5px 0;
	font-weight:normal;
}
#toushiGuide .compare .cookieSet h6 span {
	background:#8EAF20;
	padding:2px;
	color:#FFF;
}
#toushiGuide .compare .cookieSet p {
	margin:0 0 10px 0;
}



/********************** シミュレーション **********************/
.simulation .simSample {
	background: transparent url(/img/guide/simulation_sample.jpg) top left no-repeat;
	width:610px;
	height:903px;
	margin:0 0 30px 0;
}
.simulation .sampleImage .print {
	top:34px;
	right:15px;
	z-index:100;
}
.simulation .sampleImage .print:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
	z-index:90;
}
.simulation .sampleImage .addcompare {
	top:64px;
	right:50px;
	z-index:80;
}
.simulation .sampleImage .addcompare:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
}
.simulation .sampleImage .slidebar {
	top:631px;
	left:95px;
	z-index:80;
}
.simulation .sampleImage .slidebar:hover .detail {
	width:475px;
	top:15px;
	left:-20px;
	z-index:70;
}
.simulation .sampleImage .graph {
	top:570px;
	left:385px;
	z-index:100;
}
.simulation .sampleImage .graph:hover .detail {
	width:339px;
	top:15px;
	right:-20px;
	z-index:90;
}
.simulation .sampleImage .inquire {
	top:777px;
	left:285px;
	z-index:60;
}
.simulation .sampleImage .inquire:hover .detail {
	width:250px;
	top:15px;
	right:-20px;
}



/********************** 検索条件の保存 **********************/
#toushiGuide .saved .btn {
	margin:0 0 30px 0;
	text-align:center;
}



/********************** RSSについて **********************/
#toushiGuide .rss p {
	margin:0 0 1em 0;
}

#toushiGuide .rss .rssImg {
	float:left;
	margin:0 1em 0 0;
}



/********************** 困ったときのQ&A **********************/
.qanda p {
	margin:0 0 20px 0;
}
.qanda ul {
	margin:0 0 0 20px;
}
.qanda li,
.qanda dt,
.qanda dd {
	line-height:20px;
	padding:2px 0 2px 20px;
}
.qanda .aHanswer ul,
.qanda .aSanswer ul {
	margin:0;
}
.qanda .aHanswer li,
.qanda .aSanswer li {
	padding:0 0 15px 0;
	margin:0 0 15px 0;
	border-bottom:1px dotted #666;
}
.qanda .aHanswer dl,
.qanda .aSanswer dl {
	margin:0 0 0 20px;
}
.qanda .aboutHomes li,
.qanda .aHanswer dt {
	background:url(/img/guide/ico_a_h_q.gif) no-repeat left 0.4em;
}
.qanda .aboutSearch li,
.qanda .aSanswer dt {
	background:url(/img/guide/ico_a_s_q.gif) no-repeat left 0.4em;
}
.qanda .aHanswer dd {
	background:url(/img/guide/ico_a_h_a.gif) no-repeat left 0.4em;
}
.qanda .aSanswer dd {
	background:url(/img/guide/ico_a_s_a.gif) no-repeat left 0.4em;
}
.qanda .aboutHomes,
.qanda .aboutSearch,
.qanda .aHanswer,
.qanda .aSanswer {
	margin:0 0 30px 0;
	clear:both;
}
.qanda li p.link,
.qanda li p.contLink {
	margin:0 0 5px 40px;
}



/********************** 各種お問合せ **********************/
.inquire .beforeInquire {
	margin:0 0 30px 0;
}
.inquire .beforeInquire p {
	margin:0 0 15px 0;
}
.inquire .beforeInquire li {
	display:inline;
	margin:0 10px 0 0;
}
.inquire .inquireContact {
	margin:0 0 30px 0;
	clear:both;
}
.inquire .inquireContact p {
	margin:0 0 15px 0;
}
.inquire .inquireContact li {
	margin:0 0 20px 0;
}
.inquire .inquireContact h5 {
	font-size:110%;
	margin:0 0 7px 0;
}
.inquire .inquireContact h5 span {
	color:#8EAF20;
}
.inquire .inquireContact li h6 {
	font-size:100%;
	margin:0 0 5px 17px;
	font-weight:normal;
}
.inquire .inquireContact li p {
	margin:0 0 0 20px;
}

/********************** GoogleEarthについて **********************/

#user_guide #geHead{
	margin-top:10px;
	margin-bottom:-10px;
	height:237px;
	background:url(/img/guide/gehead_bg.gif) no-repeat left top;
}
#user_guide #geHead h3{
	margin-bottom:25px;
}

#user_guide #geHead div{
	margin-left:16px;
}
#user_guide #geHead p{
	margin-top:4px;
	font-size:90%;
	padding-left:17px;
	padding-right:0;
	width:370px;
}
#user_guide .googleEarth h4{
	clear:both;
}
#user_guide .googleEarth h5{
	font-size:110%;
	margin-bottom:7px;
}
#user_guide .googleEarth h5 span{
	color:#8EAF20;
}
#user_guide .googleEarth .sentence{
	color:#333;
}
#user_guide .googleEarth .paragraph{
	color:#333;
	margin-bottom:10px;
	line-height:1.4;
}
#user_guide .googleEarth .paragraph span{
	font-weight:bold;
	color:#444;
}
#user_guide .googleEarth .paragraph strong{
	color:#E60538;
	font-weight:bold;
}
#user_guide .sampleImage{
	margin-bottom:20px;
}
#user_guide .usefulMemo{
	padding:10px;
	margin-bottom:20px;
	border:1px dashed #A3C974;
	color:#7AAA42;
	line-height:1.4;
}
#user_guide .usefulMemo dd span{
	font-weight:bold;
}
#user_guide #geStep{
	margin-left:3px;
	margin-bottom:7px;
}
#user_guide #geStep .hed{
	background:url(/img/guide/ge_sthed.gif) no-repeat left top;
}
#user_guide #geStep .btm{
	background:url(/img/guide/ge_stbtm.gif) no-repeat left bottom;
}
#user_guide #geStep .body{
	background:url(/img/guide/ge_stbdy.gif) repeat-y left top;
}
#user_guide #geStep dl{
	padding:12px 0 5px 12px;
	width:198px;
	float:left;
	background:url(/img/guide/ge_strt.gif) no-repeat right 14px;
}
#user_guide #geStep dl.second{
	padding-left:3px;
	width:197px;
}
#user_guide #geStep dl.third{
	padding-left:3px;
	width:184px;
	background:none;
}
#user_guide #geStep dt,
#user_guide #geStep dd{
	padding-right:12px;
}
#user_guide #geStep dt p{
	height:3em;
	line-height:1.2;
	font-weight:bold;
}
#user_guide #geStep dd ul{
	text-align:center;
	height:61px;
	padding-top:18px;
	padding-bottom:3px;
	background:url(/img/guide/ge_stcp1.gif) no-repeat left top;
}
#user_guide #geStep dd li{
	line-height:1.4;
	font-size:110%;
	font-weight:bold;
}
#user_guide #geStep dd p{
	line-height:1.2;
	font-size:86%;
	color:#666;
}

/********************** サイトマップ **********************/
.sitemap .searchBlock {
	width:295px;
	float:left;
}
.sitemap .contBlock {
	width:295px;
	float:right;
}
.sitemap .category {
	border:1px solid #CCC;
	margin:0 0 20px 0;
	clear:both;
}
#toushiGuide .sitemap .category h4 {
	background:#CCC url(/img/guide/sitemap_index_bg.gif) repeat-x left top;
	padding:5px 5px 5px 15px;
	margin:0 0 10px 0;
	font-size:110%;
}
.sitemap .category ul {
	margin:0 0 10px 15px;
}
.sitemap .category li {
	font-size:110%;
}
.sitemap .category h5 {
	background:url(/img/gray_ar.gif) no-repeat left center;
	padding:2px 0 2px 9px;
	margin:0 0 5px 10px;
	line-height:1.5em;
	font-size:110%;
}
.sitemap .category li {
	background:url(/img/list_child.gif) no-repeat left 0.4em;
	padding:2px 0 2px 12px;
	line-height:1.5em;
}
.sitemap .category li.last {
	background:url(/img/list_child_last.gif) no-repeat left 0.4em;
}
.sitemap .category li.agencyMansion a,
.sitemap .category li.deveMansion a,
.sitemap .category li.blockApart a,
.sitemap .category li.blockMansion a,
.sitemap .category li.building a,
.sitemap .category li.shop a,
.sitemap .category li.land a {
	padding:2px 0 2px 20px;
}
.sitemap .category li.agencyMansion a {
	background:url(/img/ico_square_mansion.gif) no-repeat left center;
}
.sitemap .category li.deveMansion a {
	background:url(/img/ico_square_b_mansion.gif) no-repeat left center;
}
.sitemap .category li.blockApart a {
	background:url(/img/ico_square_apart.gif) no-repeat left center;
}
.sitemap .category li.blockMansion a {
	background:url(/img/ico_square_mansion.gif) no-repeat left center;
}
.sitemap .category li.building a {
	background:url(/img/ico_square_building.gif) no-repeat left center;
}
.sitemap .category li.shop a {
	background:url(/img/ico_square_shop.gif) no-repeat left center;
}
.sitemap .category li.land a {
	background:url(/img/ico_square_land.gif) no-repeat left center;
}
.sitemap .category li h6 {
	font-size:100%;
	font-weight:normal;
}
.sitemap .category li ul {
	background:url(/img/list_child_last.gif) no-repeat left 0.4em;
	padding:0 0 0 17px;
}
.sitemap .category li li {
	font-size:100%;
	background:none;
	display:inline;
	margin:0 10px 0 0;
	padding:0;
}
.sitemap .category li li a {
	white-space:nowrap;
}



/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここから） */
#user_guide #geStep .btm,
#toushiGuide,
#toushiGuide .flow .flowBlock {
	min-height:1px;　/* IE 7対策 */
}
#user_guide #geStep .btm:after,
#toushiGuide:after,
#toushiGuide .flow .flowBlock:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
#user_guide #geStep .btm,
#toushiGuide,
#toushiGuide .flow .flowBlock {
	display:inline-table;
}
/* Mac IE には適用させない \*/
* html #user_guide #geStep .btm,
* html #toushiGuide {
	height:1px;
}
#user_guide #geStep .btm,
#toushiGuide,
#toushiGuide .flow .flowBlock {
	display:block;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */