html {
    margin: 0;
    padding: 0; 
background-color:#000000;
}


body {
    margin: 0;
    padding: 0;
    text-align: center;
    font-family: verdana, 'trebuchet ms', sans-serif;
    font-size: 12px;
background-color:#000000;
}

ul,li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#all{
    margin: 0 auto; /* center on everything else */
    width: 800px;
    height:580px;
    overflow:auto;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-260px;
    margin-left:-400px;
    text-align:left;
}

#container {
    position: relative;
    margin: 0px auto; /* center on everything else */
    width: 750px;
    text-align: left;
}


#header{
    margin: 0;
    padding: 0;
    width: 750px; /* necessary for ie win */
    height:449px;
}

#header01{
    width: 750px; /* necessary for ie win */
    height:199px;
	margin: 0px;
	padding: 0px;
background: url("http://www.yanokisho.com/imgs/yano-1-1.jpg") no-repeat center top;
}

#header02_1{
	float:left;
 	height:174px;
	width:58px;
background: url("http://www.yanokisho.com/imgs/yano-2-1.jpg") no-repeat center top;
}

#header02_2{
	float:left;
	width:273px;
 	height:174px;
	text-align: left;

background: url("http://www.yanokisho.com/imgs/yano-2-2.jpg") no-repeat center top;
}

.whatsnew{
	color: #FFFFFF;
	float: right;
	width: 100%;
	line-height: 16px;
	font-size: 12px;
	text-align: left;
}

.whatsnew li{
	margin: 0 0 8px 0;
}

#header02_3{
	float:right;
	width:419px;
 	height:174px;
	margin: 0px;
	padding: 0px;
background: url("http://www.yanokisho.com/imgs/yano-2-3.jpg") no-repeat center top;
}


#header03{
    width: 750px; /* necessary for ie win */
    height:66px;
background: url("http://www.yanokisho.com/imgs/yano-3-1.jpg") no-repeat center top;
}


#navi {
display: block;
width: 750px;
height: 30px;
text-decoration: none;
background-color:#848284;
    margin: 0px 0px 10px 0px;
}


#header h1 {
  position: absolute;
  left: -999px;
  width: 990px;
}

#header h2 {
  position: absolute;
  left: -999px;
  width: 990px;
}


#footer_top{
	border-top:solid 1px #cccccc;
    margin: 5px 0 0 0;
    padding: 0;
    width: 750px; /* necessary for ie win */
    height:57px;
}

#footer01{
    padding: 0;
    font-size: 12px;
    text-align: right;
    width: 750px; /* necessary for ie win */
    height:33px;
    margin: 0px 20px 0px 0px;
}


#footer_top .banner{
	float:left;
	margin: 5px 0px 0px 5px;
	padding-bottom: 10px;
}

#footer_top .copyright{
	margin: 15px 5px 0px 0px;
	float:right;
	width:400px;
	line-height:1.5;
	font-size: 12px;
	text-align: right;
	color:#FFFFFF; 
}

a.navi01 {
display: block;
width: 120px;
height: 39px;
background-color:#000000;
background: url("http://www.yanokisho.com/imgs/information.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.navi02 {
display: block;
width: 81px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/message.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.navi03 {
display: block;
width: 81px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/schedule.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.navi04 {
display: block;
width: 68px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/photo.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.navi05 {
display: block;
width: 73px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/profile.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.navi06 {
display: block;
width: 73px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/fanmail.jpg") 0 0 no-repeat;
text-decoration: none;
}

a.navi07 {
display: block;
width: 254px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/rightspace.jpg") 0 0 no-repeat;
text-decoration: none;
}

.navi07 {
display: block;
width: 254px;
height: 39px;
background: url("http://www.yanokisho.com/imgs/rightspace.jpg") 0 0 no-repeat;
text-decoration: none;
}

a:hover.navi01 {
background-position: 0 -39px;
}

a:hover.navi02 {
background-position: 0 -39px;
}

a:hover.navi03 {
background-position: 0 -39px;
}

a:hover.navi04 {
background-position: 0 -39px;
}

a:hover.navi05 {
background-position: 0 -39px;
}

a:hover.navi06 {
background-position: 0 -39px;
}

a:hover.navi07 {
background-position: 0 -39px;
}

#navi{
padding: 0 0 5px 0;
}

#navi ul{
list-style: none;
display:block;
margin: 0;
padding:0;
}

#navi a span{display:none;}

#navi ul li{
float: left;
}


#navi ul li a{
display: block;
}

a { color: #F9F9F9; text-decoration: underline; }
a:hover { color: #FF9933; }