﻿@charset "utf-8";

/* リセットCSS
----------------------------------------------------------------------------
*/

*{
	margin:0;
	padding:0;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,hr {
	margin: 0;
	padding: 0;
	font-size:14px;
}

html {
	overflow-y: scroll;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}

ol,ul {
	list-style: none;
}
fieldset,
img,
abbr,
acronym {
	border: 0;
}
a{
	overflow:hidden;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal;
}
q:before,
q:after {
	content:'';
}

/* END　リセットCSS
----------------------------------------------------------------------------
*/


/*共通
------------------------------------------------------------------------------
*/

div#container{
	width:950px;
	margin-left:auto;
	margin-right:auto;
}


div#container div.header h1{
	width:195px;
	float:right;
} 

div#container div.header h2{
	width:188px;
	float:left;
}

div#container div.header p{
	width:294px;
	float:left;
}

div#container div.header ul#menu{
	clear:both;
	width:950px;
	text-indent:-9999px;
}

div#container div.header ul li.mA{
	width:155px;
	height:40px;
	float:left;
}


	/*curent*/
	
div#container div.header ul li#m1_C{
	width:155px;
	height:40px;
	float:left;
	background:url(../images/common/m1_o.gif);
}

div#container div.header ul li#m2_C{
	width:159px;
	height:40px;
	background:url(../images/common/m2_o.gif);
}

div#container div.header ul li#m3_C{
	width:159px;
	height:40px;
	background:url(../images/common/m3_o.gif);
}

div#container div.header ul li#m4_C{
	width:159px;
	height:40px;
	background:url(../images/common/m4_o.gif);
}

div#container div.header ul li#m5_C{
	width:159px;
	height:40px;
	background:url(../images/common/m5_o.gif);
}

div#container div.header ul li#m6_C{
	width:159px;
	height:40px;
	background:url(../images/common/m6_o.gif);
}



div#container div.header ul li.mB{
	width:159px;
	height:40px;
	float:left;
}

div#container div.header ul li a{
	display:block;
}



	/*rollover*/	
	
div#container div.header ul li a#m1{
	width:155px;
	height:40px;
	background:url(../images/common/m1.gif);
}

div#container div.header ul li a:hover#m1{
	width:155px;
	height:40px;
	background:url(../images/common/m1_o.gif);
}	

div#container div.header ul li a#m2{
	width:159px;
	height:40px;
	background:url(../images/common/m2.gif);
}

div#container div.header ul li a:hover#m2{
	width:159px;
	height:40px;
	background:url(../images/common/m2_o.gif);
}

div#container div.header ul li a#m3{
	width:159px;
	height:40px;
	background:url(../images/common/m3.gif);
}

div#container div.header ul li a:hover#m3{
	width:159px;
	height:40px;
	background:url(../images/common/m3_o.gif);
}

div#container div.header ul li a#m4{
	width:159px;
	height:40px;
	background:url(../images/common/m4.gif);
}


div#container div.header ul li a:hover#m4{
	width:159px;
	height:40px;
	background:url(../images/common/m4_o.gif);
}

div#container div.header ul li a#m5{
	width:159px;
	height:40px;
	background:url(../images/common/m5.gif);
}

div#container div.header ul li a:hover#m5{
	width:159px;
	height:40px;
	background:url(../images/common/m5_o.gif);
}

div#container div.header ul li a#m6{
	width:159px;
	height:40px;
	background:url(../images/common/m6.gif);
}

div#container div.header ul li a:hover#m6{
	width:159px;
	height:40px;
	background:url(../images/common/m6_o.gif);
}



div#footer{
	background:url(../images/common/footer_bk.gif) repeat-x #65594D;
}



div#footer ul{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding-top:10px;
}

div#footer ul li{
	display:inline;
	color:#ffffff;
	font-size:11px;
}

#footer ul li a{
	color:#ffffff;
	text-decoration:none;
}

#footer ul li a:hover{
	text-decoration:underline;
}

#footer address{
	color:#ffffff;
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:10px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	
}

div#container p#pageTop{
	float: right;
	margin-bottom:13px;
	padding-right: 10px;
}

div#container p#pageTop a {
	width: 117px;
	height: 25px;
	display: block;
	background: url(../images/common/pagetop.gif) top left no-repeat;
	text-indent:-9999px;
}
div#container p#pageTop a:hover {
	background: url(../images/common/pagetop.gif) 0 -25px no-repeat;
}
/*　END　共通
------------------------------------------------------------------------------
*/





/* sp/kikiyu/index.htm
----------------------------------------------------------------------------
*/


body#top{
	background:url(../images/top/top_bk.gif) repeat-x;
}

div#container div#headerTop{
	width:950px;
	background:url(../images/top/top_color.jpg) no-repeat;
}

div#container div#topContents{
	width:950px;
	height:432px;
	background: url(../images/top/top_contents_bk.jpg) no-repeat;
	position:relative;
}

div#container div#topContents div#topConTit{
	width:300px;
	height:141px;
	padding-top:52px;
	margin-left:330px;
}

div#container div#topContents ul#topBtnA li#topBtnA_1{
	width:92px;
	height:86px;
	position:absolute;
	top:133px;
	left:178px;
}

div#container div#topContents ul#topBtnA li#topBtnA_2{
	width:111px;
	height:106px;
	position:absolute;
	top:219px;
	left:248px;
}

div#container div#topContents ul#topBtnA li#topBtnA_3{
	width:129px;
	height:106px;
	position:absolute;
	top:219px;
	left:359px;
}

div#container div#topContents ul#topBtnA li#topBtnA_4{
	width:120px;
	height:106px;
	position:absolute;
	top:219px;
	left:488px;
}

div#container div#topContents ul#topBtnA li#topBtnA_5{
	width:101px;
	height:106px;
	position:absolute;
	top:219px;
	left:608px;
}

div#container div#topContents ul#topBtnA li#topBtnA_6{
	width:86px;
	height:86px;
	position:absolute;
	top:133px;
	left:693px;
}

div#container div#topContents div#topConFooter{
	width:950px;
	height:40px;
	position:absolute;
	top:325px;
	left:0;
}


div#container div#topContents ul#topBtnB{
	width:950px;
	text-indent:-9999px;
}

div#container div#topContents ul#topBtnB li{
	width:313px;
	height:107px;
	float:left;
}

div#container div#topContents ul#topBtnB li a{
	display:block;
	width:313px;
	height:107px;
}

div#container div#topContents ul#topBtnB li a#topBtnB_1{
	width:313px;
	height:107px;
	background:url(../images/top/con_btn_b_01.jpg) no-repeat;
	padding-right:5px;
}

div#container div#topContents ul#topBtnB li a:hover#topBtnB_1{
	width:313px;
	height:107px;
	background:url(../images/top/con_btn_b_01_o.jpg) no-repeat;
}

div#container div#topContents ul#topBtnB li a#topBtnB_2{
	width:313px;
	height:107px;
	background:url(../images/top/con_btn_b_02.jpg);
}

div#container div#topContents ul#topBtnB li a:hover#topBtnB_2{
	width:313px;
	height:107px;
	background:url(../images/top/con_btn_b_02_o.jpg);
}

div#container div#topContents ul#topBtnB li a#topBtnB_3{
	width:313px;
	height:107px;
	background:url(../images/top/con_btn_b_03.jpg);
}

div#container div#topContents ul#topBtnB li a:hover#topBtnB_3{
	width:313px;
	height:107px;
	background:url(../images/top/con_btn_b_03_o.jpg);
}

div#container div#topContents ul#topBtnB li#topBtnB_1_m{
	margin-right:5px;
	_margin:0;
}

div#container div#topContents ul#topBtnB li#topBtnB_2_m{
	margin-right:6px;
}



div#container div#topContents p#topProduct {
	position:absolute;
	top: 256px;
	right: 0;
}

/* sp/kikiyu/product/index.htm
----------------------------------------------------------------------------
*/


body#product{
	background:url(../images/product/product_bk.gif) repeat-x #FBFBFB;
}

div#container div#headerProduct{
	width:950px;
	background:url(../images/product/product_color.jpg) no-repeat;
}

div#productContents div#productCon1 {
	background: url(../images/product/bg_products.jpg) no-repeat left top;
	margin: 0 10px;
	height: 452px;
}

h3#tit_productCon {
	margin: 20px 10px;
}

div#productContents div#productCon1 div#bodycare{
	width:610px;
	float:left;
}

div#productContents div#productCon1 div#bodycare h4 {
	margin: 40px 0 20px 35px;
}

div#productContents div#productCon1 div#bodycare ul {
	margin-left: 35px;
}

div#productContents div#productCon1 div#bodycare ul li {
	float: left;
	display: inline;
	margin-right: 40px;
}

div#productContents div#productCon1 div#bodycare ul li.product_last {
	margin-right: 0;
}

div#productContents div#productCon1 div#skincare{
	width:310px;
	float:right;
}

div#productContents div#productCon1 div#skincare h4 {
	margin: 40px 30px 20px 0;
}

div#productContents div#productCon1 div#skincare ul {
	margin-right: 15px;
}

div#productContents div#productCon1 div#skincare ul li {
	float: left;
	display: inline;
	margin-right: 40px;
}

div#productContents div#productCon1 div#skincare ul li.product_last {
	margin-right: 0;
}

/*
div#productContents div#productCon1 dl{
	width:186px;
	float:left;
}

div#productContents div#productCon1 dl#bodycarePadd{
	padding-left:10px;
}

div#productContents div#productCon1 div#bodycare dl a,div#skincare dl a {
	display:block;
	width:186px;
	height:56px;
	text-indent:-9999px;
}





div#productContents div#productCon1 div#bodycare dl a#btn01{
	background:url(../images/product/product_tit_01_btn01.jpg);
}

div#productContents div#productCon1 div#bodycare dl a:hover#btn01{
	background:url(../images/product/product_tit_01_btn01_o.jpg);
}

div#productContents div#productCon1 div#bodycare dl a#btn02{
	background:url(../images/product/product_tit_01_btn02.jpg);
}

div#productContents div#productCon1 div#bodycare dl a:hover#btn02{
	background:url(../images/product/product_tit_01_btn02_o.jpg);
}

div#productContents div#productCon1 div#bodycare dl a#btn03{
	background:url(../images/product/product_tit_01_btn03.jpg);
}

div#productContents div#productCon1 div#bodycare dl a:hover#btn03{
	background:url(../images/product/product_tit_01_btn03_o.jpg);
}

div#productContents div#productCon1 div#bodycare dl a#btn04{
	background:url(../images/product/product_tit_01_btn04.jpg);
}

div#productContents div#productCon1 div#bodycare dl a:hover#btn04{
	background:url(../images/product/product_tit_01_btn04_o.jpg);
}

div#productContents div#productCon1 div#skincare dl a#btn05{
	background:url(../images/product/product_tit_01_btn05.jpg);
}

div#productContents div#productCon1 div#skincare dl a:hover#btn05{
	background:url(../images/product/product_tit_01_btn05_o.jpg);
}

*/

div#productContents div#productCon1{
	margin-bottom:40px;
	margin-top: 10px;
}


div#productContents div#productCon2, div#productCon3{
	width:475px;
	float:left;
}

div#productContents div#productCon2 p#productCon2Type{
	width:107px;
	float:left;
}


div#productContents div#productCon2 p#productCon2Txt{
	width:353px;
	float:left;
	padding-top:15px;
	padding-left:15px;
	line-height:1.7;
}

div#productContents div#productCon2{
	margin-bottom:23px;
}

div#productContents div#productCon3 p#productCon3Txt1,p#productCon3Txt2{
	padding-left:40px;
	line-height:1.7;
}

div.productCon3box {
	width: 460px;
	padding-right: 20px;
	_padding-right: 0px;
}

div#productContents div#productCon3 p#productCon3Txt1{
	margin-bottom:20px;
}


div#productContents div#productCon4{
	clear:both;
	width:950px;
	min-height: 243px;
	_height: 243px;
	background:url(../images/product/product_con4_top.gif) top left no-repeat;
	padding-top:43px;
	position: relative;
}
div#productCon4btm {
	width:950px;
	height: 17px;
	background:url(../images/product/product_con4_btm.gif) bottom left no-repeat;
	margin-bottom: 20px;
}
div#productContents div#productCon4 p#productCon4Img{
	width:400px;
	position: absolute;
	bottom: -10px;
	left: 20px;
}

div#productContents div#productCon4 div#productCon4Txt{
	width:531px;
	float:right;
}

div#productContents div#productCon4 div#productCon4Txt p#productCon4Txt1,p#productCon4Txt2{
	padding-left:10px;
	line-height:1.7;
}

div#productContents div#productCon4 div#productCon4Txt p#productCon4Txt1{
	margin-bottom:20px;	
}




/* sp/kikiyu/effect/index.htm
----------------------------------------------------------------------------
*/

body#effect{
	background: url(../images/effect/effect_bk.gif) repeat-x #FBFBFB;
}

div#container div#headerEffect{
	width:950px;
	background:url(../images/effect/effect_color.jpg) no-repeat;
}


div#effectContents div#effectCon1{
	padding-top:23px;
	margin-bottom:62px;
}

div#effectContents div#effectCon1 div#effect01{
	width:600px;
	float:left;
}

div#effectContents div#effectCon1 div#hiwa{
	width:350px;
	float:left;
}

div#effectContents div#effectCon1 div#effect01 p#effect01Img{
	width:271px;
	float:left;
}

div.effect01Txtbox {
	float: right;
	width: 320px;
	padding-bottom:100px;
}

div#effectContents div#effectCon1 div#effect01 p#effect01Txt1{
	padding-top:15px;
	line-height:1.7;
}

div#effectContents div#effectCon1 div#effect01 p#effect01Txt2{
	padding-top:15px;
	width:570px;
	padding-left:30px;
	line-height:1.7;
}

div#effectContents div#effectCon1 div#effect01 h3#effectTit2{
	padding-top:100px;

}

div#effectContents div#effectCon1 div#hiwa p#hiwaTxt{
	width:275px;
	background:url(../images/effect/effect_hiwa_bk.jpg) repeat-y;
	padding-left:45px;
	padding-right:30px;
	padding-bottom:10px;

}

div#effectContents div#effectCon1 div#hiwa p#hiwaFooter{
	width:350px;
	height:89px;
	background:url(../images/effect/effect_hiwa_footer.jpg);
}

div#effectContents div#effectCon1 div#hiwa p a#hiwaBtn{
	display:block;
	width:255px;
	height:89px;
	background:url(../images/effect/effect_hiwa_btn.jpg);
	margin-left:57px;
	text-indent:-9999px;
}

div#effectContents div#effectCon1 div#hiwa p a:hover#hiwaBtn{
	display:block;
	width:255px;
	height:89px;
	background:url(../images/effect/effect_hiwa_btn_o.jpg);
}

div#effectContents div#effectCon1 div#hiwa p#hiwaTxt{
	line-height:1.7;

}

div#effectContents div#effectCon2{
	width:930px;
	height:766px;
	background:url(../images/effect/bg_effect.jpg) no-repeat left top;
	margin: 0 10px 20px;
}

h3#tit_effect02 {
	margin: 0 0 20px 20px;
}

div#effectCon2 ul {
	padding: 39px 13px 0 45px;
}

div#effectCon2 ul li {
	padding: 0;
}

div#effectCon2 ul li#effect03_01,
div#effectCon2 ul li#effect03_03,
div#effectCon2 ul li#effect03_05 {
	float: left;
	display: inline;
}

div#effectCon2 ul li#effect03_02,
div#effectCon2 ul li#effect03_04,
div#effectCon2 ul li#effect03_06 {
	float: right;
	display: inline;
}

div#effectCon2 ul li#effect03_01,
div#effectCon2 ul li#effect03_02 {
	margin-bottom: 40px;
}


div#effectCon2 ul li#effect03_03,
div#effectCon2 ul li#effect03_04 {
	margin-bottom: 60px;
}



/*
div#effectContents div#effectCon2 dl.effectCon2A{
	width:455px;
	float:left;
	padding-left:20px;
}

div#effectContents div#effectCon2 dl.effectCon2B{
	clear:both;
}

div#effectContents div#effectCon2 dl dt{
	width:60px;
	float:left;
	display: inline;
}

div#effectContents div#effectCon2 dl dd a{
	display:block;
	width:125px;
	height:40px;
	text-indent:-9999px;
}

div#effectContents div#effectCon2 dl dd a#Con3Btn01{
	background:url(../images/effect/effect_tit03_btn01.jpg);
}

div#effectContents div#effectCon2 dl dd a:hover#Con3Btn01{
	background:url(../images/effect/effect_tit03_btn01_o.jpg);
}

div#effectContents div#effectCon2 dl dd a#Con3Btn02{
	background:url(../images/effect/effect_tit03_btn02.jpg);
}

div#effectContents div#effectCon2 dl dd a:hover#Con3Btn02{
	background:url(../images/effect/effect_tit03_btn02_o.jpg);
}

div#effectContents div#effectCon2 dl dd a#Con3Btn03{
	background:url(../images/effect/effect_tit03_btn03.jpg);
}

div#effectContents div#effectCon2 dl dd a:hover#Con3Btn03{
	background:url(../images/effect/effect_tit03_btn03_o.jpg);
}

div#effectContents div#effectCon2 dl dd a#Con3Btn04{
	background:url(../images/effect/effect_tit03_btn04.jpg);
}

div#effectContents div#effectCon2 dl dd a:hover#Con3Btn04{
	background:url(../images/effect/effect_tit03_btn04_o.jpg);
}

div#effectContents div#effectCon2 dl dd a#Con3Btn05{
	background:url(../images/effect/effect_tit03_btn05.jpg);
}

div#effectContents div#effectCon2 dl dd a:hover#Con3Btn05{
	background:url(../images/effect/effect_tit03_btn05_o.jpg);
}

div#effectContents div#effectCon2 h3{
	margin-bottom:29px;

}


div#effectContents div#effectCon2 dl#effectCon2D{
	padding-top:15px;
}

div#effectContents div#effectCon2 dl#effectCon2E{
	margin-top:47px;
	margin-left:227px;

}
*/

div.pt{
	clear: both;
}


/* sp/kikiyu/select/index.htm
----------------------------------------------------------------------------
*/


body#select{
	background:url(../images/top/top_bk.gif) repeat-x;
}




/* sp/kikiyu/bath/index.htm
----------------------------------------------------------------------------
*/

body#bath{
	background:url(../images/bath/bath_bk.gif) repeat-x #FBFBFB;
}

div#container div#headerBath{
	width:950px;
	background:url(../images/bath/bath_color.jpg) no-repeat;
}

div#container div#bathContents{
	width:950px;
	background:url(../images/bath/bath_contents_bk.jpg) repeat-x top;
}

div#container div#bathContents div.bathCon1{
	width:950px;
	height:270px;
	margin-top:10px;
}

div#container div#bathContents div.bathCon2{
	width:950px;
	height:270px;
}

div#container div#bathContents div.bathCon3{
	width:950px;
	height:270px;
}

div#container div#bathContents div.bathCon4{
	width:950px;
	height:270px;
}

div#container div#bathContents div.bathCon1 p.bathImg01 {
	float: right;
	display: block;
	width: 350px;
}

div#container div#bathContents div.bathCon1L{
	width:570px;
	float: left;
}

div#container div#bathContents div.bathCon2 p.bathImg02 {
	float: left;
	display: block;
	width: 380px;
}

div#container div#bathContents div.bathCon2 div.bathCon2R {
	width:570px;
	float: right;
}

div#container div#bathContents div.bathCon3 p.bathImg03 {
	float: right;
	display: block;
	width: 380px;
}

div#container div#bathContents div.bathCon3L {
	width: 500px;
	float: left;
}

div#container div#bathContents p.bathTxt1,p.bathTxt2{
	padding-top:20px;
	padding-left:35px;
	width:500px;
	line-height:1.7;
}

div#container div#bathContents p.bathTxt3 {
	padding-top:20px;
	padding-left:35px;
	width:445px;
	line-height:1.7;
}

div#container div#bathContents div.bathCon4 p.bathImg04 {
	float: left;
	display: block;
	width: 380px;
}

div#container div#bathContents div.bathCon4 div.bathCon4R {
	width:570px;
	float: right;
}



/* sp/kikiyu/cm/index.htm
----------------------------------------------------------------------------
*/

body#cm{
	background:url(../images/cm/cm_bk.gif) repeat-x #FBFBFB;
}

div#container div#headerCm{
	width:950px;
	background:url(../images/cm/cm_color.jpg) no-repeat;
}

div#container div#cmContents{
	width:950px;
	background:url(../images/cm/cm_contents_bk.jpg) repeat-x top;
}


div#cmContents .contents-box {
	margin: 33px 0 50px 0;
}

div#cmContents .contents-box .cm-description-text {
	width: 525px;
	float: right;
	display: inline;
	margin-right: 25px;
}

div#cmContents .contents-box .cm-movie {
	width: 320px;
	float: left;
	display: inline;
	margin-left: 35px;
}

div#cmContents .contents-box h2 {
	margin-bottom: 25px;
}

div#cmContents .contents-box p {
	line-height: 2;
}

div#cmContents .contents-box #cm-photo {
	width: 410px;
	float: right;
	display: inline;
	margin: 0 0 10px 15px;
}

div#bnr_onpro {
	margin-top: 10px;
}


/* clearfix
----------------------------------------------------------------------------
*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* END　clearfix
----------------------------------------------------------------------------
*/





