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

/* ------------------------------------------------------
salon 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 top;
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:650px;
height:436px;
padding:6px 0 0 260px;
z-index:10;
}
.contentsDetail li{
float:left;
}
.contentsDetail li a{
text-indent: -9999px;
display:block;
font-size:0;
}
.contentsDetail .lf a{
background-image:url(../images/salon/salon_lf.png);
background-repeat:no-repeat;
width:296px;
height:277px;
margin:0 2px 0 0;
}
.contentsDetail .la a{
background-image:url(../images/salon/salon_la.png);
background-repeat:no-repeat;
width:298px;
height:240px;
margin:100px 0 0 0;
}
.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;
}
/* ------------------------------------------------------
IE6,7 setting
------------------------------------------------------ */
* html #main{
margin:78px 0 0 160px;
}
*:first-child+html .copy{ 
padding:3px 0 3px 756px;
}
* html .newsTitleBox{
width:140%;
}
* html #footer{
width:140%;
}
* html .copy{
padding:3px 0 3px 765px;
}
* html .contentsDetail .lf a{
background-image:url(../images/salon/ie6_salon_lf.jpg);
background-repeat:no-repeat;
width:287px;
height:271px;
margin:-3px 2px 0 0;
}
* html .contentsDetail .la a{
background-image:url(../images/salon/ie6_salon_la.jpg);
background-repeat:no-repeat;
width:292px;
height:233px;
margin:70px 0 0 0;
}
* 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 top;
width:99px;
}
* html #subNav #subnavi02 a:hover{
background-image:url(../images/salon/subnav02.jpg);
background-repeat:no-repeat;
background-position:left -13px;
}