@charset "UTF-8";
/* デフォルト-グリーン */
body {
*font-size: small; /* Win IE7およびWin IE6標準準拠モード */
*font: x-small; /* Win IE 5-5.5､6（後方互換モード） */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Arial,sans-serif;
color: #222222;
line-height: 1.5;
background-color: #f5f5f5;
}

a, a:link, a:visited {
color: #222222;
text-decoration: underline;
}

a:hover, a:active {
color: #999999;
text-decoration: underline; 
}
/* Layout ------------------------------*/
#container {
font-size: 92%; /* テキストの標準サイズを12px相当に指定 */
text-align: left;
background-color: #ffffff;
float: left;
width: 100%;		/* 横幅 */
max-width: 1160px;	/* 最大の横幅 */
min-width: 880px;	/* 最小の横幅 */
}
* html #container {
width:expression(document.body.clientWidth < 880? “880px” :
document.body.clientWidth > 1160? “1160px” : “auto”);
}

#container-inner {
}

#header,#content,#alpha,#beta,#footer { position: relative; }
#content-inner,#header-inner,#alpha-inner,##beta-inner,#footer-inner { position: static; }
#alpha,#beta { display: inline;float: left; }
#alpha-inner#beta-inner,#footer-inner { overflow: hidden; }

#content {
background-color:;
}
#content-inner {
padding: 20px 0px 20px 0px;
background-image: url(http://www.happy-sprout.com/common/img/container-bg1.gif);
background-position: right top;
background-repeat: repeat-y;
}

#header {
background-image: url(http://www.happy-sprout.com/common/img/header-bg-green.jpg);
background-position: left top;
background-repeat: repeat-x;
}
#header-inner {
}
#header-name { position: absolute;left: -9999px; }
#header-description { position: absolute;left: -9999px; }

#header-title { height:110px; }
#header-logo { float: left;padding:16px 0px 0px 16px; }
#header-logo2 { float: right;padding:5px 10px 0px 0px; }

#header-menu {
height:21px;
_height:28px;
padding:7px 0 0 20px;
line-height:1.0;
/*padding:.5em 0px .4em 20px;*/
/*font-weight:bold;*/
color:#554c2f;
background-color:#f8f6ee;
}
#header-menu ul {
list-style: none;
}
#header-menu li {
display: inline;
/*padding-right:.25em;*/
}

#header-menu a,#header-menu a:link,#header-menu a:visited {
color:#554c2f;
text-decoration: none;
}

#header-menu a:hover,#header-menu a:active {
color:#a57a6e;
text-decoration: none;
/*border-bottom:1px #a57a6e dotted;*/	
}


#alpha {
width:100%;
margin-right:-260px;
}
#alpha-inner { padding: 20px 260px 20px 20px; }
#alpha-concept { padding: 0px 0px 25px 0px; }

#alpha-concept-list { width:100%;clear:both; }
#alpha-concept-list-contents-left1,#alpha-concept-list-contents-left2,#alpha-concept-list-contents-left3 { float:left;width:50%;padding-right:20px; }
#alpha-concept-list-contents-right1,#alpha-concept-list-contents-right2,#alpha-concept-list-contents-right3 { float:left;width:50%; }
.alpha-concept-list-title { padding: 0px 0px 6px 0px; }
.alpha-concept-list-text { line-height:1.3;padding: 0px 0px 20px 0px; }

#beta {
float:left;width:260px;
}
#beta-inner { padding: 20px 10px 20px 10px; }
#beta-campaign { padding: 0px 0px 25px 0px; }
.beta-campaign-info { padding:0px 0px 0px 0px; }
.beta-menu-list { text-align:center; }
.beta-menu-list-contents { padding:0px 0px 10px 0px; }
.beta-menu-list-title { padding:0px 0px 10px 0px; }
.beta-menu-list-subtitle { font-weight:bold; }
.beta-menu-list-text { line-height:1.3;padding:0px 0px 10px 0px; }
.beta-menu-list-text2 { color:#444444;font-size:92%; }
#beta-tell,.beta-tell { text-align:center;padding:0px 0px 25px 0px; }
#beta-tell,.beta-map {  }

#footer {
line-height:1.0;
background-image: url(http://www.happy-sprout.com/common/img/footer-bg-green.jpg);
background-position: left top;
background-repeat: repeat-x;
}

#footer-inner {
height:50px;
text-align:center;
padding:4px 0px 0px 0px;
}

/*角丸*/
.round-corner { margin-bottom:20px;background-color: #ffffff; width: 100%; }
.rtop, .rbottom{display:block; background: #ffffee; }
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden; background-color: #ffffff;}
.r4  {margin: 0 8px; height: 1px; }
.r5  {margin: 0 6px; height: 1px; }
.r6  {margin: 0 4px; height: 1px; }
.r7  {margin: 0 3px; height: 1px; }
.r8  {margin: 0 2px; height: 1px; }
.r9  {margin: 0 2px; height: 1px; }
.r10 {margin: 0 1px; height: 1px; }
.r11 {margin: 0 1px; height: 1px; }

#salon-menu1,#salon-menu2,#salon-menu3 {
padding:12px 0px 12px 20px;
width:100%;
color:#222;
}

#salon-menu-inner {
margin-right:40px;
}

.salon-menu-img {
max-width:840px;
max-height:860px;
}

#menu-01 {  }
.menu-01-1 {
padding:0px 0px 5px 0px;
}
.menu-01-2 {
text-align:right;
padding:0px 10px 25px 0px;
}

/* 詳細ページ */
.menu-title { text-align:center;padding:0px 0px 0px 0px; }


.menu-title-text {
/* text-align:center; */
/* padding:5px 0px 10px 0px; */
padding:0px 0px 10px 0px;
color:#444;
font-size:108%;
line-height:1.3;
}

#menu-list-01 { padding:0px 0px 25px 0px;width:100%;clear:both; }

#menu-list-01-l,#menu-list-01-r {
float:left;
width:50%;
_width:49%;
}

#menu-list-inner-l { padding:0px 10px 0px 0px; }
#menu-list-inner-r { padding:0px 0px 0px 10px; }

.menu-details-title {
color:#2f5430;
font-weight:bold;
padding:0px 0px 2px 0px;
line-height:1.0;
}

.menu-details { padding:0px 0px 20px 0px; }
.menu-namebase { background:#ebebeb;width:100%;margin:0px 0px 10px 0px; }
.menu-name { padding:0px; }

.menu-text1 { padding:0px 0px 10px 0px;color:#554c2f;line-height:1.3; }
.menu-text2 { padding:0px 0px 0px 0px;color:;line-height:1.3; }
.menu-text3 { padding:0px 0px 0px 1.1em;font-size:0.9em;color:#554c2f;line-height:1.2; }
.menu-text4 { padding:0px 0px 0px 1.1em;font-size:0.9em;color:;line-height:1.2; }
.text-right { text-align:right; }

.pink { color:#554c2f; }
.option { border:1px #e4007f solid;padding:1px 2px 1px 2px;color: #554c2f;line-height:1.0; }


.menu-back {
clear:both;
text-align:right;
padding:0px 40px 20px 0px;
}