@charset 'UTF-8';

/**
 * トップページ
 */

@import url("/css/import/default.css");
@import url("/css/import/menu_for_shopping.css");


/* ヘッダ枠 */

.header {
	margin-bottom: 30px;
}


/* トップイメージ枠 */

.topImage {
	position: relative;
	margin-bottom: 20px;
}

.topImage .designer {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 180px;
}

.topImage .design {
	position: absolute;
	top: 100px;
	right: 0px;
	width: 180px;
}

.topImage .counter {
	position: absolute;
	top: 32px;
	left: 10px;
	width: 160px;
}

.topImage .link {
	background: url("/img/marker2.gif") no-repeat left center;
	padding-left: 18px;
	margin-top: 4px;
}


/* メニュー枠 */

.menu {
	margin-right: 20px;
}


/* メイン枠 */

.main {
	float: left;
	width: 400px;
	margin-right: 20px;
}

	/* ポイント枠 */

	.main .point {
		margin-bottom: 30px;
	}

	.main .point h2 {
		margin-bottom: 15px;
	}

	.main .point dt {
		color: red;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.main .point dd {
		margin-bottom: 5px;
		margin-left: 10px;
	}

	/* 新着デザイン枠 */

	.main .newDesign {
		margin-bottom: 30px;
	}

	.main .newDesign h2 {
		margin-bottom: 15px;
	}

	.main .newDesign table {
		border: 1px solid #CCCCCC;
	}

	.main .newDesign table td {
		font-size: 10px;
		text-align: center;
		width: 98px;
		border: 1px solid #CCCCCC;
	}

	.main .newDesign table td .summary {
		background-color: #dddddd;
		padding: 3px 0px;
		border-bottom: 1px solid #CCCCCC;
	}

	.main .newDesign table td img {
		border: 1px solid #000000;
		margin: 7px 0px;
	}

	/* 特集枠 */

	.main .feature {
		margin-bottom: 30px;
	}

	.main .feature h2 {
		margin-bottom: 15px;
	}

	.main .feature li {
		margin-bottom: 10px;
	}

	.main .feature p {
		text-align: right;
	}

	/* お知らせ枠 */

	.main .whatsNew {
		margin-bottom: 30px;
	}

	.main .whatsNew h2 {
		margin-bottom: 15px;
	}

	.main .whatsNew dl {
		background-color: #f5f5f5;
		padding: 20px 20px 0px 20px;
		border: 1px solid #dddddd;
	}

	.main .whatsNew dl dt {
		background: url("/img/marker3.gif") no-repeat left center;
		padding-left: 15px;
	}

	.main .whatsNew dl dd {
		padding: 10px 0px 20px;
		border-bottom: 1px dashed #cccccc;
		margin-bottom: 20px;
	}

	.main .whatsNew p {
		text-align: right;
		margin-top: 10px;
	}


/* サブ枠 */

.sub {
	float: left;
	width: 180px;
}

	/* デザイナー募集枠 */

	.sub .designerInvited {
		padding-bottom: 15px;
		border-bottom: 1px solid #cccccc;
		margin-bottom: 15px;
	}

	.sub .designerInvited img {
		margin-bottom: 10px;
	}

	/* ピックアップ商品枠 */

	.sub .pickup_commodity {
		background-color: #f5f5f5;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 15px;
	}

	.sub .pickup_commodity td {
		vertical-align: top;
		padding: 15px 9px;
		border-left: 1px solid #dddddd;
		border-right: 1px solid #dddddd;
		border-bottom: 1px dashed #cccccc;
	}

	/* 新着デザイナー枠 */

	.sub .new_designer {
		background-color: #f5f5f5;
		width: 100%;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 15px;
	}

	.sub .new_designer th {
		vertical-align: top;
		padding: 15px 4px 15px 8px;
		border-left: 1px solid #dddddd;
		border-bottom: 1px dashed #cccccc;
	}

	.sub .new_designer th img {
		border: 1px solid #000000;
	}

	.sub .new_designer td {
		vertical-align: top;
		padding: 15px 8px 15px 4px;
		border-right: 1px solid #dddddd;
		border-bottom: 1px dashed #cccccc;
	}