@charset "utf-8";
/* CSS Document */



/* メインナビ
---------------------------------------------------- */

#nav{
clear:both;
width:800px;
height:50px;
padding:0px;
margin:0px 0px 10px 0px;
}

#nav ul{
padding:0px;
margin:0px;
list-style:none;
}

#nav li{
padding:0px;
margin:0px;
text-decoration:none;
display:block;
text-indent:-9999px;
height:50px;
display:inline;
float:left;
background-image:url(../common/bt_nav.jpg);
background-repeat:no-repeat;
}

#nav li a{
padding:0px;
margin:0px;
text-decoration: none;
display:block;
height:50px;
background-image:url(../common/bt_nav.jpg);
background-repeat:no-repeat;
outline:none;
}

#nav li#home       {width:99px;background-position:0px -50px;}
#nav li#outline    {width:184px;background-position:-99px -50px;}
#nav li#scene      {width:116px;background-position:-283px -50px;}
#nav li#info       {width:116px;background-position:-399px -50px;}
#nav li#qa         {width:167px;background-position:-515px -50px;}
#nav li#access     {width:118px;background-position:-682px -50px;}

#nav li#home       a{width:99px;background-position:0px 0px;}
#nav li#outline    a{width:184px;background-position:-99px 0px;}
#nav li#scene      a{width:116px;background-position:-283px 0px;}
#nav li#info       a{width:116px;background-position:-399px 0px;}
#nav li#qa         a{width:167px;background-position:-515px 0px;}
#nav li#access     a{width:118px;background-position:-682px 0px;}

#nav li#home       a:hover{width:99px;background-position:0px -50px;}
#nav li#outline    a:hover{width:184px;background-position:-99px -50px;}
#nav li#scene      a:hover{width:116px;background-position:-283px -50px;}
#nav li#info       a:hover{width:116px;background-position:-399px -50px;}
#nav li#qa         a:hover{width:167px;background-position:-515px -50px;}
#nav li#access     a:hover{width:118px;background-position:-682px -50px;}



/* ヘッダーナビ　小
---------------------------------------------------- */

#sub_nav{
float:left;
margin:0px 0px 0px 0px;
}

#sub_nav p{
margin:0px 0px 0px 10px;
padding:0px 5px 0px 8px;
background:url(../common/ic_mark.gif) no-repeat 0px 50%;
}



/* サイドナビ
---------------------------------------------------- */

#side_nav{
width:200px;
padding:0px ;
margin:0px 0px 0px 0px;
display:inline;
float:left;
}

#side_nav ul{
padding:0px;
margin:0px;
width:200px;
list-style:none;
}

#side_nav li{
padding:0px;
margin:0px 0px 5px 0px;
width:200px;
text-decoration: none;
display:block;
text-indent:-9999px;
background: url(../common/bt_side_nav.jpg);
background-repeat: no-repeat;
}

#side_nav li a{
padding:0px;
margin:0px;
width:200px;
text-decoration: none;
display:block;
background: url(../common/bt_side_nav.jpg);
background-repeat: no-repeat;
outline:none;
}

#side_nav li#bn01       	     {height:60px;background-position:-200px 0px;}
#side_nav li#bn02                {height:60px;background-position:-200px -65px;}
#side_nav li#bn03                {height:60px;background-position:-200px -130px;}


#side_nav li#bn01       	     a{height:60px;background-position:0px 0px;}
#side_nav li#bn02                a{height:60px;background-position:0px -65px;}
#side_nav li#bn03                a{height:60px;background-position:0px -130px;}


#side_nav li#bn01       	     a:hover{height:60px;background-position:-200px 0px;}
#side_nav li#bn02                a:hover{height:60px;background-position:-200px -65px;}
#side_nav li#bn03                a:hover{height:60px;background-position:-200px -130px;}