/* CSS Document */

/* ODIC
---------------------------------------------------- */

/* TOP NAVI
#topnavi {
width: 900px;
height:300px;
text-align:left;
background: url("../images/top.jpg") no-repeat;
position:static;
margin: 0;
line-height:100%;
}
#topnavi ul {
margin: 0;
padding: 0;
list-style: none;
position:relative;
}
#topnavi li {
margin: 0;
padding: 0;
width:150px;
text-indent: -9999px;
position:absolute;
}
#topnavi li a , #topnavi li strong {
height:20px;
text-decoration: none;
display: block;
width:150px;
}
#topnavi li#n01 {
left:35px;top:57px;height:20px;
}
#topnavi li#n02 {
left:35px;top:80px;height:20px;
}
#topnavi li#n03 {
left:35px;top:103px;height:20px;
}
#topnavi li#n04 {
left:35px;top:126px;height:20px;
}
#topnavi li#n05 {
left:35px;top:149px;height:20px;
}
#topnavi li#n06 {
left:35px;top:172px;height:20px;
}
#topnavi li#n07 {
left:35px;top:195px;height:20px;
}
#topnavi li#n08 {
left:35px;top:218px;height:20px;
}
#topnavi li#n09 {
left:35px;top:241px;height:20px;
}
#topnavi li#n01 a:hover {
background: url("../images/top.jpg") no-repeat -935px -57px;
}
#topnavi li#n02 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -80px;
}
#topnavi li#n03 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -103px;
}
#topnavi li#n04 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -126px;
}
#topnavi li#n05 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -149px;
}
#topnavi li#n06 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -172px;
}
#topnavi li#n07 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -195px;
}
#topnavi li#n08 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -218px;
}
#topnavi li#n09 a:hover  {
background: url("../images/top.jpg") no-repeat -935px -241px;
}
---------------------------------------------------- */






/*banner
---------------------------------------------------- */
#top_banner {
margin: 20px 0 0 0;
width: 216px;
height: 422px;
text-align:left;
background: url("../images/bt_banner.gif") no-repeat;
 position:static;
}
#top_banner ul {
margin: 0;
padding: 0;
list-style: none;
position:relative;
}
#top_banner li {
margin: 0;
padding: 0;
width: 216px;
text-indent: -9999px;
position:absolute;
}
#top_banner li#bn01 a {
height:152px;
text-decoration: none;	
display: block;
}

#top_banner li#bn02 a ,#top_banner li#bn03 a ,
#top_banner li#bn04 a {
height:80px;
text-decoration: none;	
display: block;
}

#top_banner li#bn01      {
top:0; left:0;
width: 216px;
height:152px;
}
#top_banner li#bn02      {
 top:172px; left:0;
 width: 216px;
 height:80px;
}
#top_banner li#bn03      {
 top:257px; left:0;
 width: 216px;
 height:80px;
}
#top_banner li#bn04      {
 top:342px; left:0;
 width: 216px;
 height:80px;
}

#top_banner li#bn01  a:hover    {
background: url("../images/bt_banner.gif") no-repeat -216px 0;
}
#top_banner li#bn02  a:hover    {
background: url("../images/bt_banner.gif") no-repeat -216px -172px;
}
#top_banner li#bn03  a:hover    {
background: url("../images/bt_banner.gif") no-repeat -216px -257px;
}
#top_banner li#bn04  a:hover    {
background: url("../images/bt_banner.gif") no-repeat -216px -342px;
}




/* footer2
---------------------------------------------------- */
#footer2 {
  clear:both;
  height: 43px;
  margin:0;
  background: url("../images/footer2.gif") no-repeat;
  position:static;
}
#footer2 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#footer2 li {
  margin: 0;
  padding: 0;
  height: 27px;
  text-indent: -9999px;
  position:absolute;
}
#footer2 li a {
  text-decoration: none;	
  display: block;
  height: 27px;
}
#footer2 li#f01{
  top:0px;
  left:582px; width:73px;
}
#footer2 li#f02{
  top:0px;
  left:669px; width:115px;
}
#footer2 li#f03{
  top:0px;
  left:805px; width:95px;
}
#footer2 li#f01 a:hover{
  background: url("../images/footer2.gif") no-repeat -582px -43px;
}
#footer2 li#f02 a:hover{
  background: url("../images/footer2.gif") no-repeat -669px -43px;
}
#footer2 li#f03 a:hover{
  background: url("../images/footer2.gif") no-repeat -805px -43px;
}



/*INFORMTION_NAVI
---------------------------------------------------- */
#head_info {
  width:840px;
  height: 100px;
  margin:0;padding: 0;
  background: url("../images/head_info.jpg") no-repeat;
  position:static;
}
#head_info ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#head_info li {
  margin: 0;padding: 0;
  height: 28px;
  text-indent: -9999px;
  position:absolute;
}
#head_info li a,#head_info strong {
  text-decoration: none;	
  display: block;
  height: 28px;
}
#head_info li#h01      {
  left:90px;
  top:72px;
  width:120px;
}
#head_info li#h02    {
  left:214px;
  top:72px;
  width:120px;
}
#head_info li#h03  {
  left:338px;
  top:72px;
  width:120px;
}
#head_info li#h04  {
  left:462px;
  top:72px;
  width:120px;
}
#head_info li#h05  {
  left:586px;
  top:72px;
  width:120px;
}
#head_info li#h06  {
  left:710px;
  top:72px;
  width:120px;
}
#head_info li#h01 a:hover  ,#head_info li#h01 strong   {
  background: url("../images/head_info.jpg") no-repeat -90px -172px;
}
#head_info li#h02 a:hover  ,#head_info li#h02 strong   {
  background: url("../images/head_info.jpg") no-repeat -214px -172px;
}
#head_info li#h03 a:hover  ,#head_info li#h03 strong   {
  background: url("../images/head_info.jpg") no-repeat -338px -172px;
}
#head_info li#h04 a:hover  ,#head_info li#h04 strong   {
  background: url("../images/head_info.jpg") no-repeat -462px -172px;
}
#head_info li#h05 a:hover  ,#head_info li#h05 strong   {
  background: url("../images/head_info.jpg") no-repeat -586px -172px;
}
#head_info li#h06 a:hover  ,#head_info li#h06 strong   {
  background: url("../images/head_info.jpg") no-repeat -710px -172px;
}


/*CHECK_NAVI
---------------------------------------------------- */
#head_check {
  width:840px;
  height: 100px;
  margin:0;padding: 0;
  background: url("../images/head_check.jpg") no-repeat;
  position:static;
}
#head_check ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#head_check li {
  margin: 0;padding: 0;
  height: 28px;
  text-indent: -9999px;
  position:absolute;
}
#head_check li a,#head_check strong {
  text-decoration: none;	
  display: block;
  height: 28px;
}
#head_check li#h04  {
  left:462px;
  top:72px;
  width:120px;
}
#head_check li#h05  {
  left:586px;
  top:72px;
  width:120px;
}
#head_check li#h06  {
  left:710px;
  top:72px;
  width:120px;
}
#head_check li#h04 a:hover  ,#head_check li#h04 strong   {
  background: url("../images/head_check.jpg") no-repeat -462px -172px;
}
#head_check li#h05 a:hover  ,#head_check li#h05 strong   {
  background: url("../images/head_check.jpg") no-repeat -586px -172px;
}
#head_check li#h06 a:hover  ,#head_check li#h06 strong   {
  background: url("../images/head_check.jpg") no-repeat -710px -172px;
}


/*PET_NAVI
---------------------------------------------------- */
#head_pet {
  width:840px;
  height: 100px;
  margin:0;padding: 0;
  background: url("../images/head_pet.jpg") no-repeat;
  position:static;
}
#head_pet ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#head_pet li {
  margin: 0;padding: 0;
  height: 28px;
  text-indent: -9999px;
  position:absolute;
}
#head_pet li a,#head_pet strong {
  text-decoration: none;	
  display: block;
  height: 28px;
}
#head_pet li#h01  {
  left:337px;
  top:72px;
  width:120px;
}
#head_pet li#h02  {
  left:461px;
  top:72px;
  width:120px;
}
#head_pet li#h03  {
  left:586px;
  top:72px;
  width:120px;
}
#head_pet li#h04  {
  left:710px;
  top:72px;
  width:120px;
}
#head_pet li#h01 a:hover  ,#head_pet li#h01 strong   {
  background: url("../images/head_pet.jpg") no-repeat -337px -172px;
}
#head_pet li#h02 a:hover  ,#head_pet li#h02 strong   {
  background: url("../images/head_pet.jpg") no-repeat -461px -172px;
}
#head_pet li#h03 a:hover  ,#head_pet li#h03 strong   {
  background: url("../images/head_pet.jpg") no-repeat -586px -172px;
}
#head_pet li#h04 a:hover  ,#head_pet li#h04 strong   {
  background: url("../images/head_pet.jpg") no-repeat -710px -172px;
}



/*CEREBRAL_NAVI
---------------------------------------------------- */
#head_cerebral {
  width:840px;
  height: 100px;
  margin:0;padding: 0;
  background: url("../images/head_cerebral.jpg") no-repeat;
  position:static;
}
#head_cerebral ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#head_cerebral li {
  margin: 0;padding: 0;
  height: 28px;
  text-indent: -9999px;
  position:absolute;
}
#head_cerebral li a,#head_cerebral strong {
  text-decoration: none;	
  display: block;
  height: 28px;
}
#head_cerebral li#h02    {
  left:462px;
  top:72px;
  width:120px;
}
#head_cerebral li#h05  {
  left:586px;
  top:72px;
  width:120px;
}
#head_cerebral li#h06  {
  left:710px;
  top:72px;
  width:120px;
}
#head_cerebral li#h02 a:hover  ,#head_cerebral li#h02 strong   {
  background: url("../images/head_cerebral.jpg") no-repeat -462px -172px;
}
#head_cerebral li#h05 a:hover  ,#head_cerebral li#h05 strong   {
  background: url("../images/head_cerebral.jpg") no-repeat -586px -172px;
}
#head_cerebral li#h06 a:hover  ,#head_cerebral li#h06 strong   {
  background: url("../images/head_cerebral.jpg") no-repeat -710px -172px;
}


/*COST_NAVI
---------------------------------------------------- */
#head_cost {
  width:840px;
  height: 100px;
  margin:0;padding: 0;
  background: url("../images/head_cost.jpg") no-repeat;
  position:static;
}
#head_cost ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#head_cost li {
  margin: 0;padding: 0;
  height: 28px;
  text-indent: -9999px;
  position:absolute;
}
#head_cost li a,#head_cost strong {
  text-decoration: none;	
  display: block;
  height: 28px;
}
#head_cost li#h05  {
  left:586px;
  top:72px;
  width:120px;
}
#head_cost li#h06  {
  left:710px;
  top:72px;
  width:120px;
}
#head_cost li#h05 a:hover  ,#head_cost li#h05 strong   {
  background: url("../images/head_cost.jpg") no-repeat -586px -172px;
}
#head_cost li#h06 a:hover  ,#head_cost li#h06 strong   {
  background: url("../images/head_cost.jpg") no-repeat -710px -172px;
}



/*MEDICAL_NAVI
---------------------------------------------------- */
#head_medical {
  width:840px;
  height: 100px;
  margin:0;padding: 0;
  background: url("../images/head_medical.jpg") no-repeat;
  position:static;
}
#head_medical ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position:relative;
}
#head_medical li {
  margin: 0;padding: 0;
  height: 28px;
  text-indent: -9999px;
  position:absolute;
}
#head_medical li a,#head_medical strong {
  text-decoration: none;	
  display: block;
  height: 28px;
}
#head_medical li#h03  {
  left:338px;
  top:72px;
  width:120px;
}
#head_medical li#h04  {
  left:462px;
  top:72px;
  width:120px;
}
#head_medical li#h05  {
  left:586px;
  top:72px;
  width:120px;
}
#head_medical li#h06  {
  left:710px;
  top:72px;
  width:120px;
}
#head_medical li#h03 a:hover  ,#head_medical li#h03 strong   {
  background: url("../images/head_medical.jpg") no-repeat -338px -172px;
}
#head_medical li#h04 a:hover  ,#head_medical li#h04 strong   {
  background: url("../images/head_medical.jpg") no-repeat -462px -172px;
}
#head_medical li#h05 a:hover  ,#head_medical li#h05 strong   {
  background: url("../images/head_medical.jpg") no-repeat -586px -172px;
}
#head_medical li#h06 a:hover  ,#head_medical li#h06 strong   {
  background: url("../images/head_medical.jpg") no-repeat -710px -172px;
}