@charset "utf-8";
@import "r_common.css";
@import "r_contents.css";

h1{
	font-size: 9pt;
	margin:0 0 5px;
	padding:0;
}
h2.catch{
	font-size: 12pt;
	color: #85a3c7;
}
/*-------------------------------------
for header
--------------------------------------*/
#header{
    width: 100%;
    height: 29px;
	border-bottom: 1px solid #cfc1a1;
    background: #f7f7f1;
	margin: 0 0 30px;
}

#header img.logo{
    float:left;
    margin: 4px 0 0 10px;
}

#header img.headbutton{
    float:right;
    margin: 8px 10px 0 0;
}

#navi{
    clear: both;
    background: url(../img/salon/basic/bg_navi.gif) repeat-x;
    width: 676px;
	height: 27px;
    margin: 0 1px;
    padding: 0;
}
#navi ul{
    margin: 0;
    padding: 0 0 0 20px;
    list-style: none;
	width 100%;
}
#navi li{
    float: left;
    margin:0;
    padding:0 10px 0 0
}
#navi a {
    display: block;
    margin: 0px;
    text-decoration: none;
}

#salontop a{
    background:url(../img/salon/basic/navi_top.gif);
	background-position: 100% 0px;
    width: 77px;
    height: 27px;
}

#staff a{
    background:url(../img/salon/basic/navi_staff.gif);
	background-position: 100% 0px;
    width: 63px;
    height: 27px;
}

#menu a{
    background:url(../img/salon/basic/navi_menu.gif);
    background-position: 100% 0px;
    width: 64px;
    height: 27px;
}

#haircatalogue a{
    background:url(../img/salon/basic/navi_haircatalogue.gif);
    background-position: 100% 0px;
    width: 87px;
    height: 27px;
}

#blog a{
    background:url(../img/salon/basic/navi_blog.gif);
    background-position: 100% 0px;
    width: 53px;
    height: 27px;
}

#map a{
    background:url(../img/salon/basic/navi_map.gif);
    background-position: 100% 0px;
    width: 47px;
    height: 27px;
}

#yoyaku a{
    background:url(../img/salon/basic/navi_yoyaku.gif);
    background-position: 100% 0px;
    width: 69px;
    height: 27px;
}

#oshirase a{
    background:url(../img/salon/basic/navi_oshirase.gif);
    background-position: 100% 0px;
    width: 65px;
    height: 27px;
}
.hidden{
    display: none;
}

/*breadcrumb*/
#breadcrumb{
	clear:both;
    font-size: 8pt;
    margin: 5px auto 0px;
	padding: 0;
	width:100%;
	height:25px;
	line-height:150%;
}

#breadcrumb a:link{
    color: #c1ac7d;
	text-decoration: underline;
}

#breadcrumb a:visited{
    color: #c1ac7d;
	text-decoration: underline;
}

#breadcrumb a:hover{
    color: #c1ac7d;
	text-decoration: underline;
}

#breadcrumb a:active{
    color: #c1ac7d;
	text-decoration: underline;
}

/*----------------------------
for button menu
------------------------------*/
ul#buttonMenu{
    float: left;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
	width 100%;
}
ul#buttonMenu li{
    float: left;
    margin:0;
    padding:0;
}
#buttonMenu a {
    display: block;
    margin: 0px;
    text-decoration: none;
}

#hairstyle a{
    background:url(../img/btn_hairstyle.gif);
	background-position: 100% 0px;
    width: 187px;
    height: 27px;
}

#salonlist a{
    background:url(../img/btn_salonlist.gif);
	background-position: 100% 0px;
    width: 187px;
    height: 27px;
}

#about a{
    background:url(../img/btn_about.gif);
    background-position: 100% 0px;
    width: 187px;
    height: 27px;
}

#sousa a{
    background:url(../img/btn_sousa.gif);
    background-position: 100% 0px;
    width: 187px;
    height: 27px;
}

#smnews a{
    background:url(../img/btn_side_oshirase.gif);
    background-position: 100% 0px;
    width: 187px;
    height: 27px;
}
#help_s a{
    background:url(../img/btn_side_help.gif);
    background-position: 100% 0px;
    width: 187px;
    height: 27px;
}

ul#premium{
	float:left;
    margin: 0 0 10px 0;
    padding: 0;
    list-style: none;
	width 100%;
	font-size:1pt;
}
ul#premium li{
    float: left;
    margin:0;
    padding:0;
}
#premium a {
    display: block;
    margin: 0px;
    text-decoration: none;
    background:url(../img/btn_salonmilepremium.gif);
	background-position: 100% 0px;
    width: 187px;
    height: 54px;
}

/*----------------------------
for salon roundcorner
------------------------------*/

.salonTop {
	background: url(../img/salon/basic/bg_top.gif) no-repeat;
	width: 678px;
	height: 8px;
	font-size:1pt;
}
.salonContent {
	background: url(../img/salon/basic/bg_middle.gif) repeat-y;
    width:678px;
}
.salonBottom {
	clear: both;
	background: url(../img/salon/basic/bg_bottom.gif) no-repeat;
	width: 678px;
	height: 8px;
	font-size:1pt;
}

/*----------------------------
for right roundcorner
------------------------------*/
.blockTop {
	clear:both;
	background: url(../img/salon/basic/bg_rightareatop.gif) no-repeat;
	width: 187px;
	height: 8px;
	font-size:1pt;
}

 div.rightBlock{
	float:left;
    background: url(../img/bg_rightareamiddle.gif);
    margin: 0;
	width: 187px;
}

.blockBottom {
	clear: both;
	background: url(../img/salon/basic/bg_rightareabottom.gif) no-repeat;
	width: 187px;
	height: 8px;
	font-size:1pt;	
	margin: 0 0 10px 0;
}

/*----------------------------
for footer
------------------------------*/
#footer{
	float:left;
    margin: 30px auto 0;
    padding: 10px 0 4px;
    border-top: 1px solid #c1ac7d;
    width: 100%;
	height: 30px;
	background: #fff;
}
#footerarea{
	width: 890px;
	margin: 0 auto;
}
#footer ul{
    list-style: none;
    padding: 0;
    margin: 0;
    float:left;
}

#footer li{
    display:inline;
    font-size: 7pt;
    background: url(../img/ico_delta.gif) no-repeat 0px 50%;
    margin: 0 10px 0 0;
    padding:0 0 0 10px;
}

#copyright{
    float: right;
    font-family: arial;
    font-size: 7pt;
    font-weight:none;
	color: #b79f69;
}

#copyright a:link{
	color: #b79f69;
    text-decoration:none;
}

#copyright a:visited{
	color: #b79f69;
    text-decoration:none;
}

#copyright a:hover{
	color: #b79f69;
    text-decoration:none;
}

#copyright a:active{
	color: #b79f69;
    text-decoration:none;
}