@charset "EUC-JP";

/* CSS Document */

/* トップナビ */
#topnavi {
width:649px;
height:100px;
overflow:hidden;
margin:0;
text-align:right;
}

#topnavi ul {
margin:30px 0 10px 0;
padding:0;
display:block;
height:1em;
width:50em;
float:right;
}

#topnavi ul li {
list-style-type: none;
margin:0;
padding:0 1em 0 1em;
float:left;
display:block;
font-weight:bold;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #CECDEC;
}

#topnavi ul li a {
color:#000099;
text-decoration:none;
}

#topnavi ul li a.now {
color:#F00;
}

#topnavi ul li a:hover {
color:#36F;
text-decoration:underline;
}

#topnavi ul.com {
margin:0;
height:1em;
width:24.5em;
}

#topnavi ul li.end {
border: none;
}

/* サイドナビ */
#sidenavi {
width:210px;
margin:30px 0;
padding:0;
overflow:hidden;
}

#sidenavi ul {
margin: 0;
padding: 0;
}

#sidenavi ul li {
list-style-type: none;
margin: 0;
padding: 0;
width:210px;
}

#sidenavi ul li a {
text-indent:-9999px;
text-align:left;
display:block;
overflow: hidden;
margin: 0px;
padding: 0px;
height:50px;
background-repeat:no-repeat;
background-image: url(../img/bg_sidenavi.jpg);
}

#sidenavi ul li.navi01 a {
background-position:0 -30px;
}

#sidenavi ul li.navi02 a {
background-position:0 -80px;
}

#sidenavi ul li.navi03 a {
background-position:0 -130px;
}

#sidenavi ul li.navi04 a {
background-position:0 -180px;
}

#sidenavi ul li.navi05 a {
background-position:0 -230px;
}

#sidenavi ul li.navi06 a {
background-position:0 -280px;
}

#sidenavi ul li.navi07 a {
background-position:0 -330px;
}

#sidenavi ul li.navi08 a {
background-position:0 -380px;
}

#sidenavi ul li.navi09 a {
background-position:0 -470px;
margin-top:40px;
}

#sidenavi ul li.navi01 a:hover {
background-position:-210px -30px;
}

#sidenavi ul li.navi02 a:hover {
background-position:-210px -80px;
}

#sidenavi ul li.navi03 a:hover {
background-position:-210px -130px;
}

#sidenavi ul li.navi04 a:hover {
background-position:-210px -180px;
}

#sidenavi ul li.navi05 a:hover {
background-position:-210px -230px;
}

#sidenavi ul li.navi06 a:hover {
background-position:-210px -280px;
}

#sidenavi ul li.navi07 a:hover {
background-position:-210px -330px;
}

#sidenavi ul li.navi08 a:hover {
background-position:-210px -380px;
}

#sidenavi ul li.navi09 a:hover {
background-position:-210px -470px;
margin-top:40px;
}

#sidenavi ul li.navi01 a.now {
background-position:-420px -30px;
}

#sidenavi ul li.navi02 a.now {
background-position:-420px -80px;
}

#sidenavi ul li.navi03 a.now {
background-position:-420px -130px;
}

#sidenavi ul li.navi04 a.now {
background-position:-420px -180px;
}

#sidenavi ul li.navi05 a.now {
background-position:-420px -230px;
}

#sidenavi ul li.navi06 a.now {
background-position:-420px -280px;
}

#sidenavi ul li.navi07 a.now {
background-position:-420px -330px;
}

#sidenavi ul li.navi08 a.now {
background-position:-420px -380px;
}

#sidenavi ul li.navi09 a.now {
background-position:-420px -470px;
margin-top:40px;
}