@charset "utf-8";

/* bodyのスタイル */
body {
    line-height: 1.7;
}
/* bodyのスタイルここまで */


/* h1のスタイル */
h1 {
    background: url(../images/h1_top.png) repeat-x left top, url(../images/h1_bottom.png) repeat-x left bottom;
    padding: 32px 0;
    text-align: center;
}
/* h1のスタイルここまで */

/* aのスタイル */
a:link {
    color: #253958;
}

a:visited {
    color: #4971ad;
}

a:hover {
    color: #4971ad;
}
/* aのスタイルここまで */

/* navのスタイル */
nav ul {
    list-style-type: none;
    padding-left: 0;
    overflow: hidden;
}

nav ul li {
    float: left;
    margin-right: 24px;
}

nav ul li:last-child {
    margin-right: 0;
}
/* navのスタイルここまで */


/* main部分のスタイル */
main {
    max-width: 1000px;
    margin: 0 auto;
}

/* mainの中のABOUT部分のスタイル */
.about_conts {
    overflow: hidden;
}

.about_conts dl dt {
    float: left;
}


/* mainの中のGALLERY部分のスタイル */
.gallery_conts {
    overflow: hidden;
}

#gallery figure {
    float: left;
}

#gallery figure:nth-child(3n) {
    margin-right: 0;
}

/* mainの中のCONTACT部分のスタイル */
input[type="text"] {
    width: 200px;
}

input[type="email"] {
    width: 300px;
}

input[required] {
    background-color: #ffeeee;
}

textarea {
    width: 500px;
    height: 200px;
}
/* main部分のスタイルここまで */


/* footerのスタイル */
footer {
    text-align: center;
}
/* footerのスタイルここまで */