@charset "utf-8";


/* 初期化 
-----------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

img{
	border: 0px;
	vertical-align: top;
}

li{
	list-style-type: none;
}



/*
 clearfix
----------------------------------------------------------- */

.clear {
	clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}



/* メインレイアウト
-----------------------------------------------*/

body {
	margin: 0 auto;
	width: 960px;
	line-height: 1.4em;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica;
	background: #fff url(http://trial.illume.com/design/kenkocom/img/bg01.jpg) no-repeat center top;
	color: #333;
	font-size: 0.83em;
}

.container {
	margin: 0 auto;
	width: 960px;
	text-align: left;
}

.header {
	height: 130px;
}

.leftBox {
	margin-top: 10px;
	_margin-top: 0;
	margin-right: 18px;
	_margin-right: 16px;
	width: 200px;
	float: left;
	display: inline;
}

.rightBox {
	width: 740px;
	float: right;
	display: inline;
	text-align: left;
}

.footer {
	margin-top: 40px;
	background: url(http://trial.illume.com/design/kenkocom/img/bg02.jpg) no-repeat center top;
	height: 100px;
	border-top: #a0a0a0 1px solid;
	width: 960px;
}




/* ヘッダー
-----------------------------------------------*/

h1 {
	padding-top: 40px;
	float: left;
}


/* グローバルナビゲーション */

.g_navi {
	padding-top: 57px;
	float: right;
}

.g_navi li {
	float: left;
}

.g_navi01 a {
	text-indent: -9999px;
	width: 157px;
	height: 33px;
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi01.png) no-repeat left top;
	display: block;	
}

*html .g_navi01 a {
	_background: url(http://trial.illume.com/design/kenkocom/img/g_navi01.gif) no-repeat left top;
}

.g_navi01 a:hover {
	background-position: left bottom;
}

.g_navi02 a {
	text-indent: -9999px;
	width: 137px;
	height: 33px;
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi02.png) no-repeat left top;
	display: block;	
}

*html .g_navi02 a {
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi02.gif) no-repeat left top;
}

.g_navi02 a:hover {
	background-position: left bottom;
}

.g_navi03 a {
	text-indent: -9999px;
	width: 127px;
	height: 33px;
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi03.png) no-repeat left top;
	display: block;	
}

*html .g_navi03 a {
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi03.gif) no-repeat left top;
}

.g_navi03 a:hover {
	background-position: left bottom;
}

.g_navi04 a {
	text-indent: -9999px;
	width: 115px;
	height: 33px;
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi04.png) no-repeat left top;
	display: block;	
}

*html .g_navi04 a {
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi04.gif) no-repeat left top;
}


.g_navi04 a:hover {
	background-position: left bottom;
}

.g_navi05 a {
	text-indent: -9999px;
	width: 160px;
	height: 33px;
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi05.png) no-repeat left top;
	display: block;	
}

*html .g_navi05 a {
	background: url(http://trial.illume.com/design/kenkocom/img/g_navi05.gif) no-repeat left top;
}

.g_navi05 a:hover {
	background-position: left bottom;
}



/* サイドナビゲーション
-----------------------------------------------*/

/* 会員の方はこちら */
.loginBox {
	margin-bottom: 8px;
	padding: 0 0 10px 0; 
	background: url(http://trial.illume.com/design/kenkocom/img/sideBox01_bg.gif) no-repeat left bottom;
}

.loginBox dt {
	padding-bottom: 10px;	
}

.loginBox dd {
	padding: 5px 10px 5px 15px;
}

.login_id input,
.login_pass input {
	width: 130px;
}

.login_btn {
	margin-top: 5px;
	text-align: center;
}

/* その他ナビゲーション */

.bnrBox li {
	padding-bottom: 8px;
}


/* メインコンテンツ
-----------------------------------------------*/

.content01 {
	margin: 10px 0;
	_margin-top: 0;
}

.content01 table td {
	margin: 0;
	padding: 0;
	line-height: 0;
}

.content01_btn {
	background: url(http://trial.illume.com/design/kenkocom/img/content01_img04.jpg) no-repeat left top;
	width: 330px;
	height: 148px;
}

.content01Box {
	position: relative;
}

.content01_btn01 a {
	background: url(http://trial.illume.com/design/kenkocom/img/content01_btn01.gif) no-repeat left top;
	width: 136px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 15px;
	left: 5px;
}

.content01_btn02 a {
	background: url(http://trial.illume.com/design/kenkocom/img/content01_btn02.gif) no-repeat left top;
	width: 136px;
	height: 46px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 15px;
	left: 150px;
}




/* 商品購入ページへの誘導 */

.content02 {
	background: url(http://trial.illume.com/design/kenkocom/img/content02_bg.gif) no-repeat center bottom;
}

.content02_text {
	background: url(http://trial.illume.com/design/kenkocom/img/content02_img02.gif) no-repeat left top;
	width: 426px;
	height: 118px;
}

.content02_btn {
	background: url(http://trial.illume.com/design/kenkocom/img/content02_img03.gif) no-repeat left top;
	width: 426px;
	height: 92px;
}

.content02_text {
	padding-left: 25px;
}

.content02_text table th {
	vertical-align: top;
	width: 90px;
	text-align: left;
	font-size: 0.8em;
}

.setlist_bottom {
	padding-bottom: 10px;
}

.content02_btn a {
	margin-left: 190px;
	background: url(http://trial.illume.com/design/kenkocom/img/btn01.gif) no-repeat left top;
	text-indent: -9999px;
	width: 219px;
	height: 59px;
	display: block;
}


/* 商品説明 */

.content03 {
	margin: 10px 0;
	background: url(http://trial.illume.com/design/kenkocom/img/content03_bg.gif) repeat-y center;
}

.content03-inner {
	background: url(http://trial.illume.com/design/kenkocom/img/content03_bgtop.gif) no-repeat center top;
}

.content03_title01 {
	padding: 62px 0 5px 51px;
}

.secretBox {
	margin-left: 18px;
}


/* モイストキャプチャーエッセンスウォーター */

.mcewBox {
	background: url(http://trial.illume.com/design/kenkocom/img/mcew_bg.gif) no-repeat center top;
	position: relative;
	height: 260px;
}

.mcewBox h3 {
	padding: 60px 0 0 200px;
}

.mcewBox p {
	padding: 10px 0 0 205px;
}

.mcew_point {
	position: absolute;
	top: 95px;
	left: 600px;
}

.mcew_img {
	position: absolute;
	top: 0;
	left: 70px;
}


/* ラインで使う */

.content03_title02Box {
	position: relative;
	width: 740px;
}

.content03_title02 {
	padding: 50px 0 25px 56px;
}

.content03_title02Box p {
	position: absolute;
	top: 58px;
	left: 465px;
}

.content03_lineBox {
	background: url(http://trial.illume.com/design/kenkocom/img/smp_bg.gif) no-repeat center top;
}


/* セルフモイストプログラム */

.smpBox {
	position: relative;
	height: 204px;
}

.smpBox h3 {
	padding: 60px 0 5px 205px;
}

.smpBox p {
	padding: 0 0 8px 210px;
	line-height: 1;
}

.smp_point {
	position: absolute;
	top: 65px;
	left: 600px;
}

.smp_img {
	position: absolute;
	top: 0;
	left: 65px;
}


/* モイストキャプチャーエッセンスミルク */


.mcemBox {
	position: relative;
	height: 235px;
	background: url(http://trial.illume.com/design/kenkocom/img/content03_bgbottom.gif) no-repeat center bottom;
}

.mcemBox h3 {
	padding: 47px 0 5px 160px;
}

.mcemBox p {
	padding: 0 0 6px 165px;
	line-height: 1;	
}

.mcem_point {
	position: absolute;
	top: 65px;
	left: 55px;
}

.mcem_img {
	position: absolute;
	top: 0;
	left: 610px;
}


/* 絶賛販売中 */

.content04 {
	margin-top: 10px;
}


/* Wチャンス */

.presentBox {
	margin-top: 10px;
}


/* フッター
-----------------------------------------------*/


.f_link {
	padding-top: 20px;
	text-align: right;
}

.f_link li {
	padding-left: 10px;
	display: inline;
}

.cr {
	text-align: right;
}





/* ご利用ガイド
-----------------------------------------------*/

.guideBox {
	margin: 0;
	padding 0;
	width: 740px;
}

.guideBox h3 {
	margin: 25px 0 8px 0;
}

.guideBox p {
	padding: 5px 20px;
	line-height: 1.4em;	
}

.guideBox dl {
	padding-left: 30px;
}

.guideBox dl dt {
	padding: 10px 0 5px 0;
	font-weight: bold;
}

.guideBox dl dd {
	padding-left: 35px;
}

.guide_text01 {
	font-size: 0.8em;
	color: #1eb9ee;
}

.guideBox a {
	color: #1eb9ee;
	font-weight: bold;
}

.guide_infoBox01 {
	padding: 5px 0 5px 30px;
}

.guide_infoBox02 {
	margin: 15px 70px 25px 70px;
	padding: 15px 15px 25px 25px;
	border: #a6e1f6 3px double;
}

.guide_infoBox03 {
	margin: 15px 70px 25px 70px;
	padding: 15px 5px 15px 25px;
	border: #a6e1f6 3px double;
}

.guide_point01 {
	font-weight: bold;
}

.guide_infoBox03 p {
	padding-top: 15px;
	text-align: right;
}



/* 会社情報
-----------------------------------------------*/

.companyBox {
	margin-left: 16px;
	padding-top: 10px;
	_padding-top: 20px;
	width: 740px;
}

.companyBox table {
	border: #8ad9f5 1px solid;
	border-collapse: collapse;
}

.companyBox table th {
	padding: 20px 15px;
	background: #e7f9fe;
	font-size: 0.8em;
	font-weight: bold;
	color: #535353;
	border: #8ad9f5 1px solid;
	text-align: left;
	width: 200px;
}

.companyBox table td {
	padding: 20px 15px;
	border: #8ad9f5 1px solid;
}


/* 個人情報保護方針
-----------------------------------------------*/

.privacyBox {
	margin-top: 11px;
	_margin-top: 12px;
	text-align: left;	
}

.privacyBox h2 {
	margin-bottom: 20px;
}

.privacyBox h3 {
	margin: 25px 0 10px 0;
}

.privacyBox p {
	padding: 5px 20px;
}

.privacyBox ul li {
	padding: 5px 20px;
}

.privacyBox ol li {
	margin: 5px 20px 5px 40px;
	list-style-type: decimal;
}

.privacyBox2 {
	margin-top: 30px;
}

.privacyBox a {
	font-weight: bold;
}













