@charset "utf-8";

/* --------------------------------------------------------- */
/* レビュー - review.css
------------------------------------------------------------ */

.reviewBox {
	background-color: #F6F6F6;
	border: solid 1px #DADADA;
	border-top: solid 2px #FFC926;
	padding: 20px;
	margin-bottom: 35px;
}
.reviewBox img {
	vertical-align: middle;
}
.reviewBox .name {
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding-bottom: 15px;
}
.reviewBox .name span {
	font-size: 12px;
	font-weight: normal;
	padding-left: 5px;
}
.reviewBox .date {
	text-align: right;
	color: #868686;
	float: right;
	padding: 8px 0 15px 0;
}

/* ソート */
.sortNav {
	font-size: 12px;
	line-height: 28px;
	border-top: dotted 1px #DADADA;
	padding: 20px 0;
}
.sortNav p {
	float: left;
}
.sortNav p.reviewBtn01 {
	float: right;
}

/* ユーザーレビュー
------------------------------------------------------------ */
.userBox {
	background-color: #FFF;
	border: solid 1px #DADADA;
	clear: both;
	padding: 20px;
}

/* 投稿内容 */
.userBox .article {
	float: right;
	width: 670px;
}
.userBox .article ul {
	padding-bottom: 15px;
	margin-left: -12px;
}
.userBox .article li {
	display: block;
	float: left;
	padding: 0 10px 0 12px;
}
.userBox .article li+li {
	border-left: solid 1px #D9D9D9;
}
.userBox .article .comment {
	border-top: dotted 1px #DADADA;
	clear: both;
	padding-top: 15px;
}
.userBox .article .title {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	padding-bottom: 10px;
}

/* 評価 */
.reviewBox dl {
	border: solid 2px #DADADA;
	float: left;
	width: 196px;
}
.reviewBox dt {
	float: left;
	clear: both;
	width: 80px;
	padding: 8px 0 7px 10px;
}
.reviewBox dd {
	font-weight: bold;
	border-bottom: dotted 1px #DADADA;
	padding: 8px 10px 7px 90px;
}
.reviewBox dd span {
	padding-left: 5px;
}
.reviewBox dl .total {
	font-size: 13px;
	font-weight: bold;
}
.reviewBox dd.total {
	color: #DE1207;
	background-color: #FFFDD7;
	border-bottom: none;
}

/* ショップコメント
------------------------------------------------------------ */
.shopBox {
	padding: 25px 0 0 75px;
}
.shopBox .date {
	padding: 0 0 15px 0;
}
.shopBox .comment {
	clear: both;
}
.shopBox .comment .img {
	background: url(../img/review/bac_balloon.png) no-repeat 108px 16px;
	float: left;
	width: 93px;
	padding-right: 30px;
}
.shopBox .comment .img img {
	width: 90px;
}
.shopBox .comment .txt {
	background-color: #FFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	float: right;
	width: 700px;
	padding: 15px 20px;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */

/* clearfix
------------------------------------------------------------ */
.userBox:after,
.shopBox:after,
.article ul:after,
.sortNav:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .userBox,
* html .shopBox,
* html .article ul,
* html .sortNav { zoom: 1; } /* IE6 */

*:first-child+html .userBox,
*:first-child+html .shopBox,
*:first-child+html .article ul,
*:first-child+html .sortNav { zoom: 1; } /* IE7 */