@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:#edd4ac;
}

.wrapper{
width:640px;
height:480px;
margin:0px auto;
margin-top:100px;
border:solid #fff 3px;
background-image:url("yona_1.jpg");
}

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

.box_1{
width:640px;
height:24px;
text-align:center;
font-size:24px;
color:#00242a;
margin-bottom:10px;
}

.box_2{
margin:0px 80px;
width:160px;
height:32px;
font-size:18px;
float:left;
color:#00242a;
}
.clearfix{
clear:both;
}

ul li a{
width:160px;
text-align:center;
font-size:18px;
height:36px;
line-height:36px;
color:#00242a;
;
text-decoration:none;
float:left;
}


p{
margin-top:10px;
width:640px;
height:12px;
text-align:center;
font-size:12px;
color:#00242a;
}

a:link{
color:#00242a;
text-decoration:none;
} 

a:visited{
color:#00242a;
text-decoration:none;
}

a:hover{
height:36px;
line-height:36px;
background:#00242a;
color:#edd4ac;
text-decoration:none;
}

p:hover{
backcground:#00242a;
color:#edd4ac;
#00242a;
}