@charset "UTF-8";

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

	(1)__シリーズで選ぶ
	(2)__肌タイプで選ぶ
 	(3)__商品シリーズ
 	(4)__配合成分の説明
	(5)__お手入れ方法

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

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

#main #contents .productsArea01 {
	padding: 0 0 10px;
	height: 310px;
	background: url(../img/products/bg_productsArea01.jpg) no-repeat right bottom;
}
#main #contents .productsArea02 {
	padding: 20px 0 0px;
}
#main #contents .productsArea01 li,
#main #contents .productsArea02 li {
	padding: 0 10px 15px 0;
	float: left;
	width: 322px;
	height: 90px;
}
#main #contents .productsArea01 li a,
#main #contents .productsArea02 li a {
	padding: 1px;
	display: block;
	border: 1px solid #ccc;
	width: 318px;
	height: 86px;
}
#main #contents .productsArea01 li a:hover,
#main #contents .productsArea02 li a:hover {
	border-width: 1px;
	border-style: solid;
}

/* ロールオーバー時の色 */
#main #contents li.rose a:hover {	border-color: #FF6699;}
#main #contents li.sage a:hover {	border-color: #9966CC;}
#main #contents li.shea a:hover {	border-color: #6699FF;}
#main #contents li.ginseng a:hover {	border-color: #CC3333;}
#main #contents li.happyAging a:hover {	border-color: #E26633;}
#main #contents li.special a:hover {	border-color: #33CCCC;}
#main #contents li.faceBody a:hover {	border-color: #0099FF;}
#main #contents li.skinMessage a:hover {	border-color: #EBBB33;}
#main #contents li.maternity a:hover {	border-color: #66CC33;}
#main #contents li.babyKids a:hover {	border-color: #FF9900;}
#main #contents li.mens a:hover {	border-color: #996633;}

#main #contents .productsArea01 li a img,
#main #contents .productsArea02 li a img {
	vartical-align: bottom;
}

/*====================
	(2)__肌タイプで選ぶ
  ==================== */
#main #contents #typeArea {
	margin-left: 2px;
	padding: 0;
	width: 650px;
	background: url(../img/products/bg_typeArea.jpg) no-repeat center 0px;
}
#main #contents #typeArea h3 {
	margin-bottom: 20px;
}
#main #contents #typeArea #typeExplain {
	width: 600px;
	height: 175px;
}
#main #contents #typeArea #typeExplain dt{
	padding-right: 10px;
	float: left;
}
#main #contents #typeArea #typeExplain dd{
	padding-top: 2em;
	color: #009999;
}
#main #contents #typeArea ul {
	padding-top: 65px;
	padding-left: 15px;
	overflow: hidden;
}
#main #contents #typeArea ul li {
	padding-right: 5px;
	padding-bottom: 51px;
	float: left;
	width: 120px;
	height: 120px;
	background: url(../img/products/bg_btn_typenavi_shadow.gif) no-repeat left bottom;
}
#main #contents #typeArea ul li a {
	display: block;
	width: 120px;
	height: 120px;
}
#main #contents #typeArea ul li.skinType01 a{	background: url(../img/products/bg_btn_typenavi01.png) no-repeat 0px 0px;}
#main #contents #typeArea ul li.skinType02 a{	background: url(../img/products/bg_btn_typenavi02.png) no-repeat 0px 0px;}
#main #contents #typeArea ul li.skinType03 a{	background: url(../img/products/bg_btn_typenavi03.png) no-repeat 0px 0px;}
#main #contents #typeArea ul li.skinType04 a{	background: url(../img/products/bg_btn_typenavi04.png) no-repeat 0px 0px;}
#main #contents #typeArea ul li.skinType05 a{	background: url(../img/products/bg_btn_typenavi05.png) no-repeat 0px 0px;}
#main #contents #typeArea ul li a:hover img {
	visibility: hidden;
}

/*====================
	(3)__商品シリーズ
  ==================== */

#main #contents #seriesArea #seriesHead {
	margin: 0 0 30px;
	width: 650px;
}
#main #contents #seriesArea #seriesHead h3 {
	margin: 0;
}
#main #contents #seriesArea em {
	color:#FF6600;
}
#main #contents #seriesArea #seriesHead {
	padding: 1px;
	border-style: solid;
	border-width: 1px;
}
#main #contents #seriesArea #seriesItemList {
	padding-top: 3px;
}
#main #contents #seriesArea #seriesItemList li{
	padding: 0 10px 10px 0;
	display: block;
	float: left;
	width: 322px;
}
#main #contents #seriesArea #seriesItemList li .item li{
	margin-left: 10px;
	padding: 0;
	float: none;
	width: auto;
}
#main #contents #seriesArea #seriesItemList li .item {
	padding: 9px;
	border-style: solid;
	border-width: 1px;
	width: 302px;
	overflow: hidden;
}
#main #contents #seriesArea #seriesItemList li .item .itemDate {
	height: 98px;
	overflow:auto;
}
#main #contents #seriesArea #seriesItemList li .item .itemPhoto {
	border: 1px solid #CCCCCC;
	float: left;
	width: 118px;
	height: 118px;
}
#main #contents #seriesArea #seriesItemList li .item .itemName h4 {
	font-size: 12px;
	line-height: 15px;
	border-bottom: 1px solid;
	margin-bottom: 3px;
}
#main #contents #seriesArea #seriesItemList li .item .itemExplain {
	font-size: 12px;
	line-height: 15px;
}
#main #contents #seriesArea #seriesItemList li .item .itemLink {
	margin: 0;
	padding-left: 130px;
}
#main #contents #seriesArea #itemMain {
	padding: 19px;
	margin-bottom: 5px;
	border-style: solid;
	border-width: 1px;
	overflow: hidden;
	width: 614px;
	height: auto;
}
#main #contents #seriesArea #itemMain .itemPhoto {
	border: 1px solid #CCCCCC;
	float: left;
	width: 198px;
	height: 198px;
	overflow: hidden;
}
#main #contents #seriesArea #itemMain .itemDate {
	padding-left: 220px;
}
#main #contents #seriesArea #itemMain li h4 {
	border-bottom: 1px solid;
	margin-bottom: 10px;
}
#main #contents #seriesArea #itemMain li h5 {
	color: #333;
}
#main #contents #seriesArea #itemMain li.itemExplain,
#main #contents #seriesArea #itemMain li.itemIngredient {
	margin-bottom: 1em;
}
#main #contents #seriesArea #itemMain p {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 15px;
}
#main #contents #seriesArea #itemMain dt {
	float: left;
	width: 4em;
}
#main #contents #seriesArea #itemMain dd {
	border-bottom: 1px dotted #CCC;
}
#main #contents #seriesArea .check {
	margin-right: 25px;
	color: #333333;
	text-align: right;
	font-size: 93%;
}

/* rose  #FF6699  #FFCCCC */
#main #contents .rose #seriesHead {	border-color: #FFCCCC;}
#main #contents .rose #seriesItemList li .item { border-color: #FFCCCC;}
#main #contents .rose #seriesItemList li .item .itemName h4 {	color: #FF6699;	border-bottom: #FF6699;}
#main #contents .rose #seriesItemList li .item .itemName h4 a {	color: #FF6699;}
#main #contents .rose #itemMain {	border-color: #FFCCCC;}
#main #contents .rose #itemMain li h4 {	color: #FF6699;	border-bottom: #FF6699;}
#main #contents #seriesItemList li.rose .item {	border-color: #FFCCCC;}
#main #contents #seriesItemList li.rose .item .itemName h4 { color: #FF6699; border-bottom: #FF6699;}
#main #contents #seriesItemList li.rose .item .itemName h4 a { color: #FF6699;}

/* sage #9966CC #CC99FF */
#main #contents .sage #seriesHead { border-color: #CC99FF;}
#main #contents .sage #seriesItemList li .item { border-color: #CC99FF;}
#main #contents .sage #seriesItemList li .item .itemName h4 {	color: #9966CC;	border-bottom: #9966CC;}
#main #contents .sage #seriesItemList li .item .itemName h4 a {	color: #9966CC;}
#main #contents .sage #itemMain {	border-color: #CC99FF;}
#main #contents .sage #itemMain li h4 {	color: #9966CC;	border-bottom: #9966CC;}
#main #contents #seriesItemList li.sage .item {	border-color: #CC99FF;}
#main #contents #seriesItemList li.sage .item .itemName h4 { color: #9966CC; border-bottom: #9966CC;}
#main #contents #seriesItemList li.sage .item .itemName h4 a { color: #9966CC;}

/* shea #6699FF #99CCFF */
#main #contents .shea #seriesHead {	border-color: #99CCFF;}
#main #contents .shea #seriesItemList li .item { border-color: #99CCFF;}
#main #contents .shea #seriesItemList li .item .itemName h4 {	color: #6699FF;	border-bottom: #6699FF;}
#main #contents .shea #seriesItemList li .item .itemName h4 a {	color: #6699FF;}
#main #contents .shea #itemMain {	border-color: #99CCFF;}
#main #contents .shea #itemMain li h4 {	color: #6699FF;	border-bottom: #6699FF;}
#main #contents #seriesItemList li.shea .item {	border-color: #99CCFF;}
#main #contents #seriesItemList li.shea .item .itemName h4 { color: #6699FF; border-bottom: #6699FF;}
#main #contents #seriesItemList li.shea .item .itemName h4 a { color: #6699FF;}

/* ginseng #CC3333 #CC6699 */
#main #contents .ginseng #seriesHead { border-color: #CC6699;}
#main #contents .ginseng #seriesItemList li .item {	border-color: #CC6699;}
#main #contents .ginseng #seriesItemList li .item .itemName h4 { color: #CC3333;	border-bottom: #CC3333;}
#main #contents .ginseng #seriesItemList li .item .itemName h4 a { color: #CC3333;}
#main #contents .ginseng #itemMain { border-color: #CC6699;}
#main #contents .ginseng #itemMain li h4 { color: #CC3333; border-bottom: #CC3333;}
#main #contents #seriesItemList li.ginseng .item { border-color: #CC6699;}
#main #contents #seriesItemList li.ginseng .item .itemName h4 {	color: #CC3333;	border-bottom: #CC3333;}
#main #contents #seriesItemList li.ginseng .item .itemName h4 a {	color: #CC3333;}

/* happyAging #E26633 #FFCC99 */
#main #contents .happyAging #seriesHead { border-color: #FFCC99;}
#main #contents .happyAging #seriesItemList li .item { border-color: #FFCC99;}
#main #contents .happyAging #seriesItemList li .item .itemName h4 {	color: #E26633;	border-bottom: #E26633;}
#main #contents .happyAging #seriesItemList li .item .itemName h4 a {	color: #E26633;}
#main #contents .happyAging #itemMain {	border-color: #FFCC99;}
#main #contents .happyAging #itemMain li h4 {	color: #E26633;	border-bottom: #E26633;}
#main #contents #seriesItemList li.happyAging .item { border-color: #FFCC99;}
#main #contents #seriesItemList li.happyAging .item .itemName h4 { color: #E26633;	border-bottom: #E26633;}
#main #contents #seriesItemList li.happyAging .item .itemName h4 a { color: #E26633;}

/* special #33CCCC #B2FFEB */
#main #contents .special #seriesHead { border-color: #B2FFEB;}
#main #contents .special #seriesItemList li .item {	border-color: #B2FFEB;}
#main #contents .special #seriesItemList li .item .itemName h4 { color: #33CCCC; border-bottom: #33CCCC;}
#main #contents .special #seriesItemList li .item .itemName h4 a { color: #33CCCC;}
#main #contents .special #itemMain { border-color: #B2FFEB;}
#main #contents .special #itemMain li h4 { color: #33CCCC; border-bottom: #33CCCC;}
#main #contents #seriesItemList li.special .item { border-color: #B2FFEB;}
#main #contents #seriesItemList li.special .item .itemName h4 {	color: #33CCCC;	border-bottom: #33CCCC;}
#main #contents #seriesItemList li.special .item .itemName h4 a {	color: #33CCCC;}

/* faceBody #0099FF #99E2FF */
#main #contents .faceBody #seriesHead {	border-color: #99E2FF;}
#main #contents .faceBody #seriesItemList li .item { border-color: #99E2FF;}
#main #contents .faceBody #seriesItemList li .item .itemName h4 {	color: #0099FF;	border-bottom: #0099FF;}
#main #contents .faceBody #seriesItemList li .item .itemName h4 a {	color: #0099FF;}
#main #contents .faceBody #itemMain {	border-color: #99E2FF;}
#main #contents .faceBody #itemMain li h4 {	color: #0099FF;	border-bottom: #0099FF;}
#main #contents #seriesItemList li.faceBody .item {	border-color: #99E2FF;}
#main #contents #seriesItemList li.faceBody .item .itemName h4 { color: #0099FF; border-bottom: #0099FF;}
#main #contents #seriesItemList li.faceBody .item .itemName h4 a { color: #0099FF;}

/* skinMassage #EBBB33 #E2E299*/
#main #contents .skinMessage #seriesHead { border-color: #E2E299;}
#main #contents .skinMessage #seriesItemList li .item {	border-color: #E2E299;}
#main #contents .skinMessage #seriesItemList li .item .itemName h4 { color: #EBBB33; border-bottom: #EBBB33;}
#main #contents .skinMessage #seriesItemList li .item .itemName h4 a { color: #EBBB33;}
#main #contents .skinMessage #itemMain { border-color: #E2E299;}
#main #contents .skinMessage #itemMain li h4 { color: #EBBB33;	border-bottom: #EBBB33;}
#main #contents #seriesItemList li.skinMessage .item { border-color: #E2E299;}
#main #contents #seriesItemList li.skinMessage .item .itemName h4 {	color: #EBBB33;	border-bottom: #EBBB33;}
#main #contents #seriesItemList li.skinMessage .item .itemName h4 a {	color: #EBBB33;}

/* maternity #66CC33 #B2EB99*/
#main #contents .maternity #seriesHead { border-color: #B2EB99;}
#main #contents .maternity #seriesItemList li .item {	border-color: #B2EB99;}
#main #contents .maternity #seriesItemList li .item .itemName h4 { color: #66CC33; border-bottom: #66CC33;}
#main #contents .maternity #seriesItemList li .item .itemName h4 a { color: #66CC33;}
#main #contents .maternity #itemMain { border-color: #B2EB99;}
#main #contents .maternity #itemMain li h4 { color: #66CC33; border-bottom: #66CC33;}
#main #contents #seriesItemList li.maternity .item { border-color: #B2EB99;}
#main #contents #seriesItemList li.maternity .item .itemName h4 {	color: #66CC33;	border-bottom: #66CC33;}
#main #contents #seriesItemList li.maternity .item .itemName h4 a {	color: #66CC33;}

/* babyKids #FF9900 #FFCC66 */
#main #contents .babyKids #seriesHead {	border-color: #FFCC66;}
#main #contents .babyKids #seriesItemList li .item { border-color: #FFCC66;}
#main #contents .babyKids #seriesItemList li .item .itemName h4 {	color: #FF9900;	border-bottom: #FF9900;}
#main #contents .babyKids #seriesItemList li .item .itemName h4 a {	color: #FF9900;}
#main #contents .babyKids #itemMain { border-color: #FFCC66;}
#main #contents .babyKids #itemMain li h4 {	color: #FF9900;	border-bottom: #FF9900;}
#main #contents #seriesItemList li.babyKids .item {	border-color: #FFCC66;}
#main #contents #seriesItemList li.babyKids .item .itemName h4 { color: #FF9900;	border-bottom: #FF9900;}
#main #contents #seriesItemList li.babyKids .item .itemName h4 a { color: #FF9900;}

/* mens #996633 #CC9966 */
#main #contents .mens #seriesHead {	border-color: #CC9966;}
#main #contents .mens #seriesItemList li .item { border-color: #CC9966;}
#main #contents .mens #seriesItemList li .item .itemName h4 {	color: #996633;	border-bottom: #996633;}
#main #contents .mens #seriesItemList li .item .itemName h4 a {	color: #996633;}
#main #contents .mens #itemMain {	border-color: #CC9966;}
#main #contents .mens #itemMain li h4 {	color: #996633;	border-bottom: #996633;}
#main #contents #seriesItemList.mens li.item {	border-color: #CC9966;}
#main #contents #seriesItemList.mens li.item .itemName h4 { color: #996633; border-bottom: #996633;}
#main #contents #seriesItemList.mens li.item .itemName h4 a { color: #996633;}

/*====================
	(4)__配合成分の説明
  ==================== */

#main #contents #ingredient {
	width: 654px;
}
#main #contents #ingredient ol#iNavi {
	padding: 20px 0 0px 90px;
	overflow: hidden;
	width: 564px;
}
#main #contents #ingredient ol#iNavi li {
	padding-left: 10px;
	float: left;
}
#main #contents #ingredient ol#iNavi li a {
	padding: 5px 5px;
	border: 1px solid #cccccc;
	display: block;
	width: 30px;
	color: #333333;
	background: url(../img/products/bg_btn_ingredient.gif) repeat-x center bottom;
	text-align: center;
}
#main #contents #ingredient ol#iNavi li a:hover {
	border: 1px solid #ff99cc;
	color: #ff6699;
}
#main #contents #ingredient .sectionWord {
	margin-top: 50px;
}
#main #contents #ingredient h4 {
	border-bottom: 1px solid #999999;
}
#main #contents #ingredient dt {
	margin-top: 20px;
	color: #993333;
}
#main #contents #ingredient dd {
	padding: 0 1em 3px 0.5em;
	border-bottom: 1px dotted #cccccc;
}
#main #contents #ingredient p {
	margin: 5px 10px 0 0;
	text-align: right;
}

/*====================
	(5)__お手入れ方法
  ==================== */

#contents #careMorning {
	border: 5px solid #EBEBEB;
	padding: 20px 10px;
	margin-bottom: 50px;
	width: 620px;
	background: url(../img/products/bg_care_morning.jpg) no-repeat 400px 15px;
}
#contents #careMorning ol {
	margin: 30px 0 0;
	width: 620px;
}
#contents #careMorning ol li {
	padding: 0 10px;
	height: 140px;
	clear: both;
}
#contents #careMorning ol li .photoArea {
	padding-right: 10px;
	float: left;
}
#contents #careMorning ol li h5 {
	margin-top: 5px;
}
#contents #careMorning ol li p {
	margin: 0;
}
#contents #careNight {
	border: 5px solid #EBEBEB;
	padding: 20px 10px;
	margin-bottom: 0px;
	width: 620px;
	background: url(../img/products/bg_care_night.jpg) no-repeat 350px 60px;
}
#contents #careNight ol {
	margin: 30px 0 0;
	width: 620px;
}
#contents #careNight ol li {
	padding: 0 10px;
	height: 140px;
	clear: both;
}
#contents #careNight ol li .photoArea {
	padding-left: 0; 
	padding-right: 10px;
	float: left;
}
#contents #careNight ol li h5 {
	margin-top: 5px;
}
#contents #careNight ol li p {
	padding-left: 170px; 
	margin: 0;
}