/* main
----------------------------------------------- */
#no-dust #main{
margin:99px 0 0 0;
}

h1{
background:url(../../images/amp/title.jpg) no-repeat;
width:728px;
height:60px;
}

/* navi
----------------------------------------------- */
#audio-navi{
width:728px;
height:23px;
background:url(../../images/amp/navi-back.gif) no-repeat;
list-style:none;
font-weight:bold;
}

#audio-navi li{
float:left;
}

#audio-navi li a, #audio-navi li span{
display:block;
padding:3px 0 0 14px;
width:146px;
height:20px;
background:url(../../images/amp/navi.gif) no-repeat;
border-right:1px solid #cccccc;
}

#audio-navi li.long a{
width:186px;
_width:206px;
}

#audio-navi li a:hover, #audio-navi li span{
background:url(../../images/amp/navi.gif) no-repeat 0 -23px;
}

#ab-class, #d-class{
position:absolute;
left:199px;
_left:206px;
top:83px;
width:151px;
background-color:#E2E2E2;
border:solid 1px #CCCCCC;
padding:2px;
visibility:hidden;
z-index:3;
}
 
#ab-class{
left:361px;
_left:366px;
}
 
#ab-class ul, #d-class ul{
list-style:none;
}

#ab-class a, #d-class a, #ab-class span, #d-class span{
display: block;
font-size:11px;
line-height:120%;
width:142px;
color:#000000;
border:solid 1px #CCCCCC;
padding:3px;
margin:0 0 2px 0;
}

#ab-class a:hover, #d-class a:hover, #ab-class span, #d-class span{
background:#b5ade6;
color:#ffffff;
}


/* top
----------------------------------------------- */
.box{
clear:both;
}

#top .box{
margin:0 0 15px 0;
padding:6px 0 0 0;
height:535px;
background:#0D0A15 url(../../images/amp/image.jpg) no-repeat bottom;
position:relative;
}

#top .box ul{
list-style:none;
margin:0 0 5px 0;
padding:5px;
}

#top .box li{
line-height:100%;
margin:0 0 10px 0;
}

#top .box a , #top .box a:hover{
padding:0 0 0 11px;
display:block;
}

#left-col-bg{
position:absolute;
top:130px;
left:10px;
width:182px;
height:261px;
background:url(../../images/amp/left-bg.png) no-repeat;
text-indent:-9999px;
}

#left-col{
position:absolute;
top:130px;
left:10px;
padding:10px 10px 0 11px;
width:180px;
z-index:10;
}

#left-col h3{
margin:0 0 5px 0;
padding:0;
width:160px;
height:28px;
font-size:12px;
color:#ffffff;
text-align:center;
line-height:26px;
border-bottom: 1px solid #ffffff;
list-style: url(none) none;
}

#left-col ul{
list-style:none;
margin:0 !important;
padding:0 !important;
}

#left-col li{
list-style:none;
margin:0 0 8px 0 !important;
padding:0 0 0 5px;
background:url(../../images/amp/mark2.gif) no-repeat;
line-height:130% !important;
}

#left-col ul a , #left-col li a:hover{
display:block;
color:#FFFFFF;
}

.audio-search{
margin:0 0 10px 0;
width:720px;
height:48px;
padding:5px 4px;
background:url(../../images/amp/search-back.gif) no-repeat;
}

*html .audio-search{
width:728px;
height:58px;
}

.audio-search form{
clear:both;
width:720px;
height:26px;
background:url(../../images/amp/w-back.gif) no-repeat;
}

.audio-search h2{
font-size:12px;
background:none;
border:none !important;
float:left;
}

.audio-search form p{
margin:2px 5px 0 15px;
float:left;
}

.search-arrow{
padding:0 0 0 15px;
background:url(../../images/common/search-arrow.gif) no-repeat left;
}

*html .audio-search p{
margin:1px 3px 0 7px;
}

.w33{
width:33px;
padding:1px;
margin-right:1px;
}

.audio-search input, .audio-search select{
margin:0 1px;
}

.audio-search select{
margin-left:4px;
width:235px;
}

.audio-search optgroup{
margin:0 0 5px 0;
padding:0 0 5px 0;
border-bottom:1px dotted #999999;
}

.audio-search option{
padding:0 0 0 0.5em;
}

.flt-right{
float:right;
}

.catch-box{
margin:5px 10px 5px 10px;
width:708px;
color:#ffffff;
}

*html .catch-box{
margin:10px 10px 5px 10px;
}

.catch{
margin:0 0 5px 0;
padding:0 0 3px 0;
font-size:16px;
line-height:160%;
font-weight:bold;
text-align:center;
border-bottom:1px solid #ffffff;
}

.catch-box p{
margin:0 0 3px 0;
}

.w80{
width:80px;
}

.w90{
width:90px;
}

.w120{
width:120px;
}

#to-hic{
position:absolute;
left:15px;
bottom:20px;
}

#to-hic a{
display:block;
padding:4px 0 0 35px !important;
width:165px;
height:50px;
font-weight:bold;
color:#ffffff;
background:url(../../images/amp/to-hic.png) no-repeat;
}

#presen{
float:right;
width:200px;
padding:5px;
border:1px solid #999999;
}

#presen a{
display:block;
width:200px;
height:32px;
padding:0 0 0 38px;
background:url(../../images/solution/presen.gif) no-repeat center left;
line-height:15px;
}

.whats{
margin:10px 0 0 205px;
width:500px;
height:135px;
background:#ffffff;
opacity: 0.95;
filter: alpha(opacity=95);
}

.whats h2{
padding:0;
height:28px;
font-size:12px;
background:#FFFFFF url(../../images/amp/h2-bg.jpg) repeat-x;
border:1px solid #8C887E;
color:#321E61;
text-align:center;
line-height:26px;
}

.whats ul{
margin:0 !important;
padding:5px 10px !important;
background:#ffffff;
color:#000000;
height:135px;
overflow:auto;
border:1px solid #8C887E;
list-style:none;
}

.date{
font-family: arial,helvetica,sans-serif;
display:block;
margin:0 0 5px 0;
padding:0;
width:80px;
height:18px;
background : #B2B2B2;
line-height:18px;
color:#ffffff;
text-align:center;
float:left;
}

.whats a{
display:block;
margin:0 0 5px 0;
background:none !important;
float:left;
}

.whats li{
height:auto !important;

line-height:130% !important;
clear:both;
}


/* contents
----------------------------------------------- */
.contents{
padding:5px 10px;
}

h2{
clear:both;
padding:0 0 0 16px;
background:url(../../images/amp/disc.gif) no-repeat left center;
border-bottom:2px solid #614a9c;
font-size:14px;
color:#614A9C;
}

h2 span{
padding:0 16px 0 0;
background:url(../../images/amp/disc.gif) no-repeat right center;
}

.contents h3{
margin:4px 0 2px 0;
font-size:12px;
color:#614A9C;
}

.contents h3.adjust-mart{
margin:20px 0 0 0;
}

.contents p{
margin:0 0 10px 0;
padding:0 10px;
}

.contents ul{
margin:0 0 0 20px;
}

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

.area{
padding:5px 10px;
border-bottom:4px double #614a9c;
}

.area .fig{
border:4px outset #faf9ff;
background:#faf9ff;
}

.pdf{
margin:10px 0 0 0 !important;
text-align:right;
}

.pdf a{
padding:0 0 0 32px;
height:32px;
line-height:32px;
background:url(../../images/pdf.gif) no-repeat;
}

/* after
----------------------------------------------- */
.box:after, .menu:after, .menu dd:after, #category:after, .audio-search form:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* list
----------------------------------------------- */
table{
margin:10px 0 20px 0;
width:100%;
font-size:12px;
line-height:130%;
border-collapse:collapse;
text-align:center;
}

.colored{
background:#eeeeee;
}

th{
padding:2px 3px;
background:#EDE6FF;
border:1px solid #0D0A15;
color:#0D0A15;
}

td{
padding:2px 3px;
border:1px solid #614A9C;
}

td.txt-left{
text-align:left;
}

td.even{
font-weight:bold;
color:#000000;
}

a.detail{
display:block;
width:46px;
height:18px;
background:url(../../images/search/detail.gif) no-repeat;
text-indent:-9999px;
overflow:hidden;
}


/* for IE6
----------------------------------------------- */
*html #audio-navi li a, *html #audio-navi li span{
width:161px;
height:23px;
}

*html #car, *html #tv, *html #portable{
width:155px;
}
 
*html #car a, *html #tv a, *html #portable a, *html #car span, *html #tv span, *html #portable span{
width:148px;
}

*html .menu dt, *html .menu dd{
border-bottom:1px solid #999999;
height:1%;
}

*html #left-col-bg{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/left-bg.png', sizingMethod='scale');
}

*html #top #car{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/car-audio.png', sizingMethod='scale');
}

*html #top #tv{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/tv.png', sizingMethod='scale');
}

*html #top #home{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/home.png', sizingMethod='scale');
}

*html #top #portable{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/portable.png', sizingMethod='scale');
}

*html #top #tv-home{
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/tv-home.png', sizingMethod='scale');
}

*html .box, *html .menu, *html #category, *html h2{
height:1%;
}

*html #to-hic a{
width:200px;
height:54px;
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/amp/to-hic.png', sizingMethod='scale');
cursor:hand;
}

*html #category dt{
width:120px;
}

*html #tv-concept, *html #portable-concept{
height:190px;
}

*html table{
width:708px;
}