@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 15px;
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;
	width:765px;
	height: 50px;
	background: url(../pict/logo.gif) no-repeat top right;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
   }
#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 {
list-style:none;
float:left;
}

#navi a {
float:left;
display:block;
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;}

#mainImage{
	width:765px;
	height:320px;
	}
#headerImage{
	width:765px;
	height:157px;
	}
#concept_img {
	margin:0;
	border:0;
	padding:0;
}

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

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

#side_diary,
#side_stylist,
#side_stylist2,
#side_stylist3 {
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_stylist2 h3 {background:url(../pict/side_stylist2.jpg) no-repeat;}
#side_stylist3 h3 {background:url(../pict/side_stylist3.jpg) no-repeat;}

/*side*/

#side_diary p,
#side_stylist p,
#side_stylist2 p,
#side_stylist3 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;}


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

/*general*/

h2 {display:none; !important}

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

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

/*blog*/
/*あああ*/
#top_ryo_blog,#top_salonnews {
width:525px;
}
#top_ryo_blog img, 
#top_salonnews img{
float:left;
margin:0 10px 10px 0;
}
.ryo_blog_title a,
.ryo_blog_title a:link,
.ryo_blog_title a:hover,
.salonnews_title a,
.salonnews_title a:link,
.salonnews_title a:hover{
color:#FFFFFF;
}
.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%;
        color: #FFDFDF;
	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: #FFE6E6;
}


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

#ryoblog, #gonews,#shinjin,#udejiman {
	position:absolute;
	right:0;
	width:143px;
	height:18px;
	background-image: url(../pict/side_diary_button.gif);
}

#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,
#side_stylist2 h3,
#side_stylist3 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;
}

/*これがＲＹＯです*/
.ryo-c_box {
	background:url(../pict/ryocontents_bgimg.jpg) bottom left no-repeat #FFFFFF;
	padding:9px;
	line-height: 1.5em;
}
.ryo-c_box2 {text-align:center;
}

/*----------RYOの動画---------------*/
/*ryomovie*/
#top_ryo_movie {
width:525px;
}
#top_ryo_movie img {
float:left;
margin:0 10px 10px 0;
}
.ryo_movie_title a,
.ryo_movie_title a:link,
.ryo_movie_title a:hover{
color:#FFFFFF;
}
.ryo_movie_title {
margin:0 0 10px 0;
padding:70px 10px 0 10px;
background:url(../pict/top_ryomovie_title.gif) no-repeat;
}

.ryo_movie_title h4 {
	margin:5px 0 0;
	font-size:15px;
	line-height:100%;
        color: #FFDFDF;
	background-color: #f55b7c;
	padding: 10px;
}

#ryo_movie p{
margin:0 0 10px;
}
/*#ryo_movie_box {
	border:1px solid #604226;
	margin: 15px;
	padding: 5px;
	background-color: #FFE6E6;
}
*/

#ryomovie {
	position:absolute;
	right:0;
	width:143px;
	height:18px;
	background-image: url(../pict/top_movie_button.gif);
}

#ryomovie {background:url(../pict/top_movie_button.gif) center no-repeat;}
p.movie_blog {
	padding-bottom: 20px;
}