@charset "UTF-8";

/*--------------------
Structure
---------------------*/

body {
margin:0px;
padding:0px;
color:#666666;
font-size:12px;
font-family:'Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
text-align:center;
text-decoration:none;
background-color:#ffffff;
}

img {
border:none;
}

a {
color:#666666;
text-decoration:none;
} 

/*--------------------------------------------------------------
ContentsArea
--------------------------------------------------------------*/

#contents {
position:absolute;
top:50%;
left:50%;
margin:-88px 0px 0px -72px;
padding:0px;
width:143px;
height:115px;
border-style:none; 
background-color:#ffffff;
}

h1 {
display:block;
margin:0px auto;
padding:0px;
width:143px;
height:40px;
font-size:40px;
line-height:40px;
text-indent:-5000px;
background:transparent url("../img/logo.gif") no-repeat top left;
}

#enter a {
display:block;
margin:50px 12px 0px;
padding:0px;
width:120px;
height:25px;
font-size:14px;
line-height:25px;
letter-spacing:2px;
text-indent:-5000px;
background:transparent url("../img/enter.gif") no-repeat top left;
}

#enter a:hover {
background:transparent url("../img/enter.gif") no-repeat 0 -25px;
}

/*--------------------------------------------------------------
FooterArea
--------------------------------------------------------------*/

#footer {
position:absolute;
left:0px;
bottom:0px;
margin:0px;
padding:0px;
width:100%;
height:60px;
border:none;
border-top:#999 1px solid;
text-align:left;
background-color:#ddd;
}

ul#salon {
position:absolute;
float:left;
list-style-type:none;
margin:0px;
padding:0px;
top:5px;
left:20px;
width:232px;
height:15px;
line-height:12px;
text-indent:-1000px;
}

#salon li {
display:inline;
float:left;
margin:0px;
padding:0px;
border:none;
}

#salon  li#imiu {
float:left;
width:106px;
height:12px;
background:transparent url("../img/imiu.gif") no-repeat top left;
}

#salon  li#url a {
float:left;
width:126px;
height:12px;
background:transparent url("../img/url.gif") no-repeat top left;
}

#salon  li#url a:hover {
background:transparent url("../img/url.gif") no-repeat 0 -12px;
}

ul#navi {
float:right;
list-style-type:none;
margin:0px;
padding:0px 10px 0px 0px;
height:12px;
line-height:12px;
}

#navi li {
display:inline;
float:left;
margin:5px 10px 0px;
padding:0px;
border:none;
}

#navi li#about a {
float:left;
width:56px;
height:12px;
text-indent:-5000px;
background:transparent url("../img/about_index.gif") no-repeat 0 0;
}

#navi li#about a:hover {
background:transparent url("../img/about_index.gif") no-repeat 0 -12px;
}

#navi li#faq a {
float:left;
width:22px;
height:12px;
text-indent:-5000px;
background:transparent url("../img/faq_index.gif") no-repeat 0 0;
}

#navi li#faq a:hover {
background:transparent url("../img/faq_index.gif") no-repeat 0 -12px;
}

#navi li#recruit a {
float:left;
width:46px;
height:12px;
text-indent:-5000px;
background:transparent url("../img/recruit_index.gif") no-repeat 0 0;
}

#navi li#recruit a:hover {
background:transparent url("../img/recruit_index.gif") no-repeat 0 -12px;
}

#navi li#blog a {
float:left;
width:29px;
height:12px;
text-indent:-5000px;
background:transparent url("../img/blog_index.gif") no-repeat 0 0;
}

#navi li#blog a:hover {
background:transparent url("../img/blog_index.gif") no-repeat 0 -12px;
}

#navi li#sitemap a {
float:left;
width:49px;
height:12px;
text-indent:-5000px;
background:transparent url("../img/sitemap_index.gif") no-repeat 0 0;
}

#navi li#sitemap a:hover {
background:transparent url("../img/sitemap_index.gif") no-repeat 0 -12px;
}

#address {
position:absolute;
clear:both;
margin:0px;
padding:0px;
top:20px;
left:19px;
width:351px;
height:12px;
border:none;
line-height:12px;
text-indent:-5000px;
background:transparent url("../img/address.gif") no-repeat top left;
}

#copyright {
position:absolute;
margin:0px;
padding:0px;
top:40px;
right:20px;
width:204px;
height:12px;
border:none;
line-height:12px;
text-indent:-5000px;
background:transparent url("../img/copyright_1.gif") no-repeat top right;
}