@charset "shift_jis";
/* CSS Document */

#RANKING_16SS {width:100%; overflow:hidden; margin-top:-10px;}
/*#RANKING_16SS div.ttl{width:100%; height:auto; text-align:center; background-color:#f2e9e9; position:relative; height:60px;}
#RANKING_16SS div.ttl p{background: url(images/crown.png) no-repeat 0 17px;
    padding: 17px 0 17px 40px;
    font-size: 170%;
    position: absolute;
    left: 35%;
    height: auto;}
	
#RANKING_16SS div.ttl p.txtshort{background: url(images/crown.png) no-repeat 0 17px;
    padding: 17px 0 17px 40px;
    font-size: 170%;
    position: absolute;
    left: 40%;
    height: auto;}*/

#RANKING_16SS div.ttl{width:100%; height:auto; text-align:center; background-color:#f7e6f9;}

#RANKING_16SS div.ttl p{padding: 10px 0; font-size: 170%;}

#RANKING_16SS div.ttl p:before {
  content:url("images/crown.png");
  position: relative;
  top: 4px;
  right: 10px;
}
	
	
#RANKING_16SS h1{margin:-20px auto 20px; text-align:center; }

@media screen and (max-width: 1120px){
	
	#RANKING_16SS h1 {
		font-size: 100%;
	}
}

/*#RANKING_16SS ul.headmenu{width:100%; overflow:hidden; margin-left:0.5804311%;}
#RANKING_16SS ul.headmenu li{float:left; width:19.0713101%; margin:0 0 5px 0.5804311%; border:#CCCCCC 1px solid; background:url(images/arrow_head.png) no-repeat 96% 54%;}
#RANKING_16SS ul.headmenu li p{text-align:center; padding:17px 15px 13px 10px; text-decoration:none; font-size:120%; }
#RANKING_16SS ul.headmenu li a{text-decoration:none; color:#000;}
@media screen and (max-width: 1169px) {
	#RANKING_16SS ul.headmenu li p{text-align:center; padding:10% 15px 13px 10px; text-decoration:none; font-size:116%;}
#RANKING_16SS ul.headmenu li{background:url(images/arrow_head.png) no-repeat 96% 45%;}

}

*/


#RANKING_16SS ul.headmenu{width:100%; overflow:hidden; margin-left:0.5804311%;}
#RANKING_16SS ul.headmenu li{display:inline-block; vertical-align:top; width:19.0713101%; margin:0 0 5px 0.5804311%; border:#CCCCCC 1px solid; background:url(images/arrow_head.png) no-repeat 96% 54%; text-align:center;}
#RANKING_16SS ul.headmenu li p{display:inline-block; vertical-align:middle; padding:17px 15px 13px 10px; text-decoration:none; font-size:120%; }
#RANKING_16SS ul.headmenu li a{text-decoration:none; color:#000; display:block;}


#RANKING_16SS .ml18{ margin-left:18px;}
#RANKING_16SS .mt40{margin-top:40px;}
#RANKING_16SS .mt28{margin-top:28px;}

#RANKING_16SS .info{width:auto; border:#dfdfdf solid 1px; margin:40px 0 0 0}
#RANKING_16SS .info p{padding:20px;}

/* contents ranking style
=====================================================================*/

/*.dama_collection_ranking {
	margin: 40px 0 40px;
	padding: 0;
}*/

.officalsite img{ border:#dfdfdf 1px solid; width:100%; height:auto;}


#RANKING_16SS .mod_blockA{margin-top:20px;}

.rankingAreaTitle {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #626368;
}
.rankingAreaTitle h2 {
	float: left;
	display: inline;
	margin: 0 20px 0 0;
}
.rankingAreaTitle p {
	float: left;
	display: inline;
	margin: 0.2em 0 0;
}
.rankingAreaTitle ul {
	float: right;
	display: inline;
	margin: 0 5px 0 0;
}
.rankingAreaTitle ul li {
	display: inline-block;
}

.rankingArea {
	margin: 0;
	padding: 20px 0 0 0;/*201504差込6のためボトム0に*/
}
.rankingArea .top5 {
	margin: 0;
	padding: 0;
}
.rankingArea .top5 ol {
	margin: 0;
	padding: 0;
}
.rankingArea .top5 ol li {
	float: left;
	display: inline;
	width: 19.0713101%;
	margin-left:1.1608623%;
}
.rankingArea .top5 ol li:first-child{margin-left:0px;}

.rankingArea .top5 ol li img {
	display: block;
	margin: 0 0 5px;
	border:#dfdfdf 1px solid;
	width:98%;
	height:auto;
}

.rankingArea .top5 ol li p {
	/*width: 133px;*/
	margin: 0 auto;
	font-size: 92%;
}
.rankingArea .top5 p.btnTop50 {
	clear: both;
	margin: 0;
	padding: 10px 0 0;
	text-align: right;
}
.rankingArea .top5 p.star {
}
.rankingArea .top5 p.star img {
	margin: 5px 0 7px;
	display: inline-block;
	vertical-align: middle;
	width:30%;
	border:none;
}

.rankingArea .top5 ol li ul {
	/*-width: 133px;*/
	margin: 0 auto;
	font-size: 92%;
}
.rankingArea .top5 ol li ul li {
	width: 133px;
}
.rankingArea .top5 ol li ul li a {
	padding-left: 9px;
	background: url(/defaultMall/images/ht5/common/icn/arr_normal_darkgray_small_right.png) no-repeat 0px 0.3em;
}

.rankingArea .top5 ol li.rank01 p.image {
	background: url(/defaultMall/images/includehtml/fashion/originalshop/images/ranking_title_01.png) no-repeat left top;
	padding-top: 33px;
}
.rankingArea .top5 ol li.rank02 p.image {
	background: url(/defaultMall/images/includehtml/fashion/originalshop/images/ranking_title_02.png) no-repeat left top;
	padding-top: 33px;
}
.rankingArea .top5 ol li.rank03 p.image {
	background: url(/defaultMall/images/includehtml/fashion/originalshop/images/ranking_title_03.png) no-repeat left top;
	padding-top: 33px;
}
.rankingArea .top5 ol li.rank04 p.image {
	background: url(/defaultMall/images/includehtml/fashion/originalshop/images/ranking_title_04.png) no-repeat left top;
	padding-top: 33px;
}
.rankingArea .top5 ol li.rank05 p.image {
	background: url(/defaultMall/images/includehtml/fashion/originalshop/images/ranking_title_05.png) no-repeat left top;
	padding-top: 33px;
}

#parts_ranking {
	position: relative;
	margin: 0px 0 0px;/*20150417mobA入れたのでtop40px削除*/
	padding: 0;
}
#parts_ranking .rankingArea {
	margin: 0;
	padding: 0;
}
#parts_ranking .top5 {
	clear: both;
	margin: 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #626368;
}

#parts_ranking h2 {
	float: left;
	display: inline;
	width: 84px;
	height: 29px;
	margin: 0 20px 0 0;
	background:  url(/defaultMall/images/includehtml/fashion/originalshop/images/ranking_title.png) no-repeat left top;
	text-indent: -9999px;
}
/*#parts_ranking p.update {
	float: left;
	display: inline;
	width: 25%;
	margin: 0.2em 0 0;
}*/
#parts_ranking p.update {
position: absolute;
  top: 10px;
  right: 10px
}

#parts_ranking ul.tabmenu {
	position: absolute;
	left: 0;
	top: 0;
	height: 29px;
}
#parts_ranking ul.tabmenu li {
	float: left;
	display: inline;
	margin: 0 5px 0 0;
}