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

html{
background-color:transparent;

background-image:none;
}


p,ul,ol,li{
padding:0;
margin:0;
list-style:none;
color:#fff;
font-weight:storng;
}


body{
background:#000000/*#edd4ac*/;
color:#fff;
font-size:20px;
}


.wrapper{
width:640px;
height:418px;	
margin:0 auto;
background:url(matai_back.png);
margin-top:300px;
border:3px solid #fff;
}


.clearfix{
clear:both;
}

#box_title{
margin-top:100px;
width:648px;
font-weight:bold;
}


#title{
margin-left:55px;
font-size:24px;
height:24px;
color:green;
text-decoration:none;
float:left;
}

#title_2{
margin-left:24px;
height:24px;
font-size:24px;
color:green;
float:left;
}



.sub_speace{
width:648px;
height:50px;
font-size:10px;
color:transparent;
}

.box_1{
width:118px;
height:150px;
float:left;
}

.box_4{
width:50px;
height:150px;
float:left;
}

.box_2{
margin-top:20px;
width:92px;
height:150px;
float:left;
}


ul li a{
margin-bottom:10px;
font-size:20px;
height:20px;
color:#fff;
float:left;
}



p{
width:648px;
height:10px;
font-size:14px;
text-align:center;
color:#fff;
}

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

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

ul li a:hover{
background:#fff;
text-decoration:none;
color:green;
}


div.box_title div.title a:hover{
font-size:24px;
color:green;}