@charset "UTF-8";

/*
/////////// お取扱商品 //////////

	(1)__base
 	(2)__シリーズで選ぶ
 	(3)__用途で選ぶ

///////////////////////////////
*/


/*====================
	(1)__base
  ==================== */
#contents #productsArea h3 {
	padding: 5px;
	width: 650px;
	height: 300px;
	background: url(../img/products/bg_title.gif) no-repeat right bottom;
}
/*#contents #productsArea .headLine {
	padding: 0 5px;
	width: 650px;
}*/
#contents

#attentionArea {
	padding: 10px;
	background-color: #FFFAE6;
	margin-bottom: 20px;
	margin-right: 10px;
}
#attentionArea h4 {
	color: #CC9933;
}
#attentionArea li {
	margin-top: 3px;
	padding-left: 1em;
	background: url(../img/common/icon_dotted02.gif) no-repeat 4px 0.5em;
	line-height: 1.1; 
	font-size: 93%;
}
/*====================
	(2)__シリーズで選ぶ
  ==================== */

#contents #seriesListArea {
	padding-top: 20px;
}
#contents #seriesListArea ul {
	margin-bottom: 0px;
	padding-left: 10px;
	overflow: hidden;
	height: 190px;
}
#contents #seriesListArea ul.oiArea {
	padding-left: 225px;
	height: 210px;
}
#contents #seriesListArea ul li {
	padding: 0 15px 0 0;
	float: left;
}
#contents #seriesListArea ul li a {
	height: 170px;
	width: 200px;
	display: block;
}
#contents #seriesListArea ul li.series01 a {	background: url(../img/products/btn_jale_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series02 a {	background: url(../img/products/btn_amea_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series03 a {	background: url(../img/products/btn_fluidum_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series04 a {	background: url(../img/products/btn_ayana_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series05 a {	background: url(../img/products/btn_amalur_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series06 a {	background: url(../img/products/btn_beauty_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series07 a {	background: url(../img/products/btn_item_o.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li a:hover {
	background-color: #FFFFFF;
}
#contents #seriesListArea ul li a:hover img {
	visibility: hidden;
}

/* シリーズ説明ページ */
#contents #productsArea .headLine {
	margin: 0 0 30px 5px;
	padding: 5px 0;
	border-bottom: 1px dotted #CCCCB2;
	
}
#contents .itemJale .headLine { color: #B27E7E;}
#contents .itemAmea .headLine { color: #997E4E;}
#contents .itemFluidum .headLine { color: #7E99B2;}
#contents .itemAyana .headLine { color: #7E7199;}
#contents .itemAmalur .headLine { color: #999966;}
#contents .itemBeauty .headLine { color: #7EB2B2;}
#contents .itemOriginal .headLine { color:;}

#contents #productsArea #itemList {
	margin-bottom: 20px;
	overflow: hidden;
}
#contents #productsArea #itemList li{
	margin: 0;
	padding: 10px 5px;
	display: block;
	float: left;
	width: auto;
	height: auto;
}
#contents #productsArea #itemList li dl.item {
	padding: 0 5px 5px;
	border-bottom: 1px dotted #CCCCB2;
	width: 310px;
	height: 120px;
}
#contents #productsArea #itemList li dl.item dt {
	float: left;
	width: 120px;
	height: 120px;
}
#contents #productsArea #itemList li dl.item dt img{
	vertical-align: bottom;
}
#contents #productsArea #itemList li dl.item .itemDate {
	padding-left: 10px; 
	height: 100px;
	overflow:auto;
}
#contents #productsArea #itemList li dl.item h4 {
	margin-bottom: 3px;
	border-bottom: 1px solid;
	line-height: 15px;
	font-size: 12px;
}

#contents .itemJale li dl.item h4 {	color: #E26666;	border-bottom-color: #E26666;}
#contents .itemAmea li dl.item h4 {	color: #CC7E00;	border-bottom-color: #CC7E00;}
#contents .itemFluidum li dl.item h4 { color: #6699CC;	border-bottom-color: #6699CC;}
#contents .itemAyana li dl.item h4 { color: #7E4EB2;	border-bottom-color: #7E4EB2;}
#contents .itemAmalur li dl.item h4 {	color: #7E7E66;	border-bottom-color: #7E7E66;}
#contents .itemBeauty li dl.item h4 {	color: #4EB299;	border-bottom-color: #4EB299;}
#contents .itemOriginal li dl.item h4 {	color: #8B997E;	border-bottom-color: #8B997E;}

#contents #productsArea #itemList li dl.item p {
	line-height: 15px;
	font-size: 12px;
	margin: 0;
}
#contents #productsArea #itemList li dl.item .itemLink {
	margin: 0;
	padding-left: 130px;
}
#contents #productsArea #itemList li dl.item .itemLink a {
	padding-left: 15px;
	background: url(../img/common/icon_arrow01.gif) no-repeat left center;
}

/* 商品詳細ページ */

#contents #productsArea #itemMain {
	margin: 50px 5px 40px;
	padding: 0px 5px;
	min-height: 238px;
	height: auto !important;/* IE6 min-height */
	height: 238px;
}
#contents #productsArea #itemMain #itemPhoto {
	width: 300px;
	hegiht: 238px;
	float: right;
	height: 300px;
}
#contents #productsArea #itemMain #itemPhoto img {
	vartical-align: bottom;
	height: 300px;
	width: 300px;
}
#contents #productsArea #itemMain h4 {
	margin-bottom: 20px;
	padding-bottom: 1px;
	border-bottom: 4px double;
	font-size:130%;
}
#contents #productsArea #itemMain h5 {
	margin-bottom: 2px;
	border: none;
}
#contents .itemJale #itemMain h4,
#contents .itemJale #itemMain h5 { color: #E26666; border-bottom-color: #E26666;}
#contents .itemAmea #itemMain h4,
#contents .itemAmea #itemMain h5 { color: #CC7E00; border-bottom-color: #CC7E00;}
#contents .itemFluidum #itemMain h4,
#contents .itemFluidum #itemMain h5 { color: #6699CC;	border-bottom-color: #6699CC;}
#contents .itemAyana #itemMain h4,
#contents .itemAyana #itemMain h5 { color: #7E4EB2;	border-bottom-color: #7E4EB2;}
#contents .itemAmalur #itemMain h4,
#contents .itemAmalur #itemMain h5 { color: #7E7E66; border-bottom-color: #7E7E66;}
#contents .itemBeauty #itemMain h4,
#contents .itemBeauty #itemMain h5 { color: #4EB299; border-bottom-color: #4EB299;}
#contents .itemOriginal #itemMain h4,
#contents .itemOriginal #itemMain h5 { color: #8B997E; border-bottom-color: #8B997E;}


#contents #productsArea #itemMain #price,
#contents #productsArea #itemMain #orignalprice {
	margin-bottom: 40px;
	font-size: 12px;
}
#contents #productsArea #itemMain #price dt {
	float: left;
	width: 6em;
}
#contents #productsArea #itemMain #orignalprice dt {
	float: left;
	width: 8em;
}
#contents #productsArea #itemMain #price dd,
#contents #productsArea #itemMain #orignalprice dd {
	border-bottom: 1px dotted #CCCCCC;
}
#contents #productsArea #itemMain #point {
	margin-bottom: 30px;
}
#contents #productsArea #itemMain #aboutItem {
	margin-bottom: 50px;
}
#contents #productsArea #itemMain #orignalaboutItem {
	margin-bottom: 30px;
	padding-left: 260px;
}
#contents #productsArea #itemMain #howTo {
	margin-bottom: 30px;
}
#contents #productsArea #itemMain #ingredient {
	padding-bottom: 40px;
	border-bottom: 1px dotted #CCCCCC; 
}
#contents #productsArea #itemMain #otherItem {
	padding: 20px;
	border-bottom: 1px dotted #CCCCCC;
	text-align: center;
}
#contents #productsArea #itemMain #otherItem h5 {
	margin-bottom: 15px;
}
#contents #productsArea #itemMain #otherItem table {
	margin: 0 auto;
	text-align: center;
}
#contents #productsArea #itemMain #otherItem table td{
	padding: 0 10px;
}
#contents #productsArea #itemMain #otherItem dt {
	width: 118px;
	height: 118px;
	border: 1px solid #CCCCCC;
	text-align:center;
	margin: 0 auto;
}
#contents #productsArea #itemMain #otherItem dd {
	margin-top: 5px;
}
#contents #productsArea #itemMain #otherItem dd a {
	text-decoration: underline;
}

/*====================
	(３)__用途で選ぶ
  ==================== */

#contents #typeListArea {
	padding-bottom: 15px;
}
#contents #typeListArea ul {
	overflow: hidden;
	text-align: center;
}
#contents #typeListArea ul li {
	padding: 0 10px 10px 0;
	float: left;
}
#contents #typeListArea ul li a {
	padding: 8px;
	display: block;
	height: 144px;
	width: 304px;
}
#contents #typeListArea ul li.faceCare a {	background: url(../img/products/btn_face_o.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.hairCare a {	background: url(../img/products/btn_hair_o.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.bodyCare a {	background: url(../img/products/btn_body_o.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.revivalCare a {	background: url(../img/products/btn_revival_o.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li a:hover img {
	visibility: hidden;
}

#contents #typeArea h4 {
	margin-top: -10px;
	margin-bottom: 25px;
}
#contents #typeArea strong {
	color: #CC9900;
}
#contents #typeArea em {
	color: #003366;
}

#contents #typeArea #box {
	margin: 0 auto 20px;
	width: 652px;
}
#contents #typeArea #box table{
	font-size: 93%;
	line-height: 1.2em;
}
#contents #typeArea #box th {
	padding: 12px 3px;
	border: 1px solid #FFFFFF;
	text-align: center;
}
#contents #typeArea #box td {
	padding: 3px 3px;
	border: 1px solid #FFFFFF;
	text-align: center;
}
#contents #typeArea #box th a,
#contents #typeArea #box td a {
	padding: 3px 0px;
	display: block;
	color: #339999;
	text-decoration: underline;
}
#contents #typeArea #box th a:hover,
#contents #typeArea #box td a:hover {
	color: #CC9900;
	text-decoration: underline;
}
#contents #typeArea #box thead th {
	color:#663300;
	background: #F5F0CC url(../img/products/bg_table01.gif) repeat left top;
}
#contents #typeArea #box tbody th {
	color: #003366;
	background: #C8E6F0 url(../img/products/bg_table02.gif) repeat left top;
}
#contents #typeArea #box tbody td {
	background: #E1F0F5;
}

/* faceCare hairCare*/
#contents #typeArea .faceCareTable thead th {
	width: 174px;
}
#contents #typeArea .faceCareTable thead td {
	width: 111px;
}
#contents #typeArea .hairCareTable thead th {
	width: 230px;
}
#contents #typeArea .hairCareTable thead td {
	width: 150px;
}

/* bodyCare */
#contents #typeArea .bodyCareTable tbody th {
	width: 110px;
}
#contents #typeArea .bodyCareTable tbody th.biko {
	width: 250px;
}
#contents #typeArea .bodyCareTable tbody td {
	width: 270px;
}

/* babyCare */
#contents #typeArea .babyCareTable tbody th,
#contents #typeArea .revivalCareTable tbody th {
	width: 324px;
}
#contents #typeArea .babyCareTable tbody td,
#contents #typeArea .revivalCareTable tbody td {
	width: 325px;
}
#contents #typeArea .revivalCareTable tbody td .attention {
	color: #cc6633;
	font-size: 8pt;

}