@charset "utf-8";
h1{
    background: #ccc;
    padding: 1%;
    color: #fff;
    font-size: 160%;
}
caption{
    padding:1%;
    background:#e9e9e9;
    border:solid 1px #666;
}
table{
    margin:1%;
    border:solid 1px #666;
}
th{
    margin:1%;
    padding:1%;
    border:solid 1px #666;
    width:33.3333%;
    background:#f1f1f1;    
}
td{
    margin:1%;
    padding:1%;
    border:solid 1px #666;
}
div{
    padding:1%;
    margin:1%;
}
p{
    color:#fff;
}
/*-------------------------- #box01 --------------------------*/
#box01{
    background:#999;
    width:200px;
    box-shadow: 10px 10px 10px 5px #999;
    position:relative;
    top:-50px;
    left:200px;
}
/*-------------------------- #box02 --------------------------*/
#box02{
    background:#666;
    width:200px;
    box-shadow: 10px 10px 10px 5px #999;
    position:absolute;
    top:80px;
    right:250px;
    z-index:999;
}
/*-------------------------- #box03 --------------------------*/
#box03{
    background:#333;
    width:200px;
    box-shadow: 10px 10px 10px 5px #999;
    position:fixed;
    top:10px;
    right:100px;
    z-index:99;
}
/*-------------------------- #box04 #box05 --------------------------*/
#box04{
    background:#444;
    width:600px;
    height:400px;
    box-shadow: 10px 10px 10px 5px #999;
    position:relative;
    bottom:10px;
    left:100px;
}
#box05{
    background:#000;
    width:auto;
    box-shadow: 10px 10px 10px 5px #999;
    position:absolute;
    bottom:100px;
    right:100px;
}
/*-------------------------- #box06 #box07 --------------------------*/
#box06{
    background:#ccc;
    width:90%;
    height:400px;
    box-shadow: 10px 10px 10px 5px #999;
    position:relative;
    top:50px;
    left:50px;
}
#box07{
    background:#222;
    width:50%;
    height:60%;
    box-shadow: 10px 10px 10px 5px #999;
    position:absolute;
    bottom:10px;
    right:20px;
}

/*-------------------------- #header --------------------------*/
#header{}
#header header{
    padding: 50px 0 0;
}
#header header h1{}
#header header nav{
    position: absolute;
    top: 0;
    left: 0;
    background: #f1f1f1;
    box-shadow: 0 5px 5px 5px #999;
    width: 100%;
}
#header header nav ul{
    width:960px;
    margin:0 auto;
    overflow: hidden;
}
#header header nav ul li{
    float: left;
    margin: 1%;
    width: 18%;
    text-align: center;
}

/*-------------------------- #main --------------------------*/
#main{}
#main h2{
    text-align: center;
    font-size: 160%;
}

/*-------------------------- #footer --------------------------*/
#footer{
    background: #ccc;
}
#footer footer{
    width: 960px;
    margin: 0 auto;
}
#footer footer h2{
    text-align: center;
    font-size: 160%;
}

#to-top{
    position: fixed;
    right: 0;
    bottom: 20px;
    background: #333;
    margin: 0;
}
#to-top p{}
#to-top p a{
    color:#fff;
    text-decoration: none;
    display: block;
    font-size: 80%;
}
#to-top p a:hover{}