@charset "utf-8";

/* =======================================

Header CSS

========================================== */



#header{
position: relative;
}


/* 1.Site Title
========================================== */

#header .header-logo {
position:absolute;
top:12px;
left:0px;
}



/* 2.Header search
========================================== */

#header #header-inner .header-search{
/*position:absolute;
left:305px;
top:20px;*/
float:right;
}


*:first-child+html #header #header-inner .header-search{
position:absolute;
left:280px;
top:20px;
}



/* 2.Header Navi
========================================== */


#header #header-inner .header-nav {
/*position:absolute;
right:0px;
top:20px;*/
float:right;
}

#header .header-nav .header-nav1{
float:left;
padding-left:30px;
}

#header .header-nav .header-nav2 .hnav-end,
#header .header-nav .header-nav3 .hnav-end  {
padding:0 0 0 18px;
}

#header .header-nav .header-nav2 li {
display:inline;
float:left;
display:block;
padding:0 20px 0 17px;
font-size:85%;
background:url(../images/bullet01.png) no-repeat 0 0;
}

#header .header-nav .header-nav3 li {
display:inline;
float:left;
display:block;
padding:0 20px 0 16px;
font-size:85%;
background:url(../images/bullet02.png) no-repeat 0 0;
}


#header #header-inner .header-nav2 li a,
#header #header-inner .header-nav3 li a {
color:#000000;
text-decoration:none;
}

#header #header-inner .header-nav1 li a:hover,
#header #header-inner .header-nav2 li a:hover {
color: #000099;
text-decoration:none;
}


#header #header-inner .header-tel {
position:absolute;
right:0px;
top:30px;
text-align:left;
}

#header #header-inner .header-tel img {
margin-top:0px;
}

#header #header-inner .header-address {

}



#header input[type="submit"] {
  cursor: pointer;
  width: 55px;
  height: 22px;
  border: none;
  text-indent: -9999px;
  background: url(../images/btn-search.png) no-repeat 0 0;
}




/* 3.main-image
========================================== */
#main-image {
width:960px;
height:370px;
position:relative;
margin:0px !important;
}

#main-image ul {
margin:0px !important;
}


/* 3.main-image　吹き出し　水泳・健康・介護
========================================== */

#main-image .popup .sw1{
position:absolute;
top:130px;
left:117px;
display:block;
}

#main-image .popup .he2{
position:absolute;
top:57px;
left:417px;
display:block;
}

#main-image .popup .ka3{
position:absolute;
top:150px;
left:669px;
display:block;
}






/* 3.main-image　朝
========================================== */

#main-image .morning{
background:url(../images/morning-bg.png) no-repeat 0 0;
width:960px;
height:370px;
position:relative;
margin:0px !important;
display:none;
}


#main-image .morning .m1{
position:absolute;
top:178px;
left:414px;
display:block;
}

#main-image .morning .m2{
position:absolute;
top:263px;
left:637px;
display:block;
}

#main-image .morning .m3{
position:absolute;
top:306px;
left:416px;
display:block;
}


/* 3.main-image　昼
========================================== */

#main-image .daytime{
background:url(../images/daytime-bg.png) no-repeat 0 0;
width:960px;
height:370px;
position:relative;
margin:0px !important;
display:none;
}


#main-image .daytime .d1{
position:absolute;
top:220px;
left:339px;
display:block;
}

#main-image .daytime .d2{
position:absolute;
top:304px;
left:400px;
display:block;
}

#main-image .daytime .d3{
position:absolute;
top:307px;
left:695px;
display:block;
}



/* 3.main-image　夕方
========================================== */

#main-image .evening{
background:url(../images/evening-bg.png) no-repeat 0 0;
width:960px;
height:370px;
position:relative;
margin:0px !important;
display:none;
}


#main-image .evening .e1{
position:absolute;
top:283px;
left:248px;
display:block;
}

#main-image .evening .e2{
position:absolute;
top:305px;
left:409px;
display:block;
}

#main-image .evening .e3{
position:absolute;
top:297px;
left:915px;
display:block;
}


/* 3.main-image　夜
========================================== */

#main-image .night{
background:url(../images/night-bg.png) no-repeat 0 0;
width:960px;
height:370px;
position:relative;
margin:0px !important;
}


#main-image .night .n1{
position:absolute;
top:220px;
left:352px;
display:block;
}

#main-image .night .n2{
position:absolute;
top:307px;
left:507px;
display:block;
}

#main-image .night .n3{
position:absolute;
top:265px;
left:639px;
display:block;
}




/* 4.Header textresizeBtn
========================================== */


#textresizeBtn{
padding:42px 0 20px 0;
width:128px;
float:right;
}



#index #textresizeBtn{
margin:10px 0;
padding:0px !important;
width:128px;
float:right;
}

.textsize{
text-indent:0px !important;
}

.textsize img{
margin:5px 9px 0 0;
}


#textresizer{
float:right;
}



#textresizer li{
list-style: none;
display: block;
margin: 0px;
float: left;
text-indent: -9999px;
height: 20px;

}

#textresizer a{
    height: 20px;/*画像高さ指定*/
width: 20px;/*画像横幅指定*/
    display: block;
   outline: medium none;
    overflow: hidden;
    padding: 0;
text-indent: -9999px;
}


#textresizeBtn #textresizer #ts1 a{
background:url(../images/btn-small.png) no-repeat 0 0;
padding-left:4px;
}

#textresizeBtn #textresizer #ts1 a:hover,
#textresizeBtn #textresizer #ts2 a:hover,
#textresizeBtn #textresizer #ts3 a:hover{
background-position:0 -20px;
}

#textresizeBtn #textresizer #ts2 a{
background:url(../images/btn-medium.png) no-repeat 0 0;
padding-left:4px;

}

#textresizeBtn #textresizer #ts3 a{
background:url(../images/btn-large.png) no-repeat 0 0;
}


.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url('../images/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }


/* 5.介護30周年用
========================================== */
.kaigo30 {
width:960px;
height:370px;
background:url(../images/main-imgbg-kaigo.png) no-repeat 0 0;
}
.kaigo30 li.movie {
position:absolute;
right:10px;
top:10px;
}
.kaigo30 li.textkaigo{
position:absolute;
left:42px;
bottom:10px;
}


/* 6.70周年 バナー
========================================== */

.bnr-70th{
position:absolute;
right:0px;
top:10px;
z-index: 1000;
}
.bnr-70th a{
display:block;
width:230px;
height:80px;
}

.bnr-70th a:hover{
border:1px solid #000099;
}