@charset "utf-8";


/*==========================================
 Main
===========================================*/
div#contents section {
    width:80%;
    min-width:350px;
    margin:0px auto;
    padding-bottom:5px;
}

div#contents section#info {
    box-shadow:2px 2px 4px 5px #cccccc
}

div.title {
    display:inline-block;
    width:80px;
    text-align:right;
    padding-right:5px;
}

input[type=text].info,
input[type=password].info  {
    height:30px;
    display:inline-block;
    width:60%;
}

input[type=submit] {
    display:block;
    margin:0 auto;
}

p.btn {
    text-align:center;
    padding:25px 0;
}

@media only screen and (min-width: 769px) {
    div#contents section {
        min-width: 700px;
    }

    input.info {
        width:80%;
        max-width:750px;
    }

}

@media only screen and (min-width: 961px) {

}