/*   ================================

     1.layout
     2.ranking

     =================================   */



/* 1.layout */

#layout {
	margin: 0px 0px 20px 0px;
	padding: 0px;
	width: 720px;
	text-align: left;
}

#layout h1 {
	margin: 0px;
	padding: 0px;
}

#layout h2 {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
	font: bold 16px/18px;
}

#layout h3 {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	display: inline;
	font: bold 14px/16px;
}

#menu {
	width: 720px;
	height: 40px;
	margin: 0px 0px 10px 0px;
}

#menu ul {
	margin: 0px;
	padding: 5px 0px 0px 150px;
	list-style: none;
}

#menu li {
	margin: 0px;
	padding: 0px 20px 0px 0px;
	font-weight: bold;
	color: #660000;
	float: left;
}

.end {
	margin: 0px;
	padding: 0px;
	text-align: right;
}

.rank .updown {
	margin: 0px;
	padding: 2px 5px;
	text-align: right;
}

/* 2.ranking */

.price img {
	position: relative;
	top: 1px;
}

.no1,.no2,.no3 {
	margin: 0px 0px 10px 0px;
	width: 719px;
	background: #D4CABC;
	text-align: left;
}

.no1 .comment,.no2 .comment,.no3 .comment {
	width: 800px;
	color: #FF1F5D;
	font-weight: bold;
}

.no2 .rank,.no3 .rank {
	padding: 5px 10px 5px 5px;
	width: 66px;
}

.no2 .image,.no3 .image {
	width: 173px;
}

.no2 .image img,.no3 .image img {
	width: 173px;
	border: 1px solid #D4CABC;
}

.no2 .detail,.no3 .detail {
	padding: 7px 7px 0px 0px;
	vertical-align: top;
	height: 50px;
}

.no2 .date,.no3 .date {
	padding: 0px 0px 0px 0px;
	width: 455px;
	position: relative;
	line-height: 21px;
}

.no2 .date img,.no3 .date img {
	margin: 0px 0px 0px 15px;
	vertical-align: middle;
	position: absolute;
	top: 0px;
	right: 10px;
}

.no4 .rank,.no5 .rank {
	padding: 0px 10px 5px 5px;
	width: 66px;
}

.no4 .date,.no5 .date {
	width: 270px;
	position: relative;
}

.no4 .date .yoyaku,.no5 .date .yoyaku {
	margin: 0px 0px 5px 0px;
	vertical-align: middle;
	position: absolute;
	top: 2px;
	right: 3px;
}

.no4 .detail,.no5 .detail {
	padding: 7px 0px 0px 0px;
	height: 50px;
}

.no4 .detail img,.no5 .detail img {
	width: 105px;
	border: 1px solid #D4CABC;
	float: right;
}

.no1 .bg {
	width: 719px;
	background: #F9F4DE;
}

.no1 .rank {
	padding: 5px 10px 5px 5px;
	width: 83px;
}

.no1 .image {
	width: 229px;
}

.no1 .image img {
	border: 1px solid #D4CABC;
}

.no1 .detail {
	padding: 7px 7px 0px 0px;
	vertical-align: top;
	height: 80px;
}

.no1 .date {
	padding: 0px 0px 0px 0px;
	width: 385px;
	position: relative;
	line-height: 21px;
}

.no1 .date img {
	margin: 0px 0px 0px 15px;
	vertical-align: middle;
	position: absolute;
	top: 0px;
	right: 10px;
}

.no2 .bg {
	width: 719px;
	background: #F7F7F7;
}

.no3 .bg {
	width: 719px;
	background: #FFF6EF;
}

.no4 {
	margin: 0px 9px 10px 0px;
	width: 355px;
	background: #D4CABC;
	text-align: left;
	float: left;
}

.no4 .bg {
	width: 355px;
	background: #ffffff;
}

.no5 {
	margin: 0px 0px 10px 0px;
	width: 355px;
	background: #D4CABC;
	text-align: left;
	float: left;
}

.no5 .bg {
	width: 355px;
	background: #ffffff;
}