@charset "utf-8";


/*////////////////////////////////////////////////////////////////

	top.css   トップページのCSS

////////////////////////////////////////////////////////////////*/



/*---------------------------------------------------------
	タイトル
 ---------------------------------------------------------*/
div#contents {
    width: 100%;
    background:#fff;
    margin-bottom: 100px;
    padding-top: 0;
}
div#article{
	width: 950px;
	margin: 0 auto;
	float: none;
}
div#main-section {
    width: 100%;
    margin-bottom: 100px;
}
/*---------------------------------------------------------------------------
	メイン画像
---------------------------------------------------------------------------*/
div#main_image {
    background: url(/images/pht_main.jpg);
    background-position: center;
    margin: 0 auto;
    float: none;
    height: 930px;
    border-bottom: 10px solid #31a6d7;
}
.main_image_inner{
	width: 950px;
	margin: 0 auto;
}
.main_logo{
	width: 950px;
	margin: 0 auto;
	text-align: center;
	padding-top: 350px;
	opacity: 0;
	transition: 3s ease;
}
.main_logo.is-acitve {
	opacity: 1;
	transform: translateY(0);
}


/*---------------------------------------------------------------------------
	更新情報
---------------------------------------------------------------------------*/


#scroll {
	width:230px;
	background:#ffffff;
	height: 290px;
	padding-bottom: 5px;
}



.article .info p.topics{
	text-align: center;
	padding-top: 15px;
}


.info{
	font-family: メイリオ;
}
.info p.topics{
	margin: 19px 3px 0 0;


}



#scroll tr{
	background:none;
	border-bottom:1px solid;
	color: #333333;
	
}
#info .scrolltable th{
	width: 130px;
}
#info .scrolltable td{
	color: #333333;
	background: none;
}

.haikei .scrolltable td{
	background: none;
	text-align: left;
}



.scrolltable tbody td {
    border-bottom: 1px solid #ccc;
}

.scrolltable tbody td {
	float: left;
}

div#mCSB_1 {
    margin-left: 10px;
    width: 230px;
}
.info .scrolltable {
    width: 230px !important;
    overflow-x:hidden; 
}

.scrolltable .day{
	width: 100px;
	float: left;
}
.info * {
    font-family: inherit;
    width: 230px;
}
p.ttl1 {
    float: right;
}
p.ttl1 a{
    color: #333;
}
.topsection.section h3 {
    text-align: center;
}
/*---------------------------------------------------------------------------
	更新物件情報
---------------------------------------------------------------------------*/

.historyfloat {
    float: left;
    width: 230px;
    height: 295px;
    overflow: hidden;
}
.topics_group {
    float: right;
}
.topsection.section {
    margin-bottom: 20px;
}
div#bknhistory dl {
    border-bottom: 1px dotted grey;
}
.historyfloat h3 {
    text-align: center;
}
/*---------------------------------------------------------------------------
	メインボタン
---------------------------------------------------------------------------*/

.bt_forth ul li{
	float: left;
	margin-left: 5px;
}
.bt_forth {
    float: left;
    margin-top: 20px;
}
.bt_forth ul{
	margin-bottom: 5px;
}
.bt_forth ul li:first-child {
    margin-left: 0;
}


.js-fadein {
	transition: 1s ease;
	transform: translate3d(0,100px,0);
	opacity: 0;
}
.js-fadein.active {
	transform: translate3d(0,0,0);
	opacity: 1;
}

div#bknhistory a {
    font-size: 12px;
}
.bt_forth ul li:hover {
    opacity: 0.7;
}