@charset "utf-8" ;


/*　top.css
============================================================
	
	Author: Mamico Tosa
	Last modified: [ 2011/03/30 ]	
	CSS構成: トップページ専用
	
============================================================
*/

/*******************************
TOC:
=1 : TOP
=2 : 最新情報
*******************************/


/* -------------------------------------------------------------------
            1 : TOP
			　　　											幅：740px
-------------------------------------------------------------------- */
/* 共通要素 */
h3.h3_title { position : relative ; }
h3.h3_title span {
	position : absolute ;
	top : 3px ;
	right : 0 ;
}


/* ▼▼ ここから下は、新ページ公開時に削除する ▼▼ ---------------------*/

/* -- flash ------ */
#top_flash { margin-bottom : 15px ; }




/* -- [ 各コンテンツ誘導ボックス ] ------ */
#top_Navi {
	width : 740px ;
	overflow : hidden ; /* float対策 */
}
#top_Navi div {
	float : left ;
	width : 240px ;
	height : 205px ;
	position : relative ; /* 配置基準 */
	margin-right : 10px ;
	background : transparent ; /* IE6 はみ出し解除 */
	/display : inline ; /* IE6対策 */
}
#top_Navi div#third { margin-right : 0 ; }


/* 新着物件ボタン */
#top_Navi h3 a {
	position : absolute ;
	top : 5px ;
	right : 0 ;
}

/* 各エリア移動ボタン */
#top_Navi p {
	position : absolute ;
	top : 40px ;
	left : 10px ;
}

/* ul */
#top_Navi ul {
	position : absolute ;
	top : 42px ;
	left : 10px ;
}
#top_Navi li { margin-bottom : 3px ; }





/* -- [ 新着イチオシ物件 ] ----- */
#top_article {
	position : relative ; /* 配置基準 */
	background : #f8f8f8 ; /* 薄グレー */
	margin : 15px 0 0 ;
}

#top_article h3 p {
	position : absolute ;
	top : 13px ;
	right : 10px ;
	font-size : 100.01% ;
}

#top_article a:hover { color : #db2c30 ; } /* 赤 */

/* 2段1組 ---- */
.article_column {
	width : 750px ;
	margin : 0 -10px 0 0 ;
	padding-bottom : 5px ;
	overflow : hidden ; /* float対策 */
	border-bottom : solid 1px #d1d1d1 ; /* 薄グレー */ 
}

/* 1個分 -- */
.article_column div {
	width : 350px ;
	float : left ;
	overflow : hidden ; /* float対策 */
	margin : 10px 10px 0 ;
	
	/display : inline ; /* IE6 */
}

/* 画像 */
.article_column span { float : left ; }
.article_column span img { border : solid 1px #dadada ; } /* ごく薄いグレー */
.article_column span a:hover img { border-color : #db2c30 ; } /* 赤 */


/* 内容 */
.article_column ul {
	float : right ;
	width : 170px ;
}
.article_column li {
	margin-bottom : 5px ;
	line-height : 1.3 ;	
}
.article_column li a {
	font-weight : bold ;
	text-decoration : underline ;
}


/* -- [ 最新情報・イベント ] ----- */
#top_news {
	position : relative ; /* 配置基準 */
	background : #f8f8f8 ; /* 薄グレー */
	margin : 20px 0 0 ;
}

#top_news p { font-size : 100.01% ; }
#top_news h3 p {
	position : absolute ;
	top : 10px ;
	right : 10px ;
	background : url(../img/news_icon.gif) left center no-repeat ;
	padding-left : 8px ;
}
#top_news h3 p a { color : #6f0000 ; } /* えんじ */

/* リスティング */
#top_news ol {
	margin : 10px ;
	padding-bottom : 5px ;
}
#top_news li {
	width : 720px ;
	overflow : hidden ; /* float対策 */
	border-bottom : solid 1px #d1d1d1 ; /* 薄いグレー */
	padding : 5px 0 ;
	margin-bottom : 5px ;
}

#top_news span {
	width : 70px !important ;
	width /* */ : 78px ; /* IE6対策 */
	padding-left : 8px ;
	background : url(../img/news_icon.gif) left center no-repeat ;
	float : left ;
}
#top_news li p {
	float : right ;
	width : 640px ;
}
#top_news li p img { margin-left : 3px ; }
#top_news li a { color : #333333 ; } /* グレー */
#top_news li a:hover { color : #0059a9 ; } /* 青 */



/* -- [ 特集 ] ----- */
#top_special { margin : 20px 0 0 ; }

/* 1情報分 */
#top_special .sp_roll {
	width : 178px !important ;
	width /* */ : 180px ; /* IE6対策 */
	border : solid 1px #dfdfdf ; /* 薄いグレー */
	vertical-align : top ;
	padding-bottom : 4px ;
	margin : 5px 2px 0 0 ;
	/margin-right : 5px ; /* IE */

	display : -moz-inline-box ; /* firefox 2 older */
	display : inline-block ;
	/display : inline ; /* IE 6 older */
	/zoom : 1 ; /* IE 6 older */	
}

.sp_roll span {
	display : block ;
	width : 178px ;
}
	  /* ロールオーバー */
	  .sp_roll:hover {
			background : #e5eef6 ; /* 薄みずいろ */
			cursor : default ;
	 } 


#top_special p { margin : 4px ; }
#top_special a { text-decoration : underline ; }

/* ▲▲ ここから上は、新ページ公開時に削除する ▲▲ ---------------------*/




/* ▼▼ ここから下は、新ページ用スタイル(2011.03.30) ▼▼ ---------------------*/

/* FLASH含むコンテンツ誘導エリア ----------- */
#Navi_top {
	width : 750px ;
	height : 256px ;
	margin : 0 -10px 15px 0 ;
	overflow : hidden ; /* float対策 */
	background : url(../img/t_3column_bg.jpg) left top no-repeat ;
}
#Navi_top div {
	float : left ;
	/display : inline ;
	/zoom : 1 ;
	width : 240px ;
	margin : 0 5px ;
}

	/* 買う・売る・建てる誘導 */
	.con_navi h3 { margin-bottom : 10px ; }
	.con_navi p,
	.con_navi ul { margin : 0 10px ; }
	.con_navi li { margin-bottom : 5px ; }
	.con_navi a:hover img {
		opacity : 0.6 ;
		filter : alpha(opacity=60) ;
	}

	/* 住み替え縁結びFLASH */
	#Navi_top  #sumikae_flash {
		margin : 18px 1px 0 2px ;
		width : 237px ;
		height : 228px ;
	}


/* 物件検索 ----------- */
#Search {
	width : 740px ;
	height : 295px ;
	margin-bottom : 15px ;
	background : url(../img/search_bg.jpg) left top no-repeat ;
}
#Search form {
	width : 708px ;
	margin : 0 16px ;
	overflow : hidden ; /* float対策 */
}
	/* マップ */
	#s_map { float : left ; }
	
	/* チェックボックス */
	#Search div {
		width : 365px ;
		float : right ;
	}
	#Search div ul {
		margin : 5px 0 20px 5px ;
		width : 100% ;
		overflow : hidden ; /* float対策 */
	}
	#Search div li {
		display : block ;
		width : 72px ;
		float : left ;
		margin-bottom : 5px ;
	}
	
	/* 検索ボタン */
	#Search p.A_Center {
		padding : 4px 0 10px ;
		background : url(../img/bt_back.jpg) left top no-repeat ;
	}


/* 学校区から検索 ----------- */
#new_school { position : relative ; }
#new_school a {
	position : absolute ;
	top : 63px ;
	left : 543px ;
}
	#new_school a:hover img {
		opacity : 0.6 ;
		filter : alpha(opacity=60) ;
	}



/* 新着イチオシ物件 ------------ */
#new_article {
	margin : 15px -10px 15px 0 ;
	width : 750px ;
	overflow : hidden ; /* float対策 */
	letter-spacing : -1em ;
}

/* 1個分 */
.ar_box {
	display : -moz-inline-box ;
	display : inline-block ;
	/display : inline ;
	/zoom : 1 ;
	vertical-align : top ;
	
	width : 230px ;
	padding-top : 8px ;
	margin : 10px 5px 10px 10px ;
	letter-spacing : normal ;
	background : url(../img/article_bg_01.jpg) left top no-repeat ;
}
.ar_box span {
	display : block ;
	width : 230px ;
}
	/* サムネイル */
	p.na_thumb {
		width : 80px ;
		height : 60px ;
		overflow : hidden ; /* 表示領域固定 */
		text-align : center ;
		float : left ;
		/display : inline ;
		/zoom : 1 ;
		background : #ffffff ;
		margin : 0 5px 5px 7px ;
	}
	/* アイコン＆物件名 */
	.ar_box ul { margin : 0 7px 0 0 ; }
	.ar_box li { margin-bottom : 5px ; }
	.ar_box a { font-weight : bold ; }
	
	/* 物件情報 */
	.ar_box em {
		display : block ;
		clear : both ;
		line-height : 1.2 ;
		height : 4.8em ;
		font-size : 11px ;
		padding : 0 8px 5px ;
	}
	/* 詳細を見る */
	.ar_box a:hover img {
		opacity : 0.7 ;
		filter : alpha(opacity=70) ;
	}


/* 最新情報・イベント */
#news_top {	margin : 15px 0 ; }
#news_top h3 { position : relative ; }
	#news_top h3 a {
		position : absolute ;
		top : 3px ;
		right : 0 ;
	}

#news_top dl {
	margin : 10px 0 0 ;
	line-height : 1.3 ;
}
#news_top dt {
	padding-left : 8px ;
	margin-left : 10px ;
	background : url(../img/arrow_01.jpg) left 4px no-repeat ;
}
#news_top dd {
	margin : -1.3em 0 5px 0px ;
	padding : 0 0 5px 80px ;
	background : url(../img/border_01.jpg) left bottom no-repeat ;
}

/* ▲▲ ここから上は、新ページ用スタイル(2011.03.30) ▲▲ ---------------------*/


/*																1 : TOP
-------------------------------------------------------------------- */





/* -------------------------------------------------------------------
            2 : 最新情報
-------------------------------------------------------------------- */
/*///////////////////////////////////////////////////////////////  最新情報一覧（news/index.php） */
ol#news { margin : 20px 10px 30px ; }

ol#news li {
	width : 710px !important ;
	width /* */ : 720px ; /* IE6 */
	overflow : hidden ; /* float対策 */
	padding : 5px ;
	margin-bottom : 15px ;
	border-top : dotted 1px #e6e6e6 ;
	border-bottom : dotted 1px #e6e6e6 ;
	line-height : 1.4 ;
}
ol#news span {
	display : block ;
	float : left ;
	width : 70px !important ;
	width /* */ : 80px ;
	padding-left : 10px ;
	color : #3f3f3f ;
	background : url(../img/news_icon.gif) left center no-repeat ;
}
ol#news p {
	font-size : 1em ; /* 12px相当 */
	margin : 0 0 5px 85px ;
}

ol#news a {
	font-weight : bold ;
	color : #fc0000 ; /* 赤 */
}

/* -- [ ページ切り替え ] ------ */
p#pageNavi {
	padding : 4px 0 ;
	text-align : center ;
}

p#pageNavi a {
	padding : 2px 5px ;
	border : solid 1px #cdcdcd ;
	color : #fc0000 ; /* 赤 */
}
p#pageNavi a:hover { background : #f8e9e6 ; /* 背景 薄ピンク */ }




/*///////////////////////////////////////////////////////////////  最新情報詳細（news/detail.php） */
/* -- [ タイトル ] ------ */
h3#news_title {
	background : url(../news/img/h3_bg.jpg) left top no-repeat ;
	padding : 20px 10px 15px ;
	margin : 10px 0 ;
	font-size : 1.4em ; /* 14px 相当 */
	font-weight : bold ;
	color : #221e1f ;
	border-bottom : solid 1px #dcdcdc ;
}

/* -- [ 詳細 ] ------ */
#detail {
	width : 740px ;
	overflow : hidden ; /* float対策 */
	margin : 10px 0 ;
}

#detail em {
	display : block ;
	padding : 5px ;
	text-align : right ;
	color : #333333 ;
	background : #fdece6 ; /* 背景 薄いピンク */
}

#detail p { margin : 10px 5px ; }

/* 画像とキャプション */
.photo {
	width : 100% ;
	text-align : center ;
	margin : 0 0 10px ;
}
.photo span { }
.photo img { border : solid 1px #e0e0e0 ; }
#detail .photo p { margin : 0 0 3px ; }

/*														2 : 最新情報
-------------------------------------------------------------------- */