@charset "utf-8";

/* メインイメージ */

div#contents_title {
	position: relative;
	height: 331px;
	background: url(../images/contents_title_bg.png) 0 0 no-repeat;
}

* html div#contents_title {
	background: url(../images/contents_title_bg.jpg) 0 0 no-repeat;
}

div#contents_title h2 {
	width: 900px;
	height: 321px;
}


/* コンテンツスタイル
------------------------------------------------------------- */

div#contents_top {
	height: 18px;
	padding: 0;
	background: url(../images/contents_bg_top.png) 0 0 no-repeat;
}

* html div#contents_top {
	height: 18px;
	background: url(../images/contents_bg_top.jpg) center bottom no-repeat;
}

div#contents {
	padding: 0;
}

div#contents_bottom {
	background: url(../images/contents_bg_bottom.png) 0 0 no-repeat;
}

* html div#contents_bottom {
	background: url(../images/contents_bg_bottom.jpg) center 0 no-repeat;
}

div#main {
	width: 884px;
	margin: 0 18px;
	padding: 0 0 10px 0;
	background: url(../images/contents_bg.jpg) 0 0 no-repeat #F3F2E6;
	background: #F3F2E6;
}



/* リード */

div#main div#lead {
	width: 780px;
	margin: 0 52px 25px 52px;
	padding: 39px 0 30px 0;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

div#main div#lead h3 {
	margin: 0 0 20px 0;
}

div#main div#lead p {
	margin: 0 356px 10px 0;
}


/* 「ケフィアヨーグルト」生まれの敏感肌用化粧品 */

div#main div#born {
	width: 780px;
	margin: 40px 52px 20px 52px;
	padding: 0 0 25px 0;
	/*background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;*/
	overflow: hidden;
}

div#main div#born img.image {
	float: right;
	margin: 0 0 0 35px;
}

div#main div#born h3 {
	clear: none;
	width: 424px;
	margin: 0 0 10px 0;
}


/*　使い方　*/
div#main div#uruoi {
	width: 780px;
	margin: 0 50px 10px 80px;
	padding: 0 0 15px 0;
	/*background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;*/
}

div#main div#uruoi h3 {
	margin: 0 0 15px 0;
}

div#main div#uruoi p {
	margin: 0 25px;
}

div#main div#uruoi p.annotation {
	font-size: 72%;
}

div#main div#uruoi ol {
	width: 730px;
	margin: 15px 25px 10px 25px;
	overflow: hidden;
}

* html div#main div#uruoi ol {
	display: inline-block;
}

div#main div#uruoi ol li {
	float: left;
	width: 235px;
}

div#main div#uruoi ol li#point01 {
	margin: 0 0px 0 0;
}

div#main div#uruoi ol li p {
	margin: 5px 0 0 0;
	line-height: 1.5;
	width: 200px
}

div#main div#uruoi ol li#point02 p {
	margin-right:0px;
}





/* 商品一覧 */

div#main div.products01 {
	width: 780px;
	margin: 0 52px;
}

div#main div.products01 ul {
	overflow: hidden;
}

div#main div.products01 ul li {
	float: left;
	width: 248px;
	margin: 0 15px 0 0;
	padding: 15px 0 13px 0;
	border: 1px solid #25AFB7;
	background: #FFF;
	text-align: center;
}

div#main div.products01 ul li.products01_gel {
	margin: 0;
}

div#main div.products01 ul li h4 {
	margin: 0 0 6px 0;
}

div#main div.products01 ul li p.price {
	margin: 5px 0 4px 0;
}



/* 商品詳細 */

div#main div.products02 {
	width: 780px;
	margin: 15px 52px 20px 52px;
	padding: 30px 0 0 0;
	/*background: url(../../../common/images/contents/dotline.gif) 0 0 repeat-x;*/
}

div#main div.products02 ul {
	width: 770px;
	margin: 0 5px;
}

div#main div.products02 ul li {
	position: relative;
	margin: 0 0 15px 0;
	padding: 20px 0 0 0;
	background: url(../images/products02_bg.gif) 0 0 no-repeat;
}

* html div#main div.products02 ul li {
	display: inline-block;
}

*+html div#main div.products02 ul li {
	display: inline-block;
}

div#main div.products02 ul li.products02_gel {
	margin-bottom: 0;
}

div#main div.products02 ul li.products02_cleansing img.image,
div#main div.products02 ul li.products02_soap img.image,
div#main div.products02 ul li.products02_gel img.image {
	position: absolute;
	z-index: 1;
}

div#main div.products02 ul li.products02_cleansing img.image {
	top: 17px;
	left: 625px;
}

div#main div.products02 ul li.products02_soap img.image {
	top: 50px;
	left: 625px;
}

div#main div.products02 ul li.products02_gel img.image {
	top: 26px;
	left: 635px;
}

div#contents div#main div.products02 ul li h4 {
	position: relative;
	z-index: 5;
	width: 605px;
	margin: 0 0 12px 20px;
	padding: 0 0 9px 0;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

div#main div.products02 ul li div.element {
	width: 605px;
	margin: 0 0 0 20px;
	padding: 0 0 12px 0;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
	overflow: hidden;
}

div#main div.products02 ul li div.element ul {
	float: left;
	width: auto;
	margin: 0;
}

div#main div.products02 ul li div.element ul li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	background: none;
}

div#main div.products02 ul li.products02_cleansing div.element p,
div#main div.products02 ul li.products02_gel div.element p {
	margin: 0 0 0 345px;
}

div#main div.products02 ul li.products02_soap div.element p {
	margin: 0 35px 0 205px;
}

div#main div.products02 ul li div.feature {
	width: 730px;
	padding: 18px 20px 20px 20px;
	background: url(../images/products02_bg_bottom.gif) 0 bottom no-repeat;
	overflow: hidden;
}

* html div#main div.products02 ul li div.feature {
	width: 770px;
}

div#main div.products02 ul li.products02_cleansing div.feature {
	padding-bottom: 25px;
}

div#main div.products02 ul li.products02_cleansing div.feature p,
div#main div.products02 ul li.products02_gel div.feature p {
	float: left;
	width: 350px;
	margin: 0 25px 0 0;
}

div#main div.products02 ul li.products02_cleansing div.feature img {
	position: relative;
	margin: -8px 0 0 0;
	z-index: 6;
}

div#main div.products02 ul li.products02_gel div.feature img {
	position: relative;
	margin: -5px 0 0 0;
	z-index: 6;
}



/* 喜びの声をいただきました */

div#main div#voice {
	width: 780px;
	margin: 10px 52px 10px 52px;
	padding: 0 0 25px 0;
	/*background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;*/
}

div#main div#voice div {
	width: 780px;
	margin: 4px 0 0 0;
	padding: 0 0 15px 0;
	background: url(../images/voice_bg.gif) 0 bottom no-repeat;
	overflow: hidden;
}

div#main div#voice div dl {
	float: left;
	width: 250px;
	margin: 0 15px 0 0;
}

div#main div#voice div dl.voice_right {
	margin-right: 0;
}

div#main div#voice div dl dt {
	position: relative;
	margin: 0 0 15px 0;
	padding: 54px 0 0 0;
	padding: 20px 0 0 0;
	background: url(../images/voice_bg_top.gif) 0 0 no-repeat #F3F2E6;
	text-align: center;
}

div#main div#voice div dl dd {
	margin: 0 18px;
}

div#main div#voice div dl dd.name {
	margin-bottom: 10px;
}

/* ケフラントライアルセット */

div#main div.trial_set {
	width: 778px;
	margin: 0 52px;
	padding: 0 0 15px 0;
	border: 1px solid #A5CC51;
	/*background: url(../images/trial_set_bg.jpg) right 0 no-repeat #FFF;*/
	background: url(../images/Pjel_bg.jpg) right 0 no-repeat #FFF;
	overflow: hidden;
}

div#main div.trial_set p.product_name {
	width: 455px;
	margin: 21px 0 9px 12px;
	padding: 0 0 14px 0;
	background: url(../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

div#main div.trial_set p.price {
	float: left;
	margin: 0 0 0 12px;
}

* html div#main div.trial_set p.price {
	margin: 0 0 0 6px;
}

div#main div.trial_set p.btn_cart {
	margin: 0 0 0 308px;
	padding: 6px 0 0 0;
}

div#main p.annotation {
	margin: 5px 52px 30px 52px;
	font-size: 85%;
}

.att {
	font-size: 85%;
}

/* お支払系の部分 */

#att_bg { 
	font-size:small;
}

#att_bg th {
	border: 1px solid #D6CBA5;
	background-color:#E6E1CC;
	padding:3px 10px;
}

#att_bg td { 
	border: 1px solid #D6CBA5;
	background-color:#FFFFFF;
	padding:3px 10px;
}

.kome {
	margin-left:15px;
	font-size:90%;
}