/*
 * Common List Area
 */
div.common-list-area {
	padding: 10px;
}
div.common-list-area div.common-list-title-area {
	border-style: solid;
	border-width: 0 0 1px 0;
	border-color: #aaa;
}
div.common-list-area div.common-list-title-area div.common-list-title {
	float: left;
	font-size: 120%;
	font-weight: bold;
}
div.common-list-area div.common-list-title-area div.common-list-page-info {
	float: right;
}
div.common-list-area div.common-list-title-area div.common-list-page-info span.value {
	font-weight: bold;
	padding: 0 3px;
}
div.common-list-area div.common-list-sort-area {
	margin: 10px 0;
}
div.common-list-area div.common-list-sort-area ul {
	float: right;
}
div.common-list-area div.common-list-sort-area ul li {
	float: left;
	border-style: solid;
	border-width: 1px 1px 1px 0;
	border-color: #ccc;
}
div.common-list-area div.common-list-sort-area ul li.title {
	padding-top: 6px;
	padding-right: 10px;
	border-width: 0;
}
div.common-list-area div.common-list-sort-area ul li.first {
	border-width: 1px;
}
div.common-list-area div.common-list-sort-area ul li div.inner a,
div.common-list-area table.listing thead.common-list-sort-area th div.inner a {
	display: block;
	padding: 5px 20px;
	text-decoration: none;
}
div.common-list-area div.common-list-sort-area ul li div.inner a:hover,
div.common-list-area table.listing thead.common-list-sort-area th div.inner a:hover {
	color: #ff9c3d;
	font-weight: bold;
}
div.common-list-area div.common-list-sort-area ul li.sort-asc div.inner,
div.common-list-area table.listing thead.common-list-sort-area th.sort-asc div.inner {
	background-image: url('../../img/user/common/common_list/sort_asc.png');
	background-repeat: no-repeat;
	background-position: 3px center;
}
div.common-list-area div.common-list-sort-area ul li.sort-desc div.inner,
div.common-list-area table.listing thead.common-list-sort-area th.sort-desc div.inner {
	background-image: url('../../img/user/common/common_list/sort_desc.png');
	background-repeat: no-repeat;
	background-position: 3px center;
}
div.common-list-area div.common-list-sort-area ul li.sort-asc div.inner a,
div.common-list-area div.common-list-sort-area ul li.sort-desc div.inner a,
div.common-list-area table.listing thead.common-list-sort-area th.sort-asc div.inner a,
div.common-list-area table.listing thead.common-list-sort-area th.sort-desc div.inner a
{
	color: #ff9c3d;
	font-weight: bold;
}
div.common-list-area a.common-list-load-more-btn {
	display: block;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaa;
	background-color: #eee;
	text-decoration: none;
	text-align: center;
	color: #0099CC;
}
div.common-list-area a.common-list-load-more-btn:hover {
	color: #ff9c3d;
}



/*
 * Common List Item
 */
div.common-list-item {
	padding: 5px;
	border-style: solid;
	border-width: 1px 0 0 0;
	border-color: #ccc;
}
div.common-list-item div.common-list-item-user-image {
	float: left;
	width: 120px;
	text-align: center;
}
div.common-list-item div.common-list-item-user-image img {
	width: 60px;
}
div.common-list-item div.common-list-item-user-name,
div.common-list-item div.common-list-item-user-location {
	text-align: center;
	font-size: 90%;
}
div.common-list-item div.common-list-item-user-name a {
	text-decoration: none;
	color: #0099cc;
}
div.common-list-item div.common-list-item-user-name a:hover {
	color: #ff9c3d;
}
div.common-list-item div.common-list-item-evaluation-comment-area {
	float: left;
	width: calc(100% - 120px);
}
div.common-list-item div.common-list-item-evaluation-comment-area div.common-list-item-evaluation-comment-inner {
	padding-left: 10px;
}
div.common-list-item div.common-list-item-evaluation-comment-area div.common-list-item-date-area {
	font-size: 90%;
}
div.common-list-item div.common-list-item-evaluation-area a.ev-average-link {
	color: #09c;
	text-decoration: none;
	font-weight: bold;
}
div.common-list-item div.common-list-item-evaluation-area a.ev-average-link:hover {
	color: #ff9c3d;
}
div.common-list-item div.common-list-item-evaluation-area div.evaluationValueSmallItem {
	width: 10px;
	height: 20px;
}
div.common-list-item div.common-list-item-evaluation-area div.evaluationValueSmallItem.evaluationValueSmallItem-0 {
	margin-left: 3px;
}
div.common-list-item div.common-list-item-evaluation-area div.evaluationValueSmallItem.evaluationValueSmallItem-0:first-of-type {
	margin-left: 0;
}
div.common-list-item div.common-list-item-relationArea span.relationTitle,
div.common-list-item div.common-list-item-evaluationArea td.itemEvaluationTitle {
	font-size: 90%;
	color: #555;
}
div.common-list-area.common-list-area-loading {
	position: relative;
}
div.common-list-area.common-list-area-loading div.loading-area {
	display: none;
	text-align: center;
}
div.common-list-area.common-list-area-loading div.loading-area.loading-area-top {
	position: absolute;
	left: 0;
	top: 5px;
	width: 100%;
	z-index: 1;
}
div.common-list-area.common-list-area-loading div.loading-area.loading-area-top div.loading-inner {
	width: 50%;
	margin: 0 auto;
	padding: 10px 0;
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
}
div.common-list-area.common-list-area-loading div.loading-area.loading-area-top {
	margin: 0 0 10px 0;
}
div.common-list-area.common-list-area-loading div.loading-area.loading-area-bottom {
	margin: 10px 0 0 0;
}
div.common-list-area.common-list-area-loading[data-common-list-loading-status="1"] div.loading-area.loading-area-top,
div.common-list-area.common-list-area-loading[data-common-list-loading-status="3"] div.loading-area.loading-area-bottom {
	display: block;
}