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

#container h2{
	width:706px;
	margin:1px auto 10px;	
}

#container h3{
	text-align:center;
	background:url(../ranking/img/title_rank.jpg) no-repeat;
	width:688px;
	height:38px;
	margin:0 auto 20px;
	line-height:1.9em;
	color:#FFF;
	font-weight:bold;
	font-size:20px;
}

#container ul{
	margin:0 0 20px;	
}

#container li{
	margin:0 auto 10px;	
}

/* =============================================================================
   Rank1-3
   ========================================================================== */

.rank1{
	background:url(../ranking/img/rank1.gif) no-repeat;
}

.rank2{
	background:url(../ranking/img/rank2.gif) no-repeat;
}

.rank3{
	background:url(../ranking/img/rank3.gif) no-repeat;
}

.rank1,
.rank2,
.rank3{
	width:706px;
	height:288px;
	position:relative;	
}

.rank1 h4,
.rank2 h4,
.rank3 h4{
    font-size: 16px;
    font-weight: bold;
    left: 398px;
    position: absolute;
    top: 38px;
}

.rank1 h5,
.rank2 h5,
.rank3 h5{
  font-size:10px;
  font-weight:normal;
  left:398px;
  position:absolute;
  top:55px;
}

.rank1 .thum,
.rank2 .thum,
.rank3 .thum {
    height: 240px;
    left: 192px;
    overflow: hidden;
    position: absolute;
    top: 24px;
    width: 180px;
}

.rank1 .thum img,
.rank2 .thum img,
.rank3 .thum img {
    height: 240px;
    width: 180px;
}

.rank1 em,
.rank2 em,
.rank3 em {
  color:#333333;
  font-style:normal;
  left:398px;
  position:absolute;
  top:69px;
}

.rank1 p,
.rank2 p,
.rank3 p{
    color: #FFFFFF;
    font-size: 11px;
    height: 150px;
    left: 404px;
    line-height: 1.4em;
    overflow: auto;
    position: absolute;
    top: 97px;
    width: 256px;
}

.rank1 .icon,
.rank2 .icon,
.rank3 .icon {
    left: 528px;
    position: absolute;
    top: 40px;
}

/* =============================================================================
   Rank4-10 and more
   ========================================================================== */

.rank4{
	background:url(../ranking/img/rank4.jpg) no-repeat;
}

.rank5{
	background:url(../ranking/img/rank5.jpg) no-repeat;
}

.rank6{
	background:url(http://ogoto-sakuran.com/ranking/img/rank6.jpg) no-repeat;
}

.rank7{
	background:url(http://ogoto-sakuran.com/ranking/img/rank7.jpg) no-repeat;
}

.rank8{
	background:url(http://ogoto-sakuran.com/ranking/img/rank8.jpg) no-repeat;
}

.rank9{
	background:url(http://ogoto-sakuran.com/ranking/img/rank9.jpg) no-repeat;
}

.rank10{
	background:url(http://ogoto-sakuran.com/ranking/img/rank10.jpg) no-repeat;
}

.ranks{
	background:url(../ranking/img/ranks.jpg) no-repeat;
}

.rank4,
.rank5,
.rank6,
.rank7,
.rank8,
.rank9,
.rank10,
.ranks{
	width:706px;
	height:193px;
	position:relative;	
}

.rank4 h4,
.rank5 h4,
.rank6 h4,
.rank7 h4,
.rank8 h4,
.rank9 h4,
.rank10 h4,
.ranks h4{
	font-size: 16px;
    font-weight: bold;
    left: 333px;
    position: absolute;
    top: 18px;
}

.rank4 h5,
.rank5 h5,
.rank6 h5,
.rank7 h5,
.rank8 h5,
.rank9 h5,
.rank10 h5,
.ranks h5{
  font-size:10px;
  font-weight:normal;
  left:333px;
  position:absolute;
  top:33px;
}

.rank4 .thum,
.rank5 .thum,
.rank6 .thum,
.rank7 .thum,
.rank8 .thum,
.rank9 .thum,
.rank10 .thum,
.ranks .thum {
    height: 160px;
    left: 193px;
    overflow: hidden;
    position: absolute;
    top: 17px;
    width: 120px;
}

.rank4 .thum img,
.rank5 .thum img,
.rank6 .thum img,
.rank7 .thum img,
.rank8 .thum img,
.rank9 .thum img,
.rank10 .thum img,
.ranks .thum img {
    height: 160px;
    width: 120px;
}

.rank4 em,
.rank5 em,
.rank6 em,
.rank7 em,
.rank8 em,
.rank9 em,
.rank10 em,
.ranks em {
    color: #333333;
    font-style: normal;
    left: 333px;
    position: absolute;
    top: 45px;
}

.rank4 p,
.rank5 p,
.rank6 p,
.rank7 p,
.rank8 p,
.rank9 p,
.rank10 p,
.ranks p{
    color: #FFFFFF;
    font-size: 11px;
    height: 98px;
    left: 337px;
    line-height: 1.4em;
    overflow: auto;
    position: absolute;
    top: 68px;
    width: 332px;
}

.rank4 .icon,
.rank5 .icon,
.rank6 .icon,
.rank7 .icon,
.rank8 .icon,
.rank9 .icon,
.rank10 .icon,
.ranks .icon {
    left: 532px;
    position: absolute;
    top: 19px;
}