*{margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{
                   line-height:1;
                   font-size:1em;
}

img{
     border:none;
}
body{
      background:#CCD1F7;
      text-align:center;
      line-height:1.5;
      color:#333;
      font:0.8em;
      font-family: Arial,
                   Helvetica, 
                   "ヒラギノ角ゴ Pro W3",
                   "Hiragino Kaku Gothic Pro",
                   Osaka,
                   "MS Pゴシック",
                   sans-serif;
}

#wrapper{
          width:800px;
          margin:0 auto;
          text-align:left;
          position:relative;
}

/* ==================
 */
/*        top        
 */
/* ------------------ */


#top{
      width:800px;
      height:325px;
      background:url(http://www.esthetic-salon.net/img/topimg.gif) left no-repeat;
      position:relative;
}

#top h1{
         width:300px;
         height:28px;
         position:absolute; top:218px; right:48px;
}

#top h2{
         font-size:10px;
         position:absolute;top:280px; right:300px;
}


/* ==================== */
/*    contents,main     */

/* -------------------- */



#contents{
           background:url(http://www.esthetic-salon.net/img/contents.gif) repeat-y;
}


#main{
       width:562px;
       float:right;
}



/* ===================== */
/*         navi          */

/* --------------------- */


#navi{
       width:238px;
       float:left;
       position:relative;
       font-size:0.8em;

}

#navititle_top{
          width:194px;
          text-align:center;
          position:absolute; top:-20px;
          margin-left:34px;
}

.navititle{
          background:url(http://www.esthetic-salon.net/img/navititle.gif) center no-repeat;
          width:194px;
          height:43px;
          line-height:43px;
          text-align:center;
          margin:12px 0 0 34px;
}

#navi ul{
          list-style:none;
          padding-left:34px;
}

#navi ul li{
             background:url(http://www.esthetic-salon.net/img/bt-om.gif) no-repeat;
             width:194px;
             margin-bottom:3px;
}

#navi ul li a{
               display:block;
               width:194px;
               height:44px;
               line-height:44px;
               text-decoration:none;
               background:url(http://www.esthetic-salon.net/img/bt.gif) no-repeat;
}

#navi ul li a:hover{
                     background:none;
                     color:blue;
}

#navi ul li a span{
                    display:block;
                    padding-left:40px;
}



/* ================== */
/*       footer       */
/* ------------------ */

#footer{

	font-size:10px;
	clear:both ;
	height:90px ;
	background:url(http://www.esthetic-salon.net/img/footer.gif) no-repeat;
	text-align:center;
}

#footer a{
        text-decoration:none;
        color:#333;
        }

#footer ul{
	list-style:none;
	text-align:center;
	padding-top : 50px ;
	}

#footer li{
	display:inline;
	border-left : 1px solid green;
	padding:0 3px 0 4px;
	}

#footer li a{
        color:blue;
        border-bottom:blue 1px solid;
        }


#footer .noborder{
	border : none;
	}


#footer p{
	margin-top:5px;
}

/* ================== */
/*       map          */
/* ------------------ */

#mapimg{
         position:absolute; top:0; left:280px;
}