@charset "UTF-8";
/* CSS Document */
html{
    height:100%;
}
body {
margin: 0px;
padding: 0px;
height:100%;
background-color: #7c960c;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",;
color: #f3f3dd;
font-size: 12px;
}
h1,h2,h3,h4,h5,h6{
margin: 0px;
padding: 0px;
font-size: 12px;
font-weight: normal;
}
em {
visibility: hidden;
}
ul {
margin: 0px;
padding: 0px;
}
img {  
    border:0;  
} 
#wapper {
position:relative;
min-height: 100%;
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 100%;
}
#flash {
padding: 0px;
width: 100%;
height: 572px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#flash_background {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c3ce89;
}
#header {
padding: 0px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
background-color: #000000;
height: 394px;
}
#header_background {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #c3ce89;
}
#pagescroll {
float: right;
}
/*----------------------------------------------------
footer_contents_All
----------------------------------------------------*/
#footer {
padding: 0px;
float: left;
width: 860px;
height: 72px;
background-image: url(http://www.satira-eybl.com/img/satira_footer_rogo03.gif);
background-repeat: no-repeat;
margin: 0px;
}
#footer_left {
padding: 0px;
float: left;
height: 12px;
width: 492px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#footer_right {
text-align: right;
margin: 0px;
padding: 0px;
float: right;
height: 12px;
width: 350px;
font-size: 10px;
}
.footer_navi_block {
font-size: 7px;
}
#footer_navi {
padding: 0px;
float: left;
height: 12px;
width: 860px;
margin-top: 10px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
.btn_home {
padding: 0px;
height: 12px;
width: 30px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_home a {
background-image: url(http://www.satira-eybl.com/img/btn_home.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 30px;
text-decoration: none;
float: left;
}
.btn_home a:hover , .btn_home a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_home.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.btn_eybl {
padding: 0px;
height: 12px;
width: 63px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_eybl a {
background-image: url(http://www.satira-eybl.com/img/btn_about_eybl.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 63px;
text-decoration: none;
float: left;
}
.btn_eybl a:hover , .btn_eybl a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_about_eybl.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.btn_satira {
padding: 0px;
height: 12px;
width: 74px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_satira a {
background-image: url(http://www.satira-eybl.com/img/btn_about_satira.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 74px;
text-decoration: none;
float: left;
}
.btn_satira a:hover , .btn_satira a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_about_satira.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.btn_herbs {
padding: 0px;
height: 12px;
width: 73px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_herbs a {
background-image: url(http://www.satira-eybl.com/img/btn_herbs.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 73px;
text-decoration: none;
float: left;
}
.btn_herbs a:hover , .btn_herbs a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_herbs.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.btn_spa {
padding: 0px;
height: 12px;
width: 53px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_spa a {
background-image: url(http://www.satira-eybl.com/img/btn_spamenu.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 53px;
text-decoration: none;
float: left;
}
.btn_spa a:hover , .btn_spa a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_spamenu.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.btn_qa {
padding: 0px;
height: 12px;
width: 103px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_qa a {
background-image: url(http://www.satira-eybl.com/img/btn_qa.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 103px;
text-decoration: none;
float: left;
}
.btn_qa a:hover , .btn_qa a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_qa.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}
.btn_contact {
padding: 0px;
height: 12px;
width: 47px;
list-style-type: none;
margin-top: 0px;
margin-right: 7px;
margin-bottom: 0px;
margin-left: 0px;
float: left;
}
.btn_contact a {
background-image: url(http://www.satira-eybl.com/img/btn_contact.gif);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
height: 12px;
width: 47px;
text-decoration: none;
float: left;
}
.btn_contact a:hover , .btn_contact a:hover {
background-image: url(http://www.satira-eybl.com/img/btn_contact.gif);
background-repeat: no-repeat;
background-position: 0px -12px;
}


/*----------------------------------------------------
main_layout_All
----------------------------------------------------*/
#contents {
height:100%;
padding: 0px;
float: left;
display:inline;
width: 600px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}

/*----------------------------------------------------
right_contents_All
----------------------------------------------------*/
#sidenavi {
padding: 0px;
float: right;
width: 219px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 50px;
margin-left: 0px;
}
.btn_side {
padding: 0px;
height: 40px;
width: 219px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 15px;
margin-left: 0px;
list-style-type: none;
}
.btn_side a {
padding: 0px;
height: 40px;
width: 219px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
list-style-type: none;
text-decoration: none;
float: left;
}
#btn_shop {
background-image: url(http://www.satira-eybl.com/img/btn_eybl_online_shop.gif);
background-repeat: no-repeat;
}
#btn_movie {
background-image: url(http://www.satira-eybl.com/img/btn_movie.gif);
background-repeat: no-repeat;
}
#btn_blog {
background-image: url(http://www.satira-eybl.com/img/btn_blog.gif);
background-repeat: no-repeat;
}
#btn_shop a {
background-image: url(http://www.satira-eybl.com/img/btn_eybl_online_shop.gif);
background-repeat: no-repeat;
}
#btn_shop a:hover , #btn_shop a:active {
background-image: url(http://www.satira-eybl.com/img/btn_eybl_online_shop.gif);
background-repeat: no-repeat;
background-position: 0px -40px;
}
#btn_movie a {
background-image: url(http://www.satira-eybl.com/img/btn_movie.gif);
background-repeat: no-repeat;
}
#btn_movie a:hover , #btn_movie a:active {
background-image: url(http://www.satira-eybl.com/img/btn_movie.gif);
background-repeat: no-repeat;
background-position: 0px -40px;
}
#btn_blog a {
background-image: url(http://www.satira-eybl.com/img/btn_blog.gif);
background-repeat: no-repeat;
}
#btn_blog a:hover , #btn_blog a:active {
background-image: url(http://www.satira-eybl.com/img/btn_blog.gif);
background-repeat: no-repeat;
background-position: 0px -40px;
}

/*----------------------------------------------------
left_contents_All
----------------------------------------------------*/
#main {
padding: 0px;
width: 860px;
margin-top: 42px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
min-height: 100%;
}
#boder_line {
margin: 0px;
padding: 0px;
height: 1px;
width: 860px;
float: left;
}
/*----------------------------------------------------
title_block_All
----------------------------------------------------*/
.title_block {
padding: 0px;
width: 600px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 30px;
margin-left: 0px;
height: 45px;
}
#top_title {
background-image: url(http://www.satira-eybl.com/img/title_top.gif);
background-repeat: no-repeat;
}