@charset "utf-8";

/*-----------contentsChildDouble-----------*/
#contentsChildDouble img { vertical-align:top }
#contentsChildDouble .nowrap { white-space:nowrap}

#contentsChildDouble {
	font-size:10px!important; /* モダンブラウザ向け */
	font-size:80%; /* IE 向け */
	line-height:1.2;
}
sup { font-weight:normal;}
#contentsChildDouble a { color:#000000;}


/*----------------------
	chart共通
----------------------*/
#contentsChildDouble .top {
	position:relative;
	width:800px;
	height:150px;
}
#contentsChildDouble h2 { padding:40px 0 0 70px;}
#contentsChildDouble .intro { padding:22px 0 0 70px;}

#contentsChildDouble .other-charts { 
	position:absolute;
	left:550px;
	top:55px;
}
#contentsChildDouble .other-charts li {
	margin:0 0 5px;
}

#contentsChildDouble .chart, 
#contentsChildDouble .chart01,
#contentsChildDouble .chart02  {
	background:#FFFFFF;
	clear:both;
	text-align:center;
	width:100%;
}
#foundation th,
#foundation td,
#lip th,
#lip td,
#mascara th,
#mascara td { color:#000000; vertical-align:baseline; }

#contentsChildDouble .chart a, 
#contentsChildDouble .chart01 a,
#contentsChildDouble .chart02 a  { display:inline-block;}


/*----------------------
	foundation
----------------------*/
#foundation .top {
	background:url(../../../images/makeup/chart/img/foundation/bg_FoundationChar.jpg) no-repeat left top;
	margin:0 0 30px 0;
}

/*table chart*/
#foundation th, 
#foundation td {
	border-right:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
}
#foundation .prods td {
	border-right:1px solid #f1d3b8;
}
#foundation .details td {
	vertical-align:top;
	border-right:1px solid #f1d3b8;
	border-left:1px solid #f1d3b8;
	border-bottom:1px solid #f1d3b8;
}

#foundation .peoples .last-col { border-right:1px solid #f1d3b8;}
#foundation .features .last-col { border-right:1px solid #f6e1cd;}
#foundation .coverstrength .last-col { border-right:1px solid #fef1e3;}

/*#foundation td { width:15%;}*/
#foundation .peoples th,
#foundation .peoples td {
	background-color:#f1d3b8;
	padding:6px 2px;
}
#foundation .features th,
#foundation .features td {
	background-color:#f6e1cd;
	padding:6px 2px;
}
#foundation .coverstrength th,
#foundation .coverstrength td {
	background-color:#fef1e3;
	padding:6px 2px;
}
#foundation .prods th {
	background-color:#fef1e3;
	border-bottom:1px solid #fef1e3;
}

#foundation .details td { padding:5px 2px 15px 2px;}
#foundation .prods td { padding:5px 0 0 0;}

/* Safari3用 only \*/ 
body:first-of-type #foundation table { border-right:1px solid #FFFFFF; }
/* Safari2用 only \*/ 
html:\66irst-child #hack { border-right:1px solid #FFFFFF; } 



/*----------------------
	lip
----------------------*/
#lip .top {
	background:url(../../../images/makeup/chart/img/lip/bg_LipChart.jpg) no-repeat left top;
	margin:0 0 30px 0;
}

/*table chart01*/
#lip table {
	border-right:1px solid #dcdcdc;
}
#lip .chart01 {
	border-bottom:1px solid #dcdcdc;
	margin:0 0 20px 0;
}
#lip .chart02 {
	border-top:1px solid #dcdcdc;
}

#lip .chart01 th, 
#lip .chart01 td {
	width:20%;
}
#lip tr.effect td,
#lip tr.texture td,
#lip tr.coloring td {
	border-right:1px solid #FFFFFF;
}
#lip tr.effect td,
#lip tr.texture td {
	border-bottom:1px solid #FFFFFF;
}
#lip .chart01 tr.notices td {
	border-bottom:none;
}
#lip .chart01 .kind-first {
	border-left:1px solid #dcdcdc;
}
#lip .chart01 th.kind-last,
#lip .chart01 td.kind-last,
#lip .chart01 tr.packshot td.kind-last,
#lip .chart01 tr.scent td.kind-last,
#lip .chart01 tr.notices td.kind-last,
#lip .chart01 tr.details td.kind-last,
#lip .chart01 tr.details td.kind-last {
	border-right:1px solid #dcdcdc;
}
#lip .chart01 tr.packshot td,
#lip .chart01 tr.details td,
#lip .chart01 tr.scent td,
#lip .chart01 tr.notices td {
	border-right:1px solid #f6cce2;
}
#lip .chart01 th.lipgloss {
	background-color:#fdc9c9;
	padding:6px 0;
}
#lip .chart01 th.lipstick {
	background-color:#f3bcd8;
	padding:6px 0;
}
#lip .chart01 .effect td {
	vertical-align:middle;
}
#lip .chart01 .effect td,
#lip .chart01 .texture td,
#lip .chart01 .coloring td {
	background-color:#fce5e7;
	padding:8px 0;
}
#lip .chart01 .packshot td {
	padding:25px 0 15px;
}
#lip .chart01 .details td {padding:0 5px 15px;vertical-align:top;}

#lip .chart01 .notices td {text-align:right;padding:15px 10px 20px;}

/*table chart01*/
#lip .chart02 th, 
#lip .chart02 td {width:33.3%;}

#lip .chart02 th.base,
#lip .chart02 th.liner,
#lip .chart02 .effect td,
#lip .chart02 .packshot td,
#lip .chart02 .details td{
	border-left:1px solid #dcdcdc;
	border-right:1px solid #dcdcdc;
	padding:0 0 15px 0;
}
#lip .chart02 th.base,
#lip .chart02 th.liner {background:#f6bdc5;padding:6px 0;}

#lip .chart02 .effect td {padding:15px 0 2px;}

#lip .chart02 .packshot td {padding:10px 0;}
#lip .chart02 .scent td {border-left:1px solid #dcdcdc;}
#lip .chart02 .notices td {padding:15px 0 20px 0;border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc;}


/*----------------------
	mascara
----------------------*/
#mascara .top {
	background:url(../../../images/makeup/chart/img/mascara/bg_MascaraChart.jpg) no-repeat left top;
	margin:0 0 30px 0;
}

/*table*/
#mascara table {
	border-right:1px solid #898989;
	border-left:1px solid #898989;
}
#mascara .chart01 {
	margin:0 0 20px 0;
	border-bottom:1px solid #898989;
}
#mascara .chart02 {
	border-top:1px solid #898989;
}

#mascara td {
	border-right:1px solid #898989;
	border-left:1px solid #898989;
}
#mascara th.lengthseparate,
#mascara th.volume,
#mascara th.foundation-care {
	border-right:1px solid #898989;
}
#mascara th.waterproof {
	border-left:1px solid #898989;
}
#mascara th.curlvolume {
	border-right:1px solid #FFFFFF;
}
#mascara tr.details td.lengthseparate,
#mascara tr.details td.curlvolume,
#mascara tr.details td.extension-repair,
#mascara tr.details td.volume-care,
#mascara td.foundation-care,
#mascara tr.details td.makeupremover,
#mascara tr.details td.extension-repair,
#mascara tr.details td.volume-care,
#mascara tr.usage td.extension-repair,
#mascara tr.usage td.volume-care {border-bottom:1px solid #898989;}

#mascara th.lengthseparate,
#mascara th.curlvolume {background-color:#9ed8f6;padding:6px 0;}

#mascara th.volume,
#mascara th.length {background-color:#d3d3d4;padding:6px 0;}

#mascara tr.scales td.lengthseparate,
#mascara tr.scales td.curlvolume {background-color:#d2edfb;padding:6px 0;}

#mascara tr.scales td.volume,
#mascara tr.scales td.length {background-color:#eeefef;padding:6px 0;}

#mascara th.waterresistant {background-color:#d2edfb;}

#mascara th.waterproof {background-color:#d3e2f4;padding:2px 0;}

#mascara th.regular {background-color:#eeefef;padding:2px 0;}

#mascara tr.desc td {padding:10px 13px 5px;}

#mascara .effects td,
#mascara .prods td {padding:5px 0 10px;}
#mascara .effects td { vertical-align:top;}
#mascara .prods td { vertical-align:bottom;}

#mascara .details td {padding:10px 5px 15px;vertical-align:top;}

#mascara td.notices {vertical-align:middle;padding:10px 0;}

#mascara th.foundation-care,
#mascara th.makeupremover {background-color:#bbbbbb;padding:6px 0;}

#mascara td.extension-repair,
#mascara td.volume-care {padding:10px 0 10px;}

#mascara tr.desc td.extension-repair,
#mascara tr.desc td.volume-care {padding:10px 0 10px;}

#mascara tr.usage td.makeupremover {padding:0 0 10px;vertical-align:bottom;}

*html tr.details td a { letter-spacing:-1px;}


#mascara td{ padding-left:0!important; padding-right:0!important;}


/**********a more*************/


a.more:hover img{opacity:0.70;-ms-filter:"alpha( opacity=70)";filter:alpha(opacity=70);}