/*i-ris.peewee.jpのヘッダーとナビゲーション用のCSS */
*{
	padding:0;
	margin:0;
	}


body{
	background-color:#FFFFFF;
}

h1{
	background:url(images/peeweepage.gif) top left no-repeat;
	height:75px;
	width:720px;
	text-indent: -9999px;
}

/*葉っぱのなび-------------------------------------------------------*/

#navi ul {
  margin:0;
  padding: 0 0 120px 200px;
  list-style: none;	
}
#navi li, #navi a {
  display: block;
  float:left;
	/*\*/
	float: none;
	/**/
}
#navi li {
	float:left;
	text-indent:-9999px;
}

#navi a {
  text-decoration: none;
  color: #0066cc;
  background: url(images/peeweepage.gif) no-repeat;
 }
#navi {
  text-decoration: none;
  background: url(images/peeweepage.gif) no-repeat;
}
/*link*/
#item01 a { background-position: -200px  -75px ; width:90px; height:105px; }
#item02 a { background-position: -290px  -75px ; width:90px; height:103px;  }
#item03 a { background-position: -380px  -75px ; width:95px; height:82px;  }
#item04 a { background-position: -475px  -75px ; width:80px; height:108px;  }
#item050 a { background-position: -555px  -75px ; width:85px; height:120px;  }
#item05 a { background-position: -640px  -75px ; width:65px; height:120px; }
/*hover*/
#item01 a:hover { background-position: -200px  -270px ; width:90px; height:105px; }
#item02 a:hover { background-position: -290px  -270px ; width:90px; height:103px; }
#item03 a:hover { background-position: -380px  -270px ; width:95px; height:82px;  }
#item04 a:hover { background-position: -475px  -270px ; width:80px; height:108px; }
#item050 a:hover { background-position: -555px  -270px ; width:85px; height:120px; }
#item05 a:hover { background-position: -640px  -270px ; width:65px; height:120px; }