@charset "UTF-8";

/*一番背後にコスモスの絵を１個だけ配置、全要素の配置をcenterに*/
body {
    text-align: center;
    background-image: url(cosmos11.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
}

/*contentsクラス*/
.contents {
    width: 750px;
    margin-top: 2em;
    background-image: url(cosmosbcg.gif);
    margin-left: auto;
    margin-right: auto;
}

.section {
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.section table {
    background-color: white;
}

nav.menu {
    width: 100%;
    margin-left: auto;
    border-top: solid 1px #5e8eab;
    border-bottom: solid 1px #5e8eab;
    margin-bottom: 50px;
    background-color: navy;
}

a.head {
    color: #ffffff;
    background-color: #5e8eab;
    border: solid 1px navy;
    font-size: 1.2em;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
}

nav.menu a:hover {
    background-color: #49abdb;
}

h1 {
    font-size: 3em;
    color: #2d444f;
    font-weight: bold;
    background-color: pink;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0;
    margin-bottom: 0;
}

h1 em {
    font-size: 1.2em;
    color: red;
}

h2 {
    margin-top: 1.5em;
    font-size: 2em;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: lightsalmon;
}

h3 {
    margin-top: 3em;
    margin-bottom: 1em;
    font-size: 1.25em;
    padding-left: 1em;
    border-left: solid 20px forestgreen;
}

p {
    width: 600px;
    margin-left: 30px;
    line-height: 1.5em;
}

p.policy {
    font-size: 1.2em;
    font-weight: bold;
    color: blue;
    text-align: center;
    width: 100%;
    margin-left: auto;
    margin-top: 20px;
    margin-bottom: 10px;
    border-bottom: solid 3px skyblue;
    padding-bottom: 15px;
}

address {
    border-top: solid 9px #c5e1ed;
    padding-top: 4px;
    text-align: center;
    color: #5e8eab;
}

/* 追加スタイル: HTML属性からの移行 */
.top { text-align: left; color: pink; }
.center { text-align: center; }

.img-nakaniwa { width: 399px; height: 261px; }
.img-gaikan { width: 422px; height: 165px; }
.img-zumen { width: 581px; height: 434px; }
.img-living { float: right; width: 286px; height: 183px; }
.img-sofer { float: right; width: 151px; height: 121px; }
.img-shower { float: right; width: 174px; height: 220px; }

table.price-table {
    text-align: left;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid black;
}
table.price-table th, table.price-table td {
    border: 1px solid black;
    padding: 2px;
}