@charset "utf-8";

/*=========================================================================

種別 ： トップ専用css
適用 ： コンセプト固有スタイル

=========================================================================*/



/* <1> メインイメージ
=============================================== */


/* <2> ボタン部分
=============================================== */
#con01{
width: 762px;
margin: 0 auto;
text-align: center;
padding-top: 20px;
padding-bottom: 6px;
}
#con01 p{
padding-bottom: 14px;
}
#con01 ul{
width: 100%;
}
#con01 li{
float: left;
}
#con01 li.two{
width: 380px;
}
#con01 li.three{
width: 254px;
}

/* <3> 定期借地権とは･･･
=============================================== */
#con02{
width: 744px;
margin: 0 auto;
text-align: center;
background: url("../../img/con01/con01_bottom.gif") 0 0 no-repeat;
padding-bottom: 6px;
margin-bottom: 10px;
}
#con02_2{
width: 744px;
margin: 0 auto;
text-align: center;
background: url("../../img/con01/con01_top.gif") 0 0 no-repeat #f3f3f3;
padding-top: 6px;
}
#con02 dl{
width:708px;
margin: 0 18px;
text-align: left;
padding: 8px 0 12px 0;
letter-spacing: 1px;
}
#con02 dt{
width: 100%;
clear: both;
padding-bottom: 6px;
line-height: 1.2;
}
#con02 dd{
float: left;
line-height: 1.5;

}
#con02 dd.l{
width: 46%;
}
html[xmlns*=""] body:last-child #con02 dd{
font-size: 11px;
}

#ob01{
position: absolute;
top: 0;
left: 0;
}


/* <4> こんな方にご活用いただいています。
=============================================== */
#con03{
width: 744px;
margin: 0 auto;
text-align: center;
background: url("../../img/con02/con02_top.gif") 0 0 no-repeat;
padding-top: 6px;
padding-bottom: 30px;
}
#con03_2{
width: 744px;
margin: 0 auto;
text-align: center;
background: url("../../img/con02/con02_bottom.gif") left bottom no-repeat ;
padding-bottom: 6px;
}

#con03_3{
border-left:2px solid #a5dc9a;
border-right:2px solid #a5dc9a;
padding-bottom: 6px;
}
#con03 dl{
width:704px;
margin: 0 18px;
text-align: left;
padding: 8px 0;
}
#con03 dt{
padding-left: 20px;
padding-bottom: 2px;
}
#con03 dd{
width: 345px;
padding-top: 10px;
background: url("../../img/con02/dotted.gif") left bottom no-repeat;
float: right;
padding-bottom: 2px;
}
html[xmlns*=""] body:last-child #con03 dd{
padding-bottom: 6px;
}

#con03 dd.l{
background: url("../../img/con02/dotted.gif") left bottom no-repeat;
float: left;
}


/* <5> 物件紹介
=============================================== */
#con04{
width: 744px;
margin: 0 auto;
}
#con04 .title{
width: 744px;
padding-bottom:14px;
}
/* 箱設定 */
#con04 .box{
width: 370px;
float: left;
padding-bottom: 6px;
color:#535353;
margin-bottom: 14px;
background: url("../../img/article/box_bottom.jpg") left bottom no-repeat;
}
#con04 .r{
float: right;
}
#con04 .box02{
width: 370px;
padding-top: 6px;
background: url("../../img/article/box_top.jpg") left top no-repeat;
}
#con04 .box03{
padding: 0 6px;
text-align: left;
background: url("../../img/article/box_mddle.jpg") left top repeat-y;
}
#con04 .box03 .col_l{
width: 154px;
padding-bottom: 6px;
}
#con04 .box03 .col_r{
width: 196px;
padding-bottom: 6px;
}
#con04 .box03 .point{
width: 100%;
clear: both;
}
/* 要素設定 */
/** 店舗詳細 **/
#con04 .box03 .col_r .name{
font-size: 14px;
font-weight: bold;
padding: 6px 0 4px 0;
letter-spacing: 2px;
}
#con04 .box03 .col_r .name a{
color: #535353;
}
#con04 .box03 .col_r .name a:hover{
text-decoration: underline;
}
#con04 .box03 .col_r th{
width: 46px;
}
#con04 .box03 .col_r th{
vertical-align: top;
padding-top: 6px;
}
#con04 .box03 .col_r td{
padding-top: 6px;
line-height: 1.2;
}
/** ココに注目 **/

#con04 .box03 .point dl{
padding:0 4px 4px 4px;
}
#con04 .box03 .point dt{
padding-bottom: 2px;
}
#con04 .box03 .point dd{
}
#con04 .box03 .point dd.link{
text-align: right;
padding-top: 0.5em;
}
#con04 .box03 .point dd.link span{
background: url("../../img/article/arrow01.jpg") 0 center no-repeat;
padding-left: 13px;
}
#con04 .box03 .point dd.link a{
text-decoration: underline;
}
#con04 .box03 .point dd.link a:hover{
color: #535353;
text-decoration: none;
}


/* <5> お問い合わせエリア
=============================================== */
#contact_img{
padding-bottom: 10px;
}
#tel_img{
padding-bottom: 20px;
}

/* <6>押しピン
=============================================== */
#ob01{
top : 432px;
left: 24px;
width: 37px;
height: 57px;
}