@charset "utf-8";
/* ===================================================================
CSS information

 file name  :ranking.css
 style info :ランキング
=================================================================== */
#h_ranking {
	background:#fff url(../img/ranking/title_ranking.gif) 0 0 no-repeat;
}
#ranking_body {
	clear:both;
	width:580px;
	padding-left:20px;
	padding-right:20px;
	background:#fff url(../img/bg_contents_body.gif) 0 0 repeat-y;
}
h3 {
	clear:both;
	width:580px;
	height:50px;
	text-indent:-9999px;
}
#title_s_ranking {
	background:#fff url(../img/ranking/title_s_ranking.gif) 0 0 no-repeat;
}
.ranking_list {
	width:580px;
	margin-bottom:20px;
}
.ranking_list_title {
	clear:both;
	width:580px;
	position:relative;
}
.ranking_list_title h4 {
	width:500px;
	height:65px;
	padding-left:80px;
	font-size:200%;
	line-height:2.6;
	color:#222;
	background:none;
}
.ranking_list_title p {
	float:right;
	top:10px;
	left:440px;
	font-size:200%;
	color:#fff;
	position:absolute;
}
.ranking_list_title p span {
	font-size:80%;
}
#ranking_no1 {
	background:#fff url(../img/ranking/ranking_no1.gif) 0 0 no-repeat;
}
#ranking_no2 {
	background:#fff url(../img/ranking/ranking_no2.gif) 0 0 no-repeat;
}
#ranking_no3 {
	background:#fff url(../img/ranking/ranking_no3.gif) 0 0 no-repeat;
}
#ranking_no4 {
	background:#fff url(../img/ranking/ranking_no4.gif) 0 0 no-repeat;
}
#ranking_no5 {
	background:#fff url(../img/ranking/ranking_no5.gif) 0 0 no-repeat;
}
#ranking_no6 {
	background:#fff url(../img/ranking/ranking_no6.gif) 0 0 no-repeat;
}
.ranking_left {
	width:270px;
	float:left;
	display:inline;
	margin:10px 0 10px 10px;
	padding-bottom:25px;
	background:#fff url(../img/ranking/ranking_leftinfo_bottom.gif) 0 bottom no-repeat;
}
.ranking_left h5 {
	width:270px;
	height:30px;
	text-indent:-9999px;
	background:url(../img/ranking/title_company.gif) 0 0 no-repeat;
}
.ranking_left p {
	width:270px;
	height:245px;
	text-align:center;
	margin:0 auto;
	background:url(../img/ranking/title_company_body.gif) 0 0 no-repeat;
}
.ranking_left p img {
	padding-top:6px;
	margin:0 auto;
	display:block;
}
.ranking_left p span {
	width:260px;
	height:35px;
	display:block;
	margin:0 auto;
}
.ranking_left p span a {
	display:block;
	width:260px;
	height:35px;
	text-indent:-9999px;
	background:url(../img/ranking/goto_company.gif) 0 0 no-repeat;
}
.ranking_left p span a:hover {
	background:url(../img/ranking/goto_company.gif) 0 -35px no-repeat;
}
.ranking_left dl {
	width:250px;
	clear:both;
	margin:0 10px;
	border-bottom:#78c4c0 1px dotted;
}
.ranking_left dl dt {
	float:left;
	width:70px;
}
.ranking_left dl dd {
	float:left;
	width:180px;
}
.ranking_right {
	width:280px;
	float:right;
	display:inline;
	margin:10px 10px 10px 0;
	background:#fff url(../img/ranking/ranking_rightinfo_bottom.gif) 0 bottom no-repeat;
}
.ranking_right p {
	width:280px;
	text-align:center;
	margin:0 auto;
}
.ranking_right ul {
	width:260px;
	display:block;
	padding:45px 10px 0;
	background:url(../img/ranking/title_services.gif) 0 top no-repeat;
}
.ranking_right ul li {
	padding-left:25px;
	background:url(../img/ranking/icon_list_butterfly.gif) 0 0 no-repeat;
	border-bottom:#c1b578 1px dotted;
	margin-bottom:5px;
}
.mouth {
	clear:both;
	width:580px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../img/ranking/title_mouth_bottom.gif) 0 bottom no-repeat;
}
.mouth h5 {
	width:580px;
	height:25px;
	text-indent:-9999px;
	background:url(../img/ranking/title_mouth.gif) 0 0 no-repeat;
}
.mouth ul {
	clear:both;
	width:560px;
	margin:0 auto;
}
.mouth ul li {
	width:450px;
	padding:20px 10px 10px 100px;
	margin-bottom:10px;
	background:url(../img/ranking/bg_mouth.gif) 0 top no-repeat;
	border-bottom:#78c4c0 2px dotted;
}