body {
font-family:Verdana, Tahoma, "DejaVu Sans";
font-size:13px;
color: #FFFFFF;
background-image:url(back.jpg);
margin:0;
padding:0;
}

.title {
padding:0px 10px 0px 10px;
font-size: 32px;
color: #FFFFFF;
font-weight:bold;
letter-spacing:1px;
text-align:center;
}

hr{
margin:20px 0px 10px 0px;
padding:0;
}

.navi {
font-size: 14px;
text-align:center;
margin:0px 0px 60px 0px;
}

.navi_bottom {
font-size: 14px;
text-align:center;
margin:0px 0px 0px 0px;
}

.menu, .menuactiv, .menubottom {
color: #000000;
letter-spacing:1px;
}

.menu a:link, .menu a:active, .menu a:visited,
.menuactiv a:link, .menuactiv a:active, .menuactiv a:visited,
.menu_bottom a:link, .menu_bottom a:active, .menu_bottom a:visited {
color:#f0f0f0;
font-weight:bold;
text-decoration:none;
text-align:center;
display:block;
width:200px;
padding:5px 0px 5px 0;
border-style:solid;
border-width:1px;
border-color:#555555;
}

.menu a:hover {
color:#f0f0f0;
font-weight:bold;
text-decoration:none;
background:#0F4D7A;
}
.menuactiv a:link, .menuactiv a:active, .menuactiv a:visited {
background:#0F4D7A;
}

.menuactiv a:hover {
color:#f0f0f0;
font-weight:bold;
text-decoration:none;
background:#1C1C1C;
}

.menu_bottom a:hover {
color:#f0f0f0;
font-weight:bold;
text-decoration:none;
background:#1B364B;
}

.pic {
padding-right:20px;
width:202px;
clear:left;
float:left;
}

.picboard {
border-style:solid;
border-width:1px;
border-color:#555555;
}

.text {
padding-top:30px;
text-align:justify;
}

.mjpg {
width:800px;
text-align:center;
clear:left;
}

.mjpg a:link, .mjpg a:active, .mjpg  a:visited {
color:#f0f0f0;
font-size: 11px;
text-decoration:none;
font-weight:bold;
}

.mjpg a:hover {
color:#f0f0f0;
font-size: 11px;
font-weight:bold;
text-decoration:underline;
}

.both {
width:1020px;
text-align:center;
clear:left;
}

.both_BG {
width:800px;
text-align:center;
clear:left;
}

.bothpic {
width:202px;
clear:left;
float:left;
}

.bothpic_BG {
padding-left:20px;
width:150px;
clear:left;
float:left;
}

.info {
font-size:11px;
}

.foot {
color:#FFFFFF;
padding-top:6px;
font-size: 11px;
text-align:center;}

.foot a:link, .foot a:active, .foot  a:visited {
color:#f0f0f0;
text-decoration:none;
font-weight:bold;
}

.foot a:hover {
color:#f0f0f0;
font-weight:bold;
text-decoration:underline;
}

#player {
display:block;
width:497px;
height:400px;
text-align:center;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
margin-bottom:30px;
}

#player_s1 {
display:block;
width:388px;
height:313px;
text-align:center;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
}

#player_s2 {
display:block;
width:388px;
height:313px;
text-align:center;
border-top:1px solid #000000;
border-right:1px solid #000000;
border-left:1px solid #000000;
}

.del {
display:none;
}