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

body{

        background-color: #ffffff;
        margin: 0;
        margin: 0;

        }

#header{
        background-image:url(img/header.gif);
        width: 980px;
        height: 140px;
        }

#header_motobi{
        background-image:url(img/headermotobi.jpg);
        width: 980px;
        height: 140px;

        }



#navigation{
        background-image:url(img/background_navi.gif);
        width: 231px;
        height: 610px;
        float: left;
        margin-left:0px;

        z-index 1;
        position: absolute;


        }

#navigation_motobi{
        background-image:url(img/background_motobi.jpg);
        width: 231px;
        height: 610px;
        float: left;
        margin-left:0px;

        z-index 1;
        position: absolute;


        }

#arrow1{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        right: 994px;
        top: 178px;
        z-index: 3;
        position: absolute;
        float: left;
        }

#arrow2{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        right: 994px;
        top: 220px;
        z-index: 3;
        position: absolute;
        }

#arrow3{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        z-index: 3;
        right: 994px;
        top: 261px;
        position: absolute;
        }

#arrow4{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        z-index: 3;
        right: 994px;
        top: 302px;
        position: absolute;
        }

#arrow5{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        right: 994px;
        top: 343px;
        z-index: 3;
        position: absolute;
        }

#arrow6{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        right: 994px;
        top: 384px;
        z-index: 3;
        position: absolute;
        }



#arrow7{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        right: 994px;
        top: 425px;
        z-index: 3;
        position: absolute;
        }

#arrow8{
        background-image: url(img/arrow.png);
        width: 11px;
        height: 10px;
        left: 65px;
        right: 994px;
        top: 465px;
        z-index: 3;
        position: absolute;
        }


#background_navi{
        background-image: url(img/block_navi.gif);
        width: 185px;
        height: 16px;
        margin-left: 22px;
        top: 175px;

        z-index: 2;
        position:absolute;
        }





p{
        font-family: Geneva, Arial, Helvetica, sans-serif;
        Font-size: 70%;
        color: #404042;
        position: absolute;
        z-index: 4;
        margin-left: 80px;
        margin-top: 23px;
        line-height: 41px;
        }

        h1{
        color: #CC0000;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-weight:100;
        font-size: 110%;
        margin-top: 35px;
        }

        h2{
        color: #404042;
        font-family:Geneva, Arial, Helvetica, sans-serif;
        font-size: 70%;
        margin-left: 280px;
        margin-top: 20px;

        }

        p1{
        color:#404042;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        position:absolute;
        font-weight: 70%;

        margin-top: 5px;
        width: 100px;
        }