/* ############################ 共通 ######################### */

html, body, div, nav, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,footer,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

* {
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}


html,body{
color:#555;
letter-spacing:0.5px;
font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

ol, ul {
	list-style: none;
}

p {
line-height:1.6;
}
dl {
line-height:1.6;
}

caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align:top;
}

img {
max-width: 100%;
height: auto;
width /***/:auto;
border:0;
vertical-align:bottom;
}

a,a:link{
color:#0066c0;
text-decoration:none;
}
a:hover{
color:#ee7c1a;
text-decoration:underline;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ############################ 共通ここまで ######################### */

.rank_content {
	width: 590px;
	height: 600px;
}

.rank_title {
	margin-bottom: 10px;
}

.rank_text p {
	margin-bottom: 10px;
}
	
.rank_text p {
	font-size: 13px;
}

.rank_content ul li {
	width: 203px;
	padding-right: 19px;
	list-style: none;
	float: left;
}

.rank_content ul li:nth-child(1) {
	padding-top: 43px;
	background: url(rank_icon001.png) no-repeat 0 0;
}

.rank_content ul li:nth-child(2) {
	padding-top: 43px;
	background: url(rank_icon002.png) no-repeat 0 0;
}
	
.rank_content ul li:nth-child(3) {
	padding-top: 43px;
	background: url(rank_icon003.png) no-repeat 0 0;
	width: 184px;
	padding-right: 0;
}

.rank_content ul li:nth-child(4) {
	padding-top: 50px;
	background: url(rank_icon004.png) no-repeat 0 0;
}

.rank_content ul li:nth-child(5) {
	padding-top: 50px;
	background: url(rank_icon005.png) no-repeat 0 0;
}

.rank_content ul li:nth-child(6) {
	padding-top: 50px;
	background: url(rank_icon006.png) no-repeat 0 0;
	width: 184px;
	padding-right: 0;
}

.rank_content ul li a:hover img {
	opacity: 0.7;
}

.picture {
	margin-bottom: 7px;
}

.picture img {
	width: 184px;
	height: 184px;
}

.name {
	margin-bottom: 20px;
	overflow: hidden;
	height: 60px;
}

.name p {
	font-size: 13px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}