html, body {
    width: 100%;
    min-height: 100%;
    height: auto;
    text-align: center;
}

body{
    width: 100%;
    height: auto;
    background-repeat: repeat;
    background-color: #080059;
    background-position: 50% 50%;
    background-attachment:fixed;
    background-image: url(../img/background.png);
    margin: 0px;
    text-align: center;
}

.div1{
    /*background-image: url(../img/background2.png);
    width: 1280px;
    height: 800px;
    background-position: 50% 50%;
    background-repeat: none;*/
    text-align: center;
    margin-right: 0px;
}

.center{
    margin-left: 50%
    margin-right 50%;
}
.logo{
    padding-top: 90px;
    width: 283px;
    height: 303px;
}

.logo2{
    padding-top: 100px;
}
.menubox{
    width: 100%;
    height: auto;
    text-align: center;
}
.menu{
    padding-top: 55px;
    width: 100%;
    height: 180px;
    /*text-align: center;*/
}

.nav{
    display: block;
    background-color: #fff;
    width: 456px;
    height: 21px;
    margin-bottom: 5px;
    /*text-align: center;*/
}
.menu .nav a{
    /*text-align: center;*/

}

.nav:hover{
    opacity: .8;
    text-align: center;
}

a{
    font-family: futura;
    color: #000;
    font-size: 16px;
    text-decoration: none;
}
li .nav{
    text-align: center;
}

.nav a{
    display: block;
    display: inline-block;
}



.face{
    padding-top: 102px;
}
.name{
    color: #FF3200;
    font-family: futura;
    font-size: 32px;
    text-align: center;
}

.div2{
        width: 1280px;
        height: auto;
}
h1{
    -webkit-margin-before: 5px;
    -webkit-margin-after: 5px;
}
.subtitle{
    color: #fff;
    font-family: futura;
    font-size: 21px;
    margin-top: 15px
    text-align:center;
}
.hello{
    color:#fff;
    font-family: futura;
    text-align:center;
    font-size: 18px;
}
.snsBox{
    width: auto;
    height: 170px;
    margin-left:380px;
    margin-right:380px;
}
ul{
    -webkit-padding-start: 0;
}
.snsMenu{
    width: 520px;
    height: 130px;
    text-align: center;
}
.button{
    width: 90px;
    height: 90px;
    padding: 20px;
    float: left;
    display: block;


}
.button :hover{
    opacity: .9;
}

.bxslider{
        width: 1280px;
        height: 800px;
        text-align: center;
}

#work{
    /*height: 550px;
    width: 470px;*/
    overflow: hidden;
    position: relative;

    margin-left: 405px;
/*    margin-right: 405px;*/
    margin-top: 50px;
}

#work li {
            width: 550px;
            position: relative;
            overflow: hidden;
        }

#work figcaption {
            position: absolute;
            top: 0;
            left: 0;
            z-index: 2;
            width: 550px;
            height: 100%;
            background: rgba(0,0,0,.6);
            -webkit-transition: .3s;
            transition: .3s;
            opacity: 0;
        }
#work li:hover figcaption {
            opacity: 1;
        }

#work li h3 {
    padding: 20px 0 5px;
    color: #fff;
    font-size: 24px;
    text-align: center;
    font-family: futura;
    font-weight: 600;
}

#work li p {
    color: #fff;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.picsSlider{
    height: 100%;
    position: absolute;
    width: 100%;
}

.picsSlider li{
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.div4{
        width: 1280px;
        height: 800px;
        padding-top: 50px;
}

form{
    width: 370px;
    height: 390px;
    padding-right: 455px;
    padding-left: 455px;
    padding-top: 205;
    padding-bottom:205;

}

.table{
    font-family: futura;
    font-size: 22px;
    color:#fff;
    text-align: left;
}

.input1{
    width: 370px;
}
dd {
    display: block;
    -webkit-margin-start: 0px;
}

.input2{
    width: 370px;
}

.input3{
    width: 370px;
    height: 226px;
}
.input{
    width: 370px;
    color: #080059;
    font-weight: bold;
    border: none;
    background-color: #fff;
}