body {
    font-family: Arial, Helvetica, Sans-Serif;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    text-align: justify;
    margin: 0 auto;
    padding: 0;
    color: #3B2213;
    background: url(../img/page_t.jpg);
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: top left;
}

#wrapper {
    width: 900px;
    margin: 20px auto 10px;
    background-color: #fff;
    border: 1px solid #901100;
}

header {
    width: 900px;
    height: 149px;
    padding: 10px;
    background-image: url(../resource/image/header_c.jpg);
    background-repeat: no-repeat;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

header .address-box {
    padding: 80px 12px 0px 0px;
    text-align: right;
    color: #003D80;
}

header .midashi-box {
    width: 600px;
    padding: 0 0 0 0;
}

header .midashi-box img {
    display: block;
    margin: 0 0 0 auto;
}

.container {
    border-top: 10px solid #7C0000;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    gap: 20px;
}


main {
    padding: 20px 0px 20px 30px;
}

#side {
    padding: 20px 30px 20px 0px;
}


.font1_a {
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    line-height: 15px;
}

.font1_b {
    font-size: 12px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    font-weight: bold;
}

.font2_a {
    font-size: 13px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    line-height: 17px;
}

.font3_a {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
}

.font3_b {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    font-weight: bold;
}

.font4_a {
    font-size: 15px;
    line-height: 19px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
}

.font4_aa {
    font-size: 15px;
    letter-spacing: -0.065em;
    line-height: 19px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
}

.font4_b {
    font-size: 15px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    font-weight: bold;
}

.font5_a {
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    line-height: 22px;
}

.font5_b {
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    font-weight: bold;
    line-height: 22px;
}

.font6_a {
    font-size: 10px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFF;
}

.font7_a {
    font-size: 11px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFF;
}

.font8_a {
    font-size: 15px;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFF;
}

.font9_a {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #F00;
}

.font9_b {
    font-size: 14px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #F00;
    font-weight: bold;
}

.font10_a {
    font-size: 13px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #003D80;
}

.font11_b {
    font-size: 16px;
    font-weight: bold;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #FFF;
}

.font12_b {
    font-size: 17px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #3B2213;
    font-weight: bold;
    line-height: 22px;
}

.font13_a {
    font-size: 10px;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #3B2213;
    line-height: 15px;
}

#main_content_01 {
    width: 635px;
    height: 252px;
    background-image: url(../resource/image/top/haikei_03.png);
    background-repeat: no-repeat;
    clear: both;
}

#main_content_01_pad {
    padding: 85px 15px 0px 330px;
}

#main_content_02 {
    width: 635px;
    clear: both;
}

#main_content_02_pad {
    padding: 5px 0px 0px 0px;
}

#main_float_a {
    width: 317px;
    height: 262px;
    float: left;
    background-image: url(../resource/image/top/waku_haikei_05.gif);
    background-repeat: no-repeat;
    clear: both;
}

#main_float_a_pad {
    padding: 95px 55px 0px 63px;
}

#main_float_image_a {
    width: 90px;
    height: 77px;
    float: left;
}

#main_float_b {
    width: 317px;
    height: 262px;
    float: left;
    background-image: url(../resource/image/top/waku_haikei_06.gif);
    background-repeat: no-repeat;
}

#main_content_03 {
    width: 635px;
    clear: both;
}

#main_content_03_pad {
    padding: 40px 0px 40px 0px;
}

#main_content_03_pad .outer {
    margin: 0;
    padding-top: 10px;
    clear: both;
    padding-right: 10px;
    padding-left: 10px;
}

#main_content_03_pad .news01 {
    float: left;
    width: 603px;
    border-bottom: 2px dotted #AAA;
}

#main_content_03_pad .image {
    text-align: left;
    float: left;
    width: 70px;
    height: 70px;
}

#main_content_03_pad .text {
    text-align: left;
    float: right;
    width: 533px;
}

footer {
    background-color: #660000;
    color: #fff;
    padding: 20px 0;
    text-align: center;
    font-size: 11px;
}


/* utility */

.cf:after {
    content: "";
    display: block;
    clear: both;
}

.cf:before {
    content: "";
    display: block;
    clear: both;
}

.cf {
    display: block;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}



#headerslide {
    width: 900px;
    height: 302px;
}


h1.h1-index {
    height: 0;
    color: #fff;
}

h1.h1-cont {
    width: 153px;
    margin: 5px 0 0 10px;
}

h3.ttl-large {
    width: 610px;
    height: 34px;
    padding: 5px 0 5px 20px;
    background-image: url(../resource/image/building/midashi_haikei_03.gif);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

h4.ttl-hasen {
    background-image: url(../resource/image/building/hasen.gif);
    background-repeat: repeat-x;
    padding: 0 0 5px 20px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-position: bottom center;
}

nav ul#gnav {
    display: flex;
    background-color: #D9BF9F;
    align-items: stretch;
    justify-content: flex-start;
    position: relative;
    z-index: 10;
}

nav ul#gnav>li a {
    font-size: 16px;
    display: inline-block;
    background-color: #D9BF9F;
    padding: 10px 18px;
    color: #372111;
    text-decoration: none;
}

nav ul#gnav>li::after {
    font-size: 16px;
    content: "|";
    color: #B5B5B5;

}

nav ul#gnav>li a:hover {
    background-color: #C3996B;
}

/* サブメニューを初期非表示にする */
.subnav {
    display: none;
}

/* 親メニューにマウスホバーされたときにサブメニューを表示する */
#gnav li:hover .subnav {
    display: block;
    position: absolute;
    top: 100%;
    background-color: #fff;
    padding: 0;
    margin: 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

/* サブメニューのスタイル */
#gnav .subnav li a {
    font-size: 14px;
    display: block;
    width: 100%;
    background-color: #C7C7C7;
    border: 1px solid #b5b5b5;
}

#gnav .subnav li:hover a {
    background-color: #C3996B;
    border-color: #CB8A57;
}


/* new-build.php*/
#main_content_06 {
    width: 625px;
    background-image: url(../resource/image/building/haikei_05.png);
    background-repeat: no-repeat;
    margin-bottom: 20px;
}

#main_content_06 p.example4 {
    padding: 105px 0px 0px 330px !important;
    list-style-type: none;
    border-bottom-width: 0px;
}

.new-build-box {
    display: flex;
    margin-bottom: 30px;
}

.new-build-container {
    display: flex;
    padding: 0 20px 0 20px;
    gap: 20px;
}

.new-build-container-box {
    width: calc(100% - 192px);
}

.new-build-ex-box {
    width: 610px;
    padding: 20px;
    background-image: url(../resource/image/building/haikei_03.jpg);
    background-repeat: repeat-y;
    margin-bottom: 30px;
}

.new-build-ex-name {
    margin-bottom: 10px;
}

.new-build-ex-img img {
    display: block;
    margin: 0 auto 20px;
}

.new-build-ex-detail {
    background-image: url(../resource/image/building/image_07.jpg);
    background-repeat: no-repeat;
    padding: 10px 40px 10px 25px;
}

.new-build-ex-detail-cont {
    padding: 20px 0px;
}

.new-build-ex-detail-cont-title {
    background-image: url(../resource/image/building/hasen.gif);
    background-repeat: repeat-x;
    padding: 0 0 10px 30px;
    margin-bottom: 10px;
    font-size: 16px;
    background-position: bottom center;
}

.list-gallery {
    display: flex;
    width: 610px;
    gap: 20px;
    flex-wrap: wrap;
}

.list-gallery li {
    width: calc((100% - 40px) / 3);
}

.list-gallery li.half {
    width: calc((100% - 20px) / 2);
}

.list-gallery img {
    width: 100%;
}


#main_content_05 {
    width: 623px;
    height: 191px;
    background-image: url(../resource/image/tategu/haikei.png);
    background-repeat: no-repeat;
    clear: both;
}

#main_content_05_pad {
    padding: 85px 0px 0px 350px;
}

#main_content_07 {
    width: 623px;
    height: 454px;
    background-image: url(../resource/image/antiquity/haikei_08.jpg);
    background-repeat: no-repeat;
    clear: both;
}

#main_content_07_pad {
    padding: 170px 370px 0px 90px;
}

.goods-box {
    width: 610px;
    height: 1195px;
    padding: 90px 30px 0px 63px;
    background-image: url(../resource/image/antiquity/haikei_06.jpg);
    background-repeat: repeat-y;
    clear: both;
}

#main_content_04 {
    width: 623px;
    height: 463px;
    clear: both;
    background-image: url(../resource/image/model/haikei.png);
    background-repeat: no-repeat;
}
#main_content_04_pad {
    padding: 100px 360px 0px 0px;
}

.modelhouse-box {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

#main_content_pad_04{
	padding: 20px 0px 0px 10px;
	clear:both;
}

.main_float_i {
	width: 304px;
	height: 308px;
	background-image:url(../resource/image/building/haikei_02.jpg);
	background-repeat:no-repeat;
	float:left;
}

.pad_10 {
    padding: 70px 60px 0px 62px;
    clear: both;
}

.textcenter {
    text-align: center;
}
.textright {
    text-align: right;
}

.subtitle {
    font-size:13px;
    text-align: center;
}