@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: #ffffff;
}
#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 280px 20px 20px; }

#alpha-concept { padding: 0px 0px 25px 0px; }
.alpha-concept-img { padding: 0px 0px 15px 0px; }
.alpha-concept-under-image { padding: 10px 0px 0px 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-info {
font-size:85%;
line-height:1.2;
float:left;
margin-bottom:25px;
}
.beta-info-title { padding:0 0 5px 0; }

#beta-info dl {
width:220px;
font-weight:bold;
padding:0 0 5px 0;
}
#beta-info dt {
float:left;
width:3.5em;
clear:both;
border-left:4px #cc6600 solid;
padding-left:4px;
letter-spacing:-0.1em;
}
#beta-info dd {
width:auto;
margin-left:3.5em;
padding:0px 5px 0px 5px;
letter-spacing:-0.1em;
}

#beta-info a,#beta-info a:link,#beta-info a:visited {
color: #222222;
text-decoration: none;
}
#beta-info a:hover,#beta-info a:active {
color: #999999;
text-decoration: underline;
}


.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;
}