@charset "Shift_JIS";

/* CSS目次
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
[00]ALLカラーコード
人気コスメランキングを年代別・性別でご紹介！ページのテーブルカラー

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#3399CC/*INDEX*/
#F1F5FA

#50C5C5/*10代*/
#F1FAFA

#FFCC33/*20代*/
#FFF8DF

#FF8C8C/*30*/
#FDF2F0

#74D074/*40*/
#F1FAF1

#FF9966/*50*/
#FFEEE6

#6799CC/*男性ランキング*/
#EDF3FA

.rankindex {
	text-align: left;
	background-color: #3399CC;
}

.rankindexback {
	text-align: left;
	background-color: #F1F5FA;
}

.rank10dai {
	text-align: left;
	background-color: #50C5C5;
	height: auto;
	width: 251px;
}

.rank10daiback {
	text-align: left;
	background-color: #F1FAFA;
}

.rank10dailine {
	text-align: left;
	background-color: #F1FAFA;
}

.rank20dai {
	text-align: left;
	background-color: #FFCC33;
	height: auto;
	width: 251px;
}

.rank20daiback {
	text-align: left;
	background-color: #FFF8DF;
	width: 249px;
}

.rank20dailine {
	text-align: left;
	background-color: #FFF8DF;
}

.rank30dai {
	text-align: left;
	background-color: #FF8C8C;
	height: auto;
	width: 251px;
}

.rank30daiback {
	text-align: left;
	background-color: #FDF2F0;
	width: 249px;
}

.rank30dailine {
	text-align: left;
	background-color: #FDF2F0;
}

.rank40dai {
	text-align: left;
	background-color: #74D074;
	height: auto;
	width: 251px;
}

.rank40daiback {
	text-align: left;
	background-color: #F1FAF1;
	width: 249px;
}

.rank40dailine {
	text-align: left;
	background-color: #F1FAF1;
}

.rank50dai {
	text-align: left;
	background-color: #FF9966;
	height: auto;
	width: 251px;
}

.rank50daiback {
	text-align: left;
	background-color: #FFEEE6;
	width: 249px;
}

.rank50dailine {
	text-align: left;
	background-color: #FFEEE6;
}

.rankdansei {
	text-align: left;
	background-color: #6799CC;
	height: auto;
	width: 253px;
}

.rankdanseiback {
	text-align: left;
	background-color: #EDF3FA;
	width: 250px;
}

.rankdanseiline {
	text-align: left;
	background-color: #EDF3FA;
}


.waku10 {
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #50C5C5;
	float:left;
}

.waku10 th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #50C5C5;
	background-color: #F1FAFA;
}
.waku10 td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #50C5C5;
	background-color: #F1FAFA;
}
.waku10 .sozailist li {
	list-style-image: url("../images/en_green.gif");
	margin: 3px 0 0 20px;
	padding: 0 0 0 0;
}

/*10代枠*/
.waku10 {
	width: 250px;
	border: 1px solid #50C5C5;
	float:left;
	margin: 0 0 10px 0;
}

.waku10 th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #50C5C5;
	background-color: #F1FAFA;
}
.waku10 td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #50C5C5;
	background-color: #F1FAFA;
}

/*20代枠*/
.waku20 {
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #FFCC33;
	float:right;
	margin: 0 0 10px 0;
}

.waku20 th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #FFCC33;
	background-color: #FFF8DF;
}
.waku20 td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #FFCC33;
	background-color: #FFF8DF;
}

/*30代枠*/
.waku30 {
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #FF8C8C;
	float:left;
	margin: 0 0 10px 0;
}

.waku30 th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #FF8C8C;
	background-color: #FDF2F0;
}
.waku30 td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #FF8C8C;
	background-color: #FDF2F0;
}

/*40代枠*/
.waku40 {
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #74D074;
	float:right;
	margin: 0 0 10px 0;
}

.waku40 th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #74D074;
	background-color: #F1FAF1;
}
.waku40 td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #74D074;
	background-color: #F1FAF1;
}

/*50代枠*/
.waku50 {
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #FF9966;
	float:left;
	margin: 0 0 10px 0;
}

.waku50 th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #FF9966;
	background-color: #FFEEE6;
}
.waku50 td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #FF9966;
	background-color: #FFEEE6;
}


/*男性枠*/
.wakumen {
	width: 250px;
	margin: 0 0 0 0;
	padding: 10px 5px 0 5px;
	border: 1px solid #50C5C5;
	float:right;
	margin: 0 0 10px 0;
}

.wakumen th {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #50C5C5;
	background-color: #EDF3FA;
}
.wakumen td {
	text-align: left;
	margin: 0 0 0 0;
	padding: 5px 0 5px 5px;
	border: 1px solid #50C5C5;
	background-color: #EDF3FA;
}

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */