/**************************************************
	Flash area
***************************************************/

body div#aubeswf {
	position: relative;
	width: 100%;
	text-align: center;
	background: url("../img/product/bg_swf.gif") repeat-x 0 0;
}
body.index div#aubeswf {
	background: url("../img/product/bg_swf_index.gif") repeat-x 0 0;
}

div#aubeswf div.bglayer {
	/*height: 460px;*/
}
body.index div#aubeswf div.bglayer {
	/*height: 550px;*/
	background: url("../img/product/side_product_index.jpg") no-repeat center top;
}
div#aubeswf div.content {
	position: relative;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding: 0 0 0 0;
}
body.index div#aubeswf div.content {
	/*padding: 0;*/
}

div#aubeswf div#product-navigation {
	padding: 10px 0;
}
div#aubeswf div#product-navigation h2 {
	font-size: 14px;
	margin: 5px;
}
div#aubeswf div#product-navigation ul {
	float: left;
	width: 50%;
	color: #fc4389;
}
div#aubeswf div#product-navigation ul li {
	background: url('../img/product/pnavi_arrow.gif') no-repeat 0 0;
	padding: 0 0 0 10px;
	margin: 0 0 0 20px;
	line-height: 20px;
}
div#aubeswf div#product-navigation li a {
	text-decoration: none;
}
div#aubeswf div#product-navigation li a:hover {
	color: #fc4389;
	text-decoration: underline;
}


/**************************************************
	HTML area
***************************************************/

div#container {
	position: relative;
	width: 100%;
	text-align: center;
}
div#container div.bglayer {
}
div#container div.content {
	position: relative;
	width: 900px;
	text-align: left;
	margin: 0 auto;
	padding: 25px 0 0;
}

/* 1 column */
div#container div.column {
	position: relative;
	width: 860px; _width: 900px;
	padding: 0 20px;
	background: url("../img/product/bg_column.gif") no-repeat 6px 0px;
}
/* 2 column */
div#container div.column2 {
	position: relative;
	float: left;
	width: 410px; _width: 450px;
	padding: 0 20px;
	background: url("../img/product/bg_column.gif") no-repeat 6px 0px;
}

/***** column in column *****/
div#container div.column .column2 {
	display: inline;
	float: left;
	width: 430px;
	padding: 0 0px;
}
div#container div.column .column2 .column2 {
	display: inline;
	float: left;
	width: 205px;
	padding: 0 0px;
}
div#container div.column .column3 {
	display: inline;
	float: left;
	width: 286px;
	padding: 0 0px;
}
div#container div.column2 .column2 {
	display: inline;
	float: left;
	width: 205px;
	padding: 0 0px;
}



/*
div#container li.column {
	width: 100%;
}
div#container li.column2 {
	display: inline;
	float: left;
	width: 50%;
}
div#container li.column3 {
	display: inline;
	float: left;
	width: 32%;
}
div#container li.column4 {
	display: inline;
	float: left;
	width: 24%;
}
*/

/* anchor */
div#container a, div#container a:link, div#container a:visited, div#container a:active {
	color: #fc4389;
	text-decoration: underline;
	background-color: transparent;
	/*outline: 0;*/
}
div#container a:hover {
	color: #fc4389;
	text-decoration: underline;
	background-color: #ffdbe7;
}
div#container a.anchor {
	color: inherit;
	text-decoration: none;
	background-color: transparent;
}


div#container h3 {
	font-size: 15px;
	line-height: 24px;
	margin-bottom: 10px;
	padding-left: 0px;
}
div#container p {
	text-align: left;
	margin-bottom: 14px;
	line-height: 1.4em;
}



/* table-cell */
div#container .table {
}
div#container .table .hr {
	display: table-cell; _display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: middle;
}
div#container .table .hrT {
	display: table-cell; _display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
}

div#container .table .hr p,
div#container .table .hrT p {
	/*margin: 0px;
	padding: 0px;*/
}
div#container .table .hr img,
div#container .table .hrT img {
	margin: 0px;
	padding: 0px;
}


div#container ol,
div#container ul {
	margin-bottom: 14px;
}
	div#container ol ol,
	div#container ol ul,
	div#container ul ol,
	div#container ul ul {
		margin-bottom: 0px;
	}
div#container li {
	/*line-height: 17px;*/
	margin-bottom: 0.5em;
}


/*div#container .mark {
	position: relative;
	margin: 0 0 14px 20px;
	text-indent: -20px;
}
div#container li.mark li {
	margin: 5px 0 0 5px;
	text-indent: 0px;
}
div#container li.footnote {
	//margin-top: 4px;
}
div#container .mark img {
	margin-top: 0px;
	position: relative;
	top: 4px;
	left: 0px;
}
div#container dd.mark img,
div#container dd.mark img {
	top: 4px;
}
*/

/* image & picture */
div#container img {
	margin-top: 10px;
}
div#container p img,
div#container ul img,
div#container ol img,
div#container dl img {
	margin-top: 0px;
}

div#container img.define {
	display: block;
}
div#container img.ColorVariation {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: center;
}


div#container .defCenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border: #00f 1px solid;
}

	/*  */
	div#container .di {  }
	div#container .di ul, 
	div#container .di ol {  }
	div#container .di li { margin: 0; }
	div#container .di li img { /*vertical-align: middle;*/ }
	div#container .di li dl {
		padding: 0 20px 0 0;
	}
	div#container .di li dt {
		font-weight: bold;
		margin-bottom: 4px;
		padding: 2px 5px 2px 0;
	}
	div#container .di li dd {
		margin-bottom: 1.4em;
		padding: 0px 0px 0px 0px;
	}

	/* .compare extends .di */
	div#container .compare {
		font-size: 12px;
		margin: 0;
		padding: 0;
	}
	div#container .compare li {
		margin: 0;
		padding: 0;
	}
	div#container .compare li dl {
		padding: 0 20px 0 0;
	}
	div#container .compare li dt {
		font-weight: bold;
		margin-bottom: 4px;
		padding: 3px 0 3px 5px;
	}
	div#container .compare li dt.pink {
		color: #fc4389;
		background-color: #ffdbe7;
	}
	div#container .compare li dt.gray {
		color: #000000;
		background-color: #cccccc;
	}
	div#container .compare li dd {
		margin: 0;
		padding: 0;
	}


/* howto makeup : tool-image defined step type */
div#container dl.howto {
	
}
div#container dl.howto dt.tool,
div#container dl.howto dd.step {
	display: table-cell; _display: inline;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	vertical-align: top;
}

/*
div#container div.column dl.howto dt.tool {
	width: 250px;
	text-align: center;
}
div#container div.column2 dl.howto dt.tool {
}
div#container div.column dl.howto dd.step {
	width: 600px;
}
div#container div.column2 dl.howto dd.step {
	width: 410px;
}
div#container dl.howto dd.step ol.column4 {
	
}
div#container dl.howto dd.step ol.column4 li {
	display: inline;
	float: left;
	width: 150px;
}
*/


/* howto makeup : tool-image undefined step type */
div#container div.howto {
	
}
div#container div.howto div.step {
	
}
/*
div#container div.howto div.step ol.column2 li {
	position: relative;
	display: inline;
	float: left;
	width: 380px; _width: 420px;
	padding: 0 20px 0 0;
	border: #f00 1px solid;
}
*/
div#container div.howto div.step ol.column4 {
	
}
div#container div.howto div.step ol.column4 li {
	display: inline;
	float: left;
	width: 210px;
}

/* makeup technique : individual image type */
div#container .technique {
	
}
div#container .technique ol.column2 li {
	position: relative;
	display: inline;
	float: left;
	width: 380px; _width: 420px;
	margin-left: 140px; /* default. */
	padding: 0 20px 0 0px; /* is imgDecPadding */
}
div#container .technique ol.column4 li {
	position: relative;
	display: inline;
	float: left;
	width: 170px; _width: 210px;
	margin-top: 120px; /* default. */
	padding: 0 20px 0 20px; /* right is imgDecPadding */
}
div#container .technique ol.column2 li img {
	position: relative;
	top: 0px;
	left: -140px;
	vertical-align: top;
}
div#container .technique ol.column4 li img {
	position: absolute;
	top: -120px;
	left: 0px;
}

div#container .footnote {
	font-size: 10px;
	font-weight: normal;
	margin: 5px 0 0 10px;
	padding: 0;
	line-height: 12px;
}
div#container .footnote dt {
}
div#container .footnote dd {
	line-height: 12px;
}
div#container .footnote dd ul {
	margin: 5px 0 0 10px;
}
div#container .footnote dd li {
}




/* backto scroll-top button */
div#container div.pagetop {
	clear: both;
	position: relative;
	width: 900px;
	height: 74px;
	background: url("../img/product/bg_pagetop.gif") no-repeat center;
}
div#container div.pagetop img {
	position: absolute;
	top: 14px;
	right: 30px;
	margin: 0;
}





/* commons color */
div#container .txtPink  { color: #fc4389; }
div#container .txtBlue  { color: #d7e3ff; }
div#container .txtGray  { color: #666666; }
div#container .txtDBlack{ color: #333333; }
div#container .txtBlack { color: #000000; }

div#container .bgPink { background-color: #ffdbe7; }
div#container .bgBlue { background-color: #d7e3ff; }
div#container .bgGray { background-color: #cccccc; }


/**************************************************
	print 
***************************************************/

@media print {
}