@CHARSET "UTF-8";
/*################################################################*/
/*####                                                       #####*/
/*####　トップページレイアウト設定                              #####*/
/*####                                                       #####*/
/*################################################################*/


/*-----------------------------------------------------------------
設定
-----------------------------------------------------------------*/
body {
	text-align: left;
	font-size: 100%;
	line-height: 1.3em;
	color: #000;
}
#wrapper_bg{
    background: url(./img/bg/top_bg.jpg) center top no-repeat;
}

/*TOPタイトル画像*/
#slidingimage {
    width:990px;
    height:494px;
    margin:10px auto 0px;
    overflow: hidden;/* clearfix的な要素 */
    background: url(./img/top/slidingimage/main_img_bg.png) center top no-repeat;
    clear:both;
}
#slidingimage_wrap{
    display:block;
    width:960px;
    height:470px;
    margin:12px auto ;
    overflow:hidden;
}
.sbi_panel{
    float:left;
    width:320px;
    height:470px;
    position:relative;
    overflow:hidden;
}
.sbi_label {
    /*margin-top:380px;*/
    position: relative;
    top:-90px;
    z-index: 0;
}
.sbi_panel_img{
    width:320px;
    height:470px;
}

/*new ver*/
#slidingimg{
    position: relative;
    width:990px;
    height:494px;
    margin:10px auto 0px;
    overflow: hidden;/* clearfix的な要素 */
    background: url(./img/top/slidingimage/main_img_bg.png) center top no-repeat;
    clear:both;
}
#slidingimg_panel{
    display:block;
    width:960px;
    height:470px;
    margin:12px auto ;
    overflow:hidden;
}
#slidingmenu{
    position: absolute;
    bottom:12px;
    left:15px;
    z-index: 200;
}
#slidingmenu a{
    display: block;
    float:left;
}
#slidingimg01 img{
    position: absolute;
    display:block;
    z-index: 10;
}
#slidingimg01 .off{
    display: none;
    z-index: 110;
}

#slidingimg01{
    position: relative;
    z-index: 10;
}
.imgpanel{
    display:none;
    position: absolute;
    z-index: 50;
}
.imgpanel.on{
    z-index:100
}

/*-----------------------------------------------------------------
TOPメインエリア
-----------------------------------------------------------------*/
/* メイン画像 */


/* メインコンテンツ */
#content{
    margin-top:20px;
}
#top_contents{

}


/*お客様の理想の住まいを実現するため・・・*/
#about_copy{
    background: url(./img/top/about_bg.png) no-repeat;
    width:766px;
    height: 357px;
    clear:both;
}
#about_copy_bg{
    background: url(./img/top/about_img.png) no-repeat 470px 12px;
    width:766px;
    height: 357px;
    clear:both;
}
#about_banner{
    width:732px;
    margin:18px auto 0;
}
#about_copy_left{
    float:left;
    width:500px;
}
#about_copy_img{
    margin:12px 0 0 30px;
}
#about_copy_text{
    width:725px;
    line-height: 150%;
    margin:20px 0 0 30px;
}
#about_copy_right{
    float:right;
    width:260px;
}
#about_copy_right_img{
    margin:16px 0 10px;
}
#about_btn_box{
    width:266px;
}
.about_btn_box_line{

}

/*バナー*/
#shelter_banner{
    margin: 10px 0 0px;
}
#banner_line01{
    width:766px;
    height: 140px;
    margin:10px auto 0;
    text-align: center;
    clear: both;
}
#banner_line02{
    width:766px;
    height: 84px;
    margin:10px auto 0;
    text-align: center;
    clear: both;
}
.banner{
    display: block;
    float:left;
    margin-left: 9px;
}
.banner_top{
    margin-left:0;
}
.consulting_master{
	margin-top: 7px;
}


/*新着*/
#top_newsinfo{
    width:766px;
    margin:20px 0 0;
}
#top_newsinfo_title{
    width:766px;
    clear:both;

}
#top_newsinfo_title .top_newsinfo_title_long{
    float:left;
}
#top_newsinfo_title_over{

}
.top_newsinfo_line{
    width:741px;
    margin:0 10px 0 5px;
    height: 100px;
    clear:both;
    border-bottom:1px dotted #515151;
    padding:17px 5px 0;
}
.top_newsinfo_line .line_text{
    float:left;
}
.line_text img{
    vertical-align:middle;
}
.top_newsinfo_line .line_text_date{
    width:120px;
}

.top_newsinfo_line .line_text_title{
    margin-top:3px;
    display: block;
}
.top_newsinfo_line .line_text_content{
    margin:2px 0 0px;
}
#top_newsinfo_rss{
    margin:10px 10px 0 0;
    text-align: right;
}

/*facebok*/
#facebook_box{
    float:left;
    width:220px;
    margin:20px 0 0 10px;
    height:440px;
}

/*スタッフ日記*/
.staff_diary_box{
    margin:0 0 10px;
}