﻿

/*--------------------------------------------------------------------------
reset
---------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: bottom; background: transparent; font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
:focus { outline: 0; }
a { text-decoration: none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }



/*--------------------------------------------------------------------------
common
---------------------------------------------------------------------------*/
/* サイト全体の設定 */
body { background: #f8f6f0; font-size: 14px; color: #2b292c; }
.alpha:hover { opacity: 0.6; }

/* float解除 */
.cf:after { content: ''; display: block; clear: both; }

/* ページトップへ戻る */
#pagetop{ position: fixed; right: 30px; bottom: 30px; }
#pagetop a { display: block; }



/*--------------------------------------------------------------------------
header
---------------------------------------------------------------------------*/
#header { width: 100%; height: 105px; position: absolute; top: 0; z-index: 100; }
#header_inner { width: 980px; margin: 0 auto; position: relative; }
#header_inner #logo { position: absolute; top: 15px; left: 0; }
#header_inner .btn_menu_open { position: absolute; top: 37px; right: 8px; cursor: pointer; }
#header_inner .btn_menu_open.hide { display: none; }

#header.fixed { position: fixed; background: #ffffff; }

@media screen and (max-width: 980px) {
#header_inner { width: 100%; }
}
.estatebanner{
	position:absolute;
	top:26px;
    right:65px;
}

/*--------------------------------------------------------------------------
menu
---------------------------------------------------------------------------*/
#menu { z-index: 200; position: fixed; top: 0; background: rgba(255,255,255,0.9); width: 100%; height: 566px; text-align: center; }
#menu_inner { width: 980px; height: 566px; margin: 0 auto; position: relative; }
#menu_inner ul { padding-top: 120px; }
#menu_inner ul li { margin-bottom: 39px; }
#menu_inner ul li a { display: inline-block; }
#menu_inner .btn_menu_close { position: absolute; top: 37px; right: 8px; cursor: pointer; }



/*--------------------------------------------------------------------------
section
---------------------------------------------------------------------------*/
.wrap { width: 680px; margin: 0 auto; text-align: center; }
.wrap h2 { padding-bottom: 68px; background: url(../image/ttl_line.gif) no-repeat center bottom 16px; }



/*--------------------------------------------------------------------------
footer
---------------------------------------------------------------------------*/
#footer { margin-top: 100px; background: #e5e2d9; padding: 38px 0 33px; }
#footer #upper { margin-bottom: 44px; }
#footer #upper ul { font-size: 0; text-align: center; }
#footer #upper ul:first-child { margin-bottom: 15px; }
#footer #upper ul li { display: inline-block; margin-right: 60px; }
#footer #upper ul li:last-child { margin-right: 0; }
#footer #lower { width: 980px; margin: 0 auto; }
#footer #lower:after { content: ''; display: block; clear: both; }
#footer #lower #copyright { float: left; }
#footer #lower #address { float: right; font-size: 12px; line-height: 16px; color: #78725f; }
