@charset "utf-8";

/*---------------------------------------------------------
	共通
 ---------------------------------------------------------*/

#contents * {
    font-family: "メイリオ", sans-serif;
}

#contents{
    width:100%;
}

.secinner{
    width:950px;
    margin:auto;
}

.secinner h2{
    text-align:center;
}


/*---------------------------------------------------------
	メイン
 ---------------------------------------------------------*/

#mainSection{
    background:url(../images/bg_main.jpg) no-repeat center top;
    min-height:580px;
}

#mainSection .secinner{
    padding:65px 0 0;
}

#mainSection h1{
    text-align:center;
}

#mainSection h2{
    margin:40px 0 50px;
}

#mainSection ul li{
    float:left;
    margin-left:20px;
}

/*---------------------------------------------------------
	選ばれる理由
 ---------------------------------------------------------*/

#reasonSection{
    background:#fff;
    padding:60px 0 40px;
}

#reasonSection h2{
    padding:0 0 25px;
    border-bottom:2px solid #000;
}

#reasonSection dl{
    padding:40px 20px 40px 175px;
    border-bottom:1px dotted #ccc;
    margin:0 20px;
}

#reasonSection dl dt{
    font-size:18px;
    font-weight:bold;
    margin-bottom:20px;
    line-height:1;
}

#reasonSection dl dd{
    font-size:15px;
}


#reasonSection .reason01{
    background:url(../images/bg_reason01.png) no-repeat 35px center;
}

#reasonSection .reason02{
    background:url(../images/bg_reason02.png) no-repeat 35px center;
}

#reasonSection .reason03{
    background:url(../images/bg_reason03.png) no-repeat 35px center;
    border-bottom:none;
}

/*---------------------------------------------------------
	選べる賃貸募集プラン
 ---------------------------------------------------------*/

#planSection{
    padding:80px 0 70px;
}

#planSection h2{
    margin-bottom:20px;
}

#planSection .subttl{
    margin-bottom:50px;
    line-height:1;
    font-size:15px;
    text-align:center;
}

#planSection table{
    background:#fff;
    border-collapse: collapse;
    width:920px;
    margin:auto;
    box-shadow: 0 7px 7px rgba(50,50,50,0.1);
-moz-box-shadow: 0 7px 7px #ccc;
-o-box-shadow: 0 7px 7px #ccc;
-ms-box-shadow: 0 7px 7px #ccc;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#ccc, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#ccc, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#ccc, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#ccc, direction=270, strength=3, enabled=true);
}

#planSection table th,
#planSection table td{
    border-top:1px solid #ccc;
    padding:10px 15px;
    width:25%;
    height:30px;
    vertical-align:middle;
    letter-spacing: 1px;
}


#planSection table th{
    font-size:15px;
    font-weight:bold;
    text-align:left;
}

#planSection table td{
    font-size:15px;
    text-align:center;
    border-left:1px solid #ccc;
}

#planSection table .general{
    background:#fcfcfc;
}

#planSection table .commission{
    background:#fbf4f3;
}

#planSection table .sublease{
    background:#eef2f9;
}


#planSection table .list_ttl th{
    text-align:center;
    height:55px;
}

#planSection table .list_ttl .logo{
    border-top:5px solid #000;
}
#planSection table .list_ttl .general{
    border-top:5px solid #aaaaaa;
    border-left:1px solid #ccc;
}
#planSection table .list_ttl .commission{
    border-top:5px solid #ed8d88;
    border-left:1px solid #ccc;
}
#planSection table .list_ttl .sublease{
    border-top:5px solid #5c83c6;
    border-left:1px solid #ccc;
}


/*---------------------------------------------------------
	お問い合わせ
 ---------------------------------------------------------*/

#contactSection{
    margin-bottom:50px;
}


#contactSection .contactbox{
    background:#fff;
    border:2px solid #ccc;
    border-top:none;
}

#contactSection .contactbox h2{
    background:#000;
    color:#fff;
    line-height:1px;
    padding:20px;
    text-align:left;
    font-size:18px;
    font-weight:bold;
}

#contactSection .contactbox h2 span{
    color:#fff;
    line-height:1px;
    padding-left:20px;
    text-align:left;
    font-size:15px;
    font-weight:normal;
}


#contactSection .contactbox h3{
    float:left;
    width:270px;
    margin-right:10px;
}

#contactSection .contactbox .shopCont{
    overflow:hidden;
    padding:15px 15px 15px 0;
    margin:0 20px;
    border-top:1px dotted #ccc;
}

#contactSection .contactbox .shopCont:first-child{
    border-top:none;
}

#contactSection .contactbox .shopinfo{
    overflow:hidden;
    width:645px;
    border-right:1px solid #ccc;
    float:left;
}

#contactSection .contactbox .shopinfo p{
    margin-top:5px;
}


#contactSection .contactbox .shopinfo .tel{
    color:#bfa306;
    font-weight:bold;
    font-size:18px;
    margin-top:0;
}

#contactSection .contactbox .shopinfo .tel span{
    color:#bfa306;
    font-weight:bold;
    font-size:26px;
}

#contactSection .contactbox .mailbtn{
    float:right;
}

#contactSection .contactbox .mailbtn p{
    font-weight:bold;
    text-align:center;
    font-size:14px;
    margin-bottom:5px;
}


#contactSection .contactbox .mailbtn .btn a{
    width:222px;
    height:50px;
    font-size:16px;
    font-weight:bold;
    display: table-cell;
    vertical-align: middle;
    text-align:center;
    color:#fff;
    letter-spacing:1px;
    text-decoration:none;
    background:url(../images/bg_contactbtn.jpg) no-repeat;
}

#contactSection .contactbox .mailbtn .btn a:hover{
    opacity:0.8;
}