@charset "utf-8";

/*==============================================*/
/*												*/
/*うるおい用追加ｃｓｓ							*/
/*												*/
/*==============================================*/


/**********************************************/
/*ヘッダイメージ
***********************************************/

div#headimg_uruoi {
	width:808px;
	padding:0;
	margin:0;
}

h2#headimg_uruoi01 ,
h2#headimg_uruoi02 ,
h3#headimg_uruoi03 {
	text-indent:-9999px;
	padding:0;
	margin:0;
	width:808px;
	display:block;
}

h2#headimg_uruoi01 ,
h2#headimg_uruoi02 ,
h3#headimg_uruoi03 {height:80px;}

h2#headimg_uruoi01 {background:url(../images/uruoi/bg_headimg-uruoi01.jpg) left top no-repeat;}
h2#headimg_uruoi02 {background:url(../images/uruoi/bg_headimg-uruoi02.jpg) left top no-repeat;}
h3#headimg_uruoi03 {background:url(../images/uruoi/bg_headimg-uruoi03.jpg) left top no-repeat;}

div#headimg_uruoi04 {
	background:url(../images/uruoi/bg_headimg-uruoi04.jpg) left top no-repeat;
	text-indent:-9999px;
	padding:0;
	margin:0;
	width:354px;
	height:216px;
	display:block;
	float: left;
}
#headimg_uruoi04 ul {left:-9999em}


div#headimg_uruoi05 {
	background:url(../images/uruoi/bg_headimg-uruoi05.jpg) left top no-repeat;
	padding:0;
	margin:0;
	width:454px;
	height:216px;
	display:block;
	float: left;
}


/*セット注文ボタン*/
#btn_setUruoi {
	margin: 0;
	padding: 38px 0 0 13px;
}
#btn_setUruoi ul {
	padding:0;
	margin:0;
	width:100px;
}

*:first-child+html #btn_setUruoi li {/*IE7*/
	height:27px;
	width:97px;
	padding:0;
	margin: 0;
}
#btn_setUruoi li {
	height:28px;
	_height:27px;/*IE6*/
	width:97px;
	padding:0;
	margin: 0;
}
#btn_setUruoi a {
	display:block;
	height:22px;
	text-indent:-9999px;
	padding:0;
	margin: 0;
	line-height:1;
}

#btn_setUruoi #set08 a { background:url(../images/uruoi/btn_app-set-uruoi.gif) 0 -110px no-repeat; }
#btn_setUruoi #set08 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -110px no-repeat; }

#btn_setUruoi #set05 a { background:url(../images/uruoi/btn_app-set-uruoi.gif) 0 -88px no-repeat; }
#btn_setUruoi #set05 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -88px no-repeat; }

#btn_setUruoi #set04 a { background: url(../images/uruoi/btn_app-set-uruoi.gif) 0 -66px no-repeat; }
#btn_setUruoi #set04 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -66px no-repeat; }

#btn_setUruoi #set03 a { background: url(../images/uruoi/btn_app-set-uruoi.gif) 0 -44px no-repeat; }
#btn_setUruoi #set03 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -44px no-repeat; }

#btn_setUruoi #set02 a { background: url(../images/uruoi/btn_app-set-uruoi.gif) 0 -22px no-repeat; }
#btn_setUruoi #set02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -22px no-repeat; }

#btn_setUruoi #set01 a { background:url(../images/uruoi/btn_app-set-uruoi.gif) 0 top no-repeat; }
#btn_setUruoi #set01 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px top no-repeat; }



/*売れてます　うるおい*/
p#img_popular {
	padding:0;
	margin:0;
	position:absolute;
	z-index:10;
	left:754px;
	top:133px;
	clear: both;
}


/***********************************************/
/* グローバルナビ (うるおい)
************************************************/

#g_navi {
	margin: 0;
	padding: 0 0 0 0;
	width: 808px;
	float:left;
	display: inline;
	background:url(../images/uruoi/bg_gnavi_uruoi.jpg) left top repeat-x;/************************/
}
#g_navi_uruoi ul {
	padding:3px 0 0 0;
	margin:0;
}
#g_navi_uruoi li {
	height:31px;
	float:left;
	padding: 0;
	margin: 0;
}
#g_navi_uruoi a {
	display:block;
	height:40px;
	text-indent:-9999px;
}

#g_navi_uruoi #n01 a { background:url(../images/uruoi/g_navi_uruoi.jpg) 0 top no-repeat; width:132px; height:31px; }
#g_navi_uruoi #n01 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) 0 -31px no-repeat; }

#g_navi_uruoi #n02 a { background: url(../images/uruoi/g_navi_uruoi.jpg) -132px top no-repeat; width:135px; height:31px;}
#g_navi_uruoi #n02 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) -132px -31px no-repeat; }

#g_navi_uruoi #n03 a { background:url(../images/uruoi/g_navi_uruoi.jpg) -267px top no-repeat; width:135px; height:31px;}
#g_navi_uruoi #n03 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) -267px -31px no-repeat; }

#g_navi_uruoi #n04 a { background: url(../images/uruoi/g_navi_uruoi.jpg) -402px  top no-repeat; width:135px; height:31px; }
#g_navi_uruoi #n04 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) -402px  -31px no-repeat;}

#g_navi_uruoi #n05 a { background: url(../images/uruoi/g_navi_uruoi.jpg) -537px top no-repeat; width:135px; height:31px;}
#g_navi_uruoi #n05 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) -537px -31px no-repeat; }

#g_navi_uruoi #n06 a { background: url(../images/uruoi/g_navi_uruoi.jpg) -672px top no-repeat; width:136px; height:31px; }
#g_navi_uruoi #n06 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) -672px -31px no-repeat; }
/*atpcueトップへ戻る*/
#g_navi_uruoi #n07 a { background: url(../images/uruoi/g_navi_uruoi.jpg) -808px top no-repeat; width:135px; height:31px;}
#g_navi_uruoi #n07 a:hover  { background: url(../images/uruoi/g_navi_uruoi.jpg) -808px -31px no-repeat; }


/**********************************************/
/*うるおいについて
***********************************************/
div#withuruoi01 {
	background: url(../images/uruoi/bg_withuruoi-btm.jpg) left bottom no-repeat;
	padding: 0 0 10px 0;
	margin: 0 0 40px 0;
}
div#withuruoi01 h2 {
	background: url(../images/uruoi/bg_withuruoi-top.jpg) left top no-repeat;
	width:760px;
	height:29px;
	text-indent: -9999px;
}
div#withuruoi02 {
	border-right:#ccc 1px solid;
	border-left:#ccc 1px solid;
	padding:15px 15px 0 15px;
	margin: 0;
}
div#withuruoi02 p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	margin: 0 0 15px 0;
}

div#withuruoi02 ul {
	float:right;
	list-style:none;
}
div#withuruoi02 li {
	margin:0 0 0 15px;
	padding: 0;	
}
div#withuruoi02 img {
	vertical-align:bottom; 
	padding:0; 
	margin:0;
}
div#withuruoi02 em {
	font-size:10px;
	text-align:center;
	font-style: normal;
	line-height: 1.3;
}

/**********************************************/
/*須階院長 みどり
***********************************************/
div#dev-top {
	background:url(../images/uruoi/bg_dev-top_uruoi.jpg) left top no-repeat;
	padding: 30px 14px 10px 157px;
}

div#dev-top h2 {
	text-indent:-9999px;
		/*font-size: 1px;*/
}

div#dev-top p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	text-align: justify;
	line-height: 1.5;
}

div#dev-btm {
	background:url(../images/uruoi/bg_dev-btm_uruoi.jpg) left bottom no-repeat;
	padding: 0;
	margin: 0 0 40px 0;
	vertical-align: top;
		font-size: 1px;
	height: 10px;
}


/**********************************************/
/*３つのポイント うるおい
***********************************************/

div#points {
	padding:0 38px;
	margin:0 0 40px 0;
} 
div#points h2 {
	background:url(../images/uruoi/bg_3uruoi.jpg) left top no-repeat;
	margin:0 auto;
	padding:0;
	text-align:center;
	width:684px;
	height:46px;
	text-indent:-9999px;
		/*font-size: 1px;*/
}
h3#point01 {background:url(../images/uruoi/bg_point01_uruoi.jpg) left bottom no-repeat;}
h3#point02 {background:url(../images/uruoi/bg_point02_uruoi.jpg) left bottom no-repeat;}
h3#point03 {background:url(../images/uruoi/bg_point03_uruoi.jpg) left bottom no-repeat;}
h3#point04 {background:url(../images/uruoi/bg_point04_uruoi.jpg) left bottom no-repeat;}

h3#point01,
h3#point02,
h3#point03,
h3#point04 {
	padding:0;
	margin:0;
	height:85px;
	vertical-align:bottom;
}

#point01 span.p01,
#point02 span.p01,
#point03 span.p01,
#point04 span.p01 {
	text-indent:-9999px;
	display: block;
}

.point-mid {
	background:url(../images/uruoi/bg_point-mid_uruoi.jpg) left top repeat-y;
	padding:0;
	margin:0;
}
.point-mid span.p02 {
	padding:10px 16px 0 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	line-height: 1.5;
	text-align: justify;
	display:block;
}
.point-btm {
	background:url(../images/uruoi/bg_point-btm_uruoi.jpg) left top no-repeat;
	height:10px;
	padding:0;
	margin:0 0 40px 0;
	font-size: 1px;
	clear: both;
}

/**********************************************/
/*Q&A
***********************************************/
#qa_uruoi {
	background:url(../images/uruoi/bg_qa-btm.jpg) left bottom no-repeat;
	padding:0 0 10px 0;
	margin:0 0 40px 0;
	width:760px; /*IE7*/
}

#qa_uruoi h2 {
	background:url(../images/uruoi/bg_qa-top.jpg) left top no-repeat;
	width:760px;
	height:29px;
	text-indent: -9999px;
}

.qa_uruoi_cnt {
	border-left:#ccc 1px solid;
	border-right:#ccc 1px solid;
	padding: 15px 15px 5px 15px;
	margin: 0;
}

.qa_uruoi_cnt h3 {
	background:url(../images/uruoi/bg_qa-q.jpg) left top no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 18px;
	padding: 0.1em 0 0.1em 28px;
	color: #143089;
	/*border-bottom: #143089 1px solid;*/
	border-bottom: #ccc 1px solid;
	margin: 15px 0 10px 0;
}

.qa_uruoi_cnt p {
	background:url(../images/uruoi/bg_qa-a.jpg) left top no-repeat;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 14px;
	padding: 0.3em 0 2px 28px;
	line-height: 1.5;
	margin: 0 15px 0 28px;
}


.qa_uruoi_cnt table {
	margin:0 15px 0 56px;
	border-collapse:separate;
	border-spacing:2px;
}

.qa_uruoi_cnt th {
	background-color:#C8F0FD;
	padding:0.2em;
	text-align:center;font-size:12px;
	color:#555;
}

.qa_uruoi_cnt td {padding:0.1em; font-size:12px;}

/**********************************************/
/*頁最下部　販売
***********************************************/

#pagebtm-uruoi01 {
	margin:0;
	padding:0; 
	width:760px;
}

#pagebtm-uruoi01 h2,
#pagebtm-uruoi01 h3 {
	width:760px;
	height:37px;
	margin:0;
	text-indent: -99999px;
	
	/*IE6*/
	_width:758px;
	_border-left:#ccc 1px solid;
	_border-right:#ccc 1px solid;
}
#pagebtm-uruoi01 h2 {background:url(../images/uruoi/bg_pagebtm-uruoi01.jpg) left top no-repeat;}
#pagebtm-uruoi01 h3 {background:url(../images/uruoi/bg_pagebtm-uruoi02.jpg) left top no-repeat;}


#pagebtm-uruoi01 h4 {
	width:380px;
	height:236px;
	padding:0;
	margin:0;
	text-indent: -99999px;
	background:url(../images/uruoi/bg_pagebtm-uruoi03.jpg) left top no-repeat;
	float: left;
	
	/*IE6*/
	_width:379px;
	_border-left:#ccc 1px solid;
}

#pagebtm-uruoi02 {
	width:380px;
	height:236px;
	padding:0;
	margin:0;
	background:url(../images/uruoi/bg_pagebtm-uruoi04.jpg) left top no-repeat;
	float: left;
}

ul#pagebtm-uruoi03 {
	margin:0.6em 0 40px 0;
	clear:both;
}
ul#pagebtm-uruoi03 li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	text-align: justify;
}

#pagebtm-uruoi02 dl {
	text-indent:-99999px;
	float:left;
}

/*セット注文ボタン02*/
#btn_setUruoi02 {
	margin: 0;
	padding: 63px 27px 0 0;
	float: right;
}
#btn_setUruoi02 ul {
	padding:0;
	margin:0;
	width:100px;
}

*:first-child+html #btn_setUruoi02 li {/*IE7*/
	height:27px;
	width:97px;
	padding:0;
	margin: 0;
}
#btn_setUruoi02 li {
	height:28px;
	_height:27px;/*IE6*/
	width:97px;
	padding:0;
	margin: 0;
}
#btn_setUruoi02 a {
	display:block;
	height:22px;
	text-indent:-9999px;
	padding:0;
	margin: 0;
	line-height:1;
}


#btn_setUruoi02 #set08-02 a { background:url(../images/uruoi/btn_app-set-uruoi.gif) 0 -110px no-repeat; }
#btn_setUruoi02 #set08-02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -110px no-repeat; }

#btn_setUruoi02 #set05-02 a { background:url(../images/uruoi/btn_app-set-uruoi.gif) 0 -88px no-repeat; }
#btn_setUruoi02 #set05-02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -88px no-repeat; }

#btn_setUruoi02 #set04-02 a { background: url(../images/uruoi/btn_app-set-uruoi.gif) 0 -66px no-repeat; }
#btn_setUruoi02 #set04-02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -66px no-repeat; }

#btn_setUruoi02 #set03-02 a { background: url(../images/uruoi/btn_app-set-uruoi.gif) 0 -44px no-repeat; }
#btn_setUruoi02 #set03-02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -44px no-repeat; }

#btn_setUruoi02 #set02-02 a { background: url(../images/uruoi/btn_app-set-uruoi.gif) 0 -22px no-repeat; }
#btn_setUruoi02 #set02-02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px -22px no-repeat; }

#btn_setUruoi02 #set01-02 a { background:url(../images/uruoi/btn_app-set-uruoi.gif) 0 top no-repeat; }
#btn_setUruoi02 #set01-02 a:hover  { background: url(../images/uruoi/btn_app-set-uruoi.gif) -97px top no-repeat; }

/*grayline*/

#grayline { 
	display:block; 
	height:2px; 
	background-color:#ccc; 
	margin:0 0 80px 0; 
	clear:both;
}
/**/

.f10cnt {font-size:10px; text-align:center;}



/**********************************************/
/*成分表示
***********************************************/

h3#ingredient_ttl {
	padding:0;
	margin:0 auto;
	width: 686px;

}
h3#ingredient_ttl span {
	border-left: #ccc 4px solid;
	padding:0 0 0 3px;
	margin:0;
	display: block;
	font-size: 18px;
	font-weight: bold;
}
/**/
div#ingredient {
	margin:0 37px;
	padding:3px 3px 2px 3px;
	border:#ccc 1px solid;
}

div#ingredient table {
	padding:0;
	margin:0;
	border-collapse:collapse;
	border-spacing:2px;
	width:100%;
}
#ingredient th {
	padding:3px;
	margin:0;
	background-color:#ccc;
	color:#fff;
	border-top:#dedede 1px solid;
	border-bottom:#fff 1px solid;
	font-size: 14px;
}
#ingredient td {
	padding:3px;
	margin:0;
	background-color:#efefef;
	border-bottom:#fff 1px solid;border-left:#fff 1px solid;
	width:50%;
	font-size: 12px;
}
/**/
p#ingredient_note {
	font-size: 11px;
	text-align:justify;
	margin:0 auto;
	width: 686px;
	line-height: 1.5;
}