@charset "UTF-8";
/* CSS Document */

/* ------------------------------------------------------
la setting
------------------------------------------------------ */
body {
font-family: "Hiragino Kaku Gothic Pro W3", "ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "ＭＳ Ｐゴシック", sans-serif !important;
}
.gNav .gnavi02 a{
background-image:url(../images/common/gnavi02.gif);
background-repeat:no-repeat;
background-position:left -30px;
width:140px;
}
.mainphoto{
padding:78px 0 0 100px;
}
h3{
position:absolute;
top:-2px;
left:5px;
background-image:url(../images/salon/plate_salon.png);
background-repeat:no-repeat;
}
h3 .plate{
text-indent: -9999px;
display:block;
font-size:0;
width:292px;
height:113px;
}
h4{
position:absolute;
top:116px;
left:87px;
background-image:url(../images/salon/subnav_title.png);
background-repeat:no-repeat;
}
h4 .title{
text-indent: -9999px;
display:block;
font-size:0;
width:78px;
height:15px;
}
#subNav{
position:absolute;
top:148px;
left:87px;
z-index:20;
}
#subNav li{
padding:0 0 11px 4px;
}
#subNav li a{
text-indent: -9999px;
display:block;
font-size:0;
height:13px;
}
#subNav #subnavi01 a{
background-image:url(../images/salon/subnav01.png);
background-repeat:no-repeat;
background-position:left top;
width:129px;
}
#subNav #subnavi01 a:hover{
background-image:url(../images/salon/subnav01.png);
background-repeat:no-repeat;
background-position:left -13px;
}
#subNav #subnavi02 a{
background-image:url(../images/salon/subnav02.png);
background-repeat:no-repeat;
background-position:left -13px;
width:99px;
}
#subNav #subnavi02 a:hover{
background-image:url(../images/salon/subnav02.png);
background-repeat:no-repeat;
background-position:left -13px;
}
.contentsDetail{
line-height:160%;
position:absolute;
top:138px;
left:relative;
width:53%;
min-width:600px;
height:436px;
overflow-y:scroll;
padding:6px 0 0 260px;
z-index:10;
}
.photo{
float:left;
width:357px;
padding:0 6px 0 50px;
}
.photoBox{
float:left;
width:88px;
line-height:0;
}
.photoBox li{
padding:0 0 1px 0;
}
.salonDetail{
padding:0 0 0 50px;
}
.salonName{
clear:left;
font-weight:bold;
font-size:120%;
color:#633434;
}
html>/**/body .salonName{
padding:6px 0 0 0;
}
.addressTell{
clear:left;
float:left;
width:30%;
}
.openTime{
float:left;
width:40%;
}
.openTime dt{
clear:left;
float:left;
width:30%;
}
.openTime dd{
float:left;
width:60%;
}
.map{
clear:left;
padding:10px 0 0 0;
}
.map a{
background-image:url(../images/salon/la/map_s.png);
background-repeat:no-repeat;
background-position:left top;
text-indent: -9999px;
display:block;
font-size:0;
width:427px;
height:232px;
}
.mapTxt a{
background-image:url(../images/common/icon_lens.png);
background-repeat:no-repeat;
background-position:left top;
padding:0 0 0 14px;
color:#333;
text-decoration:none;
}
.mapTxt a:hover{
text-decoration:underline;
}
.organic{
padding:30px 0 0 0;
}
.organic a{
font-weight:bold;
font-size:120%;
color:#633434;
text-decoration:none;
}
.organic a:hover{
text-decoration:underline;
}
.priceTitle{
font-weight:bold;
font-size:130%;
color:#633434;
letter-spacing:0.1em;
margin:20px 0 0 0;
}
.pliceTitle,.pliceTitle02{
color:#FFF;
height:26px;
width:94%;
font-weight:bold;
}
.pliceDetail{
width:93.4%;
margin:0 0 34px 2px;
border: 1px solid #AFAFAF;
}
.pliceDetail td{
padding:5px;
}
.pliceDetailUnder{
background-image:url(../images/common/line_dot.gif);
background-repeat:repeat-x;
background-position:left bottom;
}
.logo_fluril{
margin:0 0 30px 0;
padding:0 0 0 70px;
}
.clear{
clear:left;
}
#main01{
margin:0 0 0 200px;
background-image:url(../images/common/bg_underpage_top.png);
background-repeat:no-repeat;
}
#main01 .bg_top{
text-indent: -9999px;
display:block;
font-size:0;
width:721px;
height:146px;
}
#main02{
margin:280px 0 0 133px;
background-image:url(../images/common/bg_underpage_bottom.png);
background-repeat:no-repeat;
}
#main02 .bg_bottom{
text-indent: -9999px;
display:block;
font-size:0;
width:791px;
height:186px;
}
.bnrBox{
clear:left;
width:1000px !important;
position:absolute;
top:647px;
left:relative;
}
.bnr li{
display:inline;
padding:0 0 0 10px;
}
#footer{
position:absolute;
top:800px;
left:0px;
width:100%;
}
.txtNav{
padding:0 0 3px 476px;
}
.txtNav li{
display:inline;
}
.txtNav a{
font-size:84%;
text-decoration:none;
letter-spacing:0.1em;
color:#333;
}
.txtNav a:hover{
text-decoration:underline;
}
.copy{
display:block;
font:84% Arial, Helvetica, sans-serif;
padding:3px 0 3px 776px;
background-color:#633434;
letter-spacing:0.1em;
color:#FFF;
}
.blog{
letter-spacing:0.1em;
font-weight:normal;
}
.blog a{
background-image:url(../images/common/arrow_right.png);
background-repeat:no-repeat;
background-position:left 1px;
padding:0 0 0 15px;
color:#633434;
}
.blog a:hover{
text-decoration:underline;
}
/* ------------------------------------------------------
IE6,7 setting
------------------------------------------------------ */
* html #main{
margin:78px 0 0 160px;
}
*:first-child+html .copy{ 
padding:3px 0 3px 756px;
}
* html .photoBox{
padding:3px 0 0 0;
}
*:first-child+html .photoBox{ 
padding:3px 0 0 0;
}
* html .photoBox li{
margin:-3px 0 0 0;
}
*:first-child+html .photoBox li{ 
margin:-3px 0 0 0;
}
* html .newsTitleBox{
width:140%;
}
* html #footer{
width:140%;
}
* html .copy{
padding:3px 0 3px 765px;
}
* html #subNav #subnavi01 a{
background-image:url(../images/salon/subnav01.jpg);
background-repeat:no-repeat;
background-position:left top;
width:129px;
}
* html #subNav #subnavi01 a:hover{
background-image:url(../images/salon/subnav01.jpg);
background-repeat:no-repeat;
background-position:left -13px;
}
* html #subNav #subnavi02 a{
background-image:url(../images/salon/subnav02.jpg);
background-repeat:no-repeat;
background-position:left -13px;
width:99px;
}
* html #subNav #subnavi02 a:hover{
background-image:url(../images/salon/subnav02.jpg);
background-repeat:no-repeat;
background-position:left -13px;
}
* html .photo{
padding:0 3px 0 46px;
}
* html .contentsDetail{
width:55%;
}
*:first-child+html .contentsDetail{
width:48%;
}
* html .blog a{
background-image:url(../images/common/ie6_arrow_right.jpg);
}