/* search
----------------------------------------------- */
#motor-search-area{
margin:0 10px;
padding:5px 0 0 250px;
width:650px;
height:50px;
background:url(../../images/motor/top/search-back.gif) no-repeat;
font-size:90%;
}

#motor-search-area p{
padding:0 40px 0 5px;
display:inline;
}

#motor-search{
margin:0;
padding:0;
}

/* box
----------------------------------------------- */
#box{
margin:10px 10px 0 10px;
}

/* menu
----------------------------------------------- */
#menu{
width:184px;
float:left;
background: url(../../shared/images/text_bg01.gif) no-repeat 0 26px;
position:relative;
}

#list{
margin:0 0 20px 0;
padding:10px 3px 31px 2px;
background: url(../../shared/images/localnavi-bottom.gif) no-repeat bottom;
list-style:none;
}

#list ul{
list-style:none;
}

#list li a{
display:block;
padding:0 0 0 25px;
width:154px;
height:45px;
background:url(../../images/motor/localnavi.jpg) no-repeat;
line-height:45px;
text-indent:-9999px;
overflow:hidden;
}

#list li a.brush{
background:url(../../images/motor/top/brush.jpg) no-repeat;
}

#list li a.brushless{
background:url(../../images/motor/top/brush-less.jpg) no-repeat;
}

#list li a.stepping{
background:url(../../images/motor/top/stepping.jpg) no-repeat;
}

#list li a.voicecoil{
background:url(../../images/motor/top/voicecoil.jpg) no-repeat;
}

#list li a.piezo{
background:url(../../images/motor/top/piezo.jpg) no-repeat;
}

#list li a.power{
background:url(../../images/motor/top/power.jpg) no-repeat;
}

#list li a.system{
background:url(../../images/motor/top/system.jpg) no-repeat;
}

#list li a:hover{
background:url(../../images/motor/localnavi.jpg) no-repeat 0 -45px;
}

#list li a:hover.brush{
background:url(../../images/motor/top/brush.jpg) no-repeat 0 -45px;
}

#list li a:hover.brushless{
background:url(../../images/motor/top/brush-less.jpg) no-repeat 0 -45px;
}

#list li a:hover.stepping{
background:url(../../images/motor/top/stepping.jpg) no-repeat 0 -45px;
}

#list li a:hover.voicecoil{
background:url(../../images/motor/top/voicecoil.jpg) no-repeat 0 -45px;
}

#list li a:hover.piezo{
background:url(../../images/motor/top/piezo.jpg) no-repeat 0 -45px;
}

#list li a:hover.power{
background:url(../../images/motor/top/power.jpg) no-repeat 0 -45px;
}

#list li a:hover.system{
background:url(../../images/motor/top/system.jpg) no-repeat 0 -45px;
}

.submenu{
position:absolute;
top:0;
left:178px;
list-style:none;
}

.submenu li a{
display:block;
padding:0 0 0 25px;
width:154px;
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;
}

#sub_01{
display:none;
position:absolute;
top:34px;
left:2px;
}

.stepping-hover{
width:179px;
height:45px;
background:url(../../images/motor/top/stepping.jpg) no-repeat 0 -45px;
text-indent:-9999px;
}


#sub_02{
display:none;
position:absolute;
top:124px;
left:2px;
}

.brushless-hover{
width:179px;
height:45px;
background:url(../../images/motor/top/brush-less.jpg) no-repeat 0 -45px;
text-indent:-9999px;
}

#sub_03{
display:none;
position:absolute;
top:259px;
left:2px;
}

.system-hover{
width:179px;
height:45px;
background:url(../../images/motor/top/system.jpg) no-repeat 0 -45px;
text-indent:-9999px;
}

/* contents
----------------------------------------------- */
#contents{
width:716px;
float:right;
}
 
.fig{
margin:10px 0 30px !important;
text-align:center;
}

/* application
----------------------------------------------- */
#appli{
height:250px;
width:706px;
background:url(../../images/motor/top/image.jpg) no-repeat right bottom;
}

#appli ul{
padding:0;
list-style:none;
float:left;
}

.w01{
margin:5px 0 20px 10px;
width:45%;
}

.w02{
margin:5px 0 20px 30px;
width:35%;
}

#appli li{
margin:0 0 20px 0;
padding:0 0 0 18px;
background:url(../../shared/images/arrow.gif) no-repeat 0 3px;
}

#appli li a{
padding:0 5px 0 0;
background:#ffffff;
}

/* cell, dsc, cd, dc, charge
----------------------------------------------- */
#topics{
margin:5px 10px;
line-height:150%;
}

#topics dt a{
padding:0 0 0 18px;
font-weight:bold;
background:url(../../shared/images/arrow.gif) no-repeat left;
}

#topics dd{
margin:0 0 5px 0;
font-size:90%;
line-height:140%;
}


/* solution
----------------------------------------------- */
#subtitle{
position:relative !important;
margin:0 auto;
width:900px;
height:60px;
}

.middle{
position:absolute;
right:25px;
bottom:30px;
}

.back{
position:absolute;
right:25px;
bottom:5px;
}

.middle a, .back a{
color:#2B74A3 !important;
}

.alt-menu, .alt-menu-l2 {
font-size:110%;
float:left;
}

.alt-menu a {
display:block;
margin:0 0 0 5px;
padding:10px 0 0 28px;
background:url(../../images/motor/search/alt-menu.gif) no-repeat;
color:#2B74A3 !important;
height:28px;
width:190px;
}

.alt-menu-l2 a {
display:block;
margin:0 0 0 5px;
padding:3px 0 0 28px;
line-height:110%;
background:url(../../images/motor/search/alt-menu.gif) no-repeat;
color:#2B74A3 !important;
height:35px;
width:190px;
}

/* table
----------------------------------------------- */
table{
clear:both;
margin:10px 10px 20px 10px;
border-collapse:collapse;
table-layout:fixed;
empty-cells:show;
line-height:140%;
width:880px;
font-size:90% !important;
}

th{
border:1px solid #666666;
padding:3px;
text-align:center;
}

th.no-bdr, table.no-bdr th, table.no-bdr td{
border:none;
}

td{
text-align:center;
border:1px solid #666666;
padding:3px 5px;
}

th.left, td.left{
text-align:left;
font-weight:normal;
}

table.no-bdr th{
padding:8px 0;
}

table.no-bdr td{
padding:4px 0;
}

table.no-bdr a{
display:block;
padding:5px 0;
background:#d2d2d2;
border-top:1px solid #cccccc;
border-bottom:2px solid #666666;
text-decoration:none !important;
}

table .nopadding{
padding:5px 0;
}

.condition-top th{
padding:2px 2px 10px 2px !important;
background:#E1F2FF;
vertical-align:bottom;
}

.condition-bottom th{
padding:10px 2px 2px 2px !important;
background:#E1F2FF;
vertical-align:bottom;
}

.search-icon{
padding:3px 0 3px 0;
background:url(../../images/motor/search_icon.gif) no-repeat left;
float:left;
}

.b-blue{
background:#E1F2FF;
}

.even{
background:#efefef;
}

.even th{
padding:8px 0;
}

.w45{
width:45px;
}

.w50{
width:50px;
}

.w55{
width:55px;
}

.w65{
width:65px;
}

.w70{
width:70px;
}

.w75{
width:75px;
}

.w90{
width:90px;
}

.w100{
width:100px;
}

.w110{
width:110px;
}

.w120{
width:120px;
}

.w130{
width:130px;
}

.w500{
margin:10px 0 20px 50px !important;
width:500px;
}

.str130per{
font-size:130%;
}

.cell-matrix{
margin:10px auto;
width:640px;
height:220px;
position:relative;
}

.cell-matrix ul{
list-style:none;
}

.cell-matrix a{
position:absolute;
display:block;
height:35px;
font-weight:bold;
font-size:120%;
text-align:center;
line-height:34px;
color:#000000 !important;
}

a#shutter, a#focus{
top:50px;
left:4px;
width:151px;
background:url(../../images/motor/search/one-block.gif) no-repeat;
}

a#focus{
left:324px;
}

a:hover#shutter, a:hover#focus{
background:url(../../images/motor/search/one-block.gif) no-repeat bottom left;
}

a#fz{
top:100px;
left:324px;
width:311px;
background:url(../../images/motor/search/two-block.gif) no-repeat;
}

a:hover#fz{
background:url(../../images/motor/search/two-block.gif) no-repeat bottom left;
}

a#sif{
top:150px;
left:4px;
width:471px;
background:url(../../images/motor/search/three-block.gif) no-repeat;
}

a:hover#sif{
background:url(../../images/motor/search/three-block.gif) no-repeat bottom left;
}

a#full{
top:190px;
right:10px;
}

.cell-back{
list-style:none;
width:200px;
}

.cell-back li{
margin:0 0 5px 0;
}

/*.cell-back{
height:220px;
background:url(../../images/motor/search/cell.jpg) no-repeat right;
}*/


.flt-box{
margin:0 3px 0 0;
float:left;
}

.clr{
margin:0;
width:150px;
height:35px;
float:left;
}

.clr-right{
margin:5px 150px 0 0;
width:150px;
height:35px;
float:right;
}

.clr-right2{
margin:5px 50px 0 0;
width:150px;
height:35px;
float:right;
}

.ch{
padding:20px 0 4px 0 !important;
text-align:left;
font-weight:bold;
font-size:140%;
border-left:none;
border-right:none;
}

.mb{
padding:20px 0 4px 0 !important;
text-align:left;
font-weight:bold;
font-size:120%;
border-left:none;
border-right:none;
border-top:none;
}

.bld{
font-weight:bold !important;
}

#appli ul:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* pamph_pdf
----------------------------------------------- */
.pamph a{
display:block;
padding:5px 57px 5px 5px !important;
width:120px;
min-height:49px;
height:auto !important;
height:49px;
border:#cccccc solid 1px;
font-size:10px;
background:url(../../images/motor/pamph-pdf.gif) no-repeat right;
line-height: 125%;
}

.pamph img{
margin:3px 3px 0 0 !important;
}
