@charset "UTF-8";
/*
	利用した時のお話
------------------------------------------ */

#top .firstCon p {
	padding: 0 10px;
}

/*
	遺品買取がおすすめ
------------------------------------------ */
#top .osusumeCon > div {
	margin-bottom: 30px;
}

#top .osusumeCon > div >img {
	float: left;
	width: 280px;
	margin-right: 20px;
}

#top .osusumeCon ul {
	margin: 20px 0;
	padding: 10px 16px 6px;
	border: 2px solid #439b55;
}

#top .osusumeCon ul li {
	padding-bottom: 4px;
}

#top .osusumeCon ul li span {
	color: #439b55;
	font-size: 18px;
	font-weight: bold;
}

/*
	業者ランキング
------------------------------------------ */

#top .rankingCon  {
	padding: 20px 30px;
	border: 1px solid #bbb;
	margin-bottom: 30px;
}

#top .rankingCon h3 {
	height: 80px;
	line-height: 80px;
	color: #439b55;
	font-size: 30px;
	padding-left: 10px;
	font-weight: normal;
}

#top .rankingCon h3.rank1 {
	background:url(../img/top/ranking_icon1.png) no-repeat left center;
	padding-left: 100px;
	margin-bottom: 20px;
}

#top .rankingCon h3.rank2 {
	background:url(../img/top/ranking_icon2.png) no-repeat left center;
	padding-left: 100px;
	margin-bottom: 20px;
}

#top .rankingCon h3.rank3 {
	background:url(../img/top/ranking_icon3.png) no-repeat left center;
	padding-left: 100px;
	margin-bottom: 20px;
}

#top .rankingCon > div > img {
	float: left;
	width: 270px;
	margin-right: 30px;
	border: 1px solid #bbb;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

#top .rankingCon .shopData {
	float: left;
	width: 410px;
	margin-bottom: 40px;
}

#top .rankingCon .shopData p {
	text-align: center;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background: #72c082;
	color: #fff;
}

#top .rankingCon .shopData ul {
	margin-top: 10px;
}

#top .rankingCon .shopData ul li {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #bbb;
	padding-left: 8px;
}

#top .rankingCon .shopData ul li:first-child {
	border-top: 1px solid #bbb;
}

/* 星8*/
#top .rankingCon .shopData ul li.star8 {
	background:url(../img/common/starimg_8.png) no-repeat 98% center;
}
/* 星7*/
#top .rankingCon .shopData ul li.star7 {
	background:url(../img/common/starimg_7.png) no-repeat 98% center;
}
/* 星6*/
#top .rankingCon .shopData ul li.star6 {
	background:url(../img/common/starimg_6.png) no-repeat 98% center;
}
/* 星5*/
#top .rankingCon .shopData ul li.star5 {
	background:url(../img/common/starimg_5.png) no-repeat 98% center;
}

#top .rankingCon .btnCon {
	margin: 40px 0 20px;
}

#top .rankingCon .btnCon div {
	width: 340px;
	height: 60px;
	line-height: 60px;
	float: left;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

#top .rankingCon .btnCon div a {
	display: block;
	color: #fff;
	background:url(../img/common/arrow_r_wi.svg) no-repeat 95% center;
	background-size: 20px;
	padding-left: 16px;
}

#top .rankingCon .btnCon div:hover {
	opacity: 0.9;
}

#top .rankingCon .btnCon .infoBtn {
	background: #b3ba83;
	background: -moz-linear-gradient(top, #b3ba83 0%, #a4ab78 100%);
	background: -webkit-linear-gradient(top, #b3ba83 0%,#a4ab78 100%);
	background: linear-gradient(to bottom, #b3ba83 0%,#a4ab78 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ba83', endColorstr='#a4ab78',GradientType=0 );
	margin-right: 38px;
}

#top .rankingCon .btnCon .koushikiBtn {
	background: #7aa2c3;
	background: -moz-linear-gradient(top, #7aa2c3 0%, #6e92b0 100%);
	background: -webkit-linear-gradient(top, #7aa2c3 0%,#6e92b0 100%);
	background: linear-gradient(to bottom, #7aa2c3 0%,#6e92b0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7aa2c3', endColorstr='#6e92b0',GradientType=0 );
}