@charset "utf-8";

#review_menu {
	margin:20px auto 10px auto;
}
#review_menu td {
	padding:5px 5px;
	text-align:center;
}

/* ランキング */
#ranking {
	width:590px;
	font-size:12px;
	margin:0 0 20px 15px;
	border-collapse:collapse;
	border:1px solid #dddddd;
}
#ranking th {
	text-align:center;
	font-size:12px;
	padding:2px 0px;
	background:#A0ABAF;
	color:#ffffff;
	border:1px solid #dddddd;
}
#ranking td {
	background:#FAFDFB;
	border-bottom:1px solid #dddddd;
	margin:0px;
	padding:4px 8px;
}
#ranking td.rank {
	width:20px;
	text-align:center;
	border-right:1px solid #dddddd;
}
#ranking td.product {
	border-right:1px solid #dddddd;
}
#ranking td.point {
	width:25px;
	padding-right:0;
	text-align:right;
	color:#CC0000;
}
#ranking td.graph {
	width:150px;
	padding-left:5px;
	border-right:1px solid #dddddd;
}
#ranking td.graph div {
	background-image:url(../../images/graph.gif);
	background-repeat:no-repeat;
	height:10px;
	margin:auto 0;
}
#ranking td.point_count {
	border-right:1px solid #dddddd;
	width:45px;
	text-align:center;
}
#ranking td.comment_count {
	width:45px;
	text-align:center;
}
#novote {
	margin:10px 0 0 50px;
	color:#CC0000;
}

/* 商品リスト */
#maker_list {
	font-size:16px;
	width:500px;
	margin:0 0 0 50px;	
}
#maker_list li {
	display:inline;
}

h4.maker {
	font-size:16px;
	color:#404040;
	margin:30px 20px 0px 40px;
	padding:3px 0;
}
table.product_list {
	font-size:12px;
	margin:10px 0 10px 60px;
}
table.product_list td {
	padding:2px 5px;
}

/* レビュー表示 */
h3.review {
	font-size:22px;
	margin-bottom:10px;
	margin-top:0;
}
h3.review span{
	color:#558877;
}
#dovote {
	text-align:right;
	font-size:14px;
	margin:0 20px 20px 0;
}
#review {
	margin-left:30px;	
}
#review div.caption {
	clear:left;
	font-size:17px;
	margin:0 0 20px 30px;
}
#review div.caption span {
	font-size:12px;
	color:#CC0000;
}
#review div.caption form {
	display:inline;	
}
#review div.caption form input {
	margin:0 0 0 5px;
	height:22px;
	width:60px;
}
#review div.noreview {
	font-size:16px;
	color:#ff0000;
	margin-left:30px;
}
#review div.point {
	margin:0 0 30px 40px;	
}
#review div.point div.number {
	float:left;
	font-size:22px;
	color:#ff0000;
	font-weight:bold;
	margin-left:20px;
}
#review div.point div.frame {
	float:left;
	display:inline;
	width:300px;
	border:1px solid #DDBBBB;
	padding:0;
	margin:4px 0 0 10px;
}
#review div.point div.frame div.graph {
	background-image:url(../../images/graph.gif);
	background-repeat:repeat-y;
	height:18px;
	margin:0;
	padding:0;
}

#review div.comment_form {
	margin:0 0 20px 60px;
	display:none;
}
#review div.comment_form input {
	width:50px;
}

#review ul {
	margin:0 0 30px 70px;
	font-size:14px;
}
#review ul li {
	padding:4px 0;
}
#review ul li.nothing {
	color:#AAAAAA;
}

#review ul.good {
	color:#555f99;
}
#review ul.bad {
	color:#995f55;
}