html { margin : 0px; padding : 0px; }
body {margin: 0px; padding: 0; 
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", sans-serif;}

div, p, form, h1, h2, h3, h4, table {margin: 0px; padding: 0px; }
input, textarea, select {margin: 0px; padding: 0px;}
img  {border: none; }
hr.divider { display: none; }
td { padding: 0px; vertical-align: top; } 

.center { text-align:center; }
.line  { line-height: 1.5; text-align:left; }
.large {font-size: 120%; font-weight: bold;}
.small {font-size: 70%; font-weight: normal; font-style: normal;}
.left {float: left;}
.right {float: right;}
em { font-weight: bold; font-style: normal; color:#d84e88;}

ul {margin: 0px; padding: 0px; list-style: none;}
ul.out { margin: 0px; padding: 0px; list-style-position: outside;}


body	{
font-size: 95%;
text-align: center;
color: #6b4d42;
background: url(zzz-template/bg.jpg);
} 

a:link, a:visited, a:active { text-decoration: underline; color: #709B49;}
a:hover { text-decoration: none; color: #EB6877;}


.backtop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}    

.backtop a {
    display: block;
    background-color: #fbc93c;
    color: #fff;
    padding: 10px 10px;
    margin: 0;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.backtop a:hover {
    background: #69c767;
    color: #fff;
}
/*--------------------LAYOUT---------------------*/
#layout {
width: 870px; margin: 0px auto; text-align: center;
background: url(zzz-template/main.jpg) repeat-y;
}

/*--------------------ヘッダ---------------------*/

#header {
clear: both;
margin: 0px auto; 
text-align: center;
width: 870px; 
min-height: 150px;
background: url(zzz-template/header.jpg) no-repeat center top;
}

#header ul,
.breadnav{
margin: 0px auto;
padding: 10px 0 10px 10px; 
margin-top: 30px;
margin-bottom: 10px;
width: 800px; 
border-top: dotted 1px #cccccc;
border-bottom: dotted 1px #cccccc;
font-size: 90%;
}

#header ul li,
.breadnav li{
padding: 5px 10px 5px 40px; 
float: left;
text-align: left;
background: url(zzz-template/arrow.gif) no-repeat 10px 10px;
}

#header ul li.first,
.breadnav li.first{
padding-left: 0px; 
float: left;
text-align: left;
background: none;
color: #007130;
}

#header ul li.osusume{
color: #007130;
}

#header ul:after,
.breadnav:after  {	/*回り込み解除*/
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

h1 {
text-align: left;
font-weight: bold; font-style: normal; 
font-size: 120%;
letter-spacing: 2px;
padding: 30px 0px 40px 40px; 
color: #d84e88;
}

.header-logo {
text-align: left;
padding: 40px 0px 0px 30px;
}


/*--------------------HEADING---------------------*/


h2, h3{
font-weight: normal; font-style: normal; font-size: medium;
text-align: left; 
}


hr{
border: dotted 1px #d6d1b4;
}
/*--------------------BG---------------------*/
.mainblock {
clear: both;
width: 840px; 
padding-bottom: 20px;
text-align: center;
margin: 0px auto; 
}


.mainblock:after { /*回り込み解除*/
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}


/*--------------------メイン---------------------*/

#imgblock{
width: 300px; float: left;
padding-left: 20px;
}

#imgblock a{
margin: 5px;
}
#imgblock ul {
	display:block;
	overflow:hidden;
	clear:both;
	width:300px;
}
#imgblock li {
	display:block;
	float:left;
	background:#fff;
padding-top: 10px;
padding-left: 20px;
}
#imgblock li img {
	cursor:pointer;
}



#textblock{
width: 500px; float: left;
padding-left: 20px;
}

caption {
margin: 0px;
padding: 0 0 10px 20px;
text-align: left;
font-weight: bold;
font-size: 110%;
background: url(zzz-template/arrow2.gif) no-repeat 0px 2px;
color: #8fc31f;
}

.salon-info {
width: 480px;
min-height: 20px;
margin-bottom: 20px;
border: solid 1px #cccccc;
font-size: 90%;
background: url(zzz-template/dot.gif) repeat-y 180px 0px;
}

.salon-info td{
padding: 7px 0 7px 10px;
text-align: left;
line-height: 1.8;
}

.salon-info td.left{
width: 180px;
font-weight: bold;
}

.salon-info .right{
width: 270px;
background-color: #f7f4ef;
}



#textblock-w{
width: 800px; 
margin: 0px auto;
}


.salon-info2 {
width: 800px;
min-height: 20px;
margin-bottom: 20px;
border: solid 1px #cccccc;
font-size: 90%;
background: url(zzz-template/dot.gif) repeat-y 150px 0px;
}

.salon-info2 td{
padding: 7px 0 7px 10px;
text-align: left;
line-height: 1.7;
}
.salon-info2 td.left{
width: 150px;
font-weight: bold;
}

.salon-info2 .right{
width: 620px;
background-color: #e6f2e6;
}

.bgnone{
background: none;
background-color: #f7f4ef;
}


/*--------------------フッタ---------------------*/
#footer {
clear: both;
margin: 0px auto;
width: 870px;
min-height: 150px;
background: url(zzz-template/footer.jpg) no-repeat center bottom;
}


#footer p{
margin: 0px auto;
width: 800px;
}

p.footer-info1 {
font-size: 90%;
text-align: left;
padding: 30px 10px 20px 30px;
border-top: dotted 1px #cccccc;
}

p.footer-info2 {
font-size: 90%;
text-align: left;
padding: 0px 10px 30px 30px;
}

p.footer-logo{
padding-top: 20px;
padding-bottom: 20px;
min-height: 110px;
text-align: right;
}