/*---------------------------------
画像ロールオーバー
-----------------------------------*/
a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.8;
opacity:0.8;
}

/* ------------------------------
背景画像の変更
------------------------------ */
#eswsPaneBeta.eswsPane {
    background-image: none;
    background-position: 50% -44px;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
}


/* メニューバー
=============================================================================================================
*/

/* 背景 */
div#eswsPaneAlphaInner {
background: url(/navi/bar0.png) repeat-x;
height:61px;
text-align: center;
}
/* デフォルトで表示される文字のスタイル・位置を調整 */
ul#eswsMenu span, #eswsMenu a {
color:#fff;
padding: 4px 0px 0px 0px;
font-weight:lighter;
height:61px;
font-size:15px;
}
ul#eswsMenu a {
height:61px;
display:block;
line-height: 60px;
}
ul#eswsMenu span {
height:61px;
/*
margin-left:-10px;
*/
display:block;
}
/*滞在中ページのボタン（アクティブ時）*/
ul#eswsMenu li.active, ul#eswsMenu li.active a, ul#eswsMenu li.active
a span, .eswsDirectoryTitle {
color:#F4F4F4;
}
/* ナビ全体の高さ・幅の調整 */
#box_gnav {
width: 1000px;
overflow: hidden;
margin: 0 auto;
height: 61px;
}
ul#eswsMenu {
height: 61px;
overflow: hidden;
display: inline-block;
}
/* ナビボタンの高さ・幅・背景・線 */
ul#eswsMenu li {
float: left;
height:61px;
text-align: center;
margin: 0;
border-left:solid 1px #ccc;
border-right:solid 1px #ccc;
}
ul#eswsMenu li + li {
border-right:solid 1px #ccc;
border-left:none;
}
/*hover時の挙動*/
ul#eswsMenu li:hover, ul#eswsMenu span:hover, #eswsMenu
.eswsDirectoryTitle a:hover {
background-position:0px -61px;
/*
background-image:url(/navi/bar1.png);
*/
color:#F4F4F4;
}

ul#eswsMenu li.active{
/*
background-image:url(/navi/bar1.png);
*/
background-image:url("");
}

#eswsMenu li .eswsDirectoryTitle span {
    background-image:none;
}
#eswsMenu li.active .eswsDirectoryTitle span {
    background-image: none;
}
ul#eswsMenu li.active a, #eswsMenu li.active .eswsDirectoryTitle {
    background-image: none;
}

ul#eswsMenu li:hover{
/*
background-image:url(/navi/bar1.png);
*/
background-image:url("");
color:#F4F4F4;
}

/*プルダウンメニュー*/
ul.eswsSecondLayer{
opacity:1.0;
}

ul#eswsMenu ul.eswsSecondLayer li {
    border-color: #0f017f;
opacity:1.0;
}

ul#eswsMenu li.active span, ul#eswsMenu ul.eswsSecondLayer span{
color:#032C6F;
}

ul#eswsMenu li.active span{
color:#F4F4F4;
}


/*---------------------------------
おすすめ
-----------------------------------*/

li.eswsPropertyContainer, div.box_property {
    width: 230px;
    min-height: 340px;
    height: 340px;
    float: left;
    display: inline;
    padding-bottom: 30px;
    padding-right: 16px;
    margin-bottom: 4px;
    background: url(../image/bg_box_property.gif) repeat-x 0 100%;
    position: relative;
}


/*物件価格*/

div.eswsOsusumeHorizontal li.eswsBuildingName, div.box_building_name {
    background-color: #032c6f;
}

/*物件価格文字*/
span.eswsPrice, li.eswsPrice span, p.typo_price span {
    color: #F4D44C;
}

/*物件名なくても箱だす*/
div.eswsOsusumeVertical li.eswsBuildingName, .osusumeVertical div.box_building_name {
    width: 150px;
    /* height: 40px; */
    padding: 5px 4px;
    display: block !important;
}
/*---------------------------------
ヘッダ
-----------------------------------*/
body {
    background-image: url(/pictures/bg_body.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

h1#eswsHeading1 {
    color: #ffffff;
}

#eswsHeaderInner #eswsInquiryTime {
    float: right;
    font-size: 12px;
    height: 34px;
    line-height: 150px;
    margin-right: -214px;
}


#eswsHeaderInner #eswsInquiryTel {
    color: #043A85;
    background-image: none;
    background-position: 0 4px;
    background-repeat: no-repeat;
    float: right;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 30px;
    height: 36px;
    line-height: 85px;
    padding-left: 36px;
}
/*---------------------------------
フッター
-----------------------------------*/
div#eswsFooter {
    background-color: #032C6F !important;
}

div#eswsFooterText a {
    color: #fff;
}

p#foot_name {
    color: #fff;
}

#typo_copyright {
    color: #fff;
}

/*---------------------------------
タイトル
-----------------------------------*/
#eswsBody.eswsSaleList h3.eswsTitleHeaderText, #eswsBody.eswsRentList h3.eswsTitleHeaderText, #eswsBody.eswsRentDetail #main_ttl p, #eswsBody.eswsRentDetail #main_ttl h3 {
    color: #333;
}


#eswsBody.eswsSaleList h3.eswsTitleHeaderText, #eswsBody.eswsRentList h3.eswsTitleHeaderText, #eswsBody.eswsRentDetail #main_ttl p, #eswsBody.eswsRentDetail #main_ttl h3 {
    color: #333;
}


/*---------------------------------
メニュー文字高さ調整
-----------------------------------*/
#eswsMenu li .eswsDirectoryTitle span {
    /* width: 100%; */
    /* display: inline; */
    padding-right: 0px;
    margin-right: 0px;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    line-height: 60px;
}

/*横についてくるバナー*/
#fixed_bnr {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 1000;
}

.fixed_bnr1 {
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 1000;
}

.fixed_bnr2 {
    position: fixed;
    top: 400px;
    right: 0;
    z-index: 1000;
}

.fixed_bnr3 {
    position: fixed;
    top: 700px;
    right: 0;
    z-index: 1000;
}




/*-----フッター関連------*/

/* テンプレートのフッター位置（下げる）*/
div#eswsFooter {
    position: absolute;
    width: 100%;
    bottom: -142px;
}

/* フッターメニュー高さ*/
.footer_table {
    table-layout: fixed;
    padding: 0px;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    left: 300px;
    height: 680px;
    background-color: #DEE4EB;
}



/* リンク部のレイアウト(テーブル全体の位置) */
.footer_table {
    table-layout: fixed;
    padding: 0px;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    left: 300px;
    height: 600px;
    background-color: #DEE4EB;
}
/* リンク部のレイアウト(テーブル横軸のレイアウト1行目) */
.table-column1 {
    padding: 5px 15px 5px 2px;
    font-size: 12px;
    width: 1000px;
    color:#FFFFFF;
}
/* リンク部のレイアウト(1行目の１つ１つの項目のレイアウト) */
.dan1 {
    width: 180px;
    float: left;
    display: block;
    margin-left: 20px;
    text-align: left;
    padding: 8px 20px;
    background-image: url(/pictures/sankaku_03.gif);
    background-repeat: no-repeat;
    background-position: left;
    background-size: 7px;
    font-size: 18px;
    color: #032C6F;
    font-weight: bold;
}
/* リンク部のレイアウト(１つ１つの項目のリンク文字色) */
span.dan1 a {
    color: #FFFFFF;
}
span.dan1 a:visited {
    color: #ffffff;
}
span.dan1 a:hover {
    text-decoration: underline;
}
/* リンク部のレイアウト(テーブル横軸のレイアウト2行目以降) */
.table-column2 {
    padding: 5px 15px 5px 2px;
    font-size: 12px;
    width: 1000px;
}
/* リンク部のレイアウト(2行目以降の１つ１つの項目のレイアウト) */
.dan2 {
    width: 180px;
    float: left;
    display: block;
    margin-left: 20px;
    text-align: left;
    padding: 8px 20px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 10px;
    margin-top: 4px;
}
span.dan2 a {
    color: #032C6F;
}
span.dan2 a:hover {
    text-decoration: underline;
}
span.dan2 a:visited {
    color: #032C6F;
}

#eswsComponent-1548397140781 {
    width: 1690px;
    height: 700px;
    left: -350px;
    top: 0px;
    z-index: 10018;
    position: absolute;
    overflow: hidden;
}

#eswsPaneBeta.eswsPane {
  background-image: url("");
}

/*メニューアクティブ時の色*/

ul#eswsMenu li.active a span {
    color: #ffffff;
}
/*サブメニューの色*/
ul#eswsMenu ul.eswsSecondLayer span {
    color: #032C6F;
}



/*TEL2行*/
#eswsInquiryContent{
width:300px;
}

#eswsHeaderInner #eswsInquiryTime {
    float: right;
    font-size: 12px;
    height: 34px;
    line-height: 150px;
    margin-right: -214px;
}


#eswsHeaderInner #eswsInquiryTel {
    -webkit-appearance: none;
    color: #032c6f; 
    -webkit-color: #032c6f!important; 
    background-image: none;
    background-position: 0 4px;
    background-repeat: no-repeat;
    float: right;
    font-family: Arial, Helvetica, Geneva, sans-serif;
    font-size: 30px;
    height: 36px;
    line-height: 85px;
    padding-left: 36px;
}

#eswsHeaderInner #eswsInquiryTel a {
    -webkit-appearance: none;
    color: #032c6f; 
    }


/*スマホの余白
#eswsComponent-1596603193606 {
    width: 142px;
    height: 9300px;
    left: 1004px;
    top: 0px;
    z-index: 10111;
    position: absolute;
    overflow: hidden;
}*/

ul#eswsMenu li.active ul.eswsSecondLayer a, ul#eswsMenu li.active ul.eswsSecondLayer span {
    background-image: none;
    color: #032C6F;
}

li.eswsPropertyContainer, div.box_property {
    width: 227px;
}