@charset "utf-8";


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

	top.css   トップページのCSS

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




/*---------------------------------------------------------
	タイトル
 ---------------------------------------------------------*/
.art{
	width: 700px;
	float: left;
}
div#contents_outer {
    background: #fff!important;
}


.mcont{
	width: 950px;
	margin: auto;
}
#contents h3 {
    border-bottom: 2px solid;
    margin-bottom: 10px;
}

/*---------------------------------------------------------------------------
	ビッグバナー
---------------------------------------------------------------------------*/

.bigbanar{
	margin-bottom: 30px;
}
h2.bigbanar a:hover {
    opacity: 0.7;
}

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


#scroll {
	width:700px;
	background:#ffffff;
	height: 220px;
}



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


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


}
.topics{
	margin-top:  30px;
		margin-bottom: 60px;
}



#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 th,
.scrolltable tbody td {
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #ccc;
}

.scrolltable tbody td {
    padding-left: 30px;
}

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

.scrolltable .day{
	width: 100px;
}
/*---------------------------------------------------------------------------
	メイン画像
---------------------------------------------------------------------------*/
div#main_image{
	float: none;
}

/*---------------------------------------------------------------------------
	新着物件
---------------------------------------------------------------------------*/
ul.pic-icn.icn li {
    float: left;
    margin-left: 1px;
}
ul.pic-icn.icn{
	float: right;
	margin-bottom: 5px;
}
.room-section {
    width: 300px;
    float: left;
    height: 350px;
    margin-left: 58px;
}
.icn_click{
    position: absolute;
    right: -80px;
    top: 31px;
}
ul.price_number.clearfix{
	width: 250px;
	position: relative;
	margin-top: 5px;
}
.syubetsu {
    float: left;
    border: 1px solid #d70835;
    width: 100px;
    height: 20px;
    padding-top: 3px;
    color: #d70835;
    font-family: メイリオ;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}
p.photo {
    width: 320px;
    height: 246px;
    position: relative;
    border: 1px solid #eeeeee;
    float: left;
}
p.photo a img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.room-section.clearfix:first-child {
    margin-left: 0px;
}
.price_number_color{
	color: #d70835;
	font-weight: bold;
}
ul.price_number.clearfix li {
    font-family: メイリオ;
}
.inner {
    margin-bottom: 30px;
}
.ttl1{
	float: right;
	font-size: 14px;
	margin-top: 13px;
}
.ttl1 a{
	color: #333;
	font-family: メイリオ;
	font-weight: bold;
}
p.photo a:hover {
    opacity: 0.7;
}
li.icn_click a:hover {
    opacity: 0.7;
}
/*---------------------------------------------------------------------------
	オススメ
---------------------------------------------------------------------------*/

.room_section{
	width: 322px;
    height: 350px;
    margin: auto;
    margin: 8px;
}

.room_section_div {
    width: 338px;
    height: 368px;
    border: 1px solid #eeeeee;
    float: left;
    margin-left: 20px;
    margin-bottom: 10px;
}
.room_section_div:first-child {
    margin-left: 0;
}
.osusume div.inner {
    margin-bottom: 10px;
}
/*---------------------------------------------------------------------------
	お客様の声
---------------------------------------------------------------------------*/

div.top-customer li {
    width: 216px;
    margin: 0;
    padding: 0;
    margin-left: 26px;
}
div.top-customer ul{
	 overflow: visible;
}
div.top-customer{
	background: none;
}
div.top-customer li:first-child{
	margin-left: 0;
}
p.comment {
    float: left;
    font-family: メイリオ;
    border-top: 1px dotted;
    width: 216px;
    padding-top: 2px;
}
p.name {
    float: left;
    font-family: メイリオ;
    font-size: 15px;
    font-weight: bold;
}
div.text-div {
    margin: 5px auto 0;
}
li div.float-div p.costomer-pht {
    width: 216px;
    height: 162px;
    border: 1px solid;
    color: #eeeeee;
    position: relative;
    background: none;
    display: block;
}
li div.float-div p.costomer-pht a img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.top-customer li div.text-div, .top-staff-info li .text-div {
    width: 216px;
}
div.float-div.clearfix {
    width: 216px;
}
.top-customer li div.text-div div, .top-staff-info li .text-div div {
    padding: 0;
}
/*---------------------------------------------------------------------------
	更新情報
---------------------------------------------------------------------------*/
div.detail-info li{
	background: none;
	padding:0;
}

/*---------------------------------------------------------------------------
	サイドバー
---------------------------------------------------------------------------*/
.company_side {
    width: 232px;
    float: left;
    border: 1px solid #eeeeee;
}
.grouplink {
    width: 200px;
    margin: auto;
    padding-top: 5px;
    padding-bottom: 5px;
}
ul.c_info_lists li {
    border-bottom: 1px dotted #cccccc;
        font-family: メイリオ;
}
/*---------------------------------------------------------------------------
	会社概要
---------------------------------------------------------------------------*/
div.about-company{
	width: 830px;
	margin: auto;
	background: none;
	padding-top: 50px;
	padding-bottom: 100px;
}
.about-company h2{
	text-align: center;
	font-size: 24px;
    font-weight: bold;
    font-family: メイリオ;
    color:#333333;
}
div.about-company div {
    border: none;
    background: none;
}
.company_bg{
	background: #fafafa;
	width: 100%;
	position: relative;
}
.dog{
	position: absolute;
	top: 65%;
	right: 3%;
}
.about-company div p {
    line-height: 1.6;
    font-family: メイリオ;
    font-size: 14px;
}