@charset "utf-8";

/* page_ranking
------------------------------------------------ */
#page_ranking {
}

/* ranking_list */
#page_ranking .ranking_list {
}

	#page_ranking .ranking_list .cat {
		margin: 50px 0;
		padding: 6px 0;
		background: #f4f4f4;
		text-align: center;
		font-size: 154%;
		font-weight: bold;
	}

	#page_ranking .ranking_list .box {
		margin-bottom: 80px;
	}

		#page_ranking .ranking_list .box .item_list1 {
		}

			#page_ranking .ranking_list .box .item_list1 li {
			}

				#page_ranking .ranking_list .box .item_list1 li .name { font-weight: bold; }

	/* rank1_2_3 */
	#page_ranking .ranking_list .rank1_2_3 {}
		#page_ranking .ranking_list .rank1_2_3 .item_list1 {}
		#page_ranking .ranking_list .rank1_2_3 .rank1 { float: left; padding-left: 10px; width: 380px; }
		#page_ranking .ranking_list .rank1_2_3 .rank2_3 { clear: none; float: right; width: 324px; }
			#page_ranking .ranking_list .rank1_2_3 .item_list1 li { width: 100%; }
			#page_ranking .ranking_list .rank1_2_3 .rank2_3 li { float: none; margin: 0 0 30px 0; }
				#page_ranking .ranking_list .rank1_2_3 .rank2_3 li .photo,
				#page_ranking .ranking_list .rank1_2_3 .rank2_3 li .info { display: inline-block; vertical-align: middle; }
				#page_ranking .ranking_list .rank1_2_3 .rank2_3 li .photo { width: 200px; }
				#page_ranking .ranking_list .rank1_2_3 .rank2_3 li .info { margin-left: 14px; width: 110px; }
					#page_ranking .ranking_list .rank1_2_3 .rank1 li .name { font-size: 139%; }
					#page_ranking .ranking_list .rank1_2_3 .rank2_3 li .name { font-size: 108%; }

	/* rank4_5_6 */
	#page_ranking .ranking_list .rank4_5_6 {}
		#page_ranking .ranking_list .rank4_5_6 .item_list1 {}
			#page_ranking .ranking_list .rank4_5_6 .item_list1 li { margin-left: 40px; width: 230px; }

	/* rank_other */
	#page_ranking .ranking_list .rank_other { margin-bottom: 0; }
		#page_ranking .ranking_list .rank_other .item_list1 {}
			#page_ranking .ranking_list .rank_other .item_list1 li { margin-left: 32px; width: 168px; }

/* more */
#page_ranking .more {
	margin: 42px 0 0 auto;
	width: 136px;
}

	#page_ranking .more_mens a { background-image: url(../../img/ranking/mens_item.png); }
	#page_ranking .more_womens a { background-image: url(../../img/ranking/womens_item.png); }
	#page_ranking .more_lifestyle a { background-image: url(../../img/ranking/lifestyle_item.png); }