@charset "utf-8";

/*============================================================================
	Common
=============================================================================*/

div#contents div.left h2 {
	width: 612px;
	height: 23px;
	margin-bottom: 15px;
	padding: 7px 0 0 28px;
	background: url(/images/index/bg_h2_pink_640.gif) top left no-repeat;
	color: #444;
	font-size: 14px;
	font-weight: bold;
}

div#contents div.left div.cts {
	margin-bottom: 20px;
}


div#contents div.left a.detail {
	clear: both;
	display: block;
	width: 300px;
	height: 23px;
	margin: 15px auto 10px;
	padding: 7px;
	background: url(/images/common/bg_btn_pink.gif) top center no-repeat;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}


/*============================================================================
	Left Column
=============================================================================*/

/* 新着アイテム
----------------------------------------- */
div#contents div.left div.item {
	float: left;
	width: 142px;
	height: 210px;
	margin: 0 8px;
	text-align: center;
}
	div#contents div.left div.item img {
		margin-bottom: 5px;
    	border: 1px solid #ccc;
    }


/* 新着レビュー
----------------------------------------- */
div#contents div.left div.list_item_wrap {
	border-bottom: 1px solid #ccc;
}
div#contents div.left div.list_review {
	position: relative;
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	padding: 5px 0;
}
	div#contents div.left div.list_review img.thumb {
		float: left;
		margin-right: 10px;
	}
	div#contents div.left div.list_review img.rank {
		position: absolute;
		top: 5px;
		right: 5px;
	}
	div#contents div.left div.list_review p {
		margin-bottom: 0.4em;
	}
	div#contents div.left div.list_review p.data {
		font-size: 10px;
	}
		div#contents div.left div.list_review p.data span {
			margin-right: 10px;
		}
	div#contents div.left div.list_review p.title {
		font-weight: bold;
	}
	div#contents div.left div.list_review p.link {
		font-size: 10px;
		text-align: right;
	}
		div#contents div.left div.list_review p.link a {
			margin-left: 10px;
		}


/* 新着クチコミ
----------------------------------------- */
div#contents div.left div.list_buzz_wrap {
	border-bottom: 1px solid #ccc;
}

div#contents div.left div.list_buzz {
	clear: both;
	border-top: 1px solid #ccc;
	margin-top: 5px;
	padding: 5px 0;
}
	div#contents div.left div.list_buzz img.thumb {
		float: left;
		margin-right: 10px;
	}
	div#contents div.left div.list_buzz p {
		margin-bottom: 0.4em;
	}
	div#contents div.left div.list_buzz p.data {
		font-size: 10px;
	}
		div#contents div.left div.list_buzz p.data span {
			margin-right: 10px;
		}
	div#contents div.left div.list_buzz p.title {
		font-weight: bold;
	}
	div#contents div.left div.list_buzz p.link {
		font-size: 10px;
		text-align: right;
	}
		div#contents div.left div.list_buzz p.link a {
			margin-left: 10px;
		}

/* お知らせ
----------------------------------------- */
div#contents div.left div.list_info_wrap ul li {
	margin-bottom: 5px;
}
div#contents div.left div.list_info_wrap ul li a {
	margin-left: 1em;
}



/*============================================================================
	Right Column
=============================================================================*/

/* バナー
----------------------------------------- */
div#contents div.right div.banner {
	width: 300px;
	margin-bottom: 10px;
	text-align: center;
}


/* サイト情報
----------------------------------------- */
div#contents div.right div.whats {
	width: 300px;
	margin-bottom: 10px;
	background: url(/images/common/bg_box_pink_300_center.gif) top center repeat-y;
}
	div#contents div.right div.whats div.bottom {
		width: 300px;
		background: url(/images/common/bg_box_pink_300_bottom.gif) bottom center no-repeat;
	}
div#contents div.right div.whats h2 {
	width: 290px;
	height: 23px;
	padding: 8px 0 0 10px;
	margin-bottom: 10px;
	background: url(/images/common/bg_box_pink_300_header.gif) top center no-repeat;
}
	div#contents div.right div.whats h2 span {
		display: block;
		height: 16px;
		padding-left: 20px;
		background: url(/images/common/ico_textfile.gif) top left no-repeat;
	}
div#contents div.right div.whats p {
	padding: 0 5px 1em;
}


/* 注目度ランキング
----------------------------------------- */
div#contents div.right div.check {
	width: 300px;
	margin-bottom: 10px;
	background: url(/images/common/bg_box_pink_300_center.gif) top center repeat-y;
}
	div#contents div.right div.check div.bottom {
		width: 300px;
		padding-bottom: 10px;
		background: url(/images/common/bg_box_pink_300_bottom.gif) bottom center no-repeat;
	}
div#contents div.right div.check h2 {
	width: 290px;
	height: 23px;
	padding: 8px 0 0 10px;
	margin-bottom: 5px;
	background: url(/images/common/bg_box_pink_300_header.gif) top center no-repeat;
}
	div#contents div.right div.check h2 span {
		display: block;
		height: 16px;
		padding-left: 20px;
		background: url(/images/common/ico_crown.gif) top left no-repeat;
	}
div#contents div.right div.check p.data {
	text-align: right;
	font-size: 10px;
	margin-bottom: 5px;
	padding: 0 5px;
}
div#contents div.right div.check div.item {
	height: 100px;
	margin: 0 5px 10px;
	padding-top: 10px;
	border-top: 1px dotted #ccc;
}
	div#contents div.right div.check div.item p {
		padding: 0 5px;
	}
	div#contents div.right div.check div.item p.title {
		margin-bottom: 5px;
	}
		div#contents div.right div.check div.item p.title img {
			vertical-align: middle;
			margin-right: 5px;
		}
		div#contents div.right div.check div.item p.title a {
			font-weight: bold;
		}
	div#contents div.right div.check div.item p.description img {
		display: block;
		float: left;
		margin-right: 5px;
	}