@charset "Shift_JIS";

/* -----------------------------------------------------------
    01. Common Modules(based on css/main.css)
----------------------------------------------------------- */

/* Navigation
----------------------------------------------------------- */
div.nav-branditem{
margin:0 0 12px 0;
padding:0;
width:600px;
height:95px;
text-align:left;
background:url(/keana/images/bg_nav.png) repeat left top;
}

div.nav-branditem .logo{
margin:0!important;
padding:8px 0 8px 12px;
float:left;
}

div.nav-branditem ul{
float:right;
width:494px;
}

div.nav-branditem ul,
div.nav-branditem ul li{
margin:0;
padding:0;
}

div.nav-branditem ul li{
display:inline;
text-align:left;
}

div.nav-branditem ul li img{
vertical-align:bottom;
}


/* -----------------------------------------------------------
    02. Styles
----------------------------------------------------------- */
img{
border:none;
}

div.keana{
width:600px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

div.keana h1,
div.keana h2{ margin:0; }

div.keana .itemname {
color: #B31212;
font-weight:bold;
font-size:12px;
line-height:1.4;
}

div.keana .itemname a:link,
div.keana .itemname a:visited{
color: #b31212;
}

div.keana .itemname a::hover{
text-decoration: underline;
}

div.keana .txt01{
color:#FFFFFF;
font-size:12px;
line-height:1.4;
}

div.keana .txt02{
color:#000000;
font-size:12px;
line-height:1.4;
}

div.keana .txt12{
font-size: 12px;
line-height: 1.4;
}

div.keana .txt10{
font-size: 10px;
}

div.keana .sml{
font-size:10px;
line-height:1.4;
}

div.keana .acenter{
text-align:center;
}

div.keana .itemfrbg{ background:url(images/itemfr_bg.gif) left top; }

div.keana .riyuL{ background:url(images/riyu_l.gif) left top repeat-y; }

div.keana .riyuR{ background:url(images/riyu_r.gif) left top repeat-y; }

div.keana div.CageForm{
text-align:left;
width:225px;
}

div.keana #commonCage{
margin-bottom:0;
width:225px;
text-align:left;
background:none;
border:none;
font-size:12px!important;
}

div.keana #newProductArea #commonCage{
width:auto;
}

div.keana #seriesHeader{
margin:10px 0 0;
background:url(images/nav_bg_01.gif) no-repeat top left;
}


/*------   bg  -----*/
div.keana #bg01{
background:url(images/bg01.gif) left top repeat-x;
text-align:center;
}

div.keana #bg02{
width:600px;
background:url(images/bg02.gif) left top;
}


/*div#index #bg01{
background: url(images/bg03.gif) left top repeat-x;
}
*/
div#index #bg02{
background: url(images/bg07.gif) left top;
}

div.keana #bg04{
width:600px;
background:url(images/bg04.gif) left bottom repeat-x;
}


/*----------------------------
	powder
----------------------------*/
div.keana #howto{
margin-left:auto;
margin-right:auto;
background:url(images/howto_bg.gif) left top no-repeat;
width:558px;
height:296px;
}

div.keana div#riyu{
margin:0 28px 20px 15px;
}

div.keana div#riyu p{
margin:0 15px 15px 15px;
}


/*----------------------------
	index
----------------------------*/
#index{
}

#index .lytFlash-outer{
position:relative;
width:275px;
height:350px;
background:url(images/index_main-flash_01.jpg) no-repeat left top;
}

#index .lytFlash{
position:relative;
left:0;
top:0;
padding-top:13px;
width:266px;
height:299px;
_height:309px;
font-size:0;
}

#index div.lytFlash object{
position:absolute;
}

#index #movieController,
#index div.lytFlash #swfContent02{
visibility:hidden;
}

#index #movieController{
margin:8px 0 0;
padding:0;
zoom:1;
}

#index #movieController li{
float:left;
margin:0 8px 0 0;
list-style:none;
font-size:0;
}

#index div.productAreaWrap{
background:url(images/index_product-bg_01.gif) top left repeat-y;
}

#index div.productAreaWrapInner{
background:url(images/index_product-bg_02.gif) top left no-repeat;
}

#index .product-01{
background:url(images/index_product-bgMiddle_01.gif) top left repeat-y;
}

#index .product-02{
background:url(images/index_product-bgMiddle_02.gif) top left repeat-y;
}

#index .product-03{
background:url(images/index_product-bgMiddle_03.gif) bottom left no-repeat;
}

#index .product-03-t{
background:url(images/index_product-bgMiddle_03.gif) top left no-repeat;
}

#index #productArea p.txt12{
margin-top:0;
margin-right:12px;
padding:0;
}

#index div.CageForm-outer{
background:url(images/index_product-bg_05.jpg) no-repeat left top;
padding:0 22px 0 3px;
width:357px;
_width:382px;
height:154px;
}

div.keana p.explanation01{
color:#1e2678;
margin:0 0 5px;
line-height:1.5;
font-size:12px;
font-family:"‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}

#index p.doc-exp-soap{
margin:0 0 5px 23px;
width:225px;
}



/*----------------------------
	clens
----------------------------*/
#clens .basketArea {
background:url(images/clens_basket_img02.gif) left center repeat-y;
}

#clens .basketTxt p{
margin:9px 26px 0 16px;
line-height:1.2;
font-size:12px;
}

#clens .basketTxt .element{
font-size:10px;
}

#clens #bg02{
background-position:0 6px;
}

#clens #bg05{
width:600px;
background:url(images/bg05.gif) left top repeat-x;
}

#clens #bg06{
width:600px;
background:url(images/bg06.gif) left top repeat;
}

#clens .clensIchigo{
background:url(images/clens_ichigo_img02.gif) right top repeat-y;
}

#clens .textArea{
padding: 1px 0;
text-align:center;
background-color:#ffe5e5;
font-size: 12px;
line-height:1.3;
}

#clens .textArea p{
margin:8px 25px;
}

#clens .textArea .supplement{
margin: 8px 10px;
text-align:left;
}

#clens #bg05 .clensOrange{
background:url(images/clens_orange_img02.gif) right top repeat-y;
}

#clens .clensUse {
background:url(images/clens_use_img05.jpg) no-repeat top left;
}


/*----------------------------
	awa
----------------------------*/
.awa p{
margin:0;
padding:0;
}

body:first-of-type .awa p{ /* for Safari3 */
line-height:1.15;
}

.awa .section-main{
background:url(images/awa_background01.gif) #EB140E no-repeat top left;
}

.awa .section-main .txt01{
margin:6px 24px 0 18px;
}

.awa .section-feature{
width:600px;
background:url(images/awa_background02.gif) #FFEADE no-repeat top left;
}

.awa .dotLine{
margin:36px 20px 21px;
}

.awa .section-cause{
width:600px;
background:url(images/awa_background03.gif) no-repeat top left;
}

.awa .section-ichigo{
background:url(images/awa_ichigo_middle.gif) repeat-y top left;
}

.awa .section-ichigo .textArea01{
margin-right:21px;
padding:14px 17px 12px;
background-color:#FFFFFF;
}

.awa .section-ichigo .textArea02{
margin-right:21px;
padding:0 17px 12px;
background-color:#FFFFFF;
}

.awa .section-dekopon{
background:url(images/awa_dekopon_middle.gif) repeat-y top left;
}

.awa .section-dekopon .textArea01{
margin-right:22px;
padding:14px 17px 12px;
background-color:#FFFFFF;
}

.awa .section-dekopon .textArea02{
margin-right:22px;
padding:0 17px 12px;
background-color:#FFFFFF;
}

.awa .textArea01 .txt02{
margin-top:10px;
}

.awa .textArea02 .txt02{
margin-top:10px;
}

.awa .featureText{
background:url(images/awa_featureBg.gif) no-repeat bottom left;
margin:16px 20px 0 12px;
min-height:149px;
_height:149px;
}

.awa .featureText p{
margin:0 3px 0 10px;
padding-top:6px;
line-height:1.25;
}


/*----------------------------
	mens
----------------------------*/
#mens p{
margin:0;
padding:0;
}

#mens #mainArea{
background:#90A1E9 url(images/mens_main-bg_01.jpg) bottom left no-repeat;
}

#mens #mainArea p.txt12{
margin-right:22px;
}

#mens #productArea p.txt12{
margin-top:0;
margin-right:12px;
padding:0;
}

#mens #causeArea{
padding-top:10px;
background:url(images/mens_cause-bg_01.gif) top left no-repeat;
}

#mens #causeArea .orangeArea,#mens #causeArea .kiwiArea{
background:url(images/mens_cause-bgMiddle_01.gif) top left repeat-y;
}

#mens #causeArea .explanation{
margin:0 19px 19px 19px;
padding:0;
width:221px;
background:#FFFFFF;
}

#mens #causeArea .img{
padding:5px 0 0;
text-align:center;
}

#mens #causeArea p.txt12{
padding:12px;
}

#mens #causeArea #floatingImage-outer{
position:relative;
}

#mens #causeArea #floatingImage{
position:absolute;
left:19px;
top:0;
}

#mens div.method dl,
#mens div.method dt,
#mens div.method dd,
#mens div.method p,
#mens div.method ol,
#mens div.method li{
margin:0;
padding:0;
}

#mens div.method{
padding-bottom:30px;
background:url(images/mens_method-bg.gif) repeat left top;
text-align:left;
}

#mens div.method dl img{
vertical-align:bottom;
}

#mens div.method dl{
margin-left:30px;
width:559px;
}

#mens div.method dl dd{
position:relative;
width:539px;
height:349px;
background:url(images/ments_method-bg.gif) no-repeat left bottom;
}

#mens div.method dl dd ol{
margin-left:14px;
}

#mens div.method dl dd ol li{
margin-bottom:13px;
padding:0;
list-style:none;
}

#mens div.method dl dd ol li.step2{
float:left;
margin:0 13px 0 0;
}

#mens div.method dl dd ol li.step3{
margin:0;
}

#mens div.method dl dd p.example-ng{
position:absolute;
top:0;
right:16px;
}


/*----------------------------
	furo
----------------------------*/
#keanafuro div,
#keanafuro span,
#keanafuro p,
#keanafuro ul,
#keanafuro li,
#keanafuro dl,
#keanafuro dt,
#keanafuro dd{
margin:0;
padding:0;
line-height:1;
}

#keanafuro{
background:url(images/bg_furo_contents.gif) repeat-y left top;
font-size:12px;
text-align:left;
}

#keanafuro-inner{
margin:0;
background:url(images/bg_furo_contents-inner.jpg) no-repeat left bottom;
}

#keanafuro table{font-size:100%;}

#keanafuro p.notice{
margin:0;
line-height:1.5;
text-align:right;
font-size:10px;
}

#keanafuro p.paragraph01{
margin:8px 0 4px;
line-height:1.5;
}

#keanafuro div.CageFormWrapper{
position:relative;
padding-top:27px;
zoom:1;
}

#keanafuro div.cage{
width:311px;
background:url(images/bg_furo_cageform.gif) no-repeat left bottom;
}

#keanafuro div.cage #commonCage{
padding:15px 15px 13px;
background:url(images/bg_furo_cageform_inner.gif) no-repeat left top;
width:260px;
}

#keanafuro div.productData{
position:relative;
z-index:2;
}

#keanafuro div.CageFormWrapper p.bubble{
position:absolute;
top:0;
left:180px;
z-index:1;
margin:0;
}

#keanafuro div.CageFormInner p{
margin:0;
line-height:1.5;
}

#keanafuro div.CageFormInner p.productName{
color:#190986;
width:170px;
}

#keanafuro div.CageFormInner dl.expAddBookmark{
margin:5px 0 0;
font-size:10px;
zoom:1;
}

#keanafuro div.CageFormInner dl.expAddBookmark dt{
float:left;
width:23px;
}

#keanafuro div.CageFormInner dl.expAddBookmark dd{
margin-left:27px;
padding-left:1em;
text-indent:-1em;
line-height:1.4;
}

#keanafuro div.CageFormInner p.price{margin-bottom:7px;}

#keanafuro td.btnAddBookmark{padding-left:5px;}

#keanafuro div.message{
padding:10px 105px 0 37px;
width:218px;
height:96px;
_width:360px;
_height:106px;
background:url(images/vis_furo_point_07.gif) no-repeat left top;
}

#keanafuro div.message p{
color:#ffffff;
line-height:1.5;
}

#keanafuro div.bijin{
position:relative;
margin:29px 0 0 20px;
width:581px;
height:145px;
background:url(images/vis_furo_bijinnoyu_bg.gif) no-repeat left top;
}

#keanafuro div.bijin dl dt{
position:absolute;
top:31px;
left:12px;
}

#keanafuro div.bijin dl dd{
position:absolute;
top:13px;
left:96px;
margin-left:0;
width:420px;
line-height:1.5;
}

#keanafuro ul.list-notice-01{
margin:0 0 0 25px;
padding-bottom:17px;
list-style:none;
}

#keanafuro ul.list-notice-01 li{
line-height:1.5;
font-size:10px;
}


/*----------------------------
	shirohada
----------------------------*/
#shirohada p,
#shirohada ul li{
line-height:1.6;
}

#shirohada div.content-wrap{
background:url(images/shiro_wrap_bg.jpg) repeat-y top left;
color:#251e1c;
}

#shirohada div.content-wrap-inner{
padding-bottom:157px;
background:url(images/shiro_wrap-inner_bg_01.png) no-repeat left bottom;
}

#shirohada div.content-main{
position:relative;
width:600px;
height:278px;
background:url(images/shiro_main_bg_01.jpg) no-repeat top left;
}

#shirohada div.content-main h1,
#shirohada div.content-main p{
position:absolute;
margin:0;
}

#shirohada div.content-main h1{
top:0;
left:10px;
}

#shirohada div.content-main p.seibun{
top:182px;
left:122px;
}

#shirohada div.content-main p.maiko{
top:0;
right:0;
}

#shirohada div.box-item{
width:600px;
padding-bottom:12px;
}

#shirohada div.box-item div.lyt-product{
width:223px;
float:left;
padding-left:10px;
}

#shirohada div.box-item div.lyt-product div.cage{
width:234px;
background:#fff081 url(images/shiro_item_bg_04.png) no-repeat bottom left;
color:#333333;
}

#shirohada div.box-item div.lyt-product div.cage #commonCage{
padding:15px 13px 20px;
background:url(images/shiro_item_bg_03.png) no-repeat top left;
line-height:1.6;
border:none;
width:215px;
/width:234px;
}

#shirohada div.box-item div.lyt-detail{
width:356px;
float:right;
background:url(images/shiro_item_bg_01.jpg) no-repeat top left;
}

#shirohada div.box-item div.box-point{
padding-bottom:5px;
min-height:296px;
_height:301px;
}

#shirohada div.box-item div.box-point h2{
margin:8px auto 2px 6px;
}

#shirohada div.box-item div.box-point h3{
margin:0 0 12px 18px;
padding:0;
}

#shirohada div.box-item div.box-point p{
margin-left:18px;
width:170px;
}

#shirohada div.box-item div.box-howto{
width:327px;
margin-left:12px;
padding:10px 0;
background:url(images/shiro_item_bg_02.png) no-repeat bottom left;
}

#shirohada div.box-item h3.box-howto{
margin-left:12px;
}

#shirohada div.box-item div.box-howto p{
width:280px;
margin-left:25px;
}

#shirohada div.box-flow{
position:relative;
height:350px;
margin-bottom:17px;
margin-left:11px;
}

#shirohada div.box-flow h2,
#shirohada div.box-flow p{
position:absolute;
}

#shirohada div.box-flow h2{
top:4px;
left:28px;
z-index:3;
}
#shirohada div.box-flow p.power{
top:52px;
left:92px;
z-index:2;
}
#shirohada div.box-flow p.flow{
top:19px;
left:0;
z-index:1;
}
#shirohada div.box-flow p.plus{
bottom:1px;
left:19px;
z-index:4;
}

#shirohada div.box-spa{
margin-left:12px;
width:580px;
background:url(images/shiro_spa_bg_01.png) no-repeat top left;
}

#shirohada div.box-spa-inner{
padding:20px;
background:url(images/shiro_spa_bg_02.png) no-repeat bottom left;
}

#shirohada div.box-spa div.lyt-image{
padding-bottom:10px;
}

#shirohada div.box-spa h2{
float:left;
}

#shirohada div.box-spa p{
float:left;
margin-left:15px;
width:312px;
}

#shirohada div.box-spa ul li{
position:relative;
font-size:0.83em;
margin-left:1em;
text-indent:-1em;
}

#shirohada div.box-spa ul li span{
/*position:absolute;
left:0;
top:0;*/
}

/*----------------------------
	clearfix
----------------------------*/
div.nav-branditem:after,
#index #movieController:after,
#keanafuro dl.expAddBookmark:after,
#shirohada div.box-item:after,
#shirohada div.box-spa div.lyt-image:after{
display:block;
clear:both;
visibility:hidden;
content:" ";
height:0;
}

div.nav-branditem,
#shirohada div.box-item,
#shirohada div.box-spa div.lyt-image{
zoom:1;
}