#search-area{
background:url(../../images/micon/top/search-back.gif) no-repeat;
}

#product-search{
margin:0 0 0 200px;
}


/* menu
----------------------------------------------- */
.submenu{
position:absolute;
padding:10px 10px 10px 0;
top:-12px;
left:173px;
list-style:none;
}

.submenu li a{
display:block;
padding:0 0 0 25px;
width:164px;
height:30px;
line-height:30px;
background:#efefef url(../../shared/images/arrow.gif) no-repeat 10px 10px;
border:1px solid #d4d4d4;
}

.submenu li a:hover{
background:#ffffff url(../../shared/images/arrow.gif) no-repeat 10px 10px;
}

#top .hover{
background: url(../../images/common/localnavi.jpg) no-repeat 0 -60px;
}

#sub_01{
display:none;
position:absolute;
top:24px;
left:0;
}

#sub_02{
display:none;
position:absolute;
top:54px;
left:0;
}

#sub_03{
display:none;
position:absolute;
top:84px;
left:0;
}

#bnr{
margin:20px auto 0 auto;
padding:0;
width:164px;
list-style:none;
}

#bnr li{
margin:0 0 10px 0;
}

.pamph a{
display:block;
padding:5px 55px 5px 5px !important;
width:102px;
min-height:49px;
height:auto !important;
height:49px;
border:1px solid #999999;
font-size:10px;
background:url(../../images/micon/top/pamph.jpg) no-repeat right;
line-height: 125%;
}

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

#relation{
width:164px;
margin:0 auto;
list-style:none;
}

#relation li{
margin:0 0 5px 0;
}

#relation a{
display:block;
width:164px;
height:55px;
text-indent:-9999px;
overflow:hidden;
}

#rel01 a{
background:url(../../images/micon/top/bnr-first.jpg) no-repeat;
}

#rel01 a:hover{
background:url(../../images/micon/top/bnr-first.jpg) no-repeat 0 -55px;
}

#rel02 a{
background:url(../../images/micon/top/bnr-feature.jpg) no-repeat;
}

#rel02 a:hover{
background:url(../../images/micon/top/bnr-feature.jpg) no-repeat 0 -55px;
}

#rel03 a{
background:url(../../images/micon/top/bnr-dev.jpg) no-repeat;
}

#rel03 a:hover{
background:url(../../images/micon/top/bnr-dev.jpg) no-repeat 0 -55px;
}

#rel04 a{
background:url(../../images/micon/top/bnr-down.jpg) no-repeat;
}

#rel04 a:hover{
background:url(../../images/micon/top/bnr-down.jpg) no-repeat 0 -55px;
}

#rel05 a{
background:url(../../images/micon/top/bnr-support.jpg) no-repeat;
}

#rel05 a:hover{
background:url(../../images/micon/top/bnr-support.jpg) no-repeat 0 -55px;
}

#ultra-low a{
background:url(../../images/micon/top/bnr-low.jpg) no-repeat;
}

#ultra-low a:hover{
background:url(../../images/micon/top/bnr-low.jpg) no-repeat 0 -55px;
}

#easy a{
background:url(../../images/micon/top/bnr-easy.jpg) no-repeat;
}

#easy a:hover{
background:url(../../images/micon/top/bnr-easy.jpg) no-repeat 0 -55px;
}

/* contents
----------------------------------------------- */
#contents{
width:735px;
border-left:1px solid #cccccc;
}

#contents-left{
width:489px;
float:left;
border-right:1px solid #cccccc;
}

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

#contents-left ul{
list-style:none;
}

#contents-left li{
margin:0 0 10px 0;
}

.let-80{
font-size:80%;
}

/* relation
----------------------------------------------- */
#news{
width:245px;
float:left;
}

.release{
margin:10px 10px 0 0;
padding:0 6px;
height:200px !important;
font-size:90%;
list-style:none;
line-height:120%;
overflow:auto !important;
}

.release li{
clear:both;
margin:0 0 5px 0;
width:195px;
}

.rtable{
margin:0 10px 2px 0 !important;
width:70px !important;
}

.release a{
float:left;
}

#tab-list h3{
margin:0 0 3px 0;
padding:0 0 0 40px;
font-size:120%;
border-bottom:1px dotted #666666;
}

#usb h3{
color:#B9599E;
}

#usb h3 span, #general h3 span, #etr h3 span, #vfd h3 span, #motor h3 span, #battery h3 span{
display:block;
margin:0 0 5px 0;
padding:0 0 0 3px;
border-left:5px solid #B9599E;
font-weight:bold;
}

#general h3{
color:#009E97;
}

#general h3 span{
border-left:5px solid #009E97;
}

#etr h3{
color:#E60111;
}

#etr h3 span{
border-left:5px solid #E60111;
}

#vfd h3{
color:#0081CD;
}

#vfd h3 span{
border-left:5px solid #0081CD;
}

#motor h3, #battery h3{
color:#666666;
}

#motor h3 span, #battery h3 span{
border-left:5px solid #666666;
}

.desc{
padding:0 20px 10px 50px;
line-height:150%;
}

.fig{
margin:5px 0 10px 0;
}

.txt-right{
margin:-5px 10px 15px 0;
}

.btn{
margin:0 0 0 50px;
padding:0;
list-style:none;
}

.btn li{
margin:0 10px 0 0;
height:28px;
float:left;
}

.btn a{
display:block;
padding:0 10px 0 0;
height:28px;
background:url(../../images/micon/btn.gif) no-repeat right top;
line-height:28px;
font-size:120%;
float:left;
cursor:pointer;
}

.btn li span{
display:block;
padding:0 0 0 20px;
height:28px;
background:url(../../images/micon/btn.gif) no-repeat left bottom;
}



/* 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: 11px;
}
.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 6px !important;
    background: url(../../images/micon/top/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;
}


#tab-list p{
font-size:110%;
}

#tab-list p a{
margin:0 10px 0 0;
}

#tab-list p img{
vertical-align:bottom;
}

#to-top a{
margin:0 10px 0 0;
}

#tab-list ul:after, .release li:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}