.middle{
vertical-align:middle;
}

/* product-search
----------------------------------------------- */
#search-area{
background:url(../../images/discrete/search-back.gif) no-repeat 10px 0;
height:60px;
}

#product-search{
margin:5px 0 0 210px;
width:680px;
}

/* main
----------------------------------------------- */
#box{
margin:10px 10px 0 10px;
}

/* menu
----------------------------------------------- */
#menu{
position:relative;
width:184px;
float:left;
background: url(../../shared/images/text_bg01.gif) no-repeat 0 26px;
z-index:10;
font-size:90%;
}

#list{
margin:0 0 20px 0;
padding:10px 0 31px 10px;
background: url(../../shared/images/localnavi-bottom.gif) no-repeat bottom;
list-style:none;
}

#list li a{
display:block;
padding:0 0 0 28px;
width:135px;
height:30px;
background:url(../../images/discrete/localnavi.jpg) no-repeat;
line-height:30px;
}

#list li a:hover{
background:url(../../images/discrete/localnavi.jpg) no-repeat 0 -30px;
}

/* sub-list
----------------------------------------------- */
.sub-list{
list-style:none;
}

.sub-list a, .sub-list span{
display:block;
padding:0 0 0 28px !important;
height:30px;
background:#efefef url(../../shared/images/arrow.gif) no-repeat 10px 10px;
border:1px solid #d4d4d4;
line-height:30px;
}

.sub-list a:hover, .sub-list span{
background:#ffffff url(../../shared/images/arrow.gif) no-repeat 10px 10px;
}

/* high
----------------------------------------------- */
#high, #tr, #comp, #ds-expd, #igbt, #diode{
display:none;
position: absolute;
top:33px;
left:173px;
width:135px;
}

#high-tr, #high-fet, #high-diode{
display:none;
position: absolute;
top:33px;
left:308px;
width:205px;
}

#high-fet{
top:64px;
width:300px;
}

#high-diode{
top:96px;
width:255px;
}

/* tr
----------------------------------------------- */
#tr{
top:63px;
width:235px;
}

#tr-small, #tr-large{
display:none;
position: absolute;
top:63px;
left:408px;
width:225px;
}

#tr-large{
top:95px;
width:300px;
}

/* comp
----------------------------------------------- */
#comp{
top:124px;
width:235px;
}

#comp-trsmall, #comp-trsbd, #comp-mos, #comp-mossbd, #comp-mostr{
display:none;
position: absolute;
top:124px;
left:408px;
width:185px;
}

#comp-trsbd{
top:156px;
}

#comp-mos{
top:188px;
}

#comp-mossbd{
top:220px;
}

#comp-mostr{
top:252px;
}

/* expd
----------------------------------------------- */
#ds-expd{
top:153px;
width:315px;
}

/* igbt
----------------------------------------------- */
#igbt{
top:183px;
width:255px;
}

/* diode
----------------------------------------------- */
#diode{
top:243px;
width:225px;
}

#diode-shot, #diode-rect, #diode-small, #diode-frd{
display:none;
position: absolute;
top:244px;
left:398px;
width:235px;
}

#diode-rect{
top:276px;
width:315px;
}

#diode-small{
top:306px;
width:225px;
}

#diode-frd{
top:366px;
width:185px;
}

.bnr{
margin:0 0 10px 0 !important;
list-style:none;
}

.bnr li{
margin:0 auto 5px auto !important;
width:163px;
}

#info .bnr li{
margin:0 auto 15px auto !important;
width:215px;
}

.pamph a{
display:block;
padding:5px 57px 5px 5px !important;
width:99px;
min-height:49px;
height:auto !important;
height:49px;
border:#cccccc solid 1px;
font-size:10px;
background:url(../../images/discrete/pamph-pdf.gif) no-repeat right;
line-height: 125%;
}

.pamph img{
margin:3px 3px 0 0 !important;
}

/* contents
----------------------------------------------- */
#contents{
width:716px;
float:left;
}

#top #contents{
width:488px;
height:500px;
border-left:1px solid #b2b2b2;
border-right:1px solid #b2b2b2;
float:left;
}

.rtable{
margin:2px 5px 10px 0 !important;
width:100px !important;
float:left;
}

.box{
clear:both;
margin:0 0 20px 0;
}

.pr{
position:relative;
}

.backnumber{
position:absolute;
top:4px;
right:10px;
display:block;
width:88px;
height:15px;
background:url(../../shared/images/backnumber.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}


#news{
width:488px;
float:left;
}

#news ul{
list-style:none;
margin:5px 0 30px 0 !important;
padding:0 10px !important;
font-size:90%;
}

#news li{
margin:0 0 8px 0;
}

#news ul li{
clear:both;
}

#news li a{
width:362px;
float:left;
}


.icon{
margin:0 10px 10px 0 !important;
float:left;
}

/* wafer
----------------------------------------------- */
#info{
width:225px;
float:left;
}

#wafer{
margin:0 0 10px 0;
padding:10px 0 5px 0;
background:#f2f2f2;
}

#wafer h2{
margin:0 0 10px 0;
}

#wafer p{
margin:0 0 5px 0;
padding:0 5px;
line-height:150%;
font-size:85%;
}

a#wafer-inq{
margin:0 auto 5px auto;
display:block;
width:215px;
height:55px;
background:url(../../images/discrete/bnr-wafer.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

a:hover#wafer-inq{
background:url(../../images/discrete/bnr-wafer.jpg) no-repeat 0 -55px;
}

.go-arrow{
margin:10px 0 !important;
background:url(../../shared/images/arrow.gif) no-repeat left;
}

.go-arrow a{
padding:0 18px !important;
}


.fig{
margin:10px 0 30px !important;
text-align:center;
}

/* top:topics
----------------------------------------------- */
#topics{
margin:0 0 20px 0;
padding:10px 0 40px 20px;
height:205px;
background:url(../../images/discrete/topics-back.jpg) no-repeat right bottom;
}

#topics ul{
list-style:none;
font-size:90%;
}

#topics li{
margin:0 0 10px 0;
background:url(../../shared/images/arrow.gif) no-repeat left;
float:left;
}

#topics li a{
padding:0 0 0 18px;
}

.w42per{
width:42%;
}

.w57per{
width:57%;
}


/* topics:menu
----------------------------------------------- */
#menu h2 a{
display:block;
width:184px;
height:37px;
background: url(../../images/discrete/topics/localnavi-top.jpg) no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#menu h2 a:hover{
background: url(../../images/discrete/topics/localnavi-top.jpg) no-repeat 0 -37px;
}

.localnavi{
padding:0 0 31px 0 !important;
background: url(../../shared/images/localnavi-bottom.gif) no-repeat bottom right;
list-style:none;
}

.localnavi li a, .localnavi li a.on, .localnavi li span{
display:block;
margin:0 0 0 5px !important;
padding:0 0 0 28px !important;
width:151px;
height:30px;
background:url(../../images/discrete/topics/localnavi.jpg) no-repeat;
line-height:30px;
}

.localnavi li a:hover{
background:url(../../images/discrete/topics/localnavi.jpg) no-repeat 0 -30px;
}

.localnavi li a.on, .localnavi li a:hover.on{
background:url(../../images/discrete/topics/localnavi.jpg) no-repeat 0 -60px;
}

.localnavi li.two a, .localnavi li.two span{
padding:3px 0 0 28px;
height:42px;
background:url(../../images/discrete/topics/localnavi-2l.jpg) no-repeat;
line-height:130%;
}

.localnavi li.two a:hover{
background:url(../../images/discrete/topics/localnavi-2l.jpg) no-repeat 0 -45px;
}

.localnavi li.two span{
background:url(../../images/discrete/topics/localnavi-2l.jpg) no-repeat 0 -90px;
}

.subnavi{
list-style:none;
}

.subnavi li a, .subnavi li span{
display:block;
padding:0 0 0 48px !important;
width:131px;
height:17px !important;
background:url(../../images/discrete/topics/subnavi.jpg) no-repeat !important;
line-height:17px;
}

.subnavi li a:hover{
background:url(../../images/discrete/topics/subnavi.jpg) no-repeat 0 -17px !important;
}

.subnavi li span{
height:17px !important;
background:url(../../images/discrete/topics/subnavi.jpg) no-repeat 0 -34px !important;
}

.subnavi li.twoline a, .subnavi li.twoline span{
height:32px !important;
line-height:130% !important;
background:url(../../images/discrete/topics/subnavi-2l.jpg) no-repeat !important;
}

.subnavi li.twoline a:hover{
background:url(../../images/discrete/topics/subnavi-2l.jpg) no-repeat 0 -32px !important;
}

.subnavi li.twoline span{
background:url(../../images/discrete/topics/subnavi-2l.jpg) no-repeat 0 -64px !important;
}

.area{
margin:10px 0 20px 0 !important;
padding:0 10px !important;
}

.area h3, .chapter{
margin:0 0 5px 0 !important;
padding:4px 0 2px 5px !important;
font-size:12px;
background:#efefef;
border-bottom:2px solid #00187e;
}

.area h3 span{
padding:0 0 0 5px !important;
border-left:2px solid #333333;
font-weight:bold;
}

.area h4{
padding:4px 0 2px 5px !important;
font-size:12px;
font-weight:bold;
}

.area dl{
margin:4px 10px !important;
}

table{
margin:0 0 20px 0 !important;
width:100%;
border-collapse:collapse;
empty-cells:show;
text-align:center;
}

table.ex{
border:1px solid #999999;
text-align:left;
}

caption{
text-align:left;
}

.ex caption{
padding:3px 0 !important;
}

th{
padding:4px 4px 2px 4px !important;
background:#e1e1e1;
border-right:1px solid #999999;
border-left:1px solid #999999;
}

.ex th{
padding:6px 3px !important;
border:1px solid #999999;
text-align:center;
}

td{
padding:4px 4px 2px 4px !important;
border-right:1px solid #999999;
border-left:1px solid #999999;
}

.ex td{
padding:6px 3px !important;
border:1px solid #999999;
}

.ex ul{
list-style:none;
}

.w150{
width:150px;
}

.even{
background:#efefef;
}

.txt-left{
text-align:left !important;
}

.v-top{
vertical-align:top;
}

.deg{
margin:0 -0.5em 0 0 !important;
}

.disc{
margin:5px 0 10px 20px !important;
}

.disc li{
margin:0 0 5px 0 !important;
}

.note{
margin:-20px 0 20px 0 !important;
font-size:80%;
}

.w100{
width:100px;
}

/* topics:menu
----------------------------------------------- */
#lcd, #buffer{
display:none;
position:absolute;
top:113px;
left:183px;
width:350px;
}

#buffer{
top:241px;
left:532px;
width:200px;
}

.flt-box{
float:left;
}

.w33{
width:32%;
margin:0 0.4% !important;
}

.w25{
width:24%;
margin:0 0.4% !important;
}


/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
#tab-list{
margin:10px 0 0 0 !important;
}


/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0 !important;
    padding: 0 0 0 4px !important;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px !important;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px !important;
    background: url(../../images/discrete/topics/tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0 !important; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0 !important;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0 !important;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px !important;
    padding-right: 0 !important;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px !important;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px !important;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px !important;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


.box:after, #news li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* topics:contents
----------------------------------------------- */
#contents-topics{
width:716px;
float:left;
}

.float50per{
float:left;
width:50%;
}

.float50per table{
width:95%;
}

/* concept
----------------------------------------------- */
#concept{
position:relative;
margin:10px 0 20px 0 !important;
padding:0 10px !important;
background:url(../../images/discrete/concept/back.jpg) no-repeat bottom;
z-index:1;
}

#invisible{
position:absolute;
top:140px;
left:185px;
width:180px;
z-index:1;
}

#easy{
position:absolute;
top:275px;
left:35px;
z-index:1;
}

#smart{
position:absolute;
top:275px;
left:340px;
width:160px;
z-index:1;
}

#invisible h3, #easy h3, #smart h3{
margin:0 0 5px 20px;
color:#EB6682;
font-size:110%;
font-weight:bold;
}

#easy h3{
color:#00A73C;
}

#smart h3{
color:#0079C5;
}

#concept p{
line-height:170%;
}

#concept ul{
margin:0 0 0 20px;
font-size:85%;
}

#concept li{
margin:0 0 3px 0;
}

#reg{
position:absolute;
bottom:5px;
right:15px;
font-size:90%;
}

.str90per{
font-size:90%;
}