@charset "utf-8";
/* CSS Document */

.machiRevBox {
	clear: both;
	background: url(/ui/town/pc/images/review/s_bg.gif) 0 0 repeat-y;
	width: 740px;
	/* border-bottom: #e6e6e6 1px solid; */
margin-bottom: 36px;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 10px;
	position: relative;/* color: #555555; */
}
#colorbox .machiRevBox {
    margin-top: 36px;
}


.pickUpArea, .pickUpCnt, .otherDataCntIn, .machiRevBox {
    display: inline-block;
}


p.machiDate {
position: absolute;
bottom: -36px;
right: 0;
font-size: 90%;
color: #999;
}

.machiRevBoxTtl,.machiRevBoxTtlB {
    border-top: 6px solid #FF8000;
    padding-top: 5px;
    text-align: left;
}

.machiRevBoxTtlB {
    border-top: 6px solid #4F4332;
    padding-top: 5px;
}

.machiRevBoxIn {
	padding: 0 10px;
}
.machiRevBoxIn ul.Livable {
	width:180px;
	float:left;
	display:inline-block;
	margin: 5px 0 0;
	padding:5px 0;
	background:none;
}
.machiRevBoxIn ul.Livable li {
	float: left;
}
.machiRevBoxIn ul.Livable li div.starTypeB{
	margin: 5px 0 0 2px;
}
.machiRevBoxIn .revWrap{
	padding: 10px;	
	border-top: 1px solid #DBDBDB;
	margin-top: -1px;
}
.machiRevBoxIn .revWrap .revTit ul li{
	float: left;
}
.machiRevBoxIn .revWrap .revTit{
	color: #FF8000;
	font-size: 90%;
	font-weight: 100;
	margin-bottom: 0;
	float: left;
}
.machiRevBoxIn .revWrap .revPoint{
	color: #FF8000;
	font-size: 120%;
	font-weight: 100;
	line-height: 19px;
	margin-left: 2px;
}
.machiRevBoxIn .revWrap .revTxt{
	margin-top: 2px;
	margin-left: 145px;
	font-size: 83%;
}
ul.Livable .LrevPoint {
	font-size:140%;
	color:#ff8000;
	margin-top: 3px;
}
ul.Livable .LrevPoint em {
	margin-left:5px;
	color:#ff8000;
}
ul.Livable .LrevPoint img {
	vertical-align: middle;
}
ul.Livable .LrevAge {
	font-size:80%;
	margin-left: 32px;
	margin-top: -4px;
}
.LivableR {
	width:540px;
	padding:5px 0;
	float:left;
}
ul.shopConli {
	margin-top:0;
	padding-top:0;
	font-size:83%;
	line-height:1.0;
}
ul.shopConli li.list01 {
	float:left;
	width:260px;
	paddng-top:2px;
	margin-bottom:6px;
}
ul.shopConli li.list02 {
	float:left;
	width:280px;
	paddng-top:2px;
	margin-bottom:6px;
}
ul.shopConli li em {
	font-size:95%;
	font-weight:100;
	background:#ff8000;
	/*line-height:10px;*/
	color:#fff;
	margin-right:8px;
	position: relative;
	padding:3px 0 2px 0;
	margin-top:-2px;
}

ul.shopConli li.list01 em{
width:88px;
display:block;
text-align:center;
float:left;
}

ul.shopConli li.list01 span{
	display:block;
	width:164px;
	min-height:10px;
	float:left;
	line-height:14px;
}

ul.shopConli li.list02 em{
width:122px;
display:block;
text-align:center;
float:left;
}


ul.shopConli li.list02 span{
	display:block;
	width:150px;
	min-height:10px;
	float:left;
	line-height:14px;
}

dl.revItem dt img {
    vertical-align: baseline;
}

.revBox {
	width: 736px;
	height:auto;
	margin: 0 auto;
	background: url(/ui/town/pc/images/review/intend_bg.gif) 0 0 repeat-y;
	color: #333333;
	overflow:hidden;
}
.revBox li{
	padding-bottom: 32767px;  
    margin-bottom: -32767px;
}

.revBox li.goodRev {
    background: none repeat scroll 0 0 #FFE3CA;
}
.revBox li.badRev {
    background: none repeat scroll 0 0 #E2DED8;
}
.revBox li.goodRev, .revBox li.badRev {
	float: left;
	display: inline-block;
	width: 368px;
	position: relative;
	padding-top: 14px;
}

.revBox li.goodRev span, .revBox li.badRev span {
    display: block;
    font-size: 83%;
    margin: 8px 15px 16px 28px;
    text-align: left;
    word-wrap: break-word;
}
.revBox li em.flag {
	position: absolute;
	width: 55px;
	top: 0;
	left: 0;
}

.rev0 {
    border-top: 0 none !important;
    margin-top: -5px;
    padding-top: 0;
}

dl.revItem {
    border-top: 1px solid #DBDBDB;
    clear: both;
    padding-top: 8px;
}

.revItem dt {
	float: left;
	padding: 4px 0px 8px 10px;
	width: 117px;
	height:auto;
	margin-right: 27px;
}

.revÇol {
    background: none repeat scroll 0 0 #F9F9F9;
}


dl.revItem dt em {
    color: #FF8000;
    font-size: 110%;
    font-weight: 100;
    margin-left: 3px;
}
dl.revItem dt em.ttl {
    border: 1px solid #FF8000;
    color: #FF8000;
    font-size: 90%;
    font-weight: 100;
    margin: 10px 0 3px;
    padding: 0 3px;
}


dl.revItem dt em.item {
    color: #FF8000;
    display: block;
    font-size: 90%;
    font-weight: 100;
    margin-bottom: 0;
    margin-left: 3px;
}

dl.revItem dt span.spot {
    color: #333333;
    display: block;
    font-size: 90%;
    margin-top: 5px;
}

dl.revItem dd {
    float: left;
    font-size: 83%;
    padding: 4px 10px 13px 0;
    text-align: left;
    width: 555px;
}