/* Common
--------------------------------------------------------------------------------*/
#wrapper {
	width: 805px;
	margin: 0 auto;
	text-align: left;
}

.clr {	clear: both; }

.txClr01 {	color: #891D4E; }

/* float hack ---- */
.outBox:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
*html .outBox {	display: inline-block;	}
*:first-child+html .outBox {	display: inline-block;	}
/* no mac IE \*/
*html .outBox {	height: 1%;	}
.outBox {	display: block;	}
/* */

.fltL {	float: left;	}
.fltR {	float: right;	}


/* ----- Under ----- */
#contents {
	padding: 17px 10px;
}


/******* Header *******/
/* ----- Basic ----- */
#header {
	background: url(../images/h_line.gif) no-repeat left bottom;
	padding: 17px 0 0 20px;
}

#header h1 {
	margin: 0 0 26px 0;
}

/* ----- Skincare ----- */
#headerSkn {
	background: url(../images/h_line_bl.gif) no-repeat left bottom;
	padding: 17px 0 0 20px;
}

#headerSkn h1, #headerBmk h1 {
	margin: 0 0 15px 0;
}

/* ----- Basemake ----- */
#headerBmk {
	background: url(../images/h_line_rd.gif) no-repeat left bottom;
	padding: 17px 0 0 20px;
}

/* ----- TOP ----- */
#topHeader {
	background: url(../images/h_line.gif) no-repeat left bottom;
	padding: 17px 0 0 20px;
	/* \*/
	
	/* */
}

#topHeader h2 {
	color: #999;
	margin: 5px 0 6px 0;
}

#header ul, #headerSkn ul, #headerBmk ul, #topHeader ul, #gNavi ul, #topGNavi ul {
	list-style-type: none;
	margin: 0 0 2px 0;
	_margin: 0 0 1px 0;
}
#header ul li, #headerSkn ul li, #headerBmk ul li, #topHeader li, #topGNavi li {
	display: inline;
}


/******* Global navi *******/
/* ----- Under ----- */
#gNavi {
	height: 45px;
	background: url(../images/gnavi_bg01.gif) no-repeat left bottom;
	padding: 0 0 0 10px;
}

#gNavi li, #topGNavi li {
	float: left;
	width: 98px;
}

#gNavi li.gNaviAbt, #topGNavi li.gNaviAbt {
	width: 99px;
}
#gNavi li.gNaviHome {
	width: 71px;
	margin: 0 0 0 27px;
}


/* ----- TOP ----- */
#topGNavi {
	background: url(../images/gnavi_bg01.gif) no-repeat 0 -12px;
	padding: 3px 0 0 10px;
}


/******* Footer *******/
/* ----- Under01 ----- */
#footer {
	padding: 12px 0 13px 0;
}

address {
	font-size: 8pt;
	color: #999;
	text-align: center;
	padding: 10px 0 0 0;
}

/* ----- Under02 ----- */
#footer02 {
	padding: 0 0 13px 0;
}

/* ----- TOP ----- */
#topFooter {
	padding: 12px 0 13px 0;
}


/******* skincare localnavi *******/
#scLNav {
	width: 140px;
	margin: 0 10px;
}
#scLNav h3 {
	margin: 17px 0 0 0;
}
#scLNav dl, #scLNav dd, #scLNav dd ul {
	font-size: 1%;
	line-height: 1%;
	margin: 0;
	padding: 0;
}
#scLNav dt {
	margin: 17px 0 0 0;
}
#scLNav dd ul {
	list-style-type: none;
}


#about #lnavi ul {
	margin: 0 0 0 13px;
}



/* TOP
--------------------------------------------------------------------------------*/
.topLine01 {
	background: url(../../images/idx_line01.gif) no-repeat right top;
}

#topTpcs {
	width: 382px;
	margin: 15px 10px 10px 10px;
}

#topTpcs a:link, #topTpcs a:active, #topTpcs a:visited {
	color: #333;
	text-decoration: underline;
}
#topTpcs a:hover {
	color: #333;
	text-decoration: none;
}

#topTpcs h3 {
	margin: 0 0 12px 0;
}

#topTpcs table th, #topTpcs table td {
	color: #808080;
	vertical-align: top;
	padding: 0 0 2px 0;
}

#topPkup {
	width: 377px;
	margin: 15px 10px 10px 16px;
}

#topPkup h3 {
	margin: 0 0 4px 0;
}
#topPkup h4 {
	margin: 0 0 10px 0;
}

.topPkupTd01 {
	padding: 0 0 0 14px;
}
.topPkupTd02 {
	padding: 0 0 23px 0;
}

.topPkupTxBox01 {
	width: 90px;
}



/* index
--------------------------------------------------------------------------------*/

#scIdx {	}

#scIdx h4 {
	padding: 0 0 10px 0;
}

#scIdx .scIdxBox01 {
	margin: 0 23px 25px 23px;
}
#scIdx .scIdxBox01 .fltL img {
	margin: 0 50px 0 0;
}
#scIdx .scIdxBox02 {
	margin: 0 8px 25px 23px;
}
#scIdx .scIdxBox02 .fltL img {
	margin: 0 14px 0 0;
}
#scIdx .scIdxBox03 {
	margin: 0 23px;
}



/* basic 01-05 + special 01-06
--------------------------------------------------------------------------------*/

#basicCont {
	width: 645px;
	background: url(../../skincare/images/bg01.jpg) repeat-x;
}

#basicCont h4 {
	text-align: right;
}

#basicCont .basicWd01 {	width: 375px;	}
#basicCont .basicWd02 {	width: 265px;	}
#basicCont .basicWd03 {	width: 245px;	}

#basicCont .basicTxArea01 {
	width: 265px;
	height: 17em;
	padding: 0 10px 0 0;
	border: 0px solid #CCC;
}
*html #basicCont .basicTxArea01, *html #basicCont .basicTxArea02 {	width: 275px;	}
*:first-child+html #basicCont .basicTxArea01, *:first-child+html #basicCont .basicTxArea02 {	width: 275px;	}

#basicCont .basicTxArea01 .basicLead01, #basicCont .basicTxArea03 .basicLead01 {
	margin: 24px 0 20px 0;
}

#basicCont .basicTxArea02 {
	width: 265px;
	padding: 0 10px 0 0;
	border: 0px solid #CCC;
}
#basicCont .basicTxArea02 h5 {
	margin: 18px 0 10px 0;
}
#basicCont .basicTxArea02 ul {
	list-style-type: none;
	margin: 4px 0 0 0;
}

#basicCont .basicTxArea03 {
	width: 245px;
	padding: 0 10px 0 0;
}
*html #basicCont .basicTxArea01, *html #basicCont .basicTxArea02 {	width: 255px;	}
*:first-child+html #basicCont .basicTxArea01, *:first-child+html #basicCont .basicTxArea02 {	width: 255px;	}

#basicCont .basicTxArea03 .basicImg01 {
	margin: 10px 0;
}

#basicCont .fltR ul.page01 {
	list-style-type: none;
	text-align: right;
	margin: 25px 10px 0 0;
}



/* all_element
--------------------------------------------------------------------------------*/

#allEleCont {
	width: 645px;
	text-align: center;
	padding: 18px 0 25px 0;
}

#allEleCont .allEleBox01 {
	width: 400px;
	text-align: left;
	margin: 24px auto 0 auto;
}
#allEleCont .allEleBox01 h4 {
	font-size: 100%;
	font-weight: bold;
}
#allEleCont .allEleBox01 h4 a {
	text-decoration: none;
}
#allEleCont .allEleBox01 h4.allEleCap01 {
	margin: 15px 0 0 0;
}
#allEleCont .allEleBox01 .allEleTxR {
	text-align: right;
}