@charset "UTF-8";
/*
colorset：
grey：#656565;
#656565
*/

  
/* ////////////////////////////////////////
default
//////////////////////////////////////// */
* {
margin: 0;
padding: 0;
font-size: 100%;
font-weight: normal;
}

body {
color: #656565;
font-size: 12px;
font-family:sans-serif;
line-height:1.8em;
_font-size: 84%;
}

img {
vertical-align: bottom;
border: none;
}

a {
}

a:link {
}

a:visited {
}

a:active {
}

a:hover {
}

.preload {
height:0px;
width:0px;
background:url(../images/index_style_title01on.gif) no-repeat;

background:url(../images/common_number01on.gif) no-repeat;
background:url(../images/common_number02on.gif) no-repeat;
background:url(../images/common_number03on.gif) no-repeat;
background:url(../images/common_number04on.gif) no-repeat;

background:url(../images/navi_sub_top01on.gif) no-repeat;
background:url(../images/navi_sub_top01on_news.gif) no-repeat;
background:url(../images/navi_sub_top01on_styles.gif) no-repeat;

background:url(../images/navi_sub_top01on_salon.gif) no-repeat;
background:url(../images/navi_sub_top01on_price.gif) no-repeat;
background:url(../images/navi_sub_top01on_items.gif) no-repeat;
background:url(../images/navi_sub_top01on_recruiting.gif) no-repeat;
}
/*
----------------------------------------------------------
[TMP]header
----------------------------------------------------------*/
#header {
width:990px;
}

h1 {
margin:50px;
padding:0px;
}

/*
----------------------------------------------------------
[INDEX]i_banner
----------------------------------------------------------*/
#i_banner {
width:990px;
}

#i_banner_left {
width:368px;
float:left;
margin-right:40px;
}

#i_banner_right {
float:left;
}

#i_banner_right a {
display:block;
width:260px;
height:366px;
background:url(../images/index_style_title01.gif) 0px 0px no-repeat;
}

#i_banner_right a:hover {
background:url(../images/index_style_title01on.gif) 0px 0px no-repeat;
}

#i_banner_right a h2 {
display:none;
}

/*
----------------------------------------------------------
[INDEX]i_navi
----------------------------------------------------------*/
#i_navi {
margin:30px 0px 90px 0px;
}

#i_navi ul{
list-style:none;
margin-left:85px
}

#i_navi ul li {
display:inline;
}

#i_navi ul li a {
display:block;
margin-right:5px;
float:left;
width:169px;
height:61px;
}

#i_navi ul li h3 {
display:none;
}

#i_navi ul li a#navi_news {
background:url(../images/navi_news01.gif) 0px 0px no-repeat;
}
#i_navi ul li a#navi_news:hover{
background-position: 0px -61px;
}

#i_navi ul li a#navi_salon {
background:url(../images/navi_salon_info01.gif) 0px 0px no-repeat;
}
#i_navi ul li a#navi_salon:hover{
background-position: 0px -61px;
}

#i_navi ul li a#navi_price {
background:url(../images/navi_price_list01.gif) 0px 0px no-repeat;
}
#i_navi ul li a#navi_price:hover{
background-position: 0px -61px;
}

#i_navi ul li a#navi_items {
background:url(../images/navi_items01.gif) 0px 0px no-repeat;
}
#i_navi ul li a#navi_items:hover{
background-position: 0px -61px;
}

#i_navi ul li a#navi_recruiting {
background:url(../images/navi_recruiting01.gif) 0px 0px no-repeat;
}
#i_navi ul li a#navi_recruiting:hover{
background-position: 0px -61px;
}




/*
----------------------------------------------------------
[INDEX]i_contents
----------------------------------------------------------*/
#i_contents {
margin:150px 0px;
width:990px;
}


/*
----------------------------------------------------------
[INDEX]TITLE
----------------------------------------------------------*/
.title_box {
margin:0px 0px 0px 40px;
padding-top:10px;
clear:both;
}

.navi_sub {
float:right;
}

.navi_sub ul {
text-align:right;
list-style:none;
}

.navi_sub ul li {
display:block;
}

.title {
float:left;
}

.title h2 {
}


/*
----------------------------------------------------------
[INDEX]i_news
----------------------------------------------------------*/
#i_news {
margin-left:40px;
margin-bottom:150px;
clear:both;
}

#i_news dl {
margin:100px 0px 100px 0px;
}

#i_news dl dt {
width:330px;
margin-right:30px;
padding-bottom:10px;
float:left;
}

#i_news dl dd {
width:500px;
float:left;
text-align:left;
}

#i_news .news_space {
clear:both;
height:20px;
}

#i_news div.stretcher{
width:940px;
overflow: hidden;
}

#i_news h3 {
display:inline;
}

#i_news h3  a {
float:left;
display:block;
width:32px;
height:30px;
}

#i_news h3 a#n01 {
background:url(../images/common_number01.gif) left top no-repeat;
}

#i_news h3 a#n01:hover {
background:url(../images/common_number01on.gif) left top no-repeat;
}

#i_news h3 a#n02 {
background:url(../images/common_number02.gif) left top no-repeat;
}

#i_news h3 a#n02:hover {
background:url(../images/common_number02on.gif) left top no-repeat;
}

#i_news h3 a#n03 {
background:url(../images/common_number03.gif) left top no-repeat;
}

#i_news h3 a#n03:hover {
background:url(../images/common_number03on.gif) left top no-repeat;
}

#i_news h3 a#n04 {
background:url(../images/common_number04.gif) left top no-repeat;
}

#i_news h3 a#n04:hover {
background:url(../images/common_number04on.gif) left top no-repeat;
}

/*
----------------------------------------------------------
[INDEX]i_salon
----------------------------------------------------------*/
#i_salon {
margin-bottom:150px;
clear:both;
}

#i_salon h3 span {
display:none;
}

#i_salon div.stretcher2 span {
display:none;
}

#i_salon div.stretcher2 {
margin:10px 0px;
}

#salon_list {
padding-top:80px;
}

a#open_salon_aoyama {
display:block;
width:791px;
height:121px;
background:url(../images/salon_info_aoyama01.jpg) 0px 0px no-repeat;
}
a#open_salon_aoyama:hover {
background-position: 0px -121px;
}

a#open_salon_daikanyama {
display:block;
width:791px;
height:121px;
background:url(../images/salon_info_daikanyama01.jpg) 0px 0px no-repeat;
}
a#open_salon_daikanyama:hover {
background-position: 0px -121px;
}

a#open_salon_atelier {
display:block;
width:791px;
height:121px;
background:url(../images/salon_info_atelier01.jpg) 0px 0px no-repeat;
}
a#open_salon_atelier:hover {
background-position: 0px -121px;
}



/*
----------------------------------------------------------
[INDEX]i_price
----------------------------------------------------------*/
#i_price {
margin-left:9px;
margin-bottom:150px;
clear:both;
}

#i_price dl {
padding:70px 0px 70px 0px;
}

#i_price dl dt {
margin-left:35px;
}

#i_price dl dd {
margin-left:35px;
margin-bottom:60px;
}


#i_price_caution {
margin-left:30px;
padding:100px 0px;
}

#i_price_caution p {
padding:5px 0px;
}

/*
----------------------------------------------------------
[INDEX]i_items
----------------------------------------------------------*/
#i_items {
margin-left:40px;
margin-bottom:150px;
clear:both;
}

#i_items ul {
padding-top:40px;
list-style:none;
}

#i_items ul li {
width:128px;
margin-right:8px;
float:left;
font-size:0.9em;
position:relative;
}

#i_items ul li span.newicon {
position:absolute;
left:0px;
top:0px;
}

#i_items ul li h3 {
margin:30px 0px;
font-weight:bold;
}

#i_items ul li h3 span {
color:#999999;
font-weight:bold;
}

#i_items p {
clear:both;
margin-bottom:1em;
}


#i_items_page h3 {
display:inline;
}

#i_items_page h3  a {
float:left;
display:block;
width:32px;
height:30px;
}

#i_items_page h3 a#n01 {
background:url(../images/common_number01.gif) left top no-repeat;
}

#i_items_page h3 a#n01:hover {
background:url(../images/common_number01on.gif) left top no-repeat;
}

#i_items_page h3 a#n02 {
background:url(../images/common_number02.gif) left top no-repeat;
}

#i_items_page h3 a#n02:hover {
background:url(../images/common_number02on.gif) left top no-repeat;
}

/*
----------------------------------------------------------
[INDEX]i_recruiting
----------------------------------------------------------*/
#i_recruiting {
margin-left:40px;
margin-bottom:150px;
clear:both;
padding-top:130px;
}

#i_recruiting h3 {
font-size:1.2em;
font-weight:bold;
margin-bottom:15px;
}

#i_recruiting p {
padding:10px 0px;
}


/*
----------------------------------------------------------
[close]
----------------------------------------------------------*/
li.close {
margin-right:10px;
}

li.close a {
display:block;
width:179px;
height:29px;
background:url("../images/common_btn_close01.gif") 0px 0px no-repeat;
}

li.close a:hover {
background:url("../images/common_btn_close01.gif") 0px -29px no-repeat;
}

li.close a span {
display:none;
}

/*
----------------------------------------------------------
[TMP]footer
----------------------------------------------------------*/
#footer {
margin-left:40px;
padding:100px 0px;
clear:both;
}