@charset "utf-8";

/*

div#detailArea

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

div#contents div#detailArea{
	margin:0 0 20px 0;
	padding:0;
	float:left;
	width:358px;
	_width:258px;
}

*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%;
}

div#picArea table{
	border:none;
	border-collapse:collapse;
	margin:auto;
}
div#picArea table td{
	vertical-align:middle;
	padding-top:0;
}
div#contents div#picArea table td input,
div#contents div#picArea table td img{
	margin:0;
	display:inline;
	vertical-align:middle;
}


/*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;
}




div#itemPrevArea table.itemsTB{
	margin:0 0 0 0;
	background-color:#FFF;
	empty-cells:hide; 
	width:100%;
	border-top:1px solid #E0E0E0;
	border-right:1px solid #E0E0E0;
}
div#itemPrevArea table.itemsTB td{
	border-left:1px solid #E0E0E0;
	border-bottom:1px solid #E0E0E0;
	vertical-align:top;
	text-align:center;
	font-size:10px;
}














/*
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;

	

	*padding:5px 5px 0;
}
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;
	}

	

/*20110408

	大野　BLOCK&BLOCKページリンク表示変更のため*/

	

div#detailArea p.PerfectAtag a{
	font-size:93%;
	color:#C4017F;
} 




/*************************************************************
メークアップベース単品ページ　テーブル化
2011/09/18
IMG-flow
*************************************************************/

table#makeupBaseItem{
	border:none;
	border-collapse:collapse;
}
table#makeupBaseItem td.areaL{
	width:360px;
}
table#makeupBaseItem td.areaR{
	width:280px;
	vertical-align:top;
}


table#makeupBaseItem td.areaL h3{
	font-size:12px;
	margin: 0;
}
table#makeupBaseItem td.areaL span.name_sub{
	font-weight:normal;
	font-size:10px;
}
table#makeupBaseItem td.areaL span.price{
	font-weight:normal;
}
table#makeupBaseItem td.areaL h4.readCopy{
	color:#999;
	font-size:12px;
}
table#makeupBaseItem td.areaL p{
	font-size:12px;
}
table#makeupBaseItem td.areaL p.exp{
	font-size:10px;
}



table#makeupBaseItem td table.cart{
	margin:auto;
}
table#makeupBaseItem td table.cart td,
table#makeupBaseItem td table.cart td img,
table#makeupBaseItem td table.cart td span{
	vertical-align:middle;
}