@charset "utf-8";
/*
div#detailArea
============================== */
div#contents div#detailArea{
	margin:0 0 20px 0;
	padding:0;
	float:left;
	width:358px;
}
*html div#contents div#detailArea{
	width:357px;
}

div#detailArea img{
	margin:0;
	padding:0;
	vertical-align:top;
}

div#contents div#detailArea h3{
	display:inline;
}

div#contents div#detailArea h3 img.icon{/* 商品プロパティを表示させるアイコン部分 */
	margin-left:10px;
	vertical-align:bottom;
}

div#contents div#detailArea h4{
	font-size:13px;
	display:block;
	line-height:160%;
}

div#detailArea p{
	font-size:90%;
}

*html div#detailArea p{
	font-size:85%;
}

div#contents p{
	font-size:95%;
}

div#detailArea p{
	font-size:95%;
}

*html div#contents p{
	font-size:90%;
}

*html div#detailArea p{
	font-size:90%;
}

div#detailArea p.raiseText{

	font-size:10px;

}





div#detailArea p a:link,

div#detailArea p a:visited,

p.toPage a:link,

p.toPage a:visited{

	color:#00F;

	font-size:80%;

}

div#detailArea h4.readCopy{

	color:#858585;

	font-size:14px;

}

*html div#contents div#detailArea  h4.readCopy{

	font-size:14px;

}

div#detailArea h5{

	margin:0;

	padding:0;

}



div#detailArea h6{

	margin-top:43px;

}



*:first-child+html div#detailArea h6{

	margin-top:33px;

}







div#detailArea p.exp{

	margin:5px 5px 0 0;

	padding:0;

	font-size:10px;

}

p.toPage{

	margin-right:20px;

	margin-bottom:0;

}







/*

div#picArea

============================== */

div#contents div#picArea{
	margin:0 20px .2em 0;
	_margin:0 10px 1em 0;
	width:280px;
	float:right;
	font-size:90%;
}

div#contents div#picArea img{

	margin-bottom:10px;

}





div#picArea div#buyUttlty,

div#brushPages div#buyUttlty,

div.colorList div.buyUttlty{

	float:right;

	width:150px;

}



div#picArea div#buyUttlty img,

div#picArea div#buyUttlty label,

div#brushPages div#buyUttlty img,

div#brushPages div#buyUttlty label,

div.colorList div.buyUttlty img,

div.colorList div.buyUttlty label{

margin-top:5px;

}



div#picArea div#buyUttlty img,

div#brushPages div#buyUttlty img{

	margin:0 5px 0 0;

	padding:0;

	vertical-align:baseline;

	float:left;

}

div#picArea div#buyUttlty span,

div#brushPages div#buyUttlty span,

div.colorList div.buyUttlty span{

	line-height:100%;

}



/*ReNewSkincare用*/



/*

div#detailArea2

============================== */

div#contents div#detailArea2{

	padding:0;

	width:440px;

	float:left;

}

*html div#contents div#detailArea2{

	width:439px;

}



div#detailArea2 img{

	margin:0;

	padding:0;

	vertical-align:top;

}





div#detailArea2 p{

	font-size:90%;

}



*html div#detailArea2 p{

	font-size:85%;

}





div#contents p{

	font-size:95%;

}

div#detailArea2 p{

	font-size:95%;

}



*html div#contents p{

	font-size:90%;

}

*html div#detailArea2 p{

	font-size:90%;

}



div#detailArea2 p a:link,

div#detailArea2 p a:visited,

p.toPage a:link,

p.toPage a:visited{

	color:#00F;

	font-size:80%;

}



div#detailArea2 h5{

	margin:0;

	padding:0;

}



div#detailArea2 p.exp{

	margin:5px 0 0 0;

	padding:0;

	font-size:10px;

}



/*

div#detailArea3

============================== */

div#contents div#detailArea3{

	padding:0;

	width:640px;

}

*html div#contents div#detailArea2{

	width:639px;

}



div#detailArea3 img{

	margin:0;

	padding:0;

	vertical-align:top;

}





div#detailArea3 p{

	font-size:90%;

}



*html div#detailArea3 p{

	font-size:85%;

}





div#detailArea3 p{

	font-size:95%;

}



*html div#detailArea3 p{

	font-size:90%;

}



div#detailArea3 h5{

	margin:0;

	padding:0;

}



div#detailArea3 p.exp{

	margin:5px 0 10px 0;

	padding:0;

	font-size:10px;

}















/*

div#picArea2

============================== */

div#contents div#picArea2{

	width:200px;

	float:right;

	font-size:80%;

	position:absolute;

	bottom:0;

	right: 0;

}





/*

ブラシページレイアウト違い向け

div#picArea　をはずし、

div#detailArea　を拡大。

============================== */

div#contents div#detailArea.brushPages{

	float:none;

	width:640px;

	margin-bottom:0;

	position:relative;

}

div#brushPages{

	margin:0;

	padding:0;

	width:270px;

	float:right;

}

div#picArea .floLeft,

div#picArea .floRight{

	padding-top:10px;

}



div.colorList{

	margin:0;

	padding:0;

	width:310px;



	clear:both;



}







/*

div#itemPrevArea

============================== */



td.dayNight{

	background-image:url("../shopping/img/iconDayNight.gif");

	background-repeat:no-repeat;

	background-position:top right;

}



td.day{

	background-image:url("../shopping/img/iconDay.gif");

	background-repeat:no-repeat;

	background-position:top right;

}

td.night{

	background-image:url("../shopping/img/iconNight.gif");

	background-repeat:no-repeat;

	background-position:top right;

}

td.onPage span{

	color:#C4017F;

}



div#itemPrevArea{/* フロートを解除。下部アイテムテーブル等、表示エリア */

	clear:both;

	margin-top:10px;

	width:640px;

}



*:first-child+html div#itemPrevArea td{

vertical-align: top;

padding-bottom: 0px;

}



/* safari only \*/

html:\66irst-child div#itemPrevArea td{

vertical-align: top;

}

/* end */



div#itemPrevArea table.itemsTBL{

	margin:0 0 0 0;

	background-color:#FFF;

	empty-cells:hide; 

	width:100%;

	border-width:1px 1px 0 0px;/*== 061211add ==*/

	border-style:solid;

	border-color:#B3B3B3;

}





div#itemPrevArea table.itemsTBL th,

div#itemPrevArea table.itemsTBL td{

/*

	border-left:1px solid #B3B3B3;

	border-right:1px solid #B3B3B3;

	border-bottom:1px solid #B3B3B3;

============================== */

	vertical-align:top;

}



div#itemPrevArea table.itemsTBL thead{

	background:#B3B3B3;

	color:white;



}

div#itemPrevArea table.itemsTBL thead th{

	border-bottom:1px solid white;

}



div#itemPrevArea table.itemsTBL thead th.TLineL,

div#itemPrevArea table.itemsTBL thead td.TLineL{

	border-left:1px solid #B3B3B3;

	border-top:1px solid #B3B3B3;

	margin:0;

	padding:0;

}



div#itemPrevArea table.itemsTBL thead td.TLineL{/*== 061211add ==*/

	border-bottom:1px solid #FFF;/* ←これで白ライン優先にするか・・・　*/

	border-bottom:1px solid #B3B3B3;/* グレーラインに優先にするか・・・　*/

	

	/* ・・・でトレードオフ。を、ここの記述で対処。

	ただ、どちらにしても、ドンピシャには被ってくれないです。 */

}



div#itemPrevArea table.itemsTBL thead th,

div#itemPrevArea table.itemsTBL thead td{

	padding:3px 0 2px 0;

	color:#FFF;

	font-size:75%;	

	font-family:Arial, Helvetica, sans-serif;

	vertical-align:middle;

	background-color:#B3B3B3;

	letter-spacing:0.25em;





	border-left:1px solid #FFF;

	border-bottom:1px solid #FFF;

}



div#itemPrevArea table.itemsTBL thead td{

	border-bottom:1px solid #B3B3B3;

}



div#itemPrevArea table.itemsTBL td{

	padding:5px 2px;

	text-align:center;

	font-size:80%;

	border-left:1px solid #B3B3B3;

	border-bottom:1px solid #B3B3B3;

}



div#itemPrevArea table.itemsTBL td.TLineL{/*== 061211add ==*/

	border-left:none;/

}



div#itemPrevArea table.itemsTBL td a:link,

div#itemPrevArea table.itemsTBL td a:visited{

	text-decoration:underline;

	color:#00F;

	line-height:1.8em;

}







/*div#itemPrevArea table.itemsTBL td img,*/

div#itemPrevArea table.itemsTBL td label{

	display:block;

	margin:0 auto;

	padding-top:0.5em;

	padding-bottom:0.5em;

	font-size:80%;

}



div#itemPrevArea table.itemsTBL td.buyUttlty{

	vertical-align:bottom;



}



div#itemPrevArea p.exp{

	font-size:80%;

}

*html div#itemPrevArea p.exp{

	font-size:70%;

}











td.wide img{

	float:left;

/* 2つ割りのセルで、このマージン。

	画像の大きさやセル幅に依存する可能性は高く、懸念材料 */

	padding-left:20px;

	vertical-align:bottom;

}

td.wide div.detail{

	margin-top:10px;

}



td.wide div.detail span{

	text-align:left;

/* 2つ割りのセルで、このマージン。

	画像の大きさやセル幅に依存する可能性は高く、懸念材料 */

	width:160px;

	float:right;

}

span.itemName,

span.price{

	display:block;

	font-size:10px;

}



div#detailArea span.price{

	display:inline;

	font-weight:normal;

	font-size:10px;

}



div#itemPrevArea table.itemsTBL td.wideBottom img,

div#itemPrevArea table.itemsTBL td.wideBottom label{

	margin:0;

	padding:0;

	display:inline;

	margin-left:10px;	

}



div#itemPrevArea table.itemsTBL td.wideBottom img{

	vertical-align:middle;

}









/*

color サムネイル　左右割り振り表示



============================== */

div.floLeft,

div.floRight{

	margin-bottom:1.5em;

	width:310px;

	height:100px;

	font-size:80%;

}

/*blush baby用（fz追加）*/



div.floLeftBlush,

div.floRightBlush{

	margin-bottom:1.5em;

	width:310px;

	font-size:80%;

}



div.floLeftBlush img,

div.floRightBlush img{

	float:left;

	margin-right:5px;

	margin-bottom:5px;

}



div.floLeft img,

div.floRight img{

	float:left;

	margin-right:5px;

	margin-bottom:5px;

}



.floLeft{

	clear:both;

}

.floRight{

}

span.colorExp{
	margin-bottom:10px;
	display:block;
	width:245px;
	float:right;
	font-size:9px;
	_font-size:10px;
}

span.colorExp02{
	margin-bottom:10px;
	display:block;
	width:230px;
	float:right;
	font-size:9px;
	_font-size:10px;
}





div.colorList div.buyUttlty{
	margin:0;
	padding:0;
	float:none;
/*	display:inline; */	
	float:right;
	text-align:right;
	width:200px;
}
/*div#picArea div#buyUttlty{
	padding-top:10px;
	_padding-top:0px;
}
*/


*html div#picArea div#buyUttlty{

}

div.colorList div.buyUttlty img{

	margin:0 5px 0 5px;

	padding:0;

	float:none;

	vertical-align:middle;

	display:inline;

}

div.colorList a:link,

div.colorList a:visited{

	color:#0000FF;

	font-size:12px;

}



.exp001{

	_font-size:10px;

}





/*

out_of_sight.html カラー　３列セル

============================== */

div.cell3{

	margin-right:25px;

	float:left;

	width:180px;

	clear:none;

}



*:first-child+html div.cell3{

padding-bottom: 45px;

}



div.cell3 span.colorExp{

	margin-bottom:10px;

	display:block;

	width:120px;

	float:right;

	font-size:10px;

}

div.cell3 span.colorExp a:link,

div.cell3 span.colorExp a:visited{

	color:#00F;

}

div.cell3 div.colorList{

	width:180px;

}

div.cell3  div.colorList div.buyUttlty{

	float:none;

	text-align:left;

	width:200px;

}

div#itemPrevArea table.toolTBL{

	border:none;

}

div#itemPrevArea table.toolTBL td{

	border-right:1px dotted;

	border-left:none;

	padding:5px;

	border-bottom:none;

}

div#itemPrevArea table.toolTBL td p{

	margin:0;

	padding:0;



}



div#itemPrevArea table.toolTBL td.TLineL{/* div#itemPrevArea内　teble td　のボーダークリア */

	border-left:none;

}



div#itemPrevArea table.toolTBL td.TlineR{/* div#itemPrevArea内　teble td　のボーダークリア */

	border-right:none;

}







/*

折り返して５アイテム以上、

または、５アイテム以下であるが

１セル20％のワイドで設定されているものに対するクラス。

テーブル自体にクラスとして反映しています。

============================== */

div#itemPrevArea table.td20{ /* ５列セルワイド１列の場合 20% */

	width:20%;

}

div#itemPrevArea table.td40{ /* ５列セルワイド２列の場合 40% */

	width:40%;

}

div#itemPrevArea table.td60{/* ５列セルワイド３列の場合 60% */

	width:60%;

}





div#itemPrevArea table.td25{/* toolTBL４列セルワイド　１列の場合 25% % */

	width:25%;

}

div#itemPrevArea table.td50{/* toolTBL４列セルワイド　２列の場合 50% % */

	width:50%;

}

div#itemPrevArea table.td75{/* toolTBL４列セルワイド　３列の場合 75% % */

	width:75%;

}



div#itemPrevArea table.toolTBL td.vmiddle{/* td内要素をmiddleへ */

	vertical-align:middle;

}







/*

rais_up.html MARY'S POINT 箇所

============================== */



div#contents div#maryspoint{

	margin:0;

	padding:0;

	clear:both;

}

div#contents div#maryspoint table{

	clear:both;

}



div#contents div#maryspoint img{

	display:inline;



}





/* 070312追記　HOW TO USE 行間詰め */



.howToUse{

	margin-top:-5px;

}



/* 070313追記 IE7用ハック　限定

エポデイジーダックカールピン一覧位置調整 */



*:first-child+html .escLimAce{

	margin-bottom:50px;

}



/* 070313追記 IE7、NN7、FX用ハック　

エポデイジーダックカールピン一覧位置調整 */



.escLimAce .floLeft,

.escLimAce .floRight{

	min-height: 120px;

	}