@charset "utf-8";
@import url("common.css");
/* header ********************************************** */
.item{
	clear:both;
}
.item:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.item{display:inline-block;}
/*\*/
*html .item{height:1%;}
*:first-child+html .item{height:auto;}
.item{display:block;}
/**/
/* /header ********************************************* */

#left {
	width: 600px;
	float: left;
}
#right {
	width: 305px;
	float: right;
}

#left  .keyword,#left .category {
	background: url(../img/bg_green.gif) repeat;
	padding: 10px;
	margin-bottom: 15px;
}
#left div div.inner {
	background: #FFFCF9;
	padding: 15px;
}

#left .keyword td {
	border-style: none;
}
#left .keyword table {
	margin-left: 10px;
}

#left .keyword .inner input {
	height: 20px;
	margin-left: 10px;
}
#left .keyword .inner input.word {
	width: 290px;
}
#left   .category   h2,#left .review h2  {
	margin-bottom: 10px;
}
#left  .category  li  {
	list-style: none;
	font-size: 70%;
	color: #333333;
	line-height: 1.5em;
	background: url(../img/arrow.png) no-repeat left 2px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	display: block;
	width: 173px;
}
#left    .category    li    a:link,#left  .category   li   a:visited    {
	text-decoration: none;
	color: #2F429B;
}
#left   .category   li   a:hover,#left   .category   li   a:active    {
	text-decoration: underline;
	color: #9F2B2B;
}
#left .review {
	background: url(../img/bg_yellow.gif) repeat;
	padding: 10px;
	margin-bottom: 15px;
	clear: both;
}
#left .review .inner .item {
	margin-bottom: 15px;
	border: 1px solid #FFDBA6;
	padding: 10px;
}

#left .review .inner .item .txt {
	float: right;
	width: 435px;
	text-align: right;
}
#left .review .inner .item .txt div {
	border-bottom: 1px dotted #FFDBA6;
	margin-bottom: 6px;
	padding-bottom: 6px;
}
/* header ********************************************** */
#left .review .inner .item .txt div{
	clear:both;
}
#left .review .inner .item .txt div:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#left .review .inner .item .txt div{display:inline-block;}
/*\*/
*html #left .review .inner .item .txt div{height:1%;}
*:first-child+html #left .review .inner .item .txt div{height:auto;}
#left .review .inner .item .txt div{display:block;}
/**/
/* /header ********************************************* */

#left .review .inner .item img {
	float: left;
}
#left .review .inner .item .txt .name {
	float: left;
	clear: none;
}
#left .review .inner .item .txt .date {
	float: right;
	clear: none;
}
#left .review .inner .item .txt p {
	clear: both;
	text-align: left;
	font-size: 80%;
	color: #333333;
}
#left .review .inner .item .txt img {
	float: none;
	margin-top: 1em;
}
#right .ranking {
	background: url(../img/bg_red.gif) repeat;
	padding: 10px;
}

#right .ranking .head h2 {
	float: left;
	color: #333333;
	padding-bottom: 7px;
}
#right .ranking .head .btn {
	float: right;
	margin-top: 5px;
}
#right  .ranking  .inner  {
	background: #FFFCF9;
	clear: both;
	padding: 10px;
}
#right  .ranking  .inner  .item  {
	border-bottom: 1px dotted #FF4379;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#right   .ranking   .inner   .item   div  {
	display: block;
	float: right;
	width: 210px;
	margin-top: 5px;
}
#right  .ranking  .inner  .item  img  {
	float: left;
}
#right  .ranking  .inner  .item  h3  {
	font-size: 80%;
	color: #333333;
	margin-bottom: 2px;
}
#right  .ranking  .inner  .item  p  {
	font-size: 80%;
	color: #333333;
	line-height: 1.5em;
}
#right .review-ranking {
	background: url(../img/bg_blue.gif) repeat;
	padding: 10px;
}
#right .review-ranking .head h2 {
	float: left;
	color: #333333;
	padding-bottom: 7px;
}
#right .review-ranking .head .btn {
	float: right;
	margin-top: 5px;
}
#right  .review-ranking  .inner  {
	background: #FFFCF9;
	clear: both;
	padding: 10px;
}
#right  .review-ranking  .inner  .item  {
	border-bottom: 1px dotted #78C6FB;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#right  .review-ranking  .inner  .item  div  {
	display: block;
	float: right;
	width: 175px;
	margin-top: 5px;
}
#right  .review-ranking  .inner  .item  img  {
	float: left;
}
#right  .review-ranking  .inner  .item  h3  {
	font-size: 80%;
	color: #333333;
	margin-bottom: 2px;
}
#right  .review-ranking  .inner  .item  h3  span  {
	color: #FF4221;
}
#right  .review-ranking  .inner  .item  p  {
	font-size: 80%;
	color: #333333;
	line-height: 1.5em;
}