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

/* Layout
----------------------------------------------------------- */
body.contact.distribution #headerArea{
background:url(/hebel/contact/public/images/bg_header-area.jpg) no-repeat left top;
}

#mainArea{
margin:0 auto;
width:980px;
line-height:1.5;
}

/*#mainArea h1{
position:absolute;
left:-9999px;
}*/

#breadcrumbs{
height:18px;
}

/* Layout Column
----------------------------------------------------------- */
#contents div.lyt-column.col2{
position:relative;
overflow:hidden;
margin:0 -10px 10px 0;
padding-top:10px;
}

#contents div.lyt-column.col2 div.segment{
float:left;
margin-right:10px;
padding:13px 130px 13px 20px;
width:335px;
height:232px;
}

#contents div.lyt-column.col2 div.segment.aboutHebel{
background:url(/hebel/contact/public/images/index_bg_01.jpg) no-repeat left top;
}

#contents div.lyt-column.col2 div.segment.buy{
background:url(/hebel/contact/public/images/index_bg_02.jpg) no-repeat left top;
}

#contents div.lyt-column.col2 div.segment h2{
margin-bottom:23px;
}

#contents div.lyt-column.col2 div.segment p{
margin-bottom:0.5em;
}

#contents div.lyt-column.col2 div.segment ul{
margin-bottom:1.5em;
}

#contents div.lyt-column.col3-01{
position:relative;
overflow:hidden;
margin:0 -10px 10px 0;
}

#contents div.lyt-column.col3-02{
margin-bottom:10px;
padding:1px;
border:1px solid #e5e7ea;
}

#contents div.lyt-column.col3-02 div.col3-02-inner{
padding:1px 0;
background-color:#f7f8f9;
}

#contents div.lyt-column.col3-02 div.col3-02-inner div.segment{
display:inline-block;
/display:inline;
padding:12px 24px;
border-left:1px solid #ffffff;
border-right:1px solid #d5dadf;
width:274px;
zoom:1;
}

#contents div.lyt-column.col3-02 div.col3-02-inner div.segment.first-item{
border-left:none;
}

#contents div.lyt-column.col3-02 div.col3-02-inner div.segment.last-item{
border-right:none;
}

#contents div.lyt-column.col3-02 div.col3-02-inner div.segment.website{
width:280px;
}

#contents div.lyt-column.col3-02 div.segment h2{
margin-bottom:10px;
}

#contents div.lyt-column.col3-02 div.segment p{
margin-bottom:0.4em;
}


/* Layout Box
----------------------------------------------------------- */
#contents div.box-contact-02{
float:left;
margin-right:10px;
width:320px;
/*min-height:203px;
height:auto !important;
height:203px;*/
background:url(/hebel/contact/public/images/index_bg_03_bottom.gif) no-repeat left bottom;
}

#contents div.box-contact-02-inner{
padding:21px 21px 16px;
background:url(/hebel/contact/public/images/index_bg_03_top.gif) no-repeat left top;
}

#contents div.box-contact-02 h2{
margin-bottom:15px;
}

#contents div.box-contact-02 p{
margin-bottom:0.4em;
}

/* List
----------------------------------------------------------- */
#contents #mainArea ul.list-link-01{
margin-bottom:1.5em;
}

#contents #mainArea ul.list-link-01.last-item{
margin-bottom:0;
}

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

#contents #mainArea ul.list-link-01 li a:link,
#contents #mainArea ul.list-link-01 li a:visited{
color:#535353;
}

#contents #mainArea ul.list-link-04{
margin-bottom:20px;
}

#contents #mainArea ul.list-link-04 li{
text-align:right;
}



/* 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 div.col3-02-inner:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#contents div.lyt-image,
#contents div.lyt-column,
#contents div.col3-02-inner{
zoom:1;
}

/* 20140724追加 お問合せ改修 + 20140922追記
----------------------------------------------------------- */

#contents #mainArea .section01{
	margin-top:20px;
	overflow:hidden;
	zoom:1;
}

#contents #mainArea .section01_last{
	margin-bottom:20px;
	margin-top:20px;
}

#contents #mainArea .section02{
	margin-top:15px;
}

#contents #mainArea .section02 h3{
	padding:6px 0 6px 35px;
	color:#4c4c4c;
	font-size: 1.3em;
	background: url("/hebel/contact/common/images/blt_normal_01.gif") no-repeat scroll 15px 13px #eeeeee;
}

#contents #mainArea .section02 h3 a{
	color:#4c4c4c;
}

#contents #mainArea .section02 p,
#contents #mainArea .section02 ul li{
	color:#808080;
	margin-left:15px;
}

#contents #mainArea .section02 p,
#contents #mainArea .section02 ul{
	margin-top:10px;
}

#contents #mainArea .section02 p a{
	background: url("/hebel/contact/common/images/blt_normal_01.gif") no-repeat scroll 0 0 transparent;
	padding-left:16px;
}

#contents #mainArea .section02 #selectForm{
	margin:10px 0 0 15px;
}

#contents #mainArea .section02 .item01{
float:left;
width:290px;
}
#contents #mainArea .section02 .item02{
float:right;
width:160px;
}

/* 20140922追加 お問合せ改修
----------------------------------------------------------- */

#contents #mainArea .col_left{
float:left;
width:470px;
}
#contents #mainArea .col_right{
float:right;
width:470px;
}