@charset "utf-8";

body.tech{
position:relative;
}

body.index{
background:#000 url(/hebel/technology/images/index_bg.gif) repeat-x left top;
}

body.index #container{
background:url(/hebel/technology/images/index_bg_main.jpg) no-repeat center top;
}

body.index #globalNavArea{
margin-bottom:4px;
}

/* Contents Area
----------------------------------------------------------- */
#contents{
}

body.index #contents{
padding-bottom:60px;
}
/* ===================== Main Area ======================= */
#contents #mainArea{
line-height:1.67;
color:#fff;
font-size:12px !important;
}

/* contents-header
----------------------------------------------------------------- */
#contents #contents-header{
position:relative;
min-height:500px;
height: auto !important;
height:500px;
}

body.tech.index #contents #contents-header{
min-height:396px;
height:396px;
}

#contents #contents-header p.category{
margin-bottom:37px;
}

#contents #contents-header p.mainimage{
position:absolute;
top:0;
right:0;
height:500px;
background:no-repeat 0 250px;
z-index:1;
}
body.t01h #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/01h_bg_mainimage.jpg);
}
body.t01s #contents #contents-header p.mainimage{
background-image:url(/image.jsp?hebel/technology/images/01s_bg_mainimage.jpg);
}
body.t02 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/02_bg_mainimage.jpg);
}
body.t03 #contents #contents-header p.mainimage{
background-image:url(/image.jsp?hebel/technology/images/03_bg_mainimage.jpg);
}
body.t04 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/04_bg_mainimage.jpg);
}
body.t05 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/05_bg_mainimage.jpg);
}
body.t06 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/06_bg_mainimage.jpg);
}
body.t07 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/07_bg_mainimage.jpg);
}
body.t08 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/08_bg_mainimage.jpg);
}
body.t09 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/09_bg_mainimage.jpg);
}
body.t10 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/10_bg_mainimage.jpg);
}
body.t11 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/11_bg_mainimage.jpg);
}
body.t12 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/12_bg_mainimage.jpg);
}
body.t13 #contents #contents-header p.mainimage{
background-image:url(/hebel/technology/images/13_bg_mainimage.jpg);
}

#contents #contents-header p.preface{
width:844px;
line-height:2.0;
}
body.index #contents #contents-header p.preface{
position:absolute;
top:0;
left:212px;
}

body.index #contents #contents-header p.title{
position:absolute;
top:81px;
left:50px;
}


/* contents-footer
----------------------------------------------------------------- */
#contents-footer{
padding-top:33px;
}

/* Section
----------------------------------------------------------------- */
#contents .section{
margin:0 20px;
padding:0 51px;
position:relative;
}

#contents .section .section{
margin:0 -51px;
padding:0 51px;
position:relative;
}

/* ===== image-Section ===== */
#contents .image-sec{
position:absolute;
}


/* Layout Column
----------------------------------------------------------------- */
/* ===== image-L-01,image-R-01 ===== */
#contents .lyt-image{
}

/* ===== 2-Column ===== */
#contents .col2{
}
#contents .col2 .col-left{
float:left;
}
#contents .col2 .col-right{
float:right;
}


/* Heading
----------------------------------------------------------------- */
/* ===== hdg-l1 ===== */
#contents h1{
margin-bottom:15px;
position:relative;
z-index:2;
}
#contents h1 br{
font-size:0;
line-height:0;
display:none;
}
#contents h1 span{
display:block;
margin-bottom:26px;
}

body.index #contents h1{
margin-bottom:33px;
padding:42px 0 0 51px;
}

/* ===== hdg-l2 ===== */
#contents h2{
margin-bottom:10px;
}

/* ===== hdg-l3 ===== */
#contents h3{
margin-bottom:6px;
}

/* Document
----------------------------------------------------------------- */
body.index #contents p.preface{
position:absolute;
top:471px;
left:312px;
z-index: 3;
}


/* Ordered List
----------------------------------------------------------------- */
#contents #mainArea ol{
line-height:1.17;
}
#contents #mainArea ol li{
margin-bottom:4px;
}
#contents #mainArea ol li span{
position:absolute;
top:0;
left:0;
_left:-1.2em;
}

/* Unordered List
----------------------------------------------------------------- */
/* ===== nav-contents-01 ===== */
body.index #contents #contents-header ul.nav-contents-01{
position:absolute;
top:326px;
left:53px;
}

/* ===== nav-contents-top ===== */
#mainArea ul.nav-contents-top{
margin:7px 20px 0;
clear:both;
font-size:11px;
}
#mainArea ul.nav-contents-top li{
padding-top:1px;
background-position:left top;
}
#mainArea ul.nav-contents-top li a{
color:#c8c8c8;
text-decoration:none;
}

/* Definition List
----------------------------------------------------------------- */
#contents #mainArea dl{
}
#contents #mainArea dl dt{
}
#contents #mainArea dl dd{
line-height:1.5;

}


/* Table
----------------------------------------------------------------- */


/* Navigation
----------------------------------------------------------------- */
/* ===== 01 ===== */
#contents #mainArea ul.nav-contents-01{
}
#contents #mainArea ul.nav-contents-01 li{
margin-bottom:4px;
float:left;
width:265px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_02{
	width:184px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_09{
width:184px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_03{
margin-left:130px;
_margin-left:65px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_05{
position:relative;
z-index:1;
}
#contents #mainArea ul.nav-contents-01 li.nav01_08{
margin-top:-7px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_10{
margin-top:15px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_11{
margin-top:14px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_12{
	margin-top:15px;
}
#contents #mainArea ul.nav-contents-01 li.nav01_13{
	margin-top:15px;
	width:184px;
}

/* ===== 02 ===== */
#contents #mainArea ul.nav-contents-02{
position:absolute;
top:278px;
right:0;
z-index:2;

}
body.index #contents #mainArea ul.nav-contents-02{
top:344px;
}
#contents #mainArea ul.nav-contents-02 li{
margin-left:11px;
display:inline;
}
body.index #contents #mainArea ul.nav-contents-02 li{
margin-left:5px;
}

/* ===== hebellab ===== */
#contents #mainArea p.nav-contents-hebellab{
margin-right:20px;
_margin-right:10px;
float:right;
}

/* ===== baner ===== */
#contents #mainArea ul.nav-contents-baner{
margin-top:8px;
}

/* Option Class
----------------------------------------------------------------- */



/* =================== Contents Footer Area =================== */
#contents-footer{
padding-bottom:13px;
background:url(/hebel/technology/images/bg_footer.gif) repeat-x left bottom;
}


/* Local Navigation
----------------------------------------------------------- */
#contents-footer ul#localNav{
margin-right:-2px;
padding:0 1px;
width:983px;
}

#contents-footer ul#localNav li{
margin-right:2px;
display:inline;
}


/* Self Clearing
----------------------------------------------------------------- */
#contents:after,
#contents .col2:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

#contents,
#contents .col2{
zoom:1;
}