@charset "utf-8";
/*
=============================================================================
top.css
=============================================================================
Structure:
	[Top Page Layout]
		01. News Content
		02. Pickup Content
	[Main Content]
		01. Eyecatch
	[News Content]
		01. Headline
		02. News List
	[Pickup Content]
		01. Headline
		02. Pickup Contents List
*/

/*
-----------------------------------------------------------------------------
[Top Page Layout]
=============================================================================
/*	01. Main Content
-----------------------------------------------------------------------------*/
h2#top-headline img { margin: 25px 0 0 70px; }

div.choice {
	position: relative;
	width: 480px;
	height: 431px;
	margin: -15px 0 35px;
	background: url(../images/bg-top-catch.png) no-repeat 0 0;
	}

	div#choice-organic { float: left; }
	div#choice-tailormade { float: right; }

/*	02. News Content
-----------------------------------------------------------------------------*/
div#news-content {
	position: relative;
	float: right;
	width: 685px;
	margin-bottom: 30px;
	min-height: 500px;
	height: auto !important;	/* for IE6 */
	height: 500px;				/* for IE6 */
	}

/*	03. Pickup Content & site
-----------------------------------------------------------------------------*/
div#pickup-content,
div#pickup-site {
	position: relative;
	float: left;
	width: 256px;
	margin-bottom: 20px;
	}
div#pickup-site {
	margin-bottom: 30px;
	}


/*
-----------------------------------------------------------------------------
[Main Content]
=============================================================================
/*	01. Eyecatch
-----------------------------------------------------------------------------*/
div.choice h3 {
	position: absolute !important;
	bottom: 7px;
	left: 5px;
	width: 470px;
	height: 141px;
	}

div.house-image {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 480px;
	height: 279px;
	}

	div.house-image img { position: absolute; }

/* キャッチコピー */
div.catch { position: relative; }

	div.catch h4 {
/*
		position: absolute;
		top: 50%;
		left: 25px;
		width: 493px;
		height: 29px;
		margin-top: -15px;
*/
		float: left;
		width: 520px;
		height: 29px;
		margin-top: 1.5em;
		}

		div.catch h4 img { margin-left: 25px; }


	div.catch p {
/*
		width: 400px;
		margin: 0 0 35px 550px;
		font-size: 108%;
		line-height: 1.6;
*/
		float: right;
		width: 400px;
		margin: 0 0 35px 0;
		padding-right: 10px;
		font-size: 108%;
		line-height: 1.6;		
		}


/* アルファホームの家づくり */
div.tech {
	position: relative;
	width: 960px;
	height: 143px;
	margin: 18px 0 25px;
	background: url(../images/bg-top-tech.gif) no-repeat 0 0;
	}

	div.tech p {
		width: 330px;
		padding: 30px 0 0 30px;
		font-size: 108%;
		line-height: 1.6;
		}

	div.tech a {
		position: absolute;
		top: 97px;
		right: 35px;
		width: 81px;
		height: 21px;
		}


/*
-----------------------------------------------------------------------------
[News Content] - 新着情報 -
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div#news-content div.head {
	position: relative;
	width: 685px;
	height: 41px;
	margin-top: 23px;
	background: url(../images/bg-box-685-top.gif) no-repeat 0 0;
	}

	div#news-content div.head h5 img { margin: 15px 0 0 20px; }

/* 一覧ボタン */
div#news-content div.head a.goto-backnumber {
	position: absolute;
	top: 50%;
	right: 20px;
	margin-top: -0.5em;
	color: #c99b52;
	font-size: 93%;
	}

/*	02. News List
-----------------------------------------------------------------------------*/
div#news-content ul {
	width: 685px;
	padding-bottom: 27px;
	background: url(../images/bg-box-685-bottom.gif) no-repeat 0 100%;
	}

	div#news-content ul li {
		clear: both;
		position: relative;
		padding: 12px 20px 0;
		overflow: hidden;
		zoom: 1;
		}

		/* ポストタイトル */
		div#news-content ul li h3.post-title {
			margin-bottom: 0.5em;
			padding-top: 30px;
			line-height: 1.2;
			}

			div#news-content ul li h3.post-title a {
				color: #c99b52;
				font-weight: bold;
				}

		/* ポストカテゴリー */
		div#news-content ul li img.post-category {
			position: absolute;
			top: 12px;
			left: 20px;
			}

		/* ポストコンテンツ */
		div#news-content ul li div.post-content {
			}

		/* ポストイメージ */
		div#news-content ul li div.post-image {
			float: right;
			margin-top: 30px;
			margin-left: 10px;
			}

		/* イベント日付 */
		div#news-content ul li span.date {
			display: block;
			font-size: 85%;
			padding-top: 0.5em;
			color: #777777;
			}



/*
-----------------------------------------------------------------------------
[Pickup Content] - ピックアップコンテンツ -
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div#pickup-content h5 {
	width: 256px;
	height: 41px;
	margin-top: 23px;
	background: url(../images/bg-box-256-top.gif) no-repeat 0 0;
	}

	div#pickup-content h5 img { margin: 15px 0 0 20px; }


/*	02. Pickup Contents List
-----------------------------------------------------------------------------*/
div#pickup-content ul {
	width: 256px;
	padding: 3px 0 18px;
	background: url(../images/bg-box-256-bottom.gif) no-repeat 0 100%;
	}

	div#pickup-content ul li {
		width: 224px;
		margin: 7px auto 0;
		}