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

/*ここから変更禁止*/
*{
margin:0;
padding:0;
}

.base{
width:800px;
margin:0 auto 0 auto;
position:relative;
}

/*ここまで変更禁止*/

/*ここからレイアウト*/
.header{
width:100%;
height:1.2em;
background-image:url("../images/bar.gif");
background-repeat:no-repeat;
background-position:bottom;
}

.content{
width:100%;
height:25em;
position:relative;
}

.navigation{
width:100%;
height:50px;
}

.footer{
width:100%;
height:1.2em;
background-image:url("../images/bar.gif");
background-repeat:no-repeat;
text-align:right;
}

/*ここまでレイアウト*/

/*ここからロゴと写真の表示位置指定*/
.logo{
height:43px;
width:152px;
position:absolute;
top:11em;
left:530px;
background-image:url("../images/logo.gif");
background-repeat:no-repeat;
text-indent:-9999px;
}

.photo_top{
width:322px;
height:204px;
position:absolute;
top:6em;
left:80px;
text-indent:-9999px;
background-image:url("../images/hasami.jpg");
background-repeat:no-repeat;

}
/*ここからロゴと写真の表示位置指定*

/*ここからナビゲーションバーの指定*/

.menu li{
width:160px;
height:50px;
list-style:none;
float:left;
display:inline;
}

.menu li a{
width:160px;
height:50px;
display:block;
background-position:center top;
background-repeat:no-repeat;
text-indent:-9999px;
}

.menu li a:hover{
background-position:bottom center;
}

.menu1{
background-image:url("../images/button1.gif");
}

.menu2{
background-image:url("../images/button2.gif");
}

.menu3{
background-image:url("../images/button3.gif");
}

.menu4{
background-image:url("../images/button4.gif");
}

.menu5{
background-image:url("../images/button5.gif");
}

/*ここまでナビゲーションバーの指定*/