/* --------------------------------------------
----------------------------------------------- */

h1{
background:url(../../images/hybrid/title_hybrid.gif) no-repeat bottom;
width:728px;
height:60px;
font-size:16px;
}

.pad{
padding:0 15px;
}

/* lineup
----------------------------------------------- */
#lineup-left{
margin:10px 0 20px 0;
width:230px;
height:255px;
background:#f9f9f9;
float:left;
font-size:10px;
}

.list{
width:230px;
font-weight:bold;
background:#f9f9f9;
}

.list ul{
list-style:none;
}

.list li{
margin:0 0 1px 0;
}

.list a{
width:215px;
height:20px;
padding:1px 0 0 15px;
display:block;
background:url(../../images/hybrid/bar01.gif) no-repeat;
color:#333399;
}

*html .list a{
width:230px;
}

.list a:hover{
background:url(../../images/hybrid/bar02.gif) no-repeat;
color:#CF002F;
}

.list dt, .adjust{
width:210px;
height:20px;
padding:1px 0 0 15px;
display:block;
background:url(../../images/hybrid/bar04.gif) no-repeat;
color:#333399;
}

.adjust{
width:215px;
padding:1px 0 0 15px;
background:url(../../images/hybrid/bar02.gif) no-repeat;
}

*html .list dt, *html .adjust{
width:230px;
}

/* lineup-righ
----------------------------------------------- */
#lineup-right{
clear:both;
margin:10px 0 0 0;
width:495px;
float:right;
}

.feat-list{
margin:5px 0 10px 2px;
list-style:none;
}

.feat-list li{
float:left;
}

.list-long{
float:none !important;
clear:both !important;
}

*html .feat-list li{
margin:0 0 5px 0;
}

.feat-list a , .list-long a{
margin:0 1px 5px 1px;
padding:3 0 0 22px;
display:block;
width:218px;
height:22px;
background:url(../../images/hybrid/menu.gif) no-repeat;
float:left;
vertical-align:middle;
}

*html .feat-list a , .list-long a{
height:25px;
}

.list-long a{
width:485px !important;
background:url(../../images/hybrid/menu-long-ff.gif) no-repeat;
}

*html .list-long a{
width:485px !important;
background:url(../../images/hybrid/menu-long-ie.gif) no-repeat;
}


.feat-list a:hover{
background:url(../../images/hybrid/menu.gif) no-repeat 0 -25px;
}

.list-long a:hover{
background:url(../../images/hybrid/menu-long-ff.gif) no-repeat 0 -25px;
}

*html.list-long a:hover{
background:url(../../images/hybrid/menu-long-ie.gif) no-repeat 0 -25px;
}

*html .feat-list a{
width:240px;
}

/* cd
----------------------------------------------- */
.bar{
clear:both;
height:20px;
padding:6px 0 0 10px;
background:#ffffff url(../../images/hybrid/bar.gif) repeat-x;
font-size:14px;
border-bottom:#999999 1px dotted;
color:#316827;
}

*html .bar{
height:26px;
}

.h3-mark01{
background: url(../../images/hybrid/h3-mark01.gif) no-repeat left center;
}

.h3-mark02{
background: url(../../images/hybrid/h3-mark02.gif) no-repeat left center;
}

.h3-mark03{
background: url(../../images/hybrid/h3-mark03.gif) no-repeat left center;
}

/* mot_pdf
----------------------------------------------- */
.mot_pdf01 , .mot_pdf02 , .mot_pdf03{
width:210px;
height:55px;
padding:5px 0 0 0;
margin:15px 0 0 0px;
border:1px solid #333333;
line-height:130%;
background:url(../../images/hybrid/pdf01.jpg) no-repeat right;
}

*html .mot_pdf01 , .mot_pdf02 , .mot_pdf03{
width:220px;
height:60px;
}

.mot_pdf02 {
background:url(../../images/hybrid/pdf-motor.gif) no-repeat right;
}
.mot_pdf03 {
background:url(../../images/hybrid/pdf03.jpg) no-repeat right;
}

.mot_pdf02 img{
margin:0 5px 15px 0;
float:left;
}
/* ring
----------------------------------------------- */
.index-ul{
list-style:none;
margin:10px 0 20px 0;
}

.index-ul li{
margin:0 0 10px 0px;
float:left;
}

.index-ul li a{
display:block;
width:170px;
height:80px;
font-size:14px;
font-weight:bold;
padding:10px 0 0 70px;
}

*html .index-ul li a{
width:240px;
height:90px;
/* MacIE begin \*/
overflow:hidden;
/* MacIE end */
}

.index-ul li span{
display:block;
font-size:12px;
font-weight:normal;
color:#000000;
padding:2px 2px 0px 0;
line-height:130%;
}

#li-01{
background: url(../../images/hybrid/button-inverter.jpg) no-repeat;
margin:0 10px 0 0;
}

#li-02{
background: url(../../images/hybrid/button-motor.jpg) no-repeat;
}

#li-03{
background: url(../../images/hybrid/button-audio.jpg) no-repeat;
margin:0 10px 0 0;
}

#li-04{
background: url(../../images/hybrid/button-pdp.jpg) no-repeat;
}

#li-01 a:hover{
background: url(../../images/hybrid/button-inverter.jpg) no-repeat bottom;
}

#li-02 a:hover{
background: url(../../images/hybrid/button-motor.jpg) no-repeat bottom;
}

#li-03 a:hover{
background: url(../../images/hybrid/button-audio.jpg) no-repeat bottom;
}

#li-04 a:hover{
background: url(../../images/hybrid/button-pdp.jpg) no-repeat bottom;
}

.iu-after{
margin:0 0px 10px 0px;
}

.fig{
margin:5px 0 10px 0;
text-align:center;
}

.feat-list:after{
content:".";
clear:both;
display:block;
height:0;
visibility:hidden;
}

.note{
clear:both;
}