@charset "utf-8";
/*css document*/

html{
background-color:transparent;
background-image:none;
}


ol,ul,li,p{

margin:0px;

padding:0px;

list-style:none;
}


body{
background:#000000/*#edd4ac*/;

}




.wrapper{


width:640px;
height:480px;

margin:0px auto;

border:solid #fff 3px;
background-image:url("ruka_3.png");

margin-top:300px;]}



.box_speace{
width:640px;
height:50px;
}


.box_1{

margin-top:250px;
width:640px;

height:24px;

text-align:center;

font-size:24px;
color:lightgray;
}



.clearfix{

clear:both;

}




ul li a{

width:100px;
text-align:center;


font-size:18px;

height:36px;
color:lightgray;
text-decoration:none;
float:left;}


p{
margin-top:50px;
width:640px;
height:12px;
text-align:center;
font-size:12px;
color:lightgray;
}




a:link{

color:lightgray;

text-decoration:none;
} 

a:visited{

color:lightgray;

text-decoration:none;
}


a:hover{

height:24px;
background:lightgray;
color:#fff;

text-decoration:none;
}