body {background-repeat: no-repeat;margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; font-size: 12px; font-weight: normal; color: #FFFFFF; line-height: 14px;; background-image: url(img/free-bg.jpg)}
a:link {color: #663300} 
a:visited {color: #663300} 
a:hover {color: #FF6600} 

a img{border:none;}
img{margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px}

ul{list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
li{list-style-type: none; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

strong{font-size: 14px; font-weight: bold; color: #FFFFFF;; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: none; height: auto; width: auto; line-height: 15px}

h1{font-size: 12px; font-weight: normal; color: #FFFFFF; float: right; height: 16px; width: 750px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-bottom: 2px; padding-top: 2px; text-align: right; line-height: 13px}
h2{font-size: 14px; font-weight: normal; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 16px; text-decoration: none}
h3{font-size: 12px; font-weight: normal; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; line-height: 13px}
h4{font-size: 10px; font-weight: bold; color: #FFFFFF; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}

p {float: none; height: 12px; width: auto; padding-bottom: 3px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 3px}


/* all page------------------------- */

#wrapper{float: none; height: auto; width: 900px; margin-right: auto; margin-left: auto}
#container{float: left; height: auto; width: 900px}

#page{}
#content{float: left; height: auto; width: 900px; margin-top: 20px; margin-bottom: 20px}

/* header------------------------- */
#header{background-image: url(img/top-logo.gif); background-repeat: no-repeat; float: left; height: 100px; width: 900px}
#header-index{ float: left; height: 16px; width: 900px}
#header-top{ float: left; height: 100px; width: 150px}
#header-top a{ float: left; height: 100px; width: 150px; text-indent: -9999pt}
#header-top a:hover{}

#header-box{ float: left; height: 50px; width: 750px}


/* navi------------------------- */
#navi{float: left; height: 50px; width: 750px}
#navi ul{float: left; height: 50px; width: 750px; background-image: url(img/navi.gif); background-repeat: no-repeat}
#navi li{float: left; height: 50px; width: 100px; padding-right: 25px; padding-left: 25px}
#navi li a{float: left; height: 50px; width: 100px; text-indent: -9999pt}

#navi li#salon {}
#navi li#staff  {}
#navi li#style {}
#navi li#free {}
#navi li#recruit {}

#navi li#salon a:hover {background-image: url(img/navi.gif); background-position: -25px -50px}
#navi li#staff a:hover {background-image: url(img/navi.gif); background-position: -175px -50px}
#navi li#style a:hover {background-image: url(img/navi.gif); background-position: -325px -50px}
#navi li#free a:hover {background-image: url(img/navi.gif); background-position: -475px -50px}
#navi li#recruit a:hover {background-image: url(img/navi.gif); background-position: -625px -50px}


/* top------------------------- */
#flash{float: left; height: 400px; width: 900px;}
#top-menu{float: left; height: 50px; width: 750px; padding-right: 75px; padding-left: 75px}
#top-news{float: left; height: auto; width: 560px;; background-image: url(img/new.gif); background-repeat: no-repeat; padding-top: 30px; font-size: 14px; line-height: 16px}
#top-news-tex{background-image: url(img/new-line.gif); background-repeat: repeat-y; float: left; height: auto; width: 520px; padding-right: 20px; padding-left: 20px; padding-bottom: 30px}
#top-news-tex-in{background-image: url(img/new-line.gif); background-repeat: repeat-y; width: 520px; border-color: black black #CCCCCC; border-style: dotted; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px; float: left; height: auto; padding-top: 5px; padding-bottom: 5px; color: #FFFFFF}
#top-news a{color: #FFFFFF}
#top-news a:hover{ color: #FF0000}

#top-topics{float: left; height: auto; width: 340px;; background-image: url(img/topics.gif); padding-top: 30px; background-repeat: no-repeat}
#top-topics-tex{background-image: url(img/topics-line.gif); background-repeat: repeat-y; float: left; height: auto; width: 300px; padding-right: 20px; padding-left: 20px; font-size: 14px; line-height: 16px; overflow: auto;; text-decoration: none; color: #FFFFFF}
#top-topics img{float: left; height: auto; width: 300px}
#top-topics a{color: #FFFFFF}
#top-topics a:hover{ color: #FF0000}

#blog{float: left; height: 40px; width: 900px; text-indent: -9999pt}
#blog a{float: left; height: 40px; width: 100px; background-image: url(img/blog.gif); background-repeat: no-repeat}
#blog a:hover{ background-image: url(img/blog.gif); background-repeat: no-repeat; background-position: -100px 0px}



/* salon------------------------- */
#salon-content{float: left; height: auto; width: 900px; margin-top: 20px; margin-bottom: 20px; font-size: 12px; line-height: 16px; background-image: url(img/content-salon.jpg); background-repeat: no-repeat}
#salon-content ul{float: right; height: 50px; width: auto;; padding-top: 50px}
#salon-content li{float: left; height: auto; width: auto; border-color: black black black #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; padding-right: 5px; padding-left: 5px}
#salon-content li a{float: left; height: auto; width: auto; color: #FFFFFF}
#salon-content li a:hover{float: left; height: auto; width: auto; color: #FF6600}

#salon-content h3{font-size: 14px; font-weight: bold; height: auto; width: auto; padding-bottom: 10px; line-height: 16px}
#salon-content img{ height: 290px; width: 290px; float: right}

#salon1{float: left; height: auto; width: 900px;}
#salon2{float: left; height: auto; width: 900px; }
#salon3{float: left; height: auto; width: 900px; }

#salon1-box{float: left; height: auto; width: 130px; font-size: 10px; line-height: 14px; padding-right: 10px; padding-left: 10px; background-image: url(img/salon1.gif); background-repeat: no-repeat}
#salon2-box{float: left; height: auto; width: 130px; background-image: url(img/salon2.gif); background-repeat: no-repeat; font-size: 10px; line-height: 14px; padding-right: 10px; padding-left: 10px}
#salon3-box{float: left; height: auto; width: 130px; background-image: url(img/salon3.gif); background-repeat: no-repeat; font-size: 10px; line-height: 14px; padding-right: 10px; padding-left: 10px}
#salon4-box{float: left; height: auto; width: 130px; background-image: url(img/salon4.gif); background-repeat: no-repeat; font-size: 10px; line-height: 14px; padding-right: 10px; padding-left: 10px}
#salon1-box h2{float: left; height: 150px; width: 130px; text-indent: -9999pt}
#salon2-box h2{float: left; height: 180px; width: 130px; text-indent: -9999pt}
#salon3-box h2{float: left; height: 150px; width: 130px; text-indent: -9999pt}
#salon4-box h2{float: left; height: 180px; width: 130px; text-indent: -9999pt}

#salon1-box a{float: left; height: 20px; width: 130px; text-indent: -9999pt; background-image: url(img/salon-staff.gif); background-repeat: no-repeat}
#salon2-box a{float: left; height: 20px; width: 130px; text-indent: -9999pt; background-image: url(img/salon-staff.gif); background-repeat: no-repeat}
#salon3-box a{float: left; height: 20px; width: 130px; text-indent: -9999pt; background-image: url(img/salon-staff.gif); background-repeat: no-repeat}
#salon4-box a{float: left; height: 20px; width: 130px; text-indent: -9999pt; background-image: url(img/salon-staff.gif); background-repeat: no-repeat}

#salon1-box a:hover{background-image: url(img/salon-staff.gif); background-position: 0px -20px}
#salon2-box a:hover{background-image: url(img/salon-staff.gif); background-position: 0px -20px}
#salon3-box a:hover{background-image: url(img/salon-staff.gif); background-position: 0px -20px}
#salon4-box a:hover{background-image: url(img/salon-staff.gif); background-position: 0px -20px}


#salon-reserve{float: left; height: 260px; width: 130px; background-image: url(img/reserve.gif); background-repeat: no-repeat; margin-top: 20px; border-color: #FFFFFF black black; border-style: dotted; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px}
#salon-reserve a{float: left; height: 130px; width: 130px; text-indent:-9999; background-image: url(img/reserve.gif); background-repeat: no-repeat; }
#salon-reserve a:hover{float: left; height: 130px; width: 130px; text-indent:-9999; background-image: url(img/reserve.gif); background-repeat: no-repeat; ; background-position: -130px 0px}


#salon-tex{float: left; height: auto; width: 400px; padding-right: 25px; padding-bottom: 25px; padding-left: 25px; font-size: 12px; line-height: 18px}
#salon-tex-in{float: left; height: 600px; width: 400px}
#salon-tex h2{float: left; height: 16px; width: 400px; font-size: 16px; line-height: 16px; font-weight: bold; color: #FFFF99; background-image: url(img/salon-h2.gif); padding-top: 10px; padding-bottom: 10px; background-repeat: repeat; margin-bottom: 10px; text-align: center}
#salon-tex h3{font-size: 14px; line-height: 18px; font-weight: bold; color: #FFFFFF; margin-top: 20px}

#salon-tex-price{float: left; height: auto; width: 400px; font-size: 14px; line-height: 18px; font-weight: normal; background-image: url(img/salon-price.gif); padding-top: 40px; background-repeat: no-repeat; margin-top: 20px}
#salon-tex-price h4{float: left; height: 25px; width: 190px; font-size: 12px; line-height: 15px; font-weight: normal; border-color: black black #663300 #663300; color: #FFFFFF; padding-top: 10px; padding-left: 9px; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
#salon-tex-price strong{float: left; height: 25px; width: 400px; font-size: 12px; line-height: 15px; font-weight: normal; color: #FFFFFF; text-align: right; padding-top: 5px}



#salon1-img{float: left; height: auto; width: 290px; margin-bottom: 5px; padding-top: 4px; padding-right: 4px; padding-bottom: 4px; padding-left: 4px; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

#salon-info{float: left; height: auto; width: 130px; margin-top: 20px; background-image: url(img/salon-info.gif); background-repeat: no-repeat; padding-top: 35px}
#salon-info-ad{float: left; height: auto; width: 130px; text-align: center; font-size: 10px; line-height: 15px}
#salon-info-ad p{float: left; height: auto; width: 130px; text-align: center; font-size: 16px; line-height: 15px}
#salon-info-map{float: left; height: 300px; width: 300px;}
#salon-info-ad a{float: left; height: 20px; width: 130px; text-indent: -9999pt; background-image: url(img/salon-staff.gif); background-repeat: no-repeat}
#salon-info-ad a:hover{background-image: url(img/salon-staff.gif); background-position: 0px -20px}


/* staff------------------------- */
#staff-content{float: left; height: auto; width: 900px; margin-top: 20px; margin-bottom: 20px; font-size: 12px; line-height: 16px; background-image: url(img/content-staff.jpg); background-repeat: no-repeat}

#staff-content ul{float: right; height: 50px; width: auto;; padding-top: 50px}
#staff-content li{float: left; height: auto; width: auto; border-color: black black black #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; padding-right: 5px; padding-left: 5px}
#staff-content li a{float: left; height: auto; width: auto; color: #FFFFFF}
#staff-content li a:hover{float: left; height: auto; width: auto; color: #FF6600}



#line{float: left; height: auto; width: 900px; background-image: url(img/line.gif); background-repeat: no-repeat; padding-top: 30px; text-align: center; margin-top: 20px}


#staff-bg{float: left; height: auto; width: 900px}
#staff-salon1{float: left; height: auto; width: 900px; background-image: url(img/staff-salon1.gif); background-repeat: no-repeat; padding-top: 100px}
#staff-salon2{float: left; height: auto; width: 900px; background-image: url(img/staff-salon2.gif); background-repeat: no-repeat; padding-top: 100px}
#staff-salon2-in{float: left; height: auto; width: 900px}
#staff-salon3{float: left; height: auto; width: 900px; background-image: url(img/staff-salon3.gif); background-repeat: no-repeat; padding-top: 100px}
#staff-salon4{float: left; height: auto; width: 900px; background-image: url(img/staff-salon4.gif); background-repeat: no-repeat; padding-top: 100px}

#staff-salon-box{float: left; height: 225px; width: 250px; margin-bottom: 10px; padding-bottom: 30px; padding-right: 25px; padding-left: 25px;}
#staff-salon-img{float: left; height: auto; width: 150px}
#staff-salon-img img{ height: 225px; width: 150px}

#staff-salon-tex{float: left; height: auto; width: 90px; padding-left: 10px; font-size: 10px; line-height: 12px}
#staff-salon-tex strong{ font-size: 12px; line-height: 14px}


/* style------------------------- */
#style-content{float: left; height: auto; width: 900px; font-size: 12px; line-height: 16px; background-image: url(img/content-style.jpg); background-repeat: no-repeat}
#style-content h2{float: left; height: 40px; width: 890px; font-size: 12px; line-height: 12px; font-weight: normal; color: #FFFFFF; padding-top: 40px; padding-right: 10px; text-align: right}
#style-body{float: left; height: auto; width: 900px; }




#style-box{float: left; height: 500px; width: 300px; }
#style-box-tex{font-size: 12px; line-height: 13px; float: left; height: auto; width: 280px; padding-right: 10px; padding-left: 10px; padding-top: 5px; color: #FFFFFF; text-align: center}
#style-box-img{float: left; height: 391px; width: 260px; padding-top: 29px; padding-right: 20px; padding-left: 20px}
#style-box img{ height: 391px; width: 260px}

/* free------------------------- */
#free-content{float: left; height: auto; width: 900px; font-size: 12px; line-height: 16px; background-image: url(img/content-free.jpg); background-repeat: no-repeat; padding-top: 80px}
#free-box{float: left; height: auto; width: 800px; background-image: url(img/style-bg.jpg); background-repeat: repeat; padding-top: 50px; padding-right: 50px; padding-bottom: 50px; padding-left: 50px}
#free-box-in{float: left; height: auto; width: 350px; ; text-align: center; padding-right: 25px; padding-left: 25px}
#free-box-in h2{float: left; height: auto; width: 350px; ; text-align: center; font-size: 12px; line-height: 12px; font-weight: bold; padding-bottom: 10px}
#free-box-in h3{float: left; height: auto; width: 230px; ; padding-right: 60px; padding-bottom: 10px; padding-left: 60px}
#free-box-in a{color: #FFFFFF} 
#free-box-in a:hover{color: #FFFF00} 




/* recruit------------------------- */
#recruit-content{float: left; height: auto; width: 700px; margin-top: 20px; margin-bottom: 20px; font-size: 12px; line-height: 16px; background-image: url(img/content-recruit.jpg); background-repeat: no-repeat; padding-top: 100px; padding-right: 100px; padding-left: 100px}
#recruit-box{float: left; height: auto; width: 700px; padding-bottom: 20px; padding-top: 10px; background-image: url(img/style-bg.jpg); background-repeat: repeat}
#recruit-box-in{float: left; height: auto; width: 650px; padding-bottom: 10px; padding-right: 25px; padding-left: 25px}
#recruit-box-l{float: left; height: auto; width: 140px; padding-bottom: 5px; padding-top: 5px; padding-left: 10px}
#recruit-box-r{float: left; height: auto; width: 540px; padding-bottom: 5px; padding-top: 5px; border-color: black black black #663300; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px; padding-left: 9px}

#recruit-content h2{font-size: 14px; line-height: 15px; font-weight: normal; color: #FFFFFF; float: left; height: 20px; width: 690px; padding-top: 5px; padding-left: 10px; background-image: url(img/bg-br.gif); background-repeat: repeat}




/* foot------------------------- */
#footer-navi{float: left; height: 20px; width: 900px; padding-top: 5px}
#footer-navi ul{float: right; height: 20px; width: auto}
#footer-navi li{float: left; height: auto; width: auto; padding-right: 10px; padding-left: 10px; border-color: black black black #FFFFFF; border-style: solid; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
#footer-navi li a:hover{color: #FFFF00} 

#footer{float: left; height: 80px; width: 900px; background-image: url(img/footer.jpg); background-repeat: no-repeat; font-size: 12px; line-height: 13px; color: #FFFFFF}
#footer-navi a{color: #FFFFFF; text-decoration: none}
#footer-navi a:hover{color: #FFFF00} 
#footer-navi a:visited{color: #FFFFFF} 

#footer-copy{float: left; height: 15px; width: 890px;  font-size: 12px; line-height: 13px; text-align: right; padding-top: 35px; padding-bottom: 5px; padding-right: 10px; color: #663300}