/* -----------------------------------------------------------
Modules for Contact

    01. Section
    02. Layout Column
    03. Layout Image
    04. Heading
    05. Paragraph
    06. Unordered List
    07. Definition List
    08. Table
    09. Navigation
    10. Option Class
    11. Self Clearing
----------------------------------------------------------- */


/* Section
----------------------------------------------------------- */
#contents div.section.search{
margin-bottom:10px;
}

#contents div.subSection{
margin-bottom:20px;
}

#contents div.subSection ul.nav-contents-top{
margin-top:0;
}

#contents div.swfmap{
text-align:center;
margin-bottom:20px;
}

#contents div.noresult{
font-size:1.16em;
margin:0 0 20px 20px;
}

#contents div.noresult p{
margin-bottom:20px;
}

#contents div.noresult dl dt{
margin-bottom:5px;
}

#contents div.noresult a:link,
#contents div.noresult a:visited{
color:#698296;
}

#contents div.noresult a:hover,
#contents div.noresult a:active{
color:#009BFF;
}


/* Layout Column
----------------------------------------------------------- */
/* ========== col2NoSp ========== */
#contents div.lyt-column.col2NoSp div.segment{
position:relative;
float:left;
padding: 10px 20px 20px;
width:285px;
}

#contents div.lyt-column.col2NoSp div.segment h2{
margin:-20px -20px 20px;
}

#contents div.lyt-column.col2NoSp div.segment.image,
#contents div.lyt-column.col2NoSp div.segment.swfmap{
margin-bottom:0;
overflow:hidden;
}

#contents div.lyt-column.col2NoSp div.segment.image object,
#contents div.lyt-column.col2NoSp div.segment.swfmap object,
#contents div.lyt-column.col2NoSp div.segment.image p img{
margin:-20px 0 -20px -20px;
}

#contents div.lyt-column.col2NoSp.areaInfo03 p{
margin-bottom:10px;
line-height:1.5;
color:#ffffff;
}

#contents div.lyt-column.col2NoSp ul.list-notice-01{
line-height:1.6;
font-size:0.83em;
}

#contents div.lyt-column.col2NoSp.areaInfo03 p.image{
margin-bottom:0;
line-height:1;
}

#contents div.lyt-column.col2NoSp.areaInfo03 p.image img{
margin:0 10px 10px 0;
}

/* col2NoSp 固有設定 */
body.area #contents div.lyt-column.areaInfo01{
background:#495661 url(/hebel/area/images/bg_col2-no-sp_area-info_01.gif) repeat-y left top;
}

body.area #contents div.lyt-column.areaInfo02{
margin-bottom:1px;
background:#203445 url(/hebel/area/images/bg_col2-no-sp_area-info_02.gif) repeat-y left top;
color:#ffffff;
}

body.area #contents div.lyt-column.areaInfo03{
background:#203445 url(/hebel/area/images/bg_col2-no-sp_area-info_03.gif) repeat-y left top;
color:#ffffff;
}

body.area #contents div.lyt-column.areaInfo03 div.s02{
color:#333333;
}

body.model #contents div.lyt-column.col2NoSp{
background:#26434d url(/hebel/model/images/bg_col2-no-sp.gif) no-repeat left top;
}

body.machikado #contents div.lyt-column.col2NoSp{
background:#444925 url(/hebel/machikadohh/images/bg_col2-no-sp.gif) no-repeat left top;
}

body.event #contents div.lyt-column.col2NoSp{
background:#283a52 url(/hebel/event/images/bg_col2-no-sp.gif) repeat-y left top;
}

body.bunjyo #contents div.lyt-column.col2NoSp{
background:#283a52 url(/hebel/bunjyo/images/bg_col2-no-sp.gif) repeat-y left top;
}

body.office #contents div.lyt-column.col2NoSp{
background:#283a52 url(/hebel/contact/images/office_bg_col2-no-sp.gif) repeat-y left top;
}

#contents div.section.search div.lyt-column.col2NoSp{
background:#0b1117 url(/hebel/contact/common/images/bg_search.gif) no-repeat left top;
}

/* ========== col2Title ========== */
#contents div.lyt-column.col2Title{
display:table;
/display:block;
color:#ffffff;
}

#contents div.lyt-column.col2Title div.segment{
position:relative;
display:table-cell;
/display:inline;
padding:0;
width:325px;
min-height:20px;
vertical-align:middle;
zoom:1;
}

#contents div.lyt-column.col2Title div.segment h1{
padding:11px 10px 9px 20px;
/height:19px;
line-height:1.22;
font-size:1.33em;
}

body.area #contents div.lyt-column.col2Title{
background:#4a5862 url(/hebel/area/images/bg_col2-title.jpg) no-repeat left top;
}

body.model #contents div.lyt-column.col2Title{
background:#26434d url(/hebel/model/images/bg_col2-title.jpg) no-repeat left top;
}

body.machikado #contents div.lyt-column.col2Title{
background:#51582A url(/hebel/machikadohh/images/bg_hdg-l1-01-cntnr_pref.jpg) no-repeat left top;
}

body.event #contents div.lyt-column.col2Title{
background:#2d4361 url(/hebel/event/images/event_kobetsu_hdg_01.jpg) no-repeat left top;
}

body.bunjyo #contents div.lyt-column.col2Title{
background:#534728 url(/hebel/bunjyo/images/bg_hdg-l1-01-cntnr.jpg) no-repeat left top;
}

/* ========== col3 ========== */
#contents div.lyt-column.col3{
margin:0 -10px 1em 0;
overflow:hidden;
background:url(/hebel/common/images/bg_col3.gif) repeat-y left top;
}

#contents div.lyt-column.col3 div.segment{
float:left;
/float:none;
/display:inline;
margin-right:10px;
padding:14px 20px 17px;
width:170px;
line-height:1.5;
/vertical-align:top;
zoom:1;
}

#contents div.lyt-column.col3 div.segment h2{
margin:-14px -20px 14px;
}

/* ========== col2_2 ========== */
#contents div.lyt-column.col2_2{
margin:0 -10px 1em 0;
overflow:hidden;
}

#contents div.lyt-column.col2_2 div.segment{
  float: left;
  margin-right: 7px;
  padding: 14px 10px 17px;
  width: 300px !important;
  line-height: 1.5;
  zoom: 1;
  border: 1px solid #ccc;
  position: relative;
  height: 94px;
}

#contents div.lyt-column.col2_2 div.segment > a{
display:block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0);
}

#contents div.lyt-column.col2_2 div.segment p a{
text-decoration:none;
color: rgb(51, 51, 51);
display: inline-block;
*display:inline;
*zoom:1;
vertical-align: top;
}

#contents div.lyt-column.col2_2 div.segment p a.first{
width:220px;
}

#contents div.lyt-column.col2_2 div.segment p a:hover{
text-decoration:none;
color: rgb(51, 51, 51);
}

#contents div.lyt-column.col2_2 div.segment02{
float:left;
margin-right:7px;
padding:14px 20px 11px;
width:171px;
line-height:1.5;
zoom:1;
border:1px solid #ccc;
height: 100px;
}

#contents div.lyt-column.col2_2 div.segment h2{
margin:-14px -10px 14px;
}

#contents div.lyt-column.col2_2 div.segment02 h2{
margin:-14px -20px 0;
}

#contents div.lyt-column.col2_2 div.segment02 p{
font-size:80%;
}

#contents div.lyt-column.col2_2 div.segment02 .selectForm{
margin-top:10px;
}

#contents div.lyt-column.col2_2 div.segment02 .selectForm select{
width:170px;
}

/* Layout Image
----------------------------------------------------------- */
/* ========== image-L-01,image-R-01 ========== */
#contents div.lyt-image{
margin-bottom:1em;
}

#contents div.lyt-image.image-L-01 div.image,
#contents div.lyt-image.image-L-01 p.image{
float:left;
margin-right:10px;
}

#contents div.lyt-image.image-R-01 div.image,
#contents div.lyt-image.image-R-01 p.image{
float:right;
margin-left:10px;
}

#contents div.lyt-image.image-parallel div.column{
overflow:hidden;
zoom:1;
}

body.machikado #contents div.lyt-image{
margin-bottom:0.75em;
}

/* ========== image-L-02,image-R-02 ========== */
#contents div.lyt-image.image-L-02{
overflow:hidden;
width:610px;
margin:0 auto 20px auto;
}

#contents div.lyt-image.image-L-02 div.image{
width:120px;
float:left;
margin-right:20px;
}

#contents div.lyt-image.image-L-02 div.column{
width:470px;
float:left;
}

#contents div.lyt-image.image-L-02 div.column h2{
margin-bottom:15px;
}

#contents div.lyt-image.image-L-02 div.column p{
line-height:1.5;
margin-bottom:20px;
}

#contents div.lyt-image.image-L-02 div.column p.last-child{
margin-bottom:0;
}

#contents div.lyt-image.image-L-02 div.column ul.list-notice-01{
font-size:0.83em;
line-height:1.6;
margin-top:5px;
margin-bottom:20px;
}

/* ========== image-L-03,image-R-03 ========== */
#contents div.lyt-image.image-R-03{
overflow:hidden;
width:610px;
margin:0 auto 40px auto;
}

#contents div.lyt-image.image-R-03 p.image{
float:right;
margin-left:20px;
}

#contents div.lyt-image.image-R-03 div.column h2{
margin-bottom:15px;
}

#contents div.lyt-image.image-R-03 div.column p{
line-height:1.5;
margin-bottom:30px;
}

#contents div.lyt-image.image-R-03 div.column p span{
font-size:0.83em;
line-height:1.6;
}

/* Heading
----------------------------------------------------------- */
/* ========== hdg-l1-01 ========== */
#contents div.hdg-l1-01-container{
position:relative;
margin-bottom: 20px;
width:650px;
color:#ffffff;
}

body.office #contents div.hdg-l1-01-container{
margin-bottom:20px;
}

#contents div.hdg-l1-01-container a:link,
#contents div.hdg-l1-01-container a:visited{
color:#ffffff;
text-decoration:none;
}

#contents div.hdg-l1-01-container div.lyt-column.col2NoSp{
min-height:140px;
height:auto !important;
height:140px;
}

#contents div.hdg-l1-01-container div.lyt-column.col2NoSp{
min-height:140px;
height:auto !important;
height:140px;
}

body.site #contents div.hdg-l1-01-container div.lyt-column.col2NoSp{
min-height:165px;
height:auto !important;
height:165px;
}

#contents div.hdg-l1-01-container div.lyt-column.col2NoSp.pb-non div.segment{
padding-bottom:0;
}

#contents div.hdg-l1-01-container p.catchcopy{
line-height:1.83;
}

body.office #contents div.hdg-l1-01-container p.catchcopy{
line-height:1.66;
}

#contents div.hdg-l1-01-container p.contents-image{
position:absolute;
top:-40px;
left:0;
}

body.machikado #contents div.hdg-l1-01-container div.segment.s02.variation{
padding-right:13px;
padding-left:11px;
width:301px;
}

body.machikado #contents div.hdg-l1-01-container p.catchcopy{
line-height:1.5;
}

body.machikado #contents div.hdg-l1-01-container p.catchcopy.prefecture{
margin-top:15px;
/margin-top:30px;
}

body.event #contents div.hdg-l1-01-container p.catchcopy{
margin:0;
}











/*20110614追加 ul start*/

#contents div.lyt-column.col2NoSp div.info_tool{float:left; padding:0px; width:325px;}

div.info_tool dt.list-search-midashi {
padding: 14px 0px 0px 10px;
color: #FFFFFF;
font-weight: bold;
line-height: 120%;
overflow: hidden;
word-break: break-all;
}

div.info_tool ul.list-search-btn {margin: 10px 0px 0px 9px; padding:0px; clear: both;}



/*  ===== area list =====  */

.list-search-btn li.mdl{
float: left; background: url('/hebel/support/images/btn_tenjijoumachikado.jpg') no-repeat;
width: 307px;
height: 40px;
margin: 0px;
overflow: hidden;
text-indent: -9999px;
}
.list-search-btn li.mdl a{
display: block;
background: url('/hebel/support/images/btn_tenjijoumachikado.jpg') no-repeat;
width: 307px;
height: 40px;
overflow: hidden;
text-indent: -9999px;
}
.list-search-btn li.mdl a:hover{
background: url('/hebel/support/images/btn_tenjijoumachikado_o.jpg') no-repeat;
}
.list-search-btn li.evt {
  float: left;
  background: url('/hebel/support/images/btn_event.jpg') no-repeat;
  width: 150px;
  height: 40px;
  margin: 7px 0px 0px 7px;
  overflow: hidden;
  text-indent: -9999px;
}
.list-search-btn li.evt a {
  display: block;
  background: url('/hebel/support/images/btn_event.jpg') no-repeat;
  width: 150px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
}
.list-search-btn li.evt a:hover {
  background: url('/hebel/support/images/btn_event_o.jpg') no-repeat;
}


.list-search-btn li.bjo {
  float: left;
  background: url('/hebel/support/images/btn_bunjou.jpg') no-repeat;
  width: 150px;
  height: 40px;
  margin: 7px 0px 0px 0px;
  overflow: hidden;
  text-indent: -9999px;
}
.list-search-btn li.bjo a {
  display: block;
  background: url('/hebel/support/images/btn_bunjou.jpg') no-repeat;
  width: 150px;
  height: 40px;
  overflow: hidden;
  text-indent: -9999px;
}
.list-search-btn li.bjo a:hover {
background: url('/hebel/support/images/btn_bunjou_o.jpg') no-repeat;
}

/*  ===== area list =====  */



/*20110614追加 ul end*/

.list-search-btn li.kaigai{
overflow: hidden;
margin-top: 4px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 15px;
}











/* ========== hdg-l1-02 ========== */
#contents div.hdg-l1-02-container{
position:relative;
width:650px;
margin-bottom:30px;
}

#contents div.hdg-l1-02-container ul{
background:url(/hebel/contact/common/images/blt_list-normal-04.gif) no-repeat 0 0.2em;
padding-left:16px;
position:absolute;
right:20px;
top:52px;
}

#contents div.hdg-l1-02-container ul a:link,
#contents div.hdg-l1-02-container ul a:visited{
color:#FFF;
text-decoration:none;
}

/* ========== hdg-l1-03 ========== */
#contents div.hdg-l1-03-container{
background:url(/hebel/machikadohh/images/bg_hdg-l1-03-container.jpg) no-repeat left top;
min-height:180px;
height:auto !important;
height:180px;
position:relative;
width:650px;
margin-bottom:30px;
}

#contents div.hdg-l1-03-container p.image{
position:absolute;
top:54px;
left:20px;
}

#contents div.hdg-l1-03-container .lyt-column{
margin:0 20px 0 140px;
padding:60px 0 10px 0;
}

#contents div.hdg-l1-03-container .lyt-column h1{
margin:0 0 13px 0;
}

#contents div.hdg-l1-03-container .lyt-column p{
color:#fff;
line-height:1.5;
margin-bottom:7px;
}

#contents div.hdg-l1-03-container ul{
text-align:right;
}

#contents div.hdg-l1-03-container ul a{
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat 0 0.2em;
padding-left:16px;
}

#contents div.hdg-l1-03-container ul a:link,
#contents div.hdg-l1-03-container ul a:visited{
color:#FFF;
text-decoration:none;
}

/* ========== hdg-category-01 ========== */
#contents .hdg-category-01{
margin-bottom:10px;
padding:6px 11px;
line-height:1.5;
color:#ffffff;
font-size:1.16em;
}

#contents #construction,
body.machikado #contents .hdg-category-01{
background-color:#a9bf8c;
}

#contents #completion{
background-color:#e0a43c;
}

#contents #completion{
background-color:#e0a43c;
}

#contents #ground{
background:url(/hebel/area/images/bg_ground.png) no-repeat left bottom;
}

#contents #housing{
background:url(/hebel/area/images/bg_housing.png) no-repeat left bottom;
}

#contents #machikado{
background:url(/hebel/area/images/bg_machikado.png) no-repeat left bottom;
}

#contents #afh{
background:url(/hebel/area/images/bg_afh.png) no-repeat left bottom;
}

#contents #stock{
background:url(/hebel/area/images/bg_stock.png) no-repeat left bottom;
}

#contents #transition{
background:url(/hebel/area/images/bg_transition.png) no-repeat left bottom;
}
#contents #transition.hdg-category-01{
padding:6px 11px 6px 25px !important;
}
#contents #transition.hdg-category-01 a{
color:#fff;
}
#contents #transition.hdg-category-01 a:hover{
color:#fff;
}
#contents .transition_p{
margin-bottom:17px;
padding-left: 18px;
}
/* ========== hdg-l2-01 ========== */
#contents .hdg-l2-01{
margin-bottom:15px;
padding:10px 20px;
width:610px;
background-color:#51697d;
color:#ffffff;
line-height:1.42;
font-size:1.16em;
}

/* ========== hdg-l2-02-container ========== */
#contents .hdg-l2-02-container{
position:relative;
margin-bottom:10px;
padding:6px 103px 6px 5px;
background-color:#3a566f;
}

#contents .hdg-l2-02-container .hdg-l2-02{
line-height:1.33;
color:#ffffff;
}

#contents .hdg-l2-02-container ul.nav-link-01{
position:absolute;
top:5px;
right:5px;
margin:0;
}


/* Paragraph
----------------------------------------------------------- */
#contents p.doc-lead-01{
margin:10px 0 10px 20px;
line-height:1.5;
}

#contents p.doc-banner-01{
margin:20px 0 30px;
text-align:center;
}


/* Unordered List
----------------------------------------------------------- */
#mainArea ul li a:link,
#mainArea ul li a:visited{
/*color:#2c96d2;*/
}

/* ========== list-normal-01 ========== */
#contents ul.list-normal-01{
margin-left:-11px;
overflow:hidden;
zoom:1;
}

#contents ul.list-normal-01 li{
display:inline-block;
/display:inline;
margin:3px 9px 3px -1px;
padding-left:10px;
border-left:1px solid #c5c9cb;
line-height:1;
zoom:1;
}

* html #contents ul.list-normal-01 li{ line-height:1.16;}
* + html #contents ul.list-normal-01 li{ line-height:1.16;}

#contents ul.list-normal-01 li a:link,
#contents ul.list-normal-01 li a:visited{
color:#2c96d2;
}

/* ========== list-normal-02 ========== */
#contents ul.list-normal-02 li{
padding-left:12px;
background:url(/hebel/contact/common/images/blt_list-normal-02.gif) no-repeat left 0.4em;
zoom:1;
}

#contents div.areaInfo02 ul.list-normal-02{
line-height:1.66;
}

#contents div.areaInfo02 ul.list-normal-02 li{
margin-bottom:15px;
background-image:url(/hebel/contact/common/images/blt_list-normal-02_pref.gif);
}

/* ========== list-link-01 ========== */
#contents ul.list-link-01 li{
margin-bottom:3px;
padding-left:17px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat 1px 0.3em;
zoom:1;
}

#contents #mainArea ul.list-link-01 li{
margin-bottom:0;
background-position:1px 0.2em;
}

#contents div.hdg-l1-01-container ul.list-link-01{
margin-bottom:1em;
}

#contents div.hdg-l1-01-container ul.list-link-01 li{
line-height:1.5;
}

/* ========== list-link-02 ========== */
#contents ul.list-link-02 li{
margin-bottom:10px;
}

#contents ul.list-link-02 li a:link,
#contents ul.list-link-02 li a:visited{
color:#698296;
}

#contents ul.list-link-02 li dl{
position:relative;
line-height:1.5;
zoom:1;
}

#contents ul.list-link-02 li dl.kanagawa{
position:relative;
padding-left:76px;
line-height:1.5;
zoom:1;
}

#contents ul.list-link-02 li dl dt{
margin-bottom:4px;
padding-left:17px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
font-size:1.16em;
}

#contents ul.list-link-02 li dl dt img.banner{
position:absolute;
top:0;
left:0;
}

/* ========== list-link-03 ========== */
#contents ul.list-link-03 li{
margin-bottom:10px;
line-height:1.5;
font-size:1.16em;
}

#contents ul.list-link-03 li img{
}

#contents ul.list-link-03 li a:link,
#contents ul.list-link-03 li a:visited{
color:#698296;
}

#contents ul.list-link-03 li span{
display:block;
padding-left:17px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
}


/* ========== list-notice-01 ========== */
#contents ul.list-notice-01 li{
position:relative;
padding-left:1.2em;
zoom:1;
}

#contents ul.list-notice-01 li span{
position:absolute;
top:0;
left:0;
}

/* ========== list-data-01 ========== */
#contents ul.list-data-01{
margin-bottom:20px;
}

#contents ul.list-data-01 li{
position:relative;
margin-bottom:10px;
padding:7px 7px 7px 147px;
border:3px solid #698296;
line-height:1.5;
_zoom:1;
}

#contents ul.list-data-01 li.withoutImg{
padding:7px;
}

#contents ul.list-data-01 li h3,
#contents ul.list-data-01 li h4{
margin:0 0 3px 0;
padding-left:14px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
width:375px;
font-size:1.16em;
font-weight:bold;
}

#contents ul.list-data-01 li p.status{
position:absolute;
top:7px;
right:7px;
}

#contents ul.list-data-01 li p.icon{
position:absolute;
top:7px;
left:7px;
}

#contents ul.list-data-01 li p.icon img.type{
margin-right:8px;
}

/* ========== list-data-02 ========== */
#contents ul.list-data-02{
margin-bottom:20px;
}

#contents ul.list-data-02 li{
margin-bottom:10px;
border:3px solid #698296;
line-height:1.5;
zoom:1;
}

#contents ul.list-data-02 li div.lyt-column{
display:table;
/display:block;
direction:rtl;
background:url(/hebel/model/images/bg_list-data-02.gif) repeat-y 74px top;
}

#contents ul.list-data-02 li div.data,
#contents ul.list-data-02 li div.type{
display:table-cell;
/display:inline;
padding:7px 0;
direction:ltr;
zoom:1;
vertical-align:middle;
}

#contents ul.list-data-02 li div.data{
width:567px;
}

#contents ul.list-data-02 li div.type p{
margin:3px;
}

#contents ul.list-data-02 li div.type{
padding-right:3px;
width:74px;
color:#698296;
text-align:center;
}

#contents ul.list-data-02 li div.data-inner{
position:relative;
/*padding:0 7px 0 77px;*/
padding:0 7px 0 77px;
width:483px;
min-height:60px;
height:auto !important;
height:60px;
}

#contents ul.list-data-02 li h3,
#contents ul.list-data-02 li h4{
padding-left:14px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
font-size:1.16em;
}

#contents ul.list-data-02.withIcon li h3,
#contents ul.list-data-02.withIcon li h4{
width:390px;
}

#contents ul.list-data-02 li h3 img.image,
#contents ul.list-data-02 li h4 img.image{
position:absolute;
top:0;
left:7px;
}

#contents ul.list-data-02.withIcon li p.icon{
position:absolute;
top:0;
right:10px;
}

#contents ul.list-data-02.withIcon li p.model_icon{
position: absolute;
top: 50px;
left: 7px;
}

ul.list-data-02.withIcon li p.tour {

position:absolute;
top:0;
right:10px;

}

/* ========== list-data-03 ========== */
#contents ul.list-data-03{
margin-bottom:20px;
}

#contents ul.list-data-03 li{
margin-bottom:10px;
padding:15px 17px;
border:3px solid #698296;
line-height:1.5;
zoom:1;
}

#contents ul.list-data-03 li h4{
margin-bottom:10px;
padding-left:14px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
font-size:1.16em;
}

#contents ul.list-data-03 li ul{
margin-bottom:5px;
}

#contents ul.list-data-03 li ul li{
margin-bottom:0;
padding:0;
border:none;
}

#contents ul.list-data-03 li div.lyt-image{
margin-bottom:0;
}

#contents ul.list-data-03 li div.lyt-image div.image{
float:left;
width:100px;
}

#contents ul.list-data-03 li div.lyt-image div.column{
float:right;
width:490px;
}

/* ========== list-icon-01 ========== */
body.contact #contents ul.list-icon-01{
position:absolute;
top:10px;
right:10px;
}

/* ========== list-data-04 ========== */
#contents ul.list-data-04{
margin-bottom:20px;
}

#contents ul.list-data-04 li{
margin-bottom:10px;
padding:15px 17px;
border:3px solid #698296;
line-height:1.5;
zoom:1;
}

#contents ul.list-data-04 li h4{
margin-bottom:10px;
padding-left:14px;
background:url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
font-size:1.16em;
}

#contents ul.list-data-04 li ul{
margin-bottom:5px;
}

#contents ul.list-data-04 li ul li{
margin-bottom:0;
padding:0;
border:none;
}

#contents ul.list-data-04 li div.lyt-image{
margin-bottom:0;
}

#contents ul.list-data-04 li div.lyt-image div.image{
float:left;
width:100px;
}

#contents ul.list-data-04 li div.lyt-image div.column{
float:right;
width:470px;
}

p.states{
top:10px;
right:10px;
text-align: right;
float: right;
}

#contents ul.list-data-04 li.nodata {
border:none;
zoom:1;
margin: 0px;
padding: 0px;
}



/* Definition List
----------------------------------------------------------- */
/* ========== list-normal-01 ========== */
#contents dl.list-normal-01{
margin:0 0 1em;
line-height:1.5;
}

#contents dl.list-normal-01 dt{
margin-bottom:2px;
color:#ffffff;
font-weight:bold;
}

#contents dl.list-normal-01 dd{
margin-bottom:4px;
}

/* ========== list-search-01 ========== */
#contents dl.list-search-01{
}

#contents dl.list-search-01 dt{
margin-bottom:5px;
}

#contents dl.list-search-01 dd{
padding:0 0 24px 10px;
background-repeat:no-repeat;
background-position:15px bottom;
}

#contents dl.list-search-01 dd ul li{
display:inline;
margin:0 5px;
}

body.event #contents dl.list-search-01 dd{
background-image:url(/hebel/event/images/bg_list-search-01.gif);
}

body.bunjyo #contents dl.list-search-01 dd{
background-image:url(/hebel/bunjyo/images/bg_list-search-01.gif);
}

/* ========== list-search-02 ========== */
#contents dl.list-search-02 dt{
margin-bottom:20px;
}

#contents dl.list-search-02 dd{
position:relative;
}

#contents dl.list-search-02 dd ul{
position:relative;
margin-left:15px;
padding-bottom:38px;
}

#contents dl.list-search-02 dd ul li{
display:inline;
margin-right:15px;
}

body.machikado #contents dl.list-search-02{
margin:-7px 0 0;
}

/* ========== list-search-03 ========== */
#contents dl.list-search-03 dt{
margin-bottom:10px;
}

/* ========== catchcopy ========== */
#contents dl.catchcopy{
margin-top:15px;
}

#contents dl.catchcopy dt{
margin-bottom:5px;
font-weight:bold;
font-size:1.5em;
}

#contents dl.catchcopy dd{
line-height:1.83;
}


/* Table
----------------------------------------------------------- */
#contents table td.tel,
#contents table td.zipcode{
text-align:center;
}

/* ========== tbl-news-01 ========== */
#contents table.tbl-news-01{
border:none;
}

#contents table.tbl-news-01 th,
#contents table.tbl-news-01 td{
border:none;
}

/* ========== tbl-data-01 ========== */
#contents table.tbl-data-01{
margin-bottom:20px;
width:100%;
line-height:1.33;
font-size:0.91em;
}

#contents table.tbl-data-01 caption{
font-weight:bold;
}

#contents table.tbl-data-01 th,
#contents table.tbl-data-01 td{
padding:6px 4px;
}

#contents table.tbl-data-01 thead th,
#contents table.tbl-data-01 thead td{
background-color:#5386b2;
color:#ffffff;
font-weight:bold;
text-align:center;
}

#contents table.tbl-data-01 thead th{
background-color:#5386b2;
}

#contents table.tbl-data-01 tbody th{
font-weight:bold;
}

#contents table.tbl-data-01.officeList th,
#contents table.tbl-data-01.officeList td{
vertical-align:middle;
}

#contents table.tbl-data-01.striped tbody tr.odd td{
background-color:#e0e9f0;
}

#contents table.tbl-data-01.striped tbody tr:nth-child(odd) td{
background-color:#e0e9f0;
}

#contents table.tbl-data-01.striped tbody tr.even td{
background-color:#f7f7f7;
}

#contents table.tbl-data-01.striped tbody tr:nth-child(even) td{
background-color:#f7f7f7;
}


/* Navigation
----------------------------------------------------------- */
/* ========== nav-contents-01 ========== */
#contents ul.nav-contents-01{
margin-bottom:0.83em;
}

#contents ul.nav-contents-01 li{
display:inline;
margin-right:17px;
padding-right:17px;
border-right:1px solid #999999;
line-height:1.5;
zoom:1;
}

body.office #contents ul.nav-contents-01 li{
line-height:2;
}

#contents ul.nav-contents-01 li a:link,
#contents ul.nav-contents-01 li a:visited{
text-decoration:underline;
}

#contents ul.nav-contents-01 li.first-child{
padding-left:17px;
border-left:1px solid #999999;
}

#contents ul.nav-contents-01.wide li{
margin-right:5px;
padding-right:5px;
}

#contents ul.nav-contents-01.wide li.first-child{
padding-left:5px;
}

/* ========== nav-contents-02 ========== */
#contents ul.nav-contents-02{
margin:11px 0 5px;
}

#contents ul.nav-contents-02 li{
display:inline;
margin-right:10px;
}

#contents ul.list-data-01 li ul.nav-contents-02 li{
padding:0;
border:none;
}

/* ========== nav-contents-03 ========== */
#headerArea ul.nav-contents-03{
position:absolute;
top:14px;
right:0;
width:210px;
text-align:right;
z-index:10;
}

#headerArea ul.nav-contents-03 li{
display:inline;
margin-left:5px;
}

/* ========== nav-contents-04 ========== */
#contents ul.nav-contents-04{
margin:0 0 0.83em 17px;
}

#contents ul.nav-contents-04 li{
float:left;
margin:0 17px 5px 0;
padding-right:17px;
min-width:3em;
width:auto !important;
width:3em;
border-right:1px solid #999999;
line-height:1.5;
text-align:center;
}

#contents ul.nav-contents-04 li.last-child{
border-right:none;
}

#contents ul.nav-contents-04 li a:link,
#contents ul.nav-contents-04 li a:visited{
text-decoration:underline;
white-space: nowrap;
}


/* ========== nav-search-area ========== */
#contents dl.nav-search-area{
padding-left:10px;
}

#contents dl.nav-search-area dt,
#contents dl.nav-search-area dd,
#contents dl.nav-search-area dd form{
display:inline;
}

#contents dl.nav-search-area dt{
font-weight:bold;
}

#contents dl.nav-search-area dd form{
margin-left:10px;
width:165px;
}


/* Option Class
----------------------------------------------------------- */
#contents .mod-mt-5{ margin-top:5px !important;}
#contents .mod-mt-15{ margin-top:15px !important;}
#contents .mod-mb-non{ margin-bottom:0 !important;}
#contents .mod-mb-5{ margin-bottom:5px !important;}
#contents .mod-mb-20{ margin-bottom:20px !important;}


/* Self Clearing
----------------------------------------------------------- */
#contents div.lyt-image:after,
#contents div.lyt-column:after,
#contents ul.nav-contents-04:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#contents div.lyt-image,
#contents div.lyt-column,
#contents ul.nav-contents-04{
zoom:1;
}

/* 140110
----------------------------------------------------------- */

#ground,
#afh,
#housing,
#machikado,
#stock
#transition{
      padding-top:90px !important;
      margin-top:-90px;
}





/* 150204
/* Machikadohh List
----------------------------------------------------------- */
#contents ul.listbox li {
position: relative;
margin-bottom: 10px;
border: 3px solid #698296;
line-height: 1.5;
min-height: 127px;
height: auto !important;
zoom: 1;
      cursor:pointer;
}
#contents ul.listbox li.none{
border: none;
min-height: auto;
}
#contents ul.listbox li div.data {
/*	width: 567px;*/
}
#contents ul.listbox li div.data-inner {
/*padding:0 7px 0 77px;*/
padding: 7px 7px 0 171px;
height: auto !important;
}
#contents ul.listbox li h4 {
padding-left: 14px;
background: url(/hebel/contact/common/images/blt_normal_01.gif) no-repeat left 0.3em;
font-size: 1.16em;
margin-bottom: 14px;
}
#contents ul.listbox li .image {
position: absolute;
top: 7px;
left: 7px;
text-align: center;
width: 150px;
height: 113px;
overflow: hidden;
}
#contents ul.listbox li .image img {
height: 100%;
}
#contents ul.listbox li p.icon {
position: absolute;
top: 7px;
right: 10px;
}
#contents ul.listbox li .tag {
width: 100%;
margin: 7px 0 7px;
text-align: right;
overflow: hidden;
_zoom: -1;
}
#contents ul.listbox li .tag img {
float: left;
margin-right: 6px;
}
#contents ul.listbox li .tag p.blog {
margin: 2px 6px 0 0;
font-weight: bold;
}
#contents .list-link-01 li{
min-height:auto !important;
height:auto !important;
border:none !important;
}

/* 20170202追加
----------------------------------------------------------- */
#transition {background-image: none; background-color: #698296;}
.trs-wrap {
display: block;
overflow: hidden;
width: 100%;
box-sizing: border-box;
margin-bottom: 20px;
}
.trs-box {
position: relative;
box-sizing: border-box;
width: 320px !important;
padding: 20px !important;
background: #f5f5f5;
float: left;
}
.trs-box.fr {
float: right;
}
.trs-box p {
line-height: 1.6;
margin-bottom: 16px;
}
.trs-box a {
display: block;
position: relative;
width: 100%;
height: auto;
line-height: 38px;
box-sizing: border-box;
background: #fff;
color: #698296;
border: 2px solid #698296;
text-align: center;
text-decoration: none;
font-size: 16px;
font-weight: bold;
box-shadow: 0 3px 8px rgba(0,0,0,0.3);
transition: .3s;
}
.trs-box a:hover {
background: #698296;
color: #fff;
box-shadow: 0 3px 2px rgba(0,0,0,0.3);
}
.trs-box a:before {
content: '';
display: block;
position: absolute;
overflow: hidden;
width: 100%;
height: 38px;
top: 0;
}
.trs-box .btn-faq:before {
background: url(/hebel/bunjyo/images/tokyo_btn_icon01.png) left top no-repeat !important;
}
.trs-box .btn-exb:before {
background: url(/hebel/bunjyo/images/tokyo_btn_icon02.png) left top no-repeat !important;
}
.trs-box .btn-faq:hover:before {
background: url(/hebel/bunjyo/images/tokyo_btn_icon01.png) left -38px no-repeat !important;
}
.trs-box .btn-exb:hover:before {
background: url(/hebel/bunjyo/images/tokyo_btn_icon02.png) left -38px no-repeat !important;
}






/*分譲リスト用*/
.bunjyo .list-data-04 ol li{
  display: inline-block;
}
.bunjyo .list-data-04 ol li::before{
  content:'・';
}
.bunjyo .list-data-04 ol li:first-child::before{
  display: none;
}