@charset "utf-8";

#main {
    float: none;
    width: 100%;
}

#fanunContents{
	background: url(../img/bg_contents.jpg) repeat;
	padding: 0 0 100px;
}

#fanfunHeader{
	position: relative;
	width: 1000px;
	margin: 0 auto 35px;
}

#fanfunTtl{
	width: 1000px;
	height: 538px;
}


.intro {
    font-size: 16px;
    left: 137px;
    line-height: 1.5;
    position: absolute;
    text-align: center;
    top: 366px;
    width: 750px;
}

.intro span{
	font-weight: bold;
}

#fanfunBody{
	width: 894px;
	margin: 0 auto;
}

.sectionTtl{
	margin: 0 auto 10px;
}

.revieList li{
	background: url(../img/bg_list.jpg) no-repeat right bottom #ffffff;
	border:4px solid #00c0ff;
	width: 400px;
	height: 220px;
	margin: 0 18px 18px 0;
	padding: 15px 15px 0;
	float: left;
}

.revieList li:nth-child(even){
	margin: 0 0 18px 0;
}

.imgPart{
	width: 130px;
	float: left;
}

.imgPart img{
	max-width: 100%;
	margin: 0 0 3px;
}

.pointStyle{
	width: auto;
	text-align: center;
	color: #ffffff;
	line-height: 1;
}

.pointStyle span{
	font-size: 26px;
}

.point_color_100{
	background-color:#ff0066!important;
}

.point_color_90{
	background-color:#c68fff!important;
}

.point_color_80{
	background-color:#56e0f5!important;
}

.point_color_70{
	background-color:#54e76c!important;
}

.point_color_normal{
	background-color:#757b7e!important;
}


.judgePart{
	width: 260px;
	float: right;
}


.companionNmBox{
	border-bottom:1px solid #ffdcee;
	padding-bottom: 3px;
	margin-bottom: 3px;
	font-size: 16px;
}

.companionNmBox .companionNm{
	display: block;
	float: left;
	font-weight: bold;
	margin-top: 5px;
}

.companionNmBox .companionNm a{
	color: #000000;
}

.companionNmBox .new{
	display: block;
	float: right;
}

.judgePart dl{
	border-bottom: 1px dotted #b3b2b2;
	padding-bottom: 2px;
	margin-bottom: 2px;
}

.judgePart dl:last-child{
	border-bottom: 1px solid #ffdcee;
}


.judgePart dt{
	clear: both;
	color: #ff3197;
	float: left;
	width: 180px;
	margin-right: 10px;
}

.judgePart dd{
	float: left;
}

.special dt{
	width: auto!important;
}



.toDetail{
	clear: both;
	background-color: #00c0ff;
	display: block;
	padding: 5px 5px 6px;
	color: #ffffff;
	line-height: 20px;
	text-align: center;
	width: 170px;
}

.toDetail a{
	color: #ffffff;
	text-decoration: none;
}


.starColor{
	color:#ff8a00;
}


.color_1{
	color: #00c0ff;
}

.color_2{
	color:#ff3197;
}


#commentBox{
	background: url(../img/bg_commentBox.jpg) no-repeat left top;
	width: 893px;
	height: 527px;
	position: relative;
}

.comment {
    font-size: 16px;
    left: 103px;
    position: absolute;
    text-align: center;
    top: 106px;
    width: 686px;
}

.comment span{
	font-weight: bold;
}

.btnList{
	width: 654px;
	position: absolute;
	bottom:50px;
	left: 120px;
}

.btnList li{
	float: left;
}

.btnList li:last-child{
	float: right;
}