/* seiten style */
body{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#49454d+0,000000+100 */
background: #49454d; /* Old browsers */
background: -moz-linear-gradient(left,  #49454d 0%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #49454d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #49454d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#49454d', endColorstr='#000000',GradientType=1 ); /* IE6-9 */

}
#wrapper{
margin: auto;
margin-top: 6px;
width: 1050px;
}
#header{
width: 1050px;
height: 200px;
background-image: url(../image/banner.png);
margin-bottom: -10px;
}


/* Navi */
#nav {
width: 100%;
height:50;
background-color:#000000;
cursor: pointer;
font-Family: calibri;
margin-bottom: 2px;
}
ul {
list-style-type: none;
padding: 15px;
}
li {
display: inline;
padding: 10px;
margin-right: 10px;
border-right: 2px solid #F50000;
}
a{
color: #FFFFFF;
text-decoration: none;
}
li:hover {
background-color: #d3d3d3;
border-bottom: 2px solid #E9F10E;
border-right: 2px solid #F5BA16;
}


/* content */
#content{
padding: 12px 12px 12px 12px;
margin-bottom:7px;
}
#content article{
border-bottom: 2px dotted #DB0000;
color: #FBFAF3;
margin-bottom: 20px;
}
#content h1{
color:#FFF81F;
font-style:italic;
}
#content h3{
color:#FFFED6;
font-style:italic;
}

/* Footer */
#footer{
margin-left: auto;
margin-right: auto;
width: 1050px;
height: 30px;
text-align: center;
font-size: 15px;
}
footer {
display:block;
background:#2F2C2C;
text-align:center;
}
footer ul1 {
display:block;
width:100%;
height: 30px;
max-width:980px;
margin: auto;
}
footer ul1 li1 {
display:inline;
font-size:0.8em;
line-height:2.8em;
color:#E2DBDB;
padding:0em 0.625em 0em 0.625em;
}
footer ul1 li1 a {
color:#E2DBDB;
}


/* class */
.shadow{
-webkit-box-shadow: 0px 0px 5px #ff0000;
-moz-box-shadow: 0px 0px 5px #ff0000;
box-shadow: 0px 0px 5px #ff0000;
}