@charset "utf-8";
/*
-------------------------------------------------------------------
◎基本スタイルシート
製作者：株式会社アルゴ
更新日：2007年12月13日
-------------------------------------------------------------------
[目次]

・基本構造
・リンク
・マージン設定
・余白設定
・ヘッダーコンテンツ
・オススメ物件情報
・その他物件情報
・フリースペース
・フッターコンテンツ

-------------------------------------------------------------------
*/

/*▼基本構造-----------------------------------------------------*/
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
font-size: 12px;
color: #505050;
line-height: 1.8em;
}
body.index {
background: url(images2/img_main.jpg) no-repeat  center top;
}
img {
border: none;
}
p {
font-size: 12px;
}
#position {
width: 950px;
margin-left: auto;
margin-right: auto;
}
.size13 {
font-size: 13px;
font-weight: bold;
}
.update-txt {
color: #EFD5B6;
}
.blue-text {
color: #00ADE3;
}
.red-text {
color: #F00;
}
.clearfix:after {
content:".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}

h1,h2,p#tab-menu a,div.item-box a.btn-detail,div.item-box a.btn-contact {
text-indent: -9999em;
}

/*▼リンク-------------------------------------------------------*/
a {
color: #00ADE3;
text-decoration: none;
}
a:hover {
color: #F90;
}

/*▼マージン設定-------------------------------------------------*/
.margin-t6 {
margin-top: 6px;
}
.margin-t10 {
margin-top: 10px;
}
.margin-t10b15 {
margin-top: 10px;
margin-bottom: 15px;
}

/*▼余白設定-----------------------------------------------------*/
.padding-lr20 {
padding-left: 20px;
padding-right: 20px;
}
.padding-lr30 {
padding-left: 28px;
padding-right: 28px;
}
.padding-t6 {
padding-top: 6px;
}
.padding-l20 {
padding-left: 20px;
}
.padding-l30 {
padding-left: 30px;
}
.padding-b170 {
padding-bottom: 170px;
}
.padding-img {
padding: 20px 0px 20px 30px;
}

/*▼ヘッダーコンテンツ------------------------------------------*/
#header {
position: relative;
width: 948px;
height: 63px;
border: 1px solid #BAB9BB;
border-top: 11px solid #E2E3E6;
border-bottom: none;
}
body.index #header{
border-left: none;
border-right: none;
}
#header img#logo {
float: left;
width: 80px;
height: 27px;
padding-left: 20px;
padding-top: 20px;
}
#header img#logo2 {
float: right;
width: 320px;
height: 18px;
padding-right: 20px;
padding-top: 15px;
}
#header p#submenu {
position: absolute;
left: 609px;
top: 40px;
width: 300px;
}
p#submenu a {
float: left;
padding-left: 15px;
margin-right: 10px;
background: url(images2/icon_header-menu.gif) no-repeat left center;
}

p#tab-menu {
height: 19px;
margin-top: 10px;
margin-bottom: 0px;
font-size: 10px;
line-height: 1px;
background: url(images2/btn_tab.gif) no-repeat;
}
p#tab-menu a {
float: left;
display: block;
width: 110px;
height: 19px;
}

/*▼オススメ物件情報--------------------------------------------*/
h1 {
display: block;
float: left;
width: 370px;
height: 43px;
background: url(images2/img_aichi-item.gif) no-repeat;
}
p.comment {
float: right;
width: 530px;
padding-left: 10px
}
div.title {
position: relative;
width: 910px;
padding-top: 20px;
}
h2.index {
width: 910px;
height: 37px;
background: url(images2/bg_h2-index.gif) no-repeat;
}
h2.aichi {
width: 910px;
height: 37px;
background: url(images2/bg_h2-aichi.gif) no-repeat;
}
h2.gifu {
width: 910px;
height: 37px;
background: url(images2/bg_h2-gifu.gif) no-repeat;
}
h2.all-item {
width: 910px;
height: 37px;
background: url(images2/bg_h2-all.gif) no-repeat;
}
h2.other {
width: 600px;
height: 37px;
background: url(images2/bg_h2-other.gif) no-repeat;
}
div.title p.update {
position: absolute;
left: 725px;
top: 28px;
color: #FFF;
}
#contents {
position: relative;
width: 910px;
padding: 10px 19px 0px;
border: 1px solid #BAB9BB;
border-bottom: none;
}
#item {
clear: both;
width: 929px;
padding-top: 10px;
padding-left: 19px;
padding-bottom: 10px;
margin-bottom: 10px;
border: 1px solid #BAB9BB;
border-top: none;
}
#item div.item-box {
position: relative;
display: block;
float: left;
width: 431px;
padding: 10px 19px 10px 10px;
padding-bottom: 40px;
color: #896024;
line-height: 1.4em;
background: url(images2/bg_p-item.gif) no-repeat;
}
div.item-box div.photo {
display: block;
float: left;
overflow: hidden;
width: 155px;
height: 115px;
padding:5px;
background: #FFF;
border: 1px solid #CCC;
}
div.item-box div.photo-box {
display: block;
width: 155px;
height: 115px;
overflow: hidden;
background: #FFF;
}
div.item-box div.photo-box img {
width: 155px;
border: none;
}
div.item-box p {
position: relative;
float: right;
padding-left: 5px;
font-size: 13px;
line-height: 1.3em;
font-weight: bold;
}
div.item-box p img.icon {
margin-bottom: 5px;
border: none;
}
div.item-box p img.new {
position: absolute;
width: 70px;
height: 15px;
left: 120px;
top: 60px;
}
div.item-box p img.category {
position: absolute;
width: 70px;
height: 15px;
left: 192px;
top: 60px;
}
div.item-box p img.eco {
position: absolute;
width: 70px;
height: 15px;
left: 120px;
top: 77px;
}
div.item-box p img.all-e {
position: absolute;
width: 70px;
height: 15px;
left: 192px;
top: 77px;
}
div.item-box p img.solar {
position: absolute;
width: 70px;
height: 15px;
left: 120px;
top: 94px;
}
div.item-box p img.kura {
position: absolute;
width: 70px;
height: 15px;
left: 192px;
top: 94px;
}
div.item-box p img.south {
position: absolute;
width: 70px;
height: 15px;
left: 120px;
top: 111px;
}
div.item-box span.detail-com {
position: absolute;
width: 110px;
top: 62px;
left: 5px;
font-size: 10px;
line-height: 1.4em;
font-weight: normal;
}
div.item-box p a.btn-detail {
position: absolute;
display: block;
width: 115px;
height: 16px;
background: url(images2/btn_detail.gif) no-repeat;
top: 132px;
left: 5px;
}
div.item-box p a.btn-contact {
position: absolute;
display: block;
width: 135px;
height: 16px;
background: url(images2/btn_contact.gif) no-repeat;
top: 132px;
left: 125px;
}


/*▼その他物件情報--------------------------------------------*/
#item-list {
position: relative;
float: left;
width: 600px;
margin-bottom: 6px;
}
#item-list #scroll {
position: relative;
width: 600px;
height: 240px;
padding-top: 10px;
margin-bottom: 10px;
overflow-x: none;
overflow-y: scroll;
}
#item-list #scroll dl {
display: block;
width: 575px;
color: #595757;
}
#scroll dl dt {
float: left;
width: 40px;
padding: 0px 10px 0px 0px;
}
#scroll dl dd {
position: relative;
float: left;
width: 515px;
height: 47px;
padding-top: 3px;
padding-left: 10px;
font-size: 10px;
line-height: 1.6em;
background: url(images2/bg_table-other.gif) right top no-repeat;
}
#scroll dl dd a {
font-size: 13px;
font-weight: bold;
}
#scroll dl dd img.new {
position: absolute;
left: 405px;
top: 17px;
}
#scroll dl dd a.detail {
position: absolute;
left: 465px;
top: 17px;
}
#scroll dl dd.clear {
clear: both;
width: 575px;
height: 1px;
padding: 0px;
background: none;
line-height: 1px;
}

/*▼フリースペース--------------------------------------------*/
#free-space {
display: block;
float: left;
width: 300px;
height: 240px;
padding-left: 10px;
margin-bottom: 10px;
}

/*▼バナースペース--------------------------------------------*/
#banner {
clear: both;
width: 910px;
}
#banner img.left-image {
float: left;
}
#banner img.right-image {
float: right;
}

/*▼フッターコンテンツ--------------------------------------------*/
#footer {
clear: both;
width: 928px;
padding: 10px;
border: 1px solid #BAB9BB;
border-bottom: 10px solid #CCC;
background: #BBB;
}
#footer p {
font: 11px;
color: #FFF;
text-align: center;
}

/*▼物件一覧--------------------------------------------*/
#list {
clear: both;
width: 910px;
padding: 10px 19px 10px;
margin-bottom: 10px;
border: 1px solid #BAB9BB;
border-top: none;
}
#list table {
width: 910px;
background: url(images2/bg_list.gif) repeat-y;
}

#list table td {
font-size: 12px;
color: #896024;
padding: 0px;
}
#list table td.photo {
width: 80px;
padding: 9px 10px 8px;
}
#list table td.title {
padding-top: 10px;
vertical-align: top;
}
#list table td.title img {
margin-bottom: 7px;
}
#list table td.title a {
font-weight: bold;
}

#list table td.place {
width: 135px;
padding-right: 15px;
}

#list table td.detail {
width: 100px;
}
#list table td.icon {
width: 90px;
padding-right:10px;
text-align: right;
}
#list table td div.photo-s {
display: block;
float: left;
overflow: visible;
width: 80px;
height: 60px;
padding:3px;
background: #FFF;
border: 1px solid #CCC;
}
div.photo-s img {
width:80px;
height: 60px;
border: none;
}

#list table#head-title {
width: 910px;
background: url(images2/bg_head-title.gif) repeat-y;
}
#list table#head-title td {
height:20px;
font-size: 12px;
color: #FFF;
vertical-align: middle;
}
#list table#head-title td.title {
padding-top: 0px;
padding-left: 110px;
}
#list table#head-title td.place {
width: 145px;
padding-left: 5px;
padding-right: 0px;
}
#list table#head-title td.detail {
width: 95px;
padding-left: 5px;
}