@charset "utf-8";

/* CSS Document */

#ranking {
	color:#333;
	line-height:18px;
	position: relative;
	width:520px;
	background-color:#f499a3;
}

.no { display: none; }

.sp_em { margin-bottom: 1em; }

.clear { clear:both }

/* タイトル */

#rnk_title01 {
	background: url(img/rnk_title01.jpg);
	height: 295px;
}

#rnk_title02 {
	background: url(img/rnk_title02.jpg);
	height: 318px;
}

#rnk_title03 {
	background: url(img/rnk_title03.jpg);
	height: 137px;
}

#rnk_menu {
	background: url(img/rnk_menu.jpg);
	height: 150px;
	clear: both;
}

#rnk_menu li { float:left; }

.name {
	padding:90px 0 0 42px;
	float:left;
}

#title_text {
	padding:0 40px 0 15px;
	float:right;
	width: 310px;
}

/* タイトル */

/* リンクボタン */
a.rnk_btn01 {
	background: url(img/rnk_btn01.jpg) 0px 0px no-repeat;
	width: 143px;
	height: 128px;
	display: block;
	margin: 2px 0 0 44px;
}

a.rnk_btn02 {
	background: url(img/rnk_btn02.jpg) 0px 0px no-repeat;
	width: 143px;
	height: 128px;
	display: block;
	margin:2px 0 0 7px;
}

a.rnk_btn03 {
	background: url(img/rnk_btn03.jpg) 0px 0px no-repeat;
	width: 143px;
	height: 128px;
	display: block;
	margin:2px 0 0 7px;
}

a:hover.rnk_btn01,
a:hover.rnk_btn02,
a:hover.rnk_btn03 { background-position:0px -139px; }

a.back_btn {
	background: url(img/back_btn.jpg) 0px 0px no-repeat;
	width: 196px;
	height: 56px;
	display: block;
	margin:7px 0 0 303px;
}

.top_link { margin-left:400px; margin-bottom:20px;}

a:hover.top_btn { background-position:0px -41px; }

/* リンクボタン */


/* Love系 */
#love_01 {
	background: url(img/rnk_love01.jpg);
	height: 380px;
}

#love_02 {
	background: url(img/rnk_love02.jpg);
	height: 380px;
}

#love_03 {
	background: url(img/rnk_love03.jpg);
	height: 380px;
}

#love_04 {
	background: url(img/rnk_love04.jpg);
	height: 380px;
}

#love_05 {
	background: url(img/rnk_love05.jpg);
	height: 380px;
}

#love_06 {
	background: url(img/rnk_love06.jpg);
	height: 435px;
}

#bottom {
	background:url(img/rnk_bottom.jpg);
	height: 90px;
}

/* Love系 */

/* 対人系 */
#man_01 {
	background: url(img/rnk_man01.jpg);
	height: 380px;
}

#man_02 {
	background: url(img/rnk_man02.jpg);
	height: 380px;
}

#man_03 {
	background: url(img/rnk_man03.jpg);
	height: 380px;
}

#man_04 {
	background: url(img/rnk_man04.jpg);
	height: 435px;
}
/* 対人系 */

/* 金運系 */
#gold_01 {
	background: url(img/rnk_gold01.jpg);
	height: 380px;
}

#gold_02 {
	background: url(img/rnk_gold02.jpg);
	height: 380px;
}

#gold_03 {
	background: url(img/rnk_gold03.jpg);
	height: 380px;
}

#gold_04 {
	background: url(img/rnk_gold04.jpg);
	height: 380px;
}

#gold_05 {
	background: url(img/rnk_gold05.jpg);
	height: 435px;
}
/* 金運系 */

/* メインテキスト */
.rnk_text01 {
	padding: 215px 0 0 85px;
	width:192px;
	float:left;
}

.rnk_text02 {
	padding: 184px 38px 0 0;
	width:172px;
	float:right;
}

.rnk_text03 {
	padding: 245px 0 0 72px;
	width:175px;
	float:left;
}

.rnk_text04 {
	padding: 190px 48px 0 0;
	width:200px;
	float:right;
}

.rnk_text05 {
	padding: 222px 0 0 85px;
	width:192px;
	float:left;
}

.rnk_text06 {
	padding: 191px 38px 0 0;
	width:172px;
	float:right;
}

.rnk_text07 {
	padding: 255px 0 0 72px;
	width:175px;
	float:left;
}

.rnk_text08 {
	padding: 205px 48px 0 0;
	width:200px;
	float:right;
}

.rnk_text09 {
	padding: 232px 0 0 85px;
	width:192px;
	float:left;
}

.rnk_text10 {
	padding: 201px 38px 0 0;
	width:172px;
	float:right;
}

.rnk_text11 {
	padding: 265px 0 0 72px;
	width:175px;
	float:left;
}

.rnk_text12 {
	padding: 215px 48px 0 0;
	width:200px;
	float:right;
}