@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. News Content
-----------------------------------------------------------------------------*/
div#news-content {
	position: relative;
	float: right;
	width: 177px;
	}

/*	02. Pickup Content
-----------------------------------------------------------------------------*/
div#pickup-content {
	position: relative;
	margin-bottom: 30px;
	}


/*
-----------------------------------------------------------------------------
[Main Content]
=============================================================================
/*	01. Eyecatch
-----------------------------------------------------------------------------*/
div#main-content { text-align: center; }

div#main-content img#catch-image { margin: 20px 0 50px; }


/*
-----------------------------------------------------------------------------
[News Content] - 新着情報 -
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div#news-content h2 {
	width: 177px;
	height: 30px;
	margin-bottom: 10px;
	}

/* 一覧ボタン */
div#news-content a.goto-backnumber {
	position: absolute;
	top: 5px;
	right: 8px;
	width: 33px;
	height: 20px;
	}

/*	02. News List
-----------------------------------------------------------------------------*/
div#news-content ul { width: 177px; }

	div#news-content ul li {
		position: relative;
		width: 150px;
		margin-bottom: 10px;
		padding-left: 27px;
		background: url(../images/bg-listmarker.gif) no-repeat 5px 0.15em;
		}

		/* ポストタイトル */
		div#news-content ul li h3.post-title { line-height: 1.4; }

		/* ポスト日付 */
		div#news-content ul li p {
			position: relative;
			width: 150px;
			min-height: 18px;
		    height: auto !important;	/* IE6 対策 */
		    height: 18px;	/* IE6 対策 */
			margin-top: 2px;
			}

			div#news-content ul li p span {
				position: absolute;
				top: 0;
				}
				/* 日付 */
				div#news-content ul li p span.post-date {
					right: 5px;
					width: 90px;
					min-height: 18px;
				    height: auto !important;	/* IE6 対策 */
				    height: 18px;	/* IE6 対策 */
					background: url(../images/bg-list-date.gif) no-repeat 0 0;
					color: #fff;
					font-size: 85%;
					text-align: center;
					}
				/* NEW マーク */
				div#news-content ul li p span.new {
					left: 8px;
					width: 41px;
					height: 16px;
					}

/*
-----------------------------------------------------------------------------
[Pickup Content] - ピックアップコンテンツ -
=============================================================================
/*	01. Headline
-----------------------------------------------------------------------------*/
div#pickup-content h2 {
	width: 201px;
	height: 30px;
	margin-left: 10px;
	}

/*	02. Pickup Contents List
-----------------------------------------------------------------------------*/
div#pickup-content-wrapper {
	width: 951px;
	margin: 0 auto;
	background: url(../images/bg-pickup.gif) no-repeat 50% 100%;
	overflow: hidden;
	}

	/* ピックアップコンテンツボックス */
	div#pickup-content-wrapper ul {
		position: relative;
		float: left;
		width: 210px;
		margin-right: 5px;
		padding: 10px 12px;
		background: url(../images/bg-pickup-top.gif) no-repeat 0 0;
		color: #fff;
		}
	div#pickup-content-wrapper ul.last { margin: 0; }

		div#pickup-content-wrapper ul li {
			width: 210px;
			padding-bottom: 30px;
			}

		/* ヘッドライン */
		div#pickup-content-wrapper ul h4 {
			position: absolute;
			bottom: 9px;
			left: 12px;
			width: 167px;
			height: 22px;
			}

		/* 写真 */
		div#pickup-content-wrapper ul p.photo {
			display: block;
			width: 210px;
			height: 50px;
			margin-bottom: 10px;
			background-position: 0 0;
			background-repeat: no-repeat;
			}
			div#pickup-content-wrapper ul li.approach p.photo { background-image: url(../images/bg-pickup-approach.gif); }
			div#pickup-content-wrapper ul li.event p.photo { background-image: url(../images/bg-pickup-event.gif); }
			div#pickup-content-wrapper ul li.business p.photo { background-image: url(../images/bg-pickup-business.gif); }
			div#pickup-content-wrapper ul li.link p.photo { background-image: url(../images/bg-pickup-link.gif); }

		/* タイトル */
		div#pickup-content-wrapper ul p.post-title {
			margin-bottom: 5px;
			font-weight: bold;
			}

		/* 詳細ボタン */
		div#pickup-content-wrapper ul a.readmore {
			position: absolute;
			bottom: 10px;
			right: 12px;
			width: 33px;
			height: 20px;
			}