@charset "UTF-8";

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

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

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


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

/*====================
	(2)__シリーズで選ぶ
  ==================== */

#contents #seriesListArea {
	padding-bottom: 50px;
}
#contents #seriesListArea ul {
	margin-bottom: 30px;
	padding-left: 10px;
	overflow: hidden;
	height: 190px;
	border-bottom: 1px dotted #CCCCCC;
}
#contents #seriesListArea ul li {
	padding: 0 5px 0 0;
	float: left;
}
#contents #seriesListArea ul li a {
	height: 190px;
	width: 210px;
	display: block;
}
#contents #seriesListArea ul li.series01 a {	background: url(../img/products/bg_btn_serieslist01.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series02 a {	background: url(../img/products/bg_btn_serieslist02.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series03 a {	background: url(../img/products/bg_btn_serieslist03.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series04 a {	background: url(../img/products/bg_btn_serieslist04.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series05 a {	background: url(../img/products/bg_btn_serieslist05.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series06 a {	background: url(../img/products/bg_btn_serieslist06.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series07 a {	background: url(../img/products/bg_btn_serieslist07.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series08 a {	background: url(../img/products/bg_btn_serieslist08.jpg) no-repeat 0px 0px;}
#contents #seriesListArea ul li.series09 a {	background: url(../img/products/bg_btn_serieslist09.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 #itemList {
	margin-bottom: 20px;
	overflow: hidden;
}
#contents #productsArea #itemList li{
	margin: 0;
	padding: 0 5px 10px;
	display: block;
	float: left;
	width: auto;
	height: auto;
}
#contents #productsArea #itemList li dl.item {
	padding: 9px;
	border: 1px solid #FFE266;
	width: 300px;
	height: 120px;
}
#contents #productsArea #itemList li dl.item dt {
	border: 1px solid #CCCCCC;
	float: left;
	width: 118px;
	height: 118px;
}
#contents #productsArea #itemList li dl.item dt img{
	vertical-align: bottom;
}
#contents #productsArea #itemList li dl.item .itemDate {
	padding-left: 10px; 
	height: 98px;
	overflow:auto;
}
#contents #productsArea #itemList li dl.item h4 {
	margin-bottom: 3px;
	border-bottom: 1px solid #66CC99;
	line-height: 15px;
	color: #339966;
	font-size: 12px;
}
#contents #productsArea #itemList li dl.item p {
	line-height: 15px;
	font-size: 12px;
}
#contents #productsArea #itemList li dl.item .itemLink {
	margin: 0;
	padding-left: 130px;
}

/* 商品詳細ページ */

#contents #productsArea #itemMain {
	margin: 20px 5px;
	padding: 20px 20px 30px;
	border: 1px solid #FFE266;
	min-height: 238px;
	height: auto !important;/* IE6 min-height */
	height: 238px;
}
#contents #productsArea #itemMain #itemPhoto {
	width: 238px;
	hegiht: 238px;
	border: 1px solid #CCCCCC;
	float: left;
	margin-bottom: 15px;
}
#contents #productsArea #itemMain #itemPhoto img {
	vartical-align: bottom;
}
#contents #productsArea #itemMain h4 {
	margin-left: 260px;
	margin-bottom: 20px;
	padding-bottom: 4px;
	color: #339966;
	background: url(../img/products/bg_title_itemmain.gif) repeat-x center bottom;
	font-size:110%;
}
#contents #productsArea #itemMain h5 {
	margin-bottom: 5px;
}
#contents #productsArea #itemMain #price,
#contents #productsArea #itemMain #orignalprice {
	margin-bottom: 15px;
	padding-left: 260px;
	font-size: 12px;
}
#contents #productsArea #itemMain #price dt {
	float: left;
	width: 4em;
}
#contents #productsArea #itemMain #orignalprice dt {
	float: left;
	width: 6em;
}
#contents #productsArea #itemMain #price dd,
#contents #productsArea #itemMain #orignalprice dd {
	border-bottom: 1px dotted #CCCCCC;
}
#contents #productsArea #itemMain #certification {
	margin-bottom: 30px;
	padding-left: 260px;
}
#contents #productsArea #itemMain #point {
	margin-bottom: 30px;
	padding-left: 260px;
}
#contents #productsArea #itemMain #aboutItem {
	margin-bottom: 30px;
	clear: both;
}
#contents #productsArea #itemMain #orignalaboutItem {
	margin-bottom: 30px;
	padding-left: 260px;
}
#contents #productsArea #itemMain #howTo {
	margin-bottom: 30px;
}
#contents #productsArea #itemMain #otherItem {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 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: 50px;
}
#contents #typeListArea ul {
	overflow: hidden;
	height: 175px;
	text-align: center;
}
#contents #typeListArea ul.second {
	padding-left: 110px;
}
#contents #typeListArea ul li {
	padding: 0 10px 0 0;
	float: left;
}
#contents #typeListArea ul li a {
	padding: 8px;
	display: block;
	height: 144px;
	width: 194px;
}
#contents #typeListArea ul li.faceCare a {	background: url(../img/products/bg_btn_typelist01.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.hairCare a {	background: url(../img/products/bg_btn_typelist02.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.bodyCare a {	background: url(../img/products/bg_btn_typelist03.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.babyCare a {	background: url(../img/products/bg_btn_typelist04.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li.revivalCare a {	background: url(../img/products/bg_btn_typelist05.jpg) no-repeat 0px 0px;}
#contents #typeListArea ul li a:hover img {
	visibility: hidden;
}

#contents #typeArea h4 {
	margin-top: -10px;
	margin-bottom: 30px;
}
#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: 250px;
}

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

}

