/* ---
介護予防施設いきいき元気
------------------------------------------------ */
div#ikiikiBox{
  width:800px;
  margin:0px auto 0px auto;
  padding-top:10px;
  text-align:left;
}
div#ikiikiBox p{
  color:#666666;
  padding:10px;
  line-height:150%;
}
div#ikiikiBox h2{
  width:800px;
  height:38px;
  background-image:url(http://www.asone-gp.co.jp/img/care/h2.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  font-size:18px;
  font-weight:bold;
  color:#ffffff;
  line-height:38px;
  text-indent:20px;
  margin-bottom:10px;
  clear:both;
}
div#ikiikiBox h3{
  width:304px;
  height:40px;
  background-image:url(http://www.asone-gp.co.jp/img/care/h3.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  line-height:40px;
  text-indent:35px;
  color:#ffffff;
}
div#ikiikiBox img{
  margin-bottom:10px;
}
div.careTxt ul li{
  color:#ff0000;
  margin:3px 0px;
}

/* ---
TOPメニューナビCSS(全ページメニューナビにこのCSSを適用)
------------------------------------------------ */

/* --- 各要素のリセット --- */
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
/* --- ナビ全体 --- */
ul#nav{
  background-color: transparent;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width:800px;
  height:36px;
  background-image:url(http://www.asone-gp.co.jp/img/cmn/topnavi_bg.png);
  background-position:left top;
  background-repeat:no-repeat;
}
/* --- 項目サイズ --- */
ul#nav li a{
  display:block;
  height:36px;
  line-height:36px;
  color:#ffffff;
}
/* --- 各項目サイズ ---*/
ul#nav li#navi1 a{width:108px; text-indent:-9999px;}
ul#nav li#navi2 a{width:180px; text-indent:-9999px;}
ul#nav li#navi3 a{width:185px; text-indent:-9999px;}

ul#nav li#navi4 a{width:160px; text-indent:-9999px;}
ul#nav li#navi4 ul li a{text-indent:34px;}

ul#nav li#navi5 a{width:166px; text-indent:-9999px;}
/* --- 各項目：マウスオーバー --- */
ul#nav li#navi1 a:hover{ background-image:url(http://www.asone-gp.co.jp/img/cmn/navi1_hover.png);}
ul#nav li#navi2 a:hover{ background-image:url(http://www.asone-gp.co.jp/img/cmn/navi2_hover.jpg);}
ul#nav li#navi3 a:hover{ background-image:url(http://www.asone-gp.co.jp/img/cmn/navi3_hover.jpg);}
ul#nav li#navi4 a:hover{ background-image:url(http://www.asone-gp.co.jp/img/cmn/navi4_hover.jpg);}
ul#nav li#navi5 a:hover{ background-image:url(http://www.asone-gp.co.jp/img/cmn/navi5_hover.png);}
/* --- プルダウンで出るメニュー --- */
ul#nav li ul {
  top: 36px;
  background-color:transparent;
}

/* --- プルダウンで出るメニュー:マウスオーバー時 --- */

#nav ul li a {
  text-align:left;
  line-height:36px;
  background-color:#a4b45c;
  border-bottom: 1px solid white;
  background-image:url(http://www.asone-gp.co.jp/img/cmn/hover-sub.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  font-weight:bold;
  border-right: none;
}
/* --- 項目にマウスオーバーするとjavascriptでhover要素が付く --- */
#nav li.hover a {
  background-color:#a4b45c;
  background-image:url(http://www.asone-gp.co.jp/img/cmn/hover-sub.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
}
#nav li.hover ul li a:hover {
  background-image:none !important;
  color:#ffffff;
  text-decoration:none;
  background-color:#ff6600;
}