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

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


p,ul,ol,il,a{
padding:0;
margin:0;
}

body{
background:#edd4ac;
}


.wrapper{
width:450px;
margin:0 auto;
}


.clearfix{
clear:both;
}


.title{
width450px;
height:24px;
font-size:24px;
text-align:center;
color:#00242a;
margin-bottom:60px;
}

div.title a{
text-decoration:none;
}

.box_1{
width:450px;
}

.box_2{
width:450px;
background-position:50% 50%;
background-repeat:no-repeat;
height:30px;
}

.p_16{
padding:0px 18px;
padding-bottom:3px;
padding-top:8px;
width:414px;
height:16px;
font-size:16px;
border-bottom:3px dotted #00242A;
color:#00242a;
}

.p_16_2{
padding:0px 18px;
padding-bottom:3px;
padding-left:34px;
padding-top:8px;
width:396px;
height:16px;
font-size:16px;
border-bottom:3px dotted #00242A;
color:#00242a;
}

.box_3{
width:450px;
height:10px;
}

ul li a{
padding:2px 10px;
font-size:14px;
color:#00242A;
text-decoration:none;
float:left;
}

.p{
width:450px;
text-align:center;
font-size:14px;
color:#00242A;
}

a:link{
color:#00242A;
} 

a:visited{
color:#00242A;
}

a:hover{
color:#00242A;
}

p:hover{
background:#00242A;
color:#edd4ac;
}

div.box_2:hover{
margin: 20px 36px;
width:373px;
height:330px;
background-image:url("yona_3_s.jpg");
}