@charset "utf-8";

/*------------------
 __デフォルトクリア
------------------*/

* {
   margin: 0;
   padding:0;
}


html {
   background: #192f8b;
}


body {
   font-family: "メイリオ",Meiryo,"MS Pゴシック","MS ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
   font-size: 62.5%;
   /*16px*62.5%=10px*/

   background: #c7f1e8;
   color: #323232;
   line-height: 1.5;
}


li {
   list-style-type: none;
}


img {
   border: none;
}


table {
   border: 0;
}


a {
   color: #f15a24;
   text-decoration: none;
}


a:hover {
   color: #153d1d;
}


/*------------------
 __container
------------------*/
#container {
   margin: 0;
   background: url(../images/bg_grade.gif) repeat-x top left;
}


/*------------------
 __header
------------------*/
#header {
   background: #192f8b;
   height: 258px;
}


/*------------------
 __header_bg
------------------*/
#header_bg {
   background: url(../images/home_top.jpg) no-repeat top left;
   display: block;
   width: 850px;
   height: 258px;
}

#header_bg a {
   display: block;
   width: 350px;
   height: 135px;
   margin-left: 30px;
   text-indent: -9999px;
   overflow: hidden;
}

/*------------------
 __navi
------------------*/
#navi {
   margin: 0;
   background: #ffffff;
   display: block;
   width: 850px;
   height: 40px;
}

.home {
   float: left;
   margin-left: 308px;
   margin-right: 15px;
   display: inline;
}

.home a {
   display: block;
   width: 52px;
   height: 40px;
   background-image: url(../images/home_act.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.home a:hover {
   display: block;
   width: 52px;
   height: 40px;
   background-image: url(../images/home_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.energy {
   float: left;
   margin-right: 15px;
}

.energy a {
   display: block;
   width: 97px;
   height: 40px;
   background-image: url(../images/energy.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.energy a:hover {
   display: block;
   width: 97px;
   height: 40px;
   background-image: url(../images/energy_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.massage {
   float: left;
   margin-right: 15px;
}

.massage a {
   display: block;
   width: 72px;
   height: 40px;
   background-image: url(../images/massage.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.massage a:hover {
   display: block;
   width: 72px;
   height: 40px;
   background-image: url(../images/massage_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.maternity {
   float: left;
   margin-right: 15px;
}

.maternity a {
   display: block;
   width: 76px;
   height: 40px;
   background-image: url(../images/maternity.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.maternity a:hover {
   display: block;
   width: 76px;
   height: 40px;
   background-image: url(../images/maternity_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.catering {
   float: left;
   margin-right: 15px;
}

.catering a {
   display: block;
   width: 102px;
   height: 40px;
   background-image: url(../images/catering.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.catering a:hover {
   display: block;
   width: 102px;
   height: 40px;
   background-image: url(../images/catering_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.staff {
   float: left;
}

.staff a {
   display: block;
   width: 48px;
   height: 40px;
   background-image: url(../images/staff.gif);
   text-indent: -9999px;
   overflow: hidden;
}

.staff a:hover {
   display: block;
   width: 48px;
   height: 40px;
   background-image: url(../images/staff_roll.gif);
   text-indent: -9999px;
   overflow: hidden;
}


/*------------------
 __contents
------------------*/
#contents {
   clear: both;
   width: 850px;
}

#contents:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

#contents {
   display: block;
}
   /* Hides from IE-mac ¥*/
   * html #contents {height: 1%;}
   #contents {display: block;}
   /* End hide from IE-mac */



/*------------------
 __main
------------------*/
#main {
   float: left;
   margin-left: 25px;
   width: 650px;
   display: inline;
   border-right: solid 2px #192f8b;
}

*html #main {
   float: left;
   margin-left: 25px;
   margin-top: 10px;
   width: 650px;
   display: inline;
   border-right: solid 2px #192f8b;
}


/*------------------
 __mainset
------------------*/
.mainset {
   clear: both;
   padding-top: 20px;
}

*html .mainset {
   clear: both;
   padding-top: 10px;
}

/*------------------
 __mainleft
------------------*/
.mainleft {
   float: left;
   margin-right: 35px;
}

.mainleft img {
   vertical-align: bottom;
}

.message {
   display: block;
   width: 275px;
   background-color: #f4ebd7;
   padding: 10px;
}

h2 {
   font-size: 1.3em;
    _font-size: 130%; 
}

.naiyou {
   font-size: 1.2em;
    _font-size: 120%; 
}

.link {
   text-align: right;
   font-size: 1.1em;
    _font-size: 110%;
}

.mainleft .link img {
   vertical-align: text-bottom;
}

.one a {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_energy.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.one a:hover {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_energy_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}

.three a {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_maternity.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.three a:hover {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_maternity_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}


/*------------------
 __mainright
------------------*/
.mainright {
   float: left;
}

.mainright img {
   vertical-align: bottom;
}

.two a {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_massage.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.two a:hover {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_massage_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}

.four a {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_catering.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.four a:hover {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_catering_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}

.mainright .link img {
   vertical-align: text-bottom;
}


/*------------------
 __mainset2
------------------*/
.mainset2 {
   clear: both;
   padding-top: 20px;
}

*html .mainset2 {
   clear: both;
   padding-top: 10px;
}


/*------------------
 __main2left
------------------*/
.main2left {
   float: left;
}


/*------------------
 __main2right
------------------*/
.five a {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_healing.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.five a:hover {
   display: block;
   width: 295px;
   height: 175px;
   background-image: url(../images/img_healing_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}

.main2right {
   float: left;
}

.message2 {
   display: block;
   width: 310px;
   height: 135px;
   background-color: #f4ebd7;
   padding: 10px; 
}

.main2right img {
   vertical-align: bottom;
}


/*------------------
 __returntop
------------------*/
.returntop {
   clear: both;
   text-align: right;
   margin-right: 20px;
   padding-top: 5px;
   padding-bottom: 10px;
   font-size: 1.1em;
    _font-size: 110%; 
}


/*------------------
 __sab
------------------*/
#sab {
   float: left;
   margin-top: 20px;
   margin-left: 20px;
   display: inline;
}

.blog1 a {
   display: block;
   width: 140px;
   height: 190px;
   background-image: url(../images/blog_1.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.blog1  a:hover {
   display: block;
   width: 140px;
   height: 190px;
   background-image: url(../images/blog_1_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}

.blog2 {
   margin-top: 25px;
}

.blog2 a {
   display: block;
   width: 140px;
   height: 175px;
   background-image: url(../images/blog_2.jpg);
   text-indent: -9999px;
   overflow: hidden; 
}

.blog2  a:hover {
   display: block;
   width: 140px;
   height: 175px;
   background-image: url(../images/blog_2_roll.jpg);
   text-indent: -9999px;
   overflow: hidden;
}


/*------------------
 __footer
------------------*/
#footer {
   clear: both;
   background: #192f8b;
   height: 40px;
}

#footer_bg {
   width: 850px;
}

address {
   color: #ffffff;
   padding-top: 15px;
   font-style: normal;
   font-weight: bold;
   text-align: center;
   font-size: 1.1em;
    _font-size: 110%;  
}