@charset "utf-8";
/* RYO 基本の設定 */

/*general*/

body {
font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sanserif;
}

input, textarea {
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka, sanserif;
}

h1, h2, h3 {
margin: 0;
}

p {
margin: 0 5px;
line-height:135%;
}

img {
border: 0;
}

body {
margin:0;
padding:0;
background:#fff;

font-size:12px;
color:#333;
}

a:link, a:visited {color:#E73D74;}
a:active, a:hover {color:#333333;}

#container {
	position:relative;
	margin:20px auto 0;
	padding:0;
	width:765px;
	border-left:1px solid #604125;
	border-right:1px solid #604125;
	border-top: 1px solid #604125;
	background-image: url(../pict/bg.jpg);
	border: 1px solid #604125;
}

h1 {
color:#CCCCCC;
font-size:9px;
font-weight:400;

}


h2 {
/*margin:0 0 10px;
height:70px;*/
}

#navibox {
	position:relative;
	height: 50px;
	background: url(../pict/logo.gif) no-repeat top right;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	display: none;
   }
#navi {
	position:absolute;
	left:18px;
	top:0px;
	margin:0;
	padding:0;
	width:600px;
	height:40px;
	list-style-type:none;
	font-size:0;
	background-color: #FFFFFF;
}

#navi li {
float:left;
}

#navi a {
float:left;
height:40px;
font-size:0;
}


#mn_01 a:hover { background:url(../pict/nav01r.gif) no-repeat top left;}
#mn_02 a:hover { background:url(../pict/nav02r.gif) no-repeat top left;}
#mn_03 a:hover { background:url(../pict/nav03r.gif) no-repeat top left;}
#mn_04 a:hover { background:url(../pict/nav04r.gif) no-repeat top left;}
#mn_05 a:hover { background:url(../pict/nav05r.gif) no-repeat top left;}
#mn_06 a:hover { background:url(../pict/nav06r.gif) no-repeat top left;}
#mn_01 a:hover img {visibility:hidden;}
#mn_02 a:hover img {visibility:hidden;}
#mn_03 a:hover img {visibility:hidden;}
#mn_04 a:hover img {visibility:hidden;}
#mn_05 a:hover img {visibility:hidden;}
#mn_06 a:hover img {visibility:hidden;}


#concept_img {
	margin:0;
	border: 0;
	padding: 0;
	display: none;
}

#side {
	float:left;
	width:222px;
	display: none;
}

#content {
float:left;
width:535px;
}

#side_diary,
#side_stylist{
padding:0 0 6px;
margin:5px auto;
width:208px;
background:#FFFFFF;
}



#side h3,
#content h3 {
height:85px;
}

#side #coupon {
 width:208px;
 margin:10px auto;
 }

#side_diary h3 { background:url(../pict/side_diary.jpg) no-repeat;}
#side_stylist h3 {background:url(../pict/side_stylist.jpg) no-repeat;}

/*side*/

#side_diary p,
#side_stylist p {
margin:5px 10px;
padding:0 0 0 12px;
border-left:3px solid #60402B;
}

#copyright {
	clear:left;
	margin:0 auto;
	padding:5px 0;
	width:767px;
	height:45px;
	color:#FFFFFF;
	background-color: #604226;
	text-align: center;
	line-height: 1.5em;
	font-size: 11px;
}
#copyright a {
	color: #FFFFFF;
	text-decoration: none;
}
#copyright a:link {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 2px;
}
#copyright a:hover {
	color: #FFFFFF;
	background:#E73D74;
	text-decoration: none;
}


/*misc*/

hr,
.mask
{display:none;}

.reset {clear:both;}



#fn,
#bnr_cpt h3,
#bnr_cpt a
{
	text-indent:-9999px;
	font-size:0;
}
/* RYO 中身の設定 */

/*general*/

h2 {
	display:block;
!important;
}

.font_arial {
font-family:Arial, Helvetica, sans-serif;
}

/*--トップページ--*/
/*banner*/
#banner img {
	padding: 5px;
}

/*blog*/

#top_ryo_blog img, 
#top_salonnews img{
float:left;
margin:0 10px 10px 0;
}
.ryo_blog_title {
margin:0 0 10px 0;
padding:70px 10px 0 10px;
background:url(../pict/top_ryoblog_title.gif) no-repeat;
}
.salonnews_title {
margin:0 0 10px 0;
padding:70px 10px 0 10px;
background:url(../pict/top_salonnews_title.gif) no-repeat;
}

.ryo_blog_title h4,
.salonnews_title h4
 {
	margin:5px 0 0;
	font-size:15px;
	line-height:100%;
	background-color: #652325;
	padding: 10px;
}

#top_ryo_blog p 
#top_salonnews p{
margin:0 0 10px;
}
#top_salonnews_box {
	border:1px solid #604226;
	margin: 15px;
	padding: 5px;
	background-color: #EFE8C9;
}


.button {
position:relative;
width:100%;
height:18px;
}

#ryoblog, #gonews,#shinjin,#udejiman {
position:absolute;
right:0;
width:143px;
height:18px;
}

#ryoblog {background:url(../pict/top_ryoblog_button.gif) center no-repeat;}
#gonews {background:url(../pict/side_diary_button.gif) center no-repeat;}
#shinjin {background:url(../pict/side_stylist1_button.gif) center no-repeat;}
#udejiman {background:url(../pict/side_stylist2_button.gif) center no-repeat;}
.button a {border:1px solid #d1d8da;}
.button a:hover {border:1px solid #8ba7af;}
.button a:link, .button a:visited, .button a:hover 
{text-decoration:none;}

/*misc*/

#content h3,
.button a,
#side_diary h3,
#side_stylist h3
{text-indent:-9999px; font-size:0;}

/*--店舗案内--*/
/*photo*/
#salon_photo img {
	padding: 10px 2px;
}
/*--クーポン--*/
.coupon img {
padding:10px;
}
/*スタッフ紹介*/
#staff h4 {
	display:inline;
	font-size: 16px;
}
#staff .staff_box {
	color:#FFFFFF;
	border: 1px solid #604125;
	margin: 5px 0;
}
#staff .staff_box th {
	color:#FFFFFF;
	text-align: left;
	line-height: 1.1em;
	font-weight: 300;
}
#staff .staff_box .staff_profile {
	color:#604125;
}
#staff .staff_box .staff_profile th {
	background-color: #E0CC96;
	font-weight: 600;
	color: #604125;
	text-align: right;
	vertical-align: top;
	}
#staff .staff_photo img {
	border: 1px solid #604125;
	}
#container #content #staff .staff_box a {
    color:#FFFFFF;
	}
#container #content #staff .staff_box a:link {
    color:#FFFFFF;
	}
#container #content #staff .staff_box a:hover {
    color:#FFFFFF;
	}
/*メニュー*/
#content #menu {
     font-family:Arial, Helvetica, sans-serif;
	 }
#content #menu h4 {
	font-size: 18px;
	display: block;
	padding: 5px;
	width: 512px;
	background-color: #E0CC96;
	color: #604125;
	margin: 4px 0;
}
#menu th {
	font-size: 16px;
	background-color: #604125;
	color: #FFFFFF;
	text-align: left;
	padding: 5px;
}
#menu .menu_right {
	text-align:right;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFEEFF;
	}
#menu td {
	line-height: 1.7em;
	border-bottom: 1px dotted #E73D74;
	padding: 0 5px;
	vertical-align: top;
}
#menu strong {
	color: #E73D74;
}