/*** for PC Browser ***/
@media (min-width:401px)
{
.header {
    background:url("/rishirifuji/images/header_background5.png") repeat scroll 0 -1px #FFFFFF;
    height: 246px;
    position: relative;
}
/**************fuji**************/

#fuji {
    background:#fff url("/rishirifuji/images/header.png") bottom left no-repeat;;
    height: 176px;
    margin: auto;
    position: relative;
    width: 960px;
}

/****************************/
/***************animation*************/

#anime {overflow: hidden;}

#ferry { position:absolute; top:111px; left: -150px; z-index:20;}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#header_smart{
 width:300px;
 padding-left:10px;
}

/*************navi***************/
.menu1 {
    background-image: url("../../../images/menu1_l.png");
    overflow: hidden;
    display: block;
    height: 40px;
    width: 200px;  
    position: relative;
    top: 0px;
    float: left;
    left :20px;
}
.menu1 a{
    text-align: center;
    display: block;
    height: 40px;
    width: 200px; 
}
.menu1:hover{
    background-position: 0 -40px;
}
.menu2 {
    background-image: url("../../../images/menu2_l.png");
    overflow: hidden;
    display: block;
    height: 40px;
    width: 200px; 
    position: relative;
    top: 0px;
    float: left;
    left :20px;
}
.menu2:hover{
    background-position: 0 -40px;
}
.menu2 a{
    display: block;
    height: 40px;
    text-align: center;
    width: 200px;
}

.menu3 {
    background-image: url("../../../images/menu3_l.png");
    overflow: hidden;
    display: block;
    height: 40px;
    width: 200px;  
    position: relative;
    top: 0px;
    float: left;
    left :20px;
}
.menu3 a{
    text-align: center;
    display: block;
    height: 40px;
    width: 200px; 
}
.menu3:hover{
    background-position: 0 -40px;
}
.menu4 {
    background-image: url("../../../images/menu4_l.png");
    overflow: hidden;
    display: block;
    height: 40px;
    width: 200px;  
    position: relative;
    top: 0px;
    float: left;
    left :20px;
}
.menu4 a{
    text-align: center;
    display: block;
    height: 40px;
    width: 200px; 
}
.menu4:hover{
    background-position: 0 -40px;
}
.menu5 {
    background-image: url("../../../images/menu5_l.png");
    overflow: hidden;
    display: block;
    height: 40px;
    width: 200px;  
    position: relative;
    top: 0px;
    float: left;
    left :20px;
}
.menu5 a{
    text-align: center;
    display: block;
    height: 40px;
    width: 200px; 
}
.menu5:hover{
    background-position: 0 -40px;
}
}