/************** maga ****************/

.magabox_1,
.magabox_2,
.magabox_3{
margin-bottom: 20px;
border-width: 2px;
border-style: solid;
width: 470px;
border-collapse: separate;
}


.magabox_1{
border-color: #00C000;
background-color: #00C000;
}

.magabox_2{
border-color: #FF6633;
background-color: #FF6633;
}

.magabox_3{
border-color: #CC3366;
background-color: #CC3366;
}

.maga_back{
font-family: monospace;
font-size: 80%;
line-height: normal;
margin: 20px 30px;
padding: 15px;
border-width: 1pt;
border-color: #339900;
border-style: solid;
}

.maga_list{
font-family: monospace;
font-size: 80%;
line-height: 130%;
margin: 20px 30px;
padding: 15px;
border-width: 1pt;
border-color: #339900;
border-style: solid;
background-color: #FFFFF4;
}

.maga_list p{ line-height: 120%; }

.maga_list a{ text-decoration: none; }
.maga_list a:visited{ color: #009900; }
.maga_list a:hover{ color: #FF6600; text-decoration: underline; }


.maga_in_box,
.maga_in_box_s{
font-size: 90%;
line-height: 1.2;
font-family: monospace;
margin-right: 30px;
margin-left: 30px;
padding: 10px;
border: 2px solid #999999;
background-color: #FFFFF4;
overflow: scroll;
}

.maga_in_box{
height: 400px;
}
.maga_in_box_s{
height: 100px;
}