@charset "utf-8";

/* トップページ用 */

/* #intro: 概要エリア */
#intro {
	padding: 15px;
	border-bottom: 1px solid #999;
}

	#intro .image {
		float: left;
		width: 150px;
	}

	#intro .desc {
		float: right;
		width: 390px;
	}

		#intro .desc .title {
			font-size: 150%;
			letter-spacing: .1em;
			font-weight: bold;
		}


/* #contents: コンテンツエリア */
#contents {
	float: left;
	width: 350px;
	min-height: 600px;
	border-right: 1px solid #999;
}

* html #contents {
	height: 600px;
}

	/* .pickups: PickUp! */
	#contents .pickups {
		width: 320px;
		margin-bottom: 10px;
		margin-left: 15px;
		padding: 10px 0;
	}

		.pickups .title {
			margin-bottom: 5px;
		}

		.pickups li {
			margin: .25em 0;
			margin-left: 20px;
		}

	/* #campaign: キャンペーン情報 */
	#campaign {
		width: 320px;
		margin-left: 15px;
		padding-bottom: 10px;
	}

		#campaign .title {
			margin-bottom: 10px;
		}

		/* .content: 各コンテンツ */
		#campaign .content {
			clear: both;
			margin-bottom: 10px;
			padding: 0 5px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #ccc;
		}

			/* コンテンツ名 */
			#campaign .content dt {
				letter-spacing: .1em;
			}

			#campaign .content .desc {
				float: left;
				width: 212px;
			}

			#campaign .content .image {
				float: right;
				width: 88px;
			}

	/* #blog: 芸能人ブログへのリンク */
	#blog {
		width: 320px;
		margin-left: 15px;
		padding-bottom: 15px;
	}

		#blog .title {
			margin-bottom: 5px;
		}

		#blog dl {
			margin: 0 5px;
		}

			#blog .desc {
				margin-bottom: 5px;
			}


/* #extras: 地域で検索、広告、オススメ（トライアル化粧品）エリア */
#extras {
	float: right;
	width: 250px;
}

	/* #area-search: 地域で検索 */
	#area-search {
		padding: 10px 0;
		border-bottom: 1px solid #999;
		text-align: center;
	}

		#area-search .title {
			margin-bottom: 10px;
		}

	/* .ad: 200x200バナー */
	#extras .ad {
		padding: 15px 0;
		border-bottom: 1px solid #999;
		text-align: center;
	}


	/* .recommend: オススメ（トライアル化粧品） */
	.recommend {
		padding: 10px 15px;
	}

		.recommend .title {
			margin-bottom: 10px;
		}

		.recommend .content {
			margin-bottom: 10px;
			padding-bottom: 10px;
			border-bottom: 1px dashed #ccc;
		}

			.recommend .content .desc {
				float: right;
				width: 110px;
			}

			.recommend .content .image {
				float: left;
				width: 100px;
			}