/* product-search
----------------------------------------------- */
#search-area{
background:url(../../images/memory/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:55px;
left:0;
}

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

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

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

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

#relation a{
display:block;
padding:0 0 0 18px;
width:148px;
height:31px;
background:url(../../images/memory/top/menu.gif) no-repeat;
line-height:31px;
font-size:95%;
}

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

#contents-left{
margin:0 0 -30px 0;
width:489px;
min-height:270px;
float:left;
border-right:1px solid #cccccc;
}

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

#contents-left h3{
clear:both;
margin:2px 5px 5px 5px;
padding:0 0 0 2px;
font-size:100%;
font-weight:bold;
border-bottom:1px dotted #575757;
}

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


.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 20px 0;
padding:0 6px;
list-style:none;
line-height:150%;
border-bottom:1px solid #cccccc;
}

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

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

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

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

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

#b01 a{
background:url(../../images/memory/top/bnr-package.jpg) no-repeat;
}

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

#b02 a{
background:url(../../images/memory/top/bnr-split.jpg) no-repeat;
}

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

#b03 a{
background:url(../../images/memory/top/bnr-flash.jpg) no-repeat;
}

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

#b04 a{
background:url(../../images/memory/top/bnr-eeprom.jpg) no-repeat;
}

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

/* relation
----------------------------------------------- */
/*.btn{
margin:5px 0;
list-style:none;
}

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

.btn a{
display:block;
margin:0 2px;
padding:0 0 0 18px;
width:132px;
height:31px;
background:url(../../images/memory/top/lineup.gif) no-repeat;
line-height:31px;
}
*/
#to-top a{
margin:0 10px 0 0;
}

/* appli
----------------------------------------------- */
#pack{
margin:0 auto;
width:790px;
}

#pack h1{
margin:10px 0;
padding:0 0 0 10px;
font-size:120%;
border-bottom:1px dotted #666666;
}

#pack h1 span{
display:block;
margin:0 0 5px 0;
padding:0 0 0 3px;
border-left:5px solid #B9599E;
font-weight:bold;
}

#pack table{
width:100%;
border-collapse:collapse;
}

#pack th{
padding:4px 0;
text-align:center;
background:#efefef;
}

#pack td{
padding:4px 6px;
}

#pack img{
display:inline;
margin:0;
padding:0;
border:none;
vertical-align:bottom;
}

#pack ul{
list-style:none;
}

#pack li{
margin:0 0 10px 0;
padding:0 0 10px 0;
width:20%;
height:130px;
text-align:center;
float:left;
vertical-align:bottom;
border-bottom:1px solid #cccccc;
}

#pack li span{
display:block;
margin:0 auto;
height:90px;
}

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