@charset "utf-8";
/* CSS Document */


html {
overflow-y:scroll;
}

/*-----------------------------------------------
  text link
-----------------------------------------------*/

a         { color:#333; text-decoration:none; }
a:link    { }
a:visited { }
a:hover   { text-decoration:none; }
a:active  { }

body {
font-size:14px;
font-family:sans-serif;
text-align:justify;
color:#333;
-webkit-text-size-adjust:100%;
}


/*-----------------------------------------------
  body
-----------------------------------------------*/

body {
background:#F5F5F5;
}


/*-----------------------------------------------
  header
-----------------------------------------------*/

header img.logo {
width:100%;
}
header #gnavi {
border-top:5px solid #19973F;
overflow:hidden;
}
header #gnavi ul {
width:100%;
display:flex;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
}
header #gnavi li {
text-align:center;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
background:-moz-linear-gradient(top,#FFF, #EEE);
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
}
header #gnavi li:first-child {
border-left:0;
}
header #gnavi li a {
display:block;
padding:16px 0;
}
header #gnavi ul.contents li {
width:33%;
}
header #gnavi ul.contents li a {
color:#000;
}
header #gnavi ul.realestate li {
width:50%;
background:#6AAF3C;
border-bottom:1px solid #CCC;
}
header #gnavi ul.realestate li a {
color:#FFF;
}

header #gnavi li.down {
width:50%;
}
header #gnavi li.down ul {
position:absolute;
z-index:100;
display:block;
}
header #gnavi li.down li {
opacity:0.95;
width:50%;
border-left:0;
}
header #gnavi li.down ul a {
display:block;
padding:12px 0;
color:#000;
background:#EEE;
}
header #gnavi li.down ul a:hover {
text-decoration:none;
}


/*-----------------------------------------------
  main
-----------------------------------------------*/

#main h2 {
padding:8px 15px;
color:#FFF;
font-size:1.1em;
font-weight:bold;
letter-spacing:0.1em;
background:#19973F;
}


/*-----------------------------------------------
  footer
-----------------------------------------------*/

footer {
margin-top:20px;
text-align:center;
}

footer #contact {
padding:10px;
background:#EEE;
}
footer #contact h2 {
padding:5px 0;
color:#19973F;
font-weight:bold;
background:#DDD;
}
footer #contact dl {
margin-top:10px;
}
footer #contact dt img {
width:100%;
}
footer #contact dd {
margin-top:5px;
font-size:0.9em;
}

footer #copyright {
padding:10px 0;
text-align:center;
font-size:0.8em;
color:#FFF;
background:#19973F;
}