@charset "utf-8";
/* CSS Document */

*{margin:0px;
padding:0px;
font-size:12px;
font-weight:normal;
font-family:"lr oSVbN", Osaka, "qMmpS Pro W3";
line-height:16px;

}

#haikei{
width:840px;
margin:auto;
background-image:url(images/haikei.gif);
background-repeat:repeat-y;


}


#all{
width:800px;
margin:auto;
}

#hedder{
width:800px;
height:15px;
background-color:#802042;
}

#main_img{
width:800px;
margin:auto;
height:260px;

}

#navi{
width:800px;
height:30px;
margin:0px auto 20px auto;
}


#shohin{
background-image:url(images/malie_haikei.gif);
background-repeat:no-repeat;
height:281px;
width:800px;
margin-bottom:20px;

}

.lineup{
margin-bottom:5px;
}

.table{
margin-top:30px;
}





.malie_txt1{
color:#e40d31;
font-weight:bold;
padding:0px 7px 3px 7px;
}


.malie_txt2{
color:#65441e;
padding:0px 7px 5px 7px;
font-weight:bold;

}


#content{
width:800px;
margin:auto;

}


/*ir*/
ul{
width:800px;
height:30px;

}

.li{
width:160px;
list-style-type:none;
text-indent:-9999em;
float:left;
}


a.rollover_top{
background:url(images/navi_top.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a:hover.rollover_top{
background:url(images/navi_top1.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}


a.rollover_hairsalon{
background:url(images/navi_hairsalon.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a:hover.rollover_hairsalon{
background:url(images/navi_hairsalon1.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a.rollover_okyaku{
background:url(images/navi_okyaku.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a:hover.rollover_okyaku{
background:url(images/navi_okyaku1.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a.rollover_shitsumon{
background:url(images/navi_shitsumon.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a:hover.rollover_shitsumon{
background:url(images/navi_shitsumon1.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a.rollover_toiawase{
background:url(images/navi_toiawase.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}

a:hover.rollover_toiawase{
background:url(images/navi_toiawase1.gif) no-repeat;
width:160px;
height:30px;
display:block;
text-decoration:none;
}


/*ロールオーバーテキスト*/

a{
outline:none;
}

a:link{
color:#ffffff;
}


a:visited{
color:#ffffff;
}

a:active{
color:#ffffff;
}


a:hover{
color:#FECBD0;

}

a:link.malie{
color:#65441e;
font-weight:bold;
outline:none;
}


a:visited.malie{
color:#65441e;
font-weight:bold;
outline:none;
}

a:active.malie{
color:#65441e;
font-weight:bold;
outline:none;
}

a:hover.malie{
color:#e40d31;
font-weight:bold;
outline:none;
}



/*ロールオーバーバナー*/

ul.banner{
width:260px;


}

.li_banner{
width:260px;
height:55px;
margin-bottom:10px;
list-style-type:none;
text-indent:-9999em;
float:left;
}


a.rollover_suiren{
background:url(images/suiren.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}

a:hover.rollover_suiren{
background:url(images/suiren1.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}

a.rollover_ikumou{
background:url(images/ikumou.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}

a:hover.rollover_ikumou{
background:url(images/ikumou1.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}


a.rollover_seibun{
background:url(images/seibun.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}

a:hover.rollover_seibun{
background:url(images/seibun1.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}

a.rollover_rakuten{
background:url(images/rakuten.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}

a:hover.rollover_rakuten{
background:url(images/rakuten1.jpg) no-repeat;
width:260px;
height:55px;
display:block;
text-decoration:none;
}




/*人・自然にやさしい*/


.ul_btn{
width:382px;

}

.li_btn{
width:382px;
height:34px;
list-style-type:none;
text-indent:-9999em;
float:right;
}


a.rollover_btn{
background:url(images/salon_orner_btn.jpg) no-repeat;
width:382px;
height:34px;
display:block;
text-decoration:none;
}

a:hover.rollover_btn{
background:url(images/salon_orner_btn2.jpg) no-repeat;
width:382px;
height:34px;
display:block;
text-decoration:none;
}

.non_all{
margin-bottom:20px;
height:210px;
}


.l_text{
width:382px;
float:left;
padding:15px 10px 10px 10px;

}

.l2_text{
line-height:18px;
}




.r_text{
margin:20px 5px 0px 0px;
padding:0px;
width:382px;
height:auto;
float:right;
background-image:url(images/salon_orner.jpg);
background-repeat:no-repeat;
}

.r_text2{
width:362px;
line-height:18px;
padding:10px 10px 0px 10px;
margin:20px 0px 0px 0px;
}


.orner_btn{
float:right;
}





/*what'snew*/
.new{
float:left;
width:480px;
margin:0px 0px 30px 0px;
height:195px;
overflow:auto;
}


dt{
padding:10px 10px;
color:#e40d31;
}

dd{
padding:0px 5px 0px 20px;
color:#65441e;
}


/*banner*/
.banner{
margin:0px 5px 10px 0px;
float:right;
width:260px;
}


.ban1{

border:none;
}







/*フッター*/
#footer{
clear:both;
margin-top:20px;
width:800px;
height:20px;
background-color:#802042;
}

.link{

padding:2px 15px;
float:left;

}


