﻿/* 2カラム
------------------------------------------------ */
#t_contents{
	width:790px;
	margin:0 auto;
}
#t_contents .l{
	width:556px;
	float:left;
}
#t_contents .r{
	width:200px;
	float:right;
}

/* メイン
------------------------------------------------ */
#main{
	width:778px;
	margin:0 auto;
	padding:10px;
	border:1px #CCC solid;
}

/* 物件探し
------------------------------------------------ */
#search{
	width:770px;
	margin:10px auto;
	background:url(../image/top/search_bg.gif);
	padding:10px;
}
#search li{
	float:left;
}

/* コメント
------------------------------------------------ */
#comment{
	margin-bottom:10px;
	line-height:150%;
}

/* インフォメーション
------------------------------------------------ */
#infomation{
	margin:0 0 12px 0;
}
#infomation .left{
	margin-bottom:5px;
	float:left;
}
#infomation .right{
	margin-bottom:5px;
	float:right;
}

/* お知らせ情報
------------------------------------------------ */
#news_title{
	width:556px;
	height:36px;
	margin:0 auto 10px;
	background:url(../image/top/b_news.jpg) no-repeat left;
	position:relative;
	display:block;
}
#news_title #more{
	position:absolute;
	display:block;
	top:10px;
	right:2px;
}
#news{
	width:530px;
	margin:0 auto;
}
#news img {
	vertical-align:-2px;
	padding-right:2px;
}
#news li{
	padding-bottom:8px;
	margin-bottom:7px;
	border-bottom:1px dotted #999;
	float:left;
}
#news li .date{
	width:70px;
	padding-left:10px;
	color:#CC3300;
	float:left;
}
#news li .text{
	width:440px;
	float:right;
}

/* オススメ物件
------------------------------------------------ */
#article_title{
	width:556px;
	height:36px;
	margin:0 auto 10px;
	background:url(../image/top/b_article.jpg) no-repeat left;
	position:relative;
	display:block;
}
#article_title #more{
	position:absolute;
	display:block;
	top:10px;
	right:2px;
}

#article{
	width:555px;
	margin:0 auto;
}

#article b {
	font-size:12px;
	font-weight:normal;
	color:#333333;
}
#article em {
	font-size:12px;
	font-weight: bold;
	color:#FF3300;
}
#article li {
	font-size:10px;
	color:#666666;
}

#article .left{
	width:260px;
	margin-bottom:10px;
	border-top:1px dotted #CCCCCC;
	padding:7px;
	float:left;
}
#article .left .photo{
	border:1px solid #666;
	float:left;
}
#article .left .comment{
	width:140px;
	float:right;
}
#article .left .comment img{
	vertical-align:-2px;
}

#article .right{
	width:260px;
	margin-bottom:10px;
	border-top:1px dotted #CCCCCC;
	padding:7px;
	float:right;
}
#article .right .photo{
	border:1px solid #666;
	float:left;
}
#article .right .comment{
	width:140px;
	float:right;
}
#article .right .comment img{
	vertical-align:-2px;
}
#article .d{
	margin-left:70px;
}


/* その他のコンテンツ
------------------------------------------------ */
#next_cts{
	width:184px;
	border:8px #DFF4F8 solid;
	padding:5px 0 0;
	margin-bottom:10px;
}
#next_cts li{
	width:178px;
	margin:0 auto 3px;
	padding-bottom:3px;
}
#next_cts .line{
	border-bottom:1px #CCC dotted;
}

/* 右下のバナー
------------------------------------------------ */
#r-banner{
	width:184px;
	border:8px #DFF4F8 solid;
	padding:5px 0 0;
	margin-top:10px;
	margin-bottom:10px;
}
#r-banner li{
	width:178px;
	margin:0 auto 3px;
	padding-bottom:3px;
}
#r-banner .line{
	border-bottom:1px #CCC dotted;
}

/* カレンダー
------------------------------------------------ */
#calendar{
	margin-bottom:10px;
}

#calendar .month{
	width:194px;
	margin:8px auto 3px;
	padding:3px;
	background-color:#F3F3F3;
	letter-spacing:0.2em;
	font-weight:bold;
	color:#000;
}
#calendar .month .day{
	float:left;
}
#calendar .cnavi{
	float:right;
}
#calendar .cnavi li{
	float:left;
}

table.calendar{
	width:200px;
	margin:0 auto;
	border:1px #CCCCCC solid;
	border-collapse:collapse;
}

table.calendar th{
	background-color:#FC9;
	border:1px #CCCCCC solid;
	text-align:center;
	padding:4px;
}
table.calendar td{
	border:1px #CCCCCC solid;
	text-align:right;
	padding:3px;
}

table.calendar th{
	text-align:left;
	white-space:nowrap;
	font-size:12px;
	color:#003366;
}
table.calendar td{
	line-height:140%;
	color:#666666;
}
table.calendar td.click {
	cursor: pointer;
	background-color: #999999;
}
table.calendar td.Today {
	font-weight: bolder;
	color: #4B67B0;
}
table.calendar td.holyday {
	font-weight: bolder;
	color: #ff3300;
}


/* 担当メッセージ
------------------------------------------------ */
#message{
	width:178px;
	margin:0 auto;
	padding:10px;
	background-color:#FFF;
	border-top:7px solid #06C;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
	line-height:150%;
	color:#666;
}

#message .title{
	margin:0 auto 10px;
	padding-bottom:8px;
	border-bottom:1px solid #CCCCCC;
}
