/* CSS Document */
body {
color:#000000;
background-color:#FFFFFF;
margin:0;
padding:0;
width:100%;
height:100%;
}

#container{
width:900px;
margin:0 auto;
padding:0;
color:#000000;
background-color:#FFFFFF;
}


#header{
position:relative;
width:900px;
margin:0;
padding:0;
}

#header #logo{
float:left;
width:320px;
_width:320px;
height:190px;
margin:0;
padding:0;
}

#header #logo img{
position:absolute;
top:20px;
left:20px;
boarder:none;
}

#header ul#nav{
float:right;
margin:0;
padding:120px 0 0 60px;
width:520px;
_width:520px;
height:70px;
}

#header ul#nav li{
list-style:none;
display:block;
margin:0;
padding:0;
float:left;
text-indent:-9999px;
height:20px;
}

#header ul#nav li a{
display:block;
text-decoration:none;
padding:0;
margin:0;
height:20px;
background-image:url(images/nav-items.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}



#header ul#nav li#nav-home{width:70px;}
#header ul#nav li#nav-rider{width:70px;}
#header ul#nav li#nav-blog{width:70px;}
#header ul#nav li#nav-store{width:70px;}
#header ul#nav li#nav-access{width:80px;}
#header ul#nav li#nav-contact{width:80px;}

#header ul#nav li#nav-home a{background-position:0 0 ;}
#header ul#nav li#nav-rider a{background-position:-70px 0 ;}
#header ul#nav li#nav-blog a{background-position:-140px 0 ;}
#header ul#nav li#nav-store a{background-position:-210px 0 ;}
#header ul#nav li#nav-access a{background-position:-280px 0 ;}
#header ul#nav li#nav-contact a{background-position:-360px 0 ;}

#header ul#nav li#nav-home a:hover{background-position:0 50% ;}
#header ul#nav li#nav-rider a:hover{background-position:-70px 50% ;}
#header ul#nav li#nav-blog a:hover{background-position:-140px 50% ;}
#header ul#nav li#nav-store a:hover{background-position:-210px 50% ;}
#header ul#nav li#nav-access a:hover{background-position:-280px 50% ;}
#header ul#nav li#nav-contact a:hover{background-position:-360px 50% ;}

#header ul#nav li#nav-home.current-page{ background:url(images/nav-items.jpg)  0 100%;}
#header ul#nav li#nav-rider.current-page{background:url(images/nav-items.jpg)  -70px 100% ;}
#header ul#nav li#nav-blog.current-page{background:url(images/nav-items.jpg)  -140px 100% ;}
#header ul#nav li#nav-store.current-page{background:url(images/nav-items.jpg)  -210px 100% ;}
#header ul#nav li#nav-access.current-page{background:url(images/nav-items.jpg)  -280px 100% ;}
#header ul#nav li#nav-contact.current-page{background:url(images/nav-items.jpg)  -360px 100% ;}   /*ここまでが上部メニュー部分の設定*/

#content {
clear:both;
margin:0;
padding:0;
width:900px;
color:#000000;
background-color:#FFFFFF;
}