@charset 'UTF-8';
/* ===============================================
   common
=============================================== */


/* reset 
--------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    background:transparent;
}


body {
/*  background: url(images/bg_g.jpg) 0 0 repeat;*/
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

small {
	font-style: normal;
	font-weight: normal;
}
p {
	font-size: 14px;
	line-height: 1.4;
	margin: 0 10px 10px;	
}
/* img */
img,
li img,
dt img,
dd img {
	border: 0;
	line-height: 0;
}
a {
	color: #333;
	text-decoration: none;
}

a:hover {	color: #666;}

a img {
	border: none;
	outline: 0;
	text-decoration: none;
}

ul,ol {	list-style: none; }

/* table */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
	font: 100%;
}

th,td {	text-align:left; }

br { letter-spacing: 0; }


/*------------------------------------------------
   margin / padding
------------------------------------------------*/
.mB0 {margin-bottom: 0 !important;}
.mB10 {margin-bottom: 10px !important;}
.mB20 {margin-bottom: 20px !important;}
.mB40 {margin-bottom: 40px !important;}
.mB50 {margin-bottom: 50px !important;}
.mB60 {margin-bottom: 60px !important;}

.mR10 { margin-right: 10px !important;}
.mR20 { margin-right: 20px !important;}

.mL10 { margin-left: 10px !important;}
.mL15 { margin-left: 15px !important;}
.mL20 { margin-left: 20px !important;}

.pT10 { padding-top: 10px !important;}
.pT20 { padding-top: 20px !important;}


/*------------------------------------------------
   float & clear
------------------------------------------------*/
.floatR { float: right;}
.floatL { float: left;}

.cleaR { clear: right;}
.cleaL { clear: left;}
.clear { clear: both;}

/*------------------------------------------------
  etc
------------------------------------------------*/
br { letter-spacing: 0;}

.taC { text-align: center;}
.taR { text-align: right;}



/* ===============================================
   layout
=============================================== */
#wrapper {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#wrapper #seWp{
    background-color: #221814;
	height:17px;
}

#wrapper #seWp h1{
	width:980px;
	margin:0 auto;
	font-weight:normal;
	font-size:11px;
    color: #ccc;
}



/* ===============================================
   header
=============================================== */

header {
	height: 155px;
	width: 100%;
	background-color: #221814;
	color: #fff;
	position:fixed;
	z-index: 100;
}

header.opct{
	opacity:0.75;
	margin-top:-17px;
}

header .inner {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	overflow: hidden;
	position: relative;
}
header .inner .logo {
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
	vertical-align: top;
	margin-top: 10px;
}
.logo_cap {
	padding: 0 0 0 15px;
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin: 20px 0 0;
}
.subBx {
	position: absolute;
	top: 15px;
	right: 0;
	overflow: hidden;
}

.blogBtn {
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
	margin: 0;
}

.blogBtn a:hover {
	opacity:0.8;
}

/* ===============================================
   navigation
=============================================== */
#dropmenu{
  list-style-type: none;
  width: 980px;
  height: 65px;
  margin: 10px auto 0;
  padding: 0;
  background-color: #221814;
}

#dropmenu:hover{
  margin: 10px auto 200px;
}
	

#dropmenu li{
  position: relative;
  width: 100px;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
  border-right: 1px solid #fff;
  box-sizing: border-box;
}
#dropmenu li#nHome {
  width: 80px;
}
#dropmenu li a{
  display: block;
  margin: 0;
  width: 100px;
  height: 58px;
  /*padding: 10px 0 0;*/
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
  text-decoration: none;
  /*letter-spacing: 0.1em;*/
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#dropmenu li#nHome a {
  width: 80px;
}

#dropmenu li:hover > a{
 /* background: #000;*/
  color: #fefefe;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 110%;
  left: 0;
  margin: 0;
  padding: 0;
}



#dropmenu li:last-child ul{
  left: -100%;
  width: 100%;
  border-right: none;
}


#dropmenu li ul{
  top: 100%\9;
}

#dropmenu li#nContact ul{
  left: -100%\9;
}

#dropmenu li ul li{
  overflow: hidden;
  width: 230px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
  /*background: rgba(0,0,0,0.80);*/
  background: url(../common_img/nav_bg60.png) 0 0 repeat;
  text-align: left;
  font-size: 13px;
  border-right: none;
}
#dropmenu li#nReform ul li{
	width: 220px;
}

#dropmenu li ul li a{
  padding: 13px 0 13px 10px;
  text-align: left;
  width: 220px;
  display: block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1;
  letter-spacing: normal;
}
#dropmenu li#nReform ul li a{
	width: 210px;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #999;
}
#dropmenu li:hover ul li a:hover{
	/*background: rgba(0,0,0,0.80);*/
	/*background: url(../common_img/nav_bg60.png) 0 0 repeat;*/
	height: auto;


}



#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
}

#home #dropmenu li#nHome,
#reform #dropmenu li#nReform,
#used #dropmenu li#nOne,
#ex #dropmenu li#nEx,
#flow #dropmenu li#nFlow,
#rent #dropmenu li#nRent,
#invest #dropmenu li#nInvest,
#manage #dropmenu li#nManage,
#info #dropmenu li#nInfo,
#contact #dropmenu li#nContact
{
	border: 1px solid #fff;
}


/* ===============================================
	contents
=============================================== */
.maincont {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.maincont{
	margin-top:155px;
}

.maincont .container {
	width: 980px;
	margin: 0 auto 30px;
/*	overflow: hidden;*/
}
.cl_gre {
	color:#798D1A;
	font-size: 20px;
}
.cl_brw {
	color:#B35A22;
	font-size: 20px;
}

/* ===============================================
	sitemap
=============================================== */

.sitemap {
	width: 100%;
	overflow: hidden;
	background-color: #D8D8D8;
}

.sitemap .inner {
	width:980px;
	margin: 0 auto 15px;
	overflow: hidden;
}
.sitemap h2 {
	margin: 35px auto 20px;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
.sitemap dl {
	width: 200px;
	float: left;
	font-size: 12px;
	/*font-weight: bold;*/
	margin-right: 20px;
}
.sitemap ul.narrow {
	width: 100px;
	margin: 20px 0 0 0;
	font-size: 12px;
	float: left;
}

.sitemap dt {
	/*background: url(../common_img/blet.jpg) 0 0 no-repeat;
	padding-left: 25px;*/
	margin: 20px 0 15px;
	color: #6f8315;
	font-weight: bold;
}
.sitemap dt.Individ a {
	color: #6f8315;
}
.sitemap dt.owner a {
	color: #A55825;
}

.sitemap dd,
.sitemap li {
	/*margin: 0 0 10px 25px;*/
	margin: 0 0 10px;
}
.sitemap .mL0 {
	margin-left: 0;
}


/* ===============================================
	footer
=============================================== */

footer {
	width: 100%;
	background-color: #221814;
	color: #fff;
	font-size: 13px;
	overflow: hidden;
}
footer .inner {
	width: 980px;
	margin: 15px auto 10px;
	overflow: hidden;
}
footer p {
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
}
footer ul {
	float: right;
}
footer li {
	display: inline-block;  
	*display: inline;  
	*zoom: 1;
	margin: 0 15px;
}
footer li:last-child {
	margin-right: 0;
}

footer li a{
	color:#fff;
}

footer li a:hover{
	color:#ddd;
}

footer small {
	display: block;
	text-align: center;
	font-size: 11px;
	margin: 20px auto 0;
}


/*------------------------------------------------ 
    ページ上部へ戻る
------------------------------------------------*/
#pgtop a {
	background-image:url(../common_img/pg_top.png);
	text-indent: -999em;
	height: 78px;
	width: 78px;
	position:fixed;
	bottom:20px;
	right:20px;
	color:#FFF;

	border:#fff solid 1px;
	z-index:20;
}
#pgtop a:hover{
	-moz-opacity:0.60;
	opacity: 0.60;
	/* IE */
	filter: alpha(opacity=60);
}



/*----------------------------------------------*/

.stE {



}


.st {
    width: 880px;
    font-size: 24px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:45px;
	line-height:70px;

    text-align: center;
	background-image:url(../common_img/bd_h.jpg);
	background-position:bottom center;
	background-repeat:no-repeat;


}


.sst {
    background-image:url(../common_img/mark1.jpg);
    background-position: 5px center;
    background-repeat: no-repeat;
padding: 5px 5px 5px 25px;
	font-weight:bold;
	margin-bottom:30px;
	display:block;
	border-bottom: #ccc dotted 2px;
	color:#333;
}


.secIn {
	padding-left:50px;
}


/**アンカー調整**/



#reform #reform1,
#reform #reform2,
#used #used1,
#used #used2,
#used #used3,
#flow #flow1,
#flow #flow2,
#flow #flow3,
#rent #rent1,
#rent #rent2,
#rent #rent3,
#rent #rent4,

#invest #invest1,
#invest #invest2,
#invest #invest3,
#invest #invest4,
#invest #invest5,

#manage #management1,
#manage #management2,

#info #info1,
#info #info2,
#info #info3 { 
  margin-top: -155px; /* 固定ナビの高さ分のネガティブマージン */ 
  padding-top: 155px; /* 打ち消し用のパディング */ 
}


/*-------遅延表示---------------------*/
.lazyload{
 opacity: 0;
}
.lazyloaded{
  opacity: 1;
  transition: all 0.5s;
}