#info{
	width:80px;
	height:20px;
	background-color:#999;
	text-align:center;
	padding-top:1px;
    margin:0 10px 0 0;
	float:left;
}

#navi li{
    width:100px;
    height:75px;
    float:left;
    background:none;
    padding:0 10px 0px 0;
    margin:0 0 10px 0;
	list-style:none;
}
#navi li a{
    display:block;
}
#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}
/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}
 
#photo{
    width:800px;
    height:600px;
    margin:20px 0 0 40px;
}
#photo img{
    position:absolute;
}

/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

img {
    border-style:none;
}