/* 01h.html
----------------------------------------------------------------- */
/* ===== unit01 ===== */
body.t01h #contents .section.unit01{
padding-top:51px;
padding-left:490px;
padding-bottom:88px;
min-height:453px;
height: auto !important;
height:453px;
background:url(/hebel/technology/images/01h_bg_unit01.gif) no-repeat left top;
}

body.t01h #contents .section.unit01 .image-sec{
top:-26px;
left:-20px;
}

body.t01h #contents .section.unit01 dl{
}
body.t01h #contents .section.unit01 dl dt.image{
margin:30px 0 2px 49px;
}

body.t01h #contents .section.unit01 ol{
margin-left:49px;
}
body.t01h #contents .section.unit01 ol li{
padding-left:1.2em;
position:relative;
}
body.t01h #contents .section.unit01 ol li span{
position:absolute;
top:0;
left:0;
_left:-1.2em;
}

/* ===== unit02 ===== */
body.t01h #contents .section.unit02{
padding-right:398px;
padding-bottom:65px;
min-height:390px;
height: auto !important;
height:390px;
background:url(/hebel/technology/images/01h_bg_unit02.gif) no-repeat left top;
}

body.t01h #contents .section.unit02 .image-sec{
top:-4px;
right:4px;
}

body.t01h #contents .section.unit02 ul.image{
margin:20px -20px 0 0;
/padding-top:20px;
width:500px;
}
body.t01h #contents .section.unit02 ul.image li{
margin-right:9px;
display:inline;
}


/* ===== unit03 ===== */
body.t01h #contents .section.unit03{
padding-left:510px;
padding-bottom:85px;
min-height:165px;
height: auto !important;
height:165px;
background:url(/hebel/technology/images/01h_bg_unit03.gif) no-repeat left top;
}

body.t01h #contents .section.unit03 .image-sec{
top:-4px;
left:-34px;
}

/* ===== unit04 ===== */
body.t01h #contents .section.unit04{
margin-bottom:30px;
padding-right:470px;
padding-bottom:440px;
min-height:160px;
height: auto !important;
height:160px;
background:url(/image.jsp?hebel/technology/images/01h_bg_unit04.gif) no-repeat left bottom;
}

body.t01h #contents .section.unit04 .movie-sec{
position:absolute;
top:-17px;
right:30px;
}

body.t01h #contents .section.unit04 .image-sec{
bottom: 4px;
left:51px;
}

body.t01h #contents .section.unit04 ul.image{
padding:61px 0 0 28px;
position:absolute;
bottom:0;
left:322px;
background:url(/hebel/technology/images/01h_bg_fig08-09.gif) no-repeat left top;
}
body.t01h #contents .section.unit04 ul.image li{
margin-bottom:17px;
}

body.t01h #contents .section.unit04 p.image{
position:absolute;
bottom:16px;
right:81px;
}

/* ===== unit05 ===== */
body.t01h #contents .section.unit05{
margin-right:27px;
_margin-left:10px;
padding:0;
float:left;
background:url(/image.jsp?hebel/technology/images/01h_bg_unit05_01.gif) no-repeat left top;
}
body.t01h #contents .section.unit05 .inner{
padding:160px 22px 71px 420px;
min-height:154px;
height: auto !important;
height:154px;
background:url(/image.jsp?hebel/technology/images/01h_bg_unit05_02.gif) no-repeat left bottom;
}

body.t01h #contents .section.unit05 .movie-sec{
position:absolute;
top:14px;
left:15px;
}

body.t01h #contents-header{
margin-bottom:65px;
min-height:auto !important;
}

/* ===== unit06 ===== */
body.t01h #contents .section.unit06{
padding-top:5px;
padding-left:450px;
padding-bottom:88px;
min-height:453px;
height: auto !important;
height:453px;
background:url(/hebel/technology/images/01h_bg_unit02.gif) no-repeat left top;
}

body.t01h #contents .section.unit06 .image-sec{
top: 0;
left: 0px;
}

body.t01h #contents .section.unit06 .image-sec p{
margin-left:1.2em;
}

body.t01h #contents .section.unit06 dl{
}
body.t01h #contents .section.unit06 dl dt.image{
margin:0 0 2px 5px;
}

body.t01h #contents .section.unit06 ol{
margin-left:5px;
}
body.t01h #contents .section.unit06 ol li{
padding-left:1.2em;
position:relative;
}
body.t01h #contents .section.unit06 ol li span{
position:absolute;
top:0;
left:0;
_left:-1.2em;
}


/* 01s.html
----------------------------------------------------------------- */
body.t01s #contents #contents-header{
padding-bottom:48px;
min-height:452px;
height:auto !important;
height:452px;
}

/* ===== unit01 ===== */
body.t01s #contents .section.unit01{
padding-top:67px;
padding-left:480px;
padding-bottom:60px;
min-height:658px;
height: auto !important;
height:658px;
background:url(/hebel/technology/images/01s_bg_unit01.gif) no-repeat left top;
color:#afafaf;
}

body.t01s #contents .section.unit01 .image-sec{
top:-48px;
left:-20px;
}

body.t01s #contents .section.unit01 ul.image{
margin:27px -38px 17px -5px;
}
body.t01s #contents .section.unit01 ul.image li{
margin-right:30px;
display:inline;
}

body.t01s #contents .section.unit01 dl{
}
body.t01s #contents .section.unit01 dl dt{
margin:22px 0 3px;
}

/* ===== unit02 ===== */
body.t01s #contents .section.unit02{
padding-right:450px;
padding-bottom:30px;
min-height:300px;
height: auto !important;
height:300px;
background:url(/hebel/technology/images/01s_bg_unit02.gif) no-repeat left top;
}

body.t01s #contents .section.unit02 .image-sec{
top: 0px;
right:51px;
}


/* ===== 01s_bg_unit03-04 ===== */
body.t01s #contents .section.unit03-04{
background:url(/image.jsp?id=99847) no-repeat left bottom;
}

/* ===== unit03 ===== */
body.t01s #contents .unit03{
margin: 0 !important;
padding-right:450px;
padding-bottom:30px;
min-height:280px;
height: auto !important;
height:280px;
}

body.t01s #contents .unit03 .image-sec{
top: 0px;
right: 51px;
}

/* ===== unit04 ===== */
body.t01s #contents .unit04{
margin: 0 !important;
padding-right:450px;
padding-bottom:30px;
min-height:300px;
height: auto !important;
height:300px;
}

body.t01s #contents .unit04 .image-sec{
top: 280px;
right: 51px;
}

/* ===== unit05 ===== */
body.t01s #contents .unit05{
margin: 0 !important;
padding-right:450px;
padding-bottom:30px;
min-height:400px;
height: auto !important;
height:400px;
}

body.t01s #contents .unit05 .image-sec{
top: 580px;
right:51px;
}

/* ===== 01s_bg_unit09-10 ===== */
body.t01s #contents .unit09-10{
background:url(/hebel/technology/images/01s_bg_unit09-10.gif) no-repeat left bottom;
}

/* ===== unit07 ===== */
body.t01s #contents .unit07{
margin: 0 !important;
padding-right:450px;
padding-bottom:30px;
min-height:400px;
height: auto !important;
}

body.t01s #contents .unit07 .image-sec{
top: 0px;
right:51px;
}


/* ===== unit09 ===== */
body.t01s #contents .unit09{
margin: 0 !important;
padding-right:450px;
padding-bottom:30px;
min-height:280px;
height: auto !important;
height:280px;
}

body.t01s #contents .unit09 .image-sec{
top: 450px;
right:51px;
}


/* 02.html
----------------------------------------------------------------- */
/* ===== unit01 ===== */
body.t02 #contents .section.col2.unit01{
padding-top:48px;
padding-right:39px;
padding-bottom:58px;
min-height:566px;
height: auto !important;
height:566px;
background:url(/hebel/technology/images/02_bg_unit01.gif) no-repeat left top;
}
body.t02 #contents .section.col2.unit01 .col-left{
width:380px;
}

body.t02 #contents .section.col2.unit01 .col-left p.image{
margin:25px 0 4px;
}

body.t02 #contents .section.col2.unit01 .col-left dl{
}
body.t02 #contents .section.col2.unit01 .col-left dl dt{
margin-bottom:2px;
}
body.t02 #contents .section.col2.unit01 .col-left dl dd{
margin-bottom:7px;
color:#afafaf;
}

body.t02 #contents .section.col2.unit01 .col-right{
margin-top:8px;
width:430px;
}

body.t02 #contents .section.col2.unit01 .col-right dl{
margin-right:-14px;
font-size:11px;
line-height:1.55;
}
body.t02 #contents .section.col2.unit01 .col-right dl dt{
margin-bottom:8px;
margin-right:14px;
text-align:center;
clear:both;
}
body.t02 #contents .section.col2.unit01 .col-right dl dd{
margin:0 14px 25px 0;
width:201px;
float:left;
color:#afafaf;
}
body.t02 #contents .section.col2.unit01 .col-right dl dd img{
margin-bottom:11px;
}

/* ===== unit02 ===== */
body.t02 #contents .section.col2.unit02{
padding-bottom:66px;
padding-left:553px;
min-height:423px;
height: auto !important;
height:423px;
background:url(/hebel/technology/images/02_bg_unit02.gif) no-repeat left top;
}

body.t02 #contents .section.col2.unit02 .col-left{
margin:-133px 0 0 -502px;
width:462px;
}
body.t02 #contents .section.col2.unit02 .col-left p.image{
margin:21px 0 0 -47px;
_margin-left:456px;
}

body.t02 #contents .section.col2.unit02 .col-right p.image{
margin:21px -7px 6px 0;
}
body.t02 #contents .section.col2.unit02 ul{
width:336px;
font-size:11px;
}

/* ===== unit03 ===== */
body.t02 #contents .section.unit03{
margin-bottom:30px;
padding-right:509px;
padding-bottom:308px;
min-height:182px;
height: auto !important;
height:182px;
background:url(/hebel/technology/images/02_bg_unit03.gif) no-repeat left bottom;
}

body.t02 #contents .section.unit03 p.image{
position:absolute;
bottom:4px;
}

body.t02 #contents .section.unit03 .image-sec{
position:absolute;
bottom:3px;
right:14px;
width:436px;
}

body.t02 #contents .section.unit03 .image-sec ol{
margin-right:-40px;
}
body.t02 #contents .section.unit03 .image-sec ol li{
margin-right:40px;
margin-bottom:37px !important;
width:178px;
float:left;
color:#afafaf;
}
body.t02 #contents .section.unit03 .image-sec p{
clear:both;
}

/* ===== unit04 ===== */
body.t02 #contents .section.unit04{
padding:0;
float:left;
background:url(/image.jsp?hebel/technology/images/01h_bg_unit05_01.gif) no-repeat left top;
}
body.t02 #contents .section.unit04 .inner{
padding:32px 47px 38px 236px;
min-height:115px;
height: auto !important;
height:115px;
background:url(/image.jsp?hebel/technology/images/01h_bg_unit05_02.gif) no-repeat left bottom;
}

body.t02 #contents .section.unit04 .image-sec{
top:23px;
left:50px;
}

body.t02 #contents .section.unit04 ul.image{
position:absolute;
top:87px;
left:623px;
}


/* 03.html
----------------------------------------------------------------- */
body.t03 #contents #contents-header{
padding-bottom:53px;
min-height:447px;
height: auto !important;
height:447px;
}

/* ===== lyt-image ===== */
body.t03 #contents .lyt-image{
margin:0 20px;
padding-bottom:2px;
position:relative;
width:940px;
min-height:476px;
height: auto !important;
height:476px;
background:url(/hebel/technology/images/03_bg_lyt-image.gif) no-repeat left top;
}
body.t03 #contents .lyt-image p{
position:absolute;
top:-53px;
left:46px;
}

/* ===== unit01 ===== */
body.t03 #contents .col2{
margin:0 20px;
position:relative;
width:940px;
background:url(/hebel/technology/images/03_bg_unit01-02.gif) no-repeat left top;
}

body.t03 #contents .section.unit01{
margin:0;
padding-right:0;
width:400px;
}

body.t03 #contents .section.unit01 p.image{
margin-top:22px;
}

/* ===== unit02 ===== */
body.t03 #contents .section.unit02{
margin:0;
padding:0 51px 60px 0;
width:399px;
min-height:653px;
height: auto !important;
height:653px;
}

body.t03 #contents .section.unit02 p.image{
margin:21px 0 13px 23px;
}

body.t03 #contents .section.unit02 dl{
margin:0 -23px 0 25px;
_margin-right:-46px;
}
body.t03 #contents .section.unit02 dl dt{
margin:0 30px 4px 0;
_margin-right:60px;
text-align:center;
}
body.t03 #contents .section.unit02 dl dd{
float:left;
margin-right:30px;
width:160px;
}

/* ===== unit03 ===== */
body.t03 #contents .section.unit03{
padding-left:411px;
padding-bottom:20px;
min-height:262px;
height: auto !important;
height:262px;
background:url(/hebel/technology/images/03_bg_unit03.gif) no-repeat left top;
}

body.t03 #contents .section.unit03 .image-sec{
top:-184px;
left:4px;
}

/* ===== unit03縲€dura bnr ===== */
body.t03 #contents .section.unit03 .dura-bnr {
display:block;
width:470px;
margin-top:24px;
}
body.t03 #contents .section.unit03 .dura-bnr .copy{
display:block;
width:235px;
float:left;
}

body.t03 #contents .section.unit03 .dura-bnr .bnr{
float:right;
}

body.t03 #contents .section.unit03 .dura-bnr:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

/* ===== unit04 ===== */
body.t03 #contents .section.col2.unit04{
padding-bottom:4px;
padding-right:490px;
width:399px;
min-height:405px;
height: auto !important;
height:405px;
background:url(/hebel/technology/images/03_bg_unit03.gif) no-repeat left bottom;
}

body.t03 #contents .section.col2.unit04 .col-left{
width:399px;
}
body.t03 #contents .section.col2.unit04 .col-left dl{
margin-top:36px;
}
body.t03 #contents .section.col2.unit04 .col-left ul{
margin-bottom:150px;
color:#afafaf;
font-size:11px;
}
body.t03 #contents .section.col2.unit04 .col-left p.image{
position:absolute;
bottom:4px;
}

body.t03 #contents .section.col2.unit04 .col-right{
margin:-124px -434px 0 0;
/* position:relative; */
width:399px;
}
body.t03 #contents .section.col2.unit04 .col-right .image-sec{
bottom:4px;
right:4px;
}

/* ===== unit05 ===== */
body.t03 #contents .section.col2.unit05{
  padding-bottom:4px;
  padding-right:490px;
  padding-top: 68px;
  width:399px;
  min-height:370px;
  height: auto !important;
  height:405px;
  background:url(/hebel/technology/images/03_bg_unit04.gif) no-repeat left bottom;
}
body.t03 #contents .section.col2.unit05 .col-left{
  width:399px;
  margin-top: 54px;
}
body.t03 #contents .section.col2.unit05 .col-right{
  margin:-173px -434px 0 0;
  width:399px;
}



/* 04.html
----------------------------------------------------------------- */
/* ===== unit01 ===== */
body.t04 #contents .section.col2.unit01{
margin:0 20px;
padding-top:45px;
padding-bottom:20px;
min-height:334px;
height: auto !important;
height:334px;
background:url(/hebel/technology/images/04_bg_unit01.gif) no-repeat left top;
}

body.t04 #contents .section.col2.unit01 .col-right{
margin:0;
padding-top:42px;
padding-left:0;
}
body.t04 #contents .section.col2.unit01 .col-right{
margin:0;
padding-left:0;
width:376px;
}

body.t04 #contents .section.col2.unit01 .col-left{
margin:0;
padding-right:0;
width:420px;
}

body.t04 #contents .section.col2.unit01 .col-left ul.image{
width:440px;
margin-right:-20px;
font-size:11px;
color:#afafaf;
}
body.t04 #contents .section.col2.unit01 .col-left ul.image li{
margin-right:20px;
float:left;
width:200px;
}


/* ===== unit02 ===== */
body.t04 #contents .section.unit02{
padding-right:438px;
padding-bottom:83px;
min-height:1305px;
height: auto !important;
height:1305px;
background:url(/hebel/technology/images/04_bg_unit02.gif) no-repeat left top;
}

body.t04 #contents .section.unit02 .image-sec{
margin-top:-4px;
left:51px;
width:910px;
}
body.t04 #contents .section.unit02 .image-sec p{
float:right;
}
body.t04 #contents .section.unit02 .image-sec dl{
margin-top:50px;
float:left;
}
body.t04 #contents .section.unit02 .image-sec dl dd.fig04{
margin:17px 0 23px;
}
body.t04 #contents .section.unit02 .image-sec dl dd.fig05{
margin:8px 0 24px;
}
body.t04 #contents .section.unit02 .image-sec dl dd.fig06{
margin-top:19px;
}
body.t04 #contents .section.unit02 ul{
padding-top:1133px;
margin:0 -508px 0 508px ;
width:327px;
font-size:10px;
}

/* ===== unit03 ===== */
body.t04 #contents .section.unit03{
padding-left:541px;
padding-bottom:194px;
min-height:206px;
height: auto !important;
height:206px;
background:url(/hebel/technology/images/04_bg_unit03.gif) no-repeat left top;
}

body.t04 #contents .section.unit03 ul{
position:absolute;
bottom:101px;
left:516px;
width:424px;
font-size:10px;
}

body.t04 #contents .section.unit03 .image-sec{
bottom:99px;
left:13px;
}

body.t04 #contents .section.unit03 .image-sec ul{
margin-right:-37px;
position:static;
width:529px;

}
body.t04 #contents .section.unit03 .image-sec ul li{
margin-right:37px;
float:left;
}

/* add 2018.04.11 */
body.t04 #contents .section.unit03{
	padding-bottom: 314px;
}
body.t04 #contents .section.unit03 .image-sec{
	bottom: inherit;
	top: -30px;
}
body.t04 #contents .section.unit03 .image-sec ul.add-exp li{
	margin-right: 0;
	width: 258px !important;
	height: 390px !important;
	float: left;
	box-sizing: border-box;
}
span.add-exp-txt {
  box-sizing: border-box;
  display: block;
  width: 200px;
	height: 90px;
  margin: 0 auto;
  padding: 4px 4px 4px 8px;
	border: 1px solid #a7a7a7;
	color: #dadada;
}
body.t04 #contents .section.unit03 .image-sec ul.add-exp li.even + span {
	clear: both !important;
	display: block !important;
	padding: 10px 0 0 24px !important;
	width: 100%;
}

/* ===== unit04 ===== */
body.t04 #contents .section.unit04{
padding-right:527px;
padding-bottom:193px;
min-height:206px;
height: auto !important;
height:206px;
background:url(/hebel/technology/images/04_bg_unit04.gif) no-repeat left bottom;
}
body.t04 #contents .section.unit04 p{
position:relative;
z-index:3;
}

body.t04 #contents .section.unit04 .image-sec{
bottom:4px;
right:4px;
z-index:2;
}
body.t04 #contents .section.unit04 .image-sec p{
}


/* 05.html
----------------------------------------------------------------- */
body.t05 #contents .section .imagefl{
	float:left !important;
}
body.t05 #contents .section .imagefr{
	float:right !important;
}

/* ===== unit01 ===== */
body.t05 #contents .section.unit01{
padding-top:104px;
padding-bottom:93px;
padding-left:530px;
min-height:197px;
height: auto !important;
height:197px;
background:url(/hebel/technology/images/05_bg_unit01.gif) no-repeat left top;
}

body.t05 #contents .section.unit01 .image-sec{
top:65px;
left:-19px;

}

/* ===== unit02 ===== */
body.t05 #contents .section.unit02{
padding-right:50px;
padding-bottom:99px;
min-height:615px;
height: auto !important;
height:615px;
background:url(/hebel/technology/images/05_bg_unit02.gif) no-repeat left top;
}

body.t05 #contents .section.unit02 .image-sec{
top:30px;
right:10px;

}
body.t05 #contents .section.unit02 ul{
font-size:11px;
margin-bottom:53px;
}
body.t05 #contents .section.unit02 ul.image{
padding-top:32px;
margin:0;
position:static;
bottom:0;
left:0;
width:840px;
}
body.t05 #contents .section.unit02 ul.image li{
margin-bottom:53px;
width:320px;
}

body.t05 #contents .section.unit02 .att{
width:840px;
}

/* ===== unit03 ===== */
body.t05 #contents .col2{
margin:0 20px;
position:relative;
width:940px;
background:url(/hebel/technology/images/05_bg_unit03-04.gif) no-repeat left bottom;
}

body.t05 #contents .section.unit03{
margin:0;
padding-right:0;
width:402px;
}

body.t05 #contents .section.unit03 ul{
font-size:11px;
}

body.t05 #contents .section.unit03 ul.image{
margin:17px -14px 2px 0;
}
body.t05 #contents .section.unit03 ul.image li{
margin-right:14px;
display:inline;
}


/* ===== unit04 ===== */
body.t05 #contents .section.unit04{
margin:0;
padding-left:0;
padding-bottom:282px;
width:399px;
min-height:141px;
height: auto !important;
height:141px;
}

body.t05 #contents .section.unit04 p{
position:relative;
z-index:2;
}

body.t05 #contents .section.unit04 .image-sec{
bottom:4px;
right:4px;
}
body.t05 #contents .section.unit04 .image-sec p{
position:relative;
z-index:1;
}


/* 06.html
----------------------------------------------------------------- */
body.t06 #contents #contents-header{
padding-bottom:20px;
min-height:480px;
height: auto !important;
height:480px;
}

body.t06 #contents .col-right,
body.t06 #contents .col-left{
width:399px;
}

body.t06 #contents .section dl.image dt{
margin-bottom:6px;
}
body.t06 #contents .section dl.image dd{
font-size:11px;
}

/* ===== unit01 ===== */
body.t06 #contents .section.unit01{
padding-top:46px;
padding-bottom:78px;
min-height:415px;
height: auto !important;
height:115px;
background:url(/hebel/technology/images/06_bg_unit01.gif) no-repeat left top;
zoom:1;
}

body.t06 #contents .section.col2.unit01 .col-right{
margin-bottom:25px;

}
body.t06 #contents .section.col2.unit01 .col-left{
margin-bottom:25px;
height:185px;
}

body.t06 #contents .section.unit01 .image-sec{
top:-20px;
left:51px;
}

body.t06 #contents .section.unit01 ol.image{
margin:0 -40px 0 -1px;
_margin:0 -80px 0 -2px;
clear:both;
width:878px;
color:#afafaf;
zoom:1;
}
body.t06 #contents .section.unit01 ol.image:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}
body.t06 #contents .section.unit01 ol.image li{
margin-right:39px;
float:left;
width:253px;
}

/* ===== unit02 ===== */
body.t06 #contents .col2.unit02-03{
margin:0 20px;
padding-bottom:54px;
position:relative;
background:url(/hebel/technology/images/06_bg_unit02-03.gif) no-repeat left top;
}

body.t06 #contents .col2.unit02-03 .section p.image{
margin:21px 0 3px;
}

body.t06 #contents .col2.unit02-03 .section ul{
font-size:11px;
}

body.t06 #contents .col2.unit02-03 .section.col-left.unit02{
margin:0;
padding-right:0;
min-height:339px;
height: auto !important;
height:339px;
}

body.t06 #contents .col2.unit02-03 .section.col-left.unit02 dl.image{
margin-top:21px;
}

/* ===== unit03 ===== */
body.t06 #contents .col2.unit02-03 .section.col-right.unit03{
margin:0;
padding-left:0;
min-height:379px;
height: auto !important;
height:379px;
}

body.t06 #contents .col2.unit02-03 .section.col-right.unit03 dl.image{
margin-top:31px;
}

/* ===== unit04 ===== */
body.t06 #contents .col2.unit04-05{
margin:0 20px;
padding-bottom:54px;
position:relative;
background:url(/hebel/technology/images/06_bg_unit04-05.gif) no-repeat left top;
}

body.t06 #contents .col2.unit04-05 .section p.image{
margin:21px 0 3px;
}

body.t06 #contents .col2.unit04-05 .section.col-left.unit04{
margin:0;
padding-right:0;
min-height:339px;
height: auto !important;
height:339px;
}

body.t06 #contents .col2.unit04-05 .section.col-left.unit04 dl.image{
margin-top:21px;
}

/* ===== unit05 ===== */
body.t06 #contents .col2.unit04-05 .section.col-right.unit05{
margin:0;
padding-left:0;
min-height:379px;
height: auto !important;
height:379px;
}

body.t06 #contents .col2.unit04-05 .section.col-right.unit05 dl.image{
margin-top:21px;
}

/* ===== unit06 ===== */
body.t06 #contents .section.unit06{
/* padding-right:490px; */
padding-bottom:4px;
/* min-height:143px; */
height: auto !important;
/* height:143px; */
background:url(/hebel/technology/images/06_bg_unit06.gif) no-repeat left bottom;
}


/* 07.html
----------------------------------------------------------------- */
/* ===== unit01 ===== */
body.t07 #contents .section.unit01{
padding-top:45px;
padding-right:490px;
padding-bottom:103px;
min-height:260px;
height: auto !important;
height:260px;
background:url(/hebel/technology/images/07_bg_unit01.gif) no-repeat left top;
}

body.t07 #contents .section.unit01 .image-sec{
right:10px;
top:-14px;
}

body.t07 #contents .section.unit01 p.image{
margin-top:27px;
}

/* ===== unit02 ===== */
body.t07 #contents .section.unit02{
padding-right:490px;
padding-bottom:40px;
min-height:236px;
height: auto !important;
height:236px;
background:url(/hebel/technology/images/07_bg_unit02.gif) no-repeat left top;
}

body.t07 #contents .section.unit02 .image-sec{
top:-33px;
right:59px;
}

/* ===== unit03-05 ===== */
body.t07 #contents .unit03-05{
margin: 0 20px;
background:url(/hebel/technology/images/07_bg_unit03-04.gif) no-repeat left top;
}

/* ===== unit03 ===== */
body.t07 #contents .section.unit03{
padding-right:490px;
padding-bottom:40px;
min-height:280px;
height: auto !important;
height:280px;
}

body.t07 #contents .section.unit03 .image-sec{
top:-33px;
right:59px;
}


/* ===== unit04 ===== */
body.t07 #contents .section.unit04{
padding-right:490px;
padding-bottom:40px;
min-height:236px;
height: auto !important;
height:236px;
}

body.t07 #contents .section.unit04 .image-sec{
top:0;
right:59px;
}

/* ===== unit05 ===== */
body.t07 #contents .section.unit05{
width: 840px;
padding-right:0;
padding-bottom:40px;
min-height:370px;
height: auto !important;
height:370px;
}

body.t07 #contents .section.unit05 .image-sec{
width: 840px;
}



/* 08.html
----------------------------------------------------------------- */
body.t08 #contents #contents-header p.category{
margin-bottom:27px;
}

body.t08 #contents #contents-header p.preface{
width:684px;
line-height:2.0;
}

body.t08 #contents #mainArea ul.nav-contents-top{
margin-top:-44px;
margin-bottom:52px;
/margin-bottom:25px;
position:relative;
z-index:2;
}

body.t08 #contents .section .imagefl{
	float:left !important;
}
body.t08 #contents .section .imagefr{
	float:right !important;
}
body.t08 #contents{margin-bottom:0 !important;}

/* ===== unit01 ===== */
body.t08 #contents .section.unit01{
padding-top:20px;
height:270px;
background:url(/hebel/technology/images/08_bg_unit01.gif) no-repeat left top;
}
body.t08 #contents .section.unit01 h2{padding-top:50px;}

/* ===== unit02 ===== */
body.t08 #contents .section.unit02{
height:220px;
background:url(/hebel/technology/images/08_bg_unit01.gif) no-repeat left -240px;
}
body.t08 #contents .section.unit02 .imagefl{margin-right:25px;}
body.t08 #contents .section.unit02 h2{padding-top:50px;}

/* ===== unit03 ===== */
body.t08 #contents .section.unit03{
height:300px;
background:url(/hebel/technology/images/08_bg_unit02.gif) no-repeat left -230px;
}
body.t08 #contents .section.unit03 h2{padding-top:50px;}

/* ===== unit04 ===== */
body.t08 #contents .section.unit04{
height:360px;
background:url(/hebel/technology/images/08_bg_unit01.gif) no-repeat left -50px;
}
body.t08 #contents .section.unit04 .imagefl{margin-right:25px;}
body.t08 #contents .section.unit04 h2{padding-top:50px;}

/* ===== unit05 ===== */
body.t08 #contents .section.unit05{
height:250px;
background:url(/hebel/technology/images/08_bg_unit02.gif) no-repeat left -250px;
}
body.t08 #contents .section.unit05 .imagefr{margin:-50px 0 0 25px; position:relative;}
body.t08 #contents .section.unit05 h2{padding-top:50px;}

/* ===== unit06 ===== */
body.t08 #contents .section.unit06{
height:387px;
background:url(/hebel/technology/images/08_bg_unit03.gif) no-repeat left top;
}
body.t08 #contents .section.unit06 .imagefl{margin-right:25px;}
body.t08 #contents .section.unit06 h2{padding-top:50px;}

/* 09.html
----------------------------------------------------------------- */
/* ===== common ===== */
body.t09 #contents .col2{
position:relative;
margin:0 20px;
width:940px;
}
body.t09 #contents .col2 .col-left{
float:left;
width:399px;
}
body.t09 #contents .col2 .col-right{
float:right;
width:400px;
}

body.t09 #contents .col2 p{
margin-bottom:22px;
width:380px;
}
body.t09 #contents .col2 p.MB0{margin-bottom:0px;}

/* ===== col2 BG ===== */
body.t09 #contents .BG01{
background:url(/hebel/technology/images/09_bg_unit01-02.gif) no-repeat left top;
}
body.t09 #contents .BG02{
background:url(/hebel/technology/images/09_bg_unit03-04.gif) no-repeat left top;
}
body.t09 #contents .BG03{
background:url(/hebel/technology/images/09_bg_unit05-06.gif) no-repeat left top;
}
body.t09 #contents .BG04{
background:url(/hebel/technology/images/09_bg_unit07-08.gif) no-repeat left top;
}
body.t09 #contents .BG05{
background:url(/hebel/technology/images/09_bg_unit09-10.gif) no-repeat left bottom;
}

/* ===== unit01 ===== */
body.t09 #contents .section.unit01{
margin:0;
padding:24px 0 0 51px;
}

/* ===== unit02 ===== */
body.t09 #contents .section.unit02{
margin:0;
padding:24px 31px 46px 0;
min-height:456px;
height: auto !important;
height:456px;
}

/* ===== unit03 ===== */
body.t09 #contents .section.unit03{
margin:0;
padding-right:0;
}

/* ===== unit04 ===== */
body.t09 #contents .section.unit04{
margin:0;
padding:0 31px 45px 0;
min-height:456px;
height: auto !important;
height:456px;
}

/* ===== unit05 ===== */
body.t09 #contents .section.unit05{
margin:0;
padding-right:0;
}

/* ===== unit06 ===== */
body.t09 #contents .section.unit06{
margin:0;
padding:0 31px 43px 0;
min-height:458px;
height: auto !important;
height:458px;
}

/* ===== unit07 ===== */
body.t09 #contents .section.unit07{
margin:0;
padding-right:0;
}

/* ===== unit08 ===== */
body.t09 #contents .section.unit08{
margin:0;
padding:0 31px 41px 0;
min-height:456px;
height: auto !important;
height:456px;
}

/* ===== unit09 ===== */
body.t09 #contents .section.unit09{
margin:0;
padding-right:0;
}

/* ===== unit10 ===== */
body.t09 #contents .section.unit10{
margin:0;
padding:0 31px 51px 0;
min-height:460px;
height: auto !important;
height:460px;
}


/* 10.html
----------------------------------------------------------------- */
/* ===== unit01 ===== */
body.t10 #contents .section.unit01{
padding-top:45px;
padding-right:490px;
background:url(/hebel/technology/images/10_bg_unit01.gif) no-repeat left top;
}

body.t10 #contents .section.unit01 .section{
margin-right:-490px;
}

/* ===== unit01_01 ===== */
body.t10 #contents .section.unit01 .section.col2.unit01_01{
padding:83px 14px 71px 292px;
min-height:395px;
height: auto !important;
height:395px;
background:url(/hebel/technology/images/10_bg_unit01_01.gif) no-repeat left top;
zoom:1;
}

body.t10 #contents .section.unit01 .section.col2.unit01_01 .image-sec{
top:52px;
left:51px;
}

body.t10 #contents .section.unit01 .section.col2.unit01_01 .col-left{
width:311px;
}

body.t10 #contents .section.unit01 .section.col2.unit01_01 .col-left ul{
font-size:10px;
}
body.t10 #contents .section.unit01 .section.col2.unit01_01 .col-left ul li img{
margin:22px 0 4px;
}
body.t10 #contents .section.unit01 .section.col2.unit01_01 .col-left ul.list-note_02{
position:relative;
top:-18px;
left:140px;
width:172px;
}

body.t10 #contents .section.unit01 .section.col2.unit01_01 .col-right{
width:292px;
}
/* ===== unit01_02 ===== */
body.t10 #contents .section.unit01 .section.unit01_02{
padding:0 0 0 55px;
min-height:306px;
height: auto !important;
height:306px;
background:url(/hebel/technology/images/10_bg_unit01_02.gif) no-repeat left top;
}
body.t10 #contents .section.unit01 .section.unit01_02 img{
padding-bottom:100px;
}
/* ===== unit01_03 ===== */
body.t10 #contents .section.unit01 .section.unit01_03{
padding:0 70px 89px 412px;
min-height:306px;
height: auto !important;
height:306px;
background:url(/hebel/technology/images/10_bg_unit01_02.gif) no-repeat left top;
}

body.t10 #contents .section.unit01 .section.unit01_03 .image-sec{
top:-29px;
left:51px;
}

body.t10 #contents .section.unit01 .section.unit01_03 ul.image{
margin-top:22px;
margin-right:-9px;
_margin-right:-15px;
width:467px;
height:172px;
}
body.t10 #contents .section.unit01 .section.unit01_03 ul li{
margin-right:9px;
float:left;
}

/* ===== unit01_04 ===== */
body.t10 #contents .section.unit01 .section.unit01_04{
padding:0 297px 46px 292px;
min-height:329px;
height: auto !important;
height:329px;
background:url(/hebel/technology/images/10_bg_unit01_03.gif) no-repeat left bottom;
}

body.t10 #contents .section.unit01 .section.unit01_04 .image-sec{
top:-30px;
left:51px;
}

body.t10 #contents .section.unit01 .section.unit01_04 ul.image{
margin-top:22px;
margin-right:-172px;
_margin-right:-200px;
width:523px;
height:176px;
}
body.t10 #contents .section.unit01 .section.unit01_04 ul li{
margin-right:34px;
float:left;
}
/* page top new style
----------------------*/
.mgT_60{
margin-top:60px;
}
.mgB_20{
margin-bottom:20px;
}

/* 11.html
----------------------------------------------------------------- */
body.t11 #contents .section .imagefl{
	float:left !important;
}
body.t11 #contents .section .imagefr{
	float:right !important;
}

body.t11 #contents .section .mgl{
	margin-left:20px !important;
}

/* ===== unit01 ===== */
body.t11 #contents .section.unit01{
padding-top:46px;
padding-right:351px;
padding-bottom:20px;
width:538px;
min-height:602px;
height: auto !important;
height:602px;
background:url(/hebel/technology/images/11_bg_unit01.gif) no-repeat left top;
}

body.t11 #contents .section.unit01 ol.image{
margin-top:34px;
margin-right:-362px;
_margin-right:-424px;
position:relative;
width:900px;
background:url(/hebel/technology/images/11_bg_unit01_ol.gif) no-repeat left 294px;
zoom:1;
}
body.t11 #contents .section.unit01 ol.image:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

body.t11 #contents .section.unit01 ol.image li{
margin-right:62px;
position:relative;
width:238px;
float:left;
line-height:1.5;
}
body.t11 #contents .section.unit01 ol.image li img{
margin-bottom:7px;
}

/* ===== unit02 ===== */
body.t11 #contents .section.unit02{
padding-right:325px;
padding-bottom:20px;
min-height:409px;
height: auto !important;
height:409px;
background:url(/hebel/technology/images/11_bg_unit02.gif) no-repeat left top;
}

body.t11 #contents .section.unit02 ul{
margin-right:-306px;
text-align:right;
}
body.t11 #contents .section.unit02 ul li{
padding-bottom:6px;
font-size:11px;
}

body.t11 #contents .section.unit02 ul.image{
margin:23px -341px 0 -32px;
text-align;left;
zoom:1;
}
body.t11 #contents .section.unit02 ul.image:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

body.t11 #contents .section.unit02 ul.image li{
margin-right:16px;
float:left;
zoom:1;
}

/* ===== unit03 ===== */
body.t11 #contents .section.col2.unit03{
padding-right:429px;
padding-bottom:20px;
min-height:268px;
height: auto !important;
height:268px;
background:url(/hebel/technology/images/11_bg_unit03.gif) no-repeat left bottom;
}
body.t11 #contents .section.col2.unit03:after{
display:block;
visibility:hidden;
clear:both;
height:0;
content:" ";
}

body.t11 #contents .section.col2.unit03 .col-right{
width:247px;
}
body.t11 #contents .section.col2.unit03 .col-left{
width:450px;
margin:-21px 0 -20px 0;
position:relative;
}

body.t11 #contents .section.col2.unit03 .image-sec{
right:52px;
bottom:4px;
}
/* ===== unit04 ===== */
body.t11 #contents .section.unit04{
padding:40px 50px 0px 50px;
min-height:268px;
height: auto !important;
height:268px;
background:url(/hebel/technology/images/11_bg_unit02.gif) no-repeat left top;
}

body.t11 #contents .section.unit04 .mgT_50{
	margin-top:50px;
}
body.t11 #contents .section.unit04 .mgT_100{
	margin-top:100px;
}
body.t11 #contents .section.unit04 .mgB_90{
	margin-bottom:90px;
}

.last-box01 p{
padding:20px 111px 0 0;
width:383px;
float:left;
}
.mg{
margin:-27px 0 0 0;
}
/* ===== unit05 ===== */
body.t11 #contents .section.unit05{
padding:0px 50px 50px 50px;
min-height:268px;
height: auto !important;
height:268px;
background:url(/hebel/technology/images/11_bg_unit03.gif) no-repeat left bottom;
}
.last-box02 {
width:205px;
float:left;
margin:120px 0 0 -38px;
padding-right:40px;
}
.last-box03{
width:238px;
float:left;
margin-top:120px;
}
.last-box03 img{
padding-bottom:9px;
}
.last-box04 p{
width:384px;
float:left;
}
/* page top new style
----------------------*/
.mgT_60{
margin-top:60px;
}
.mgB_20{
margin-bottom:20px;
}

/* 12.html
----------------------------------------------------------------- */
body.t12 #contents h2{margin-bottom:15px;}

/* ===== unit01 ===== */
body.t12 #contents .section.unit01{
padding-top:50px;
padding-bottom:48px;
min-height:100px;
height: auto !important;
height:100px;
background:url(/hebel/technology/images/12_bg_unit01.gif) no-repeat left top;
}

body.t12 #contents .section.unit01 .textBox01{
position:relative;
z-index:1000;
width:400px;
}

body.t12 #contents .section.unit01 .image-sec{
left:470px;
top:50px;
z-index:1;
clear:both;
width:380px;

}


/* ===== unit02 ===== */
body.t12 #contents .col2{
position:relative;
margin:0 20px;
width:940px;
}

body.t12 #contents .BG01{
background:url(/hebel/technology/images/12_bg_unit02.gif) no-repeat left top;
}

body.t12 #contents .col2 .col-left{float:left;}
body.t12 #contents .col2 .col-right{float:right;}

body.t12 #contents .section.unit02{
margin:0;
padding-right:0;
width:400px;
}

body.t12 #contents .section.unit02 h2{
}

/* ===== unit03 ===== */
body.t12 #contents .section.unit03{
margin:0;
padding:0 90px 0px 0;
width:380px;
min-height:200px;
height: auto !important;
height:200px;
}

body.t12 #contents .section.unit03 .verticalTop img{
vertical-align:top;
}
/* ===== unit04 ===== */
body.t12 #contents .BG02{
background:url(/hebel/technology/images/12_bg_unit03.gif) no-repeat left top;
}

body.t12 #contents .section.unit04{
margin:0;
padding-right:0;
width:282px;
}
body.t12 #contents .section.unit04 .text01{
margin-bottom:25px;
}

/* ===== unit05 ===== */
body.t12 #contents .section.unit05{
margin:0;
padding:10px 42px 81px 0;
width:530px;
min-height:233px;
height: auto !important;
height:233px;
}

/* ===== unit06-07 ===== */
body.t12 #contents .BG03{
background:url(/hebel/technology/images/12_bg_unit04.gif) no-repeat left top;
}

body.t12 #contents .section.unit07{
margin:0;
padding:0 0 91px 50px;
width:435px;
min-height:192px;
height: auto !important;
height:192px;
}

body.t12 #contents .section.unit06{
margin:0;
padding:29px 50px 20px 0;
width:360px;
}

/* ===== unit08-09 ===== */
body.t12 #contents .BG04{
background:url(/hebel/technology/images/12_bg_unit05.gif) no-repeat left bottom;
}

body.t12 #contents .section.unit08{
margin:0;
width:400px;
padding:0 0 42px 50px;
min-height:144px;
height: auto !important;
height:144px;
}

body.t12 #contents .section.unit09{
margin:0;
padding:0px 42px 20px 0;
width:400px;
}


/* 13.html
----------------------------------------------------------------- */
/* ===== unit01 ===== */
body.t13 #contents .section.col2-1{
margin:0 20px;
padding-top:51px;
min-height:509px;
height:509px;
background:url(/hebel/technology/images/13_bg_unit01.gif) no-repeat left top;
}

body.t13 #contents .section.col2-1 .unit01.col-left{
width:400px;
float:left;
}

body.t13 #contents .section.col2-1 .unit01.col-left .image-sec{
top:16.1em;
left:-19px;
}

/* ===== unit02 ===== */
body.t13 #contents .section.col2-1 .unit02.col-right{
margin-right:-5px;
width:400px;
float:right;
}

body.t13 #contents .section.col2-1 .unit02.col-right .image{
margin-top:30px;
}

/* ===== unit03 ===== */
body.t13 #contents .section.col2-2{
margin:0 20px;
min-height:194px;
height:194px;
background:url(/hebel/technology/images/13_bg_unit03.gif) no-repeat left top;
}

body.t13 #contents .section.col2-2 .unit03.col-left{
width:400px;
float:left;
}

/* ===== unit04 ===== */
body.t13 #contents .section.col2-2 .unit04.col-right{
width:395px;
float:right;
}

/* ===== unit05 ===== */
body.t13 #contents .section.col2-3{
margin:0 20px;
min-height:24em;
height: auto !important;
height:24em;
background:url(/hebel/technology/images/13_bg_unit05.gif) no-repeat left bottom;
}

body.t13 #contents .section.col2-3 .unit05.col-left{
width:400px;
float:left;
}

/* ===== unit06 ===== */
body.t13 #contents .section.col2-3 .unit06.col-right{
width:395px;
float:right;
}

body.t13 #contents .section.col2-3 .unit06.col-right ul{
margin:0;
padding:0;
list-style-type:none;
font-size:10px;
}

body.t13 #contents .section.col2-3 .unit06.col-right ul li{
margin:0;
padding:0;
}

/* /concept/
----------------------------------------------------------------- */
body.concept object{
position:static;
}