@charset "UTF-8";
/* CSS Document */

body {margin:0; background-color:#FFFAF0; font-family: 'Roboto', sans-serif;}
#box {width:960px; height:600px; margin-left:auto; margin-right:auto; border:1px solid; border-color:#CD5C5C;}


#header {width:960px; height:80px; margin-left:auto; margin-right:auto; padding:5px; position:absolute; background-color:#CD5C5C;}
#logo {width:95px; height:60px; float:left; margin-top:7px; margin-left:10px; border:1px solid; border-color:#FFFAF0;}

#menu {width:399px; height:40px; float:right; margin:0 0 0; font-family: 'News Cycle', sans-serif;}
#menu li {margin: 0; padding:0; float:left; display:block; border:1px solid; border-color:#FFFAF0; color:#FFFAF0; position:relative;}
#menu li a {float:left; padding:12px 30px;}
#menu li a:link {text-decoration: none; color:#FFFAF0;}
#menu li a:visited {text-decoration: none; color:#FFFAF0;}
#menu li a:hover {background-color:#F08080; text-decoration:none}
#menu li a:active {text-decoration: none; color:#FFFAF0;}
.seiqui {font-weight:bold}



#box2 {width:950px; height:550px; margin-left:auto; margin-right:auto}
.boxsx {width:275px; height:300px; float:left; margin-top:150px; margin-left:165px; border:1px solid; border-color:#CD5C5C;}
.boxdx {width:275px; height:300px; float:left; margin-top:150px; margin-left:50px; border:1px solid; border-color:#CD5C5C;}
.boxusxsx {width:135px; height:25px; float:left; margin-top:15px; margin-left:235px; padding-top:10px; border:1px solid; border-color:#CD5C5C; text-align:center; color:#CD5C5C; font-size:15px;}
.boxudxsx {width:135px; height:25px; float:left; margin-top:15px; margin-left:190px; padding-top:10px; border:1px solid; border-color:#CD5C5C; text-align:center; color:#CD5C5C; font-size:15px}
a:hover {opacity:0.5;}


#footer {width:960px; height:80px; margin-left:auto; margin-right:auto; padding:5px; background-color:#CD5C5C;}
#footerbox {padding:20px; color:#FFFAF0; font-family: 'News Cycle', sans-serif; float:right;}
.sb {width:50px; height:50px; float:left; margin-left:5px; margin-top:10px}