/* all
----------------------------------------------- */
*{
margin:0;
padding:0;
}

body{
background:#FFFFFF url(../images/bg.gif);
font-size:12px;
line-height:140%;
color:#000000;
margin:0 0 0 20px;
font-family:arial, helvetica, sans-serif;
}

#page{
width:748px;
}

.ghost{
display:none;
}

img{
border:none;
}

select, input{
font-size:12px;
}

/* fixity
----------------------------------------------- */
#fixity{
position:absolute;
top:0;
left:20px;
width:728px;
}

/* Header
----------------------------------------------- */
#header{
width:728px;
height:49px;
background:url(../images/header/semilogo.gif) no-repeat right;
}

#logo{
width:118px;
float:left;
}

#logo a{
display:block;
background:url(../images/header/logo_s.gif) no-repeat;
width:98px;
height:49px;
}

#japanese{
display:block;
width:77px;
height:19px;
background:url(../images/header/japanese.gif) no-repeat;
float:left;
}

#sanyo-top{
margin:-1px 2px 0 0;
display:block;
width:92px;
height:19px;
background:url(../images/header/sanyotop.gif) no-repeat;
float:left;
}

#global-network{
display:block;
width:90px;
height:19px;
background:url(../images/header/global.gif) no-repeat;
float:left;
}

#header p{
position:absolute;
top:14px;
right:210px;
}

#logoeu{
position:absolute;
top:18px;
left:480px;
width:118px;
float:left;
}

#logoeu a{
display:block;
background:url(http://semicon.eu.sanyo.com/shared/images/sitetitle.gif) no-repeat;
width:281px;
height:14px;
}

/* navi
----------------------------------------------- */
#navi{
clear:both;
width:728px;
border-top:#d4dcde solid 2px;
}

ul.button{
clear:both;
margin:1px 0 10px 0;
width:696px;
height:18px;
list-style:none;
float:right;
}

*html ul.button{
margin:1px -3px 10px 0;
width:699px;
}

ul.button li{
margin:0 0 10px 0;
float:left;
}

#semitop a, #semitop-stay{
display:block;
width:145px;
height:18px;
background:url(../images/header/navi.gif) no-repeat;
}

#semitop a:hover, #semitop-stay{
background:url(../images/header/navi.gif) no-repeat 0 -18px;
}

#product a, #product-stay{
display:block;
background:url(../images/header/navi.gif) no-repeat -145px 0;
width:89px;
height:18px;
}

#product a:hover, #product-stay{
background:url(../images/header/navi.gif) no-repeat -145px -18px;
}

#release a, #release-stay{
display:block;
width:101px;
height:18px;
background:url(../images/header/navi.gif) no-repeat -234px 0;
}

#release a:hover, #release-stay{
background:url(../images/header/navi.gif) no-repeat -234px -18px;
}

#environment a, #environment-stay{
display:block;
width:142px;
height:18px;
background:url(../images/header/navi.gif) no-repeat -335px 0;
}

#environment a:hover, #environment-stay{
background:url(../images/header/navi.gif) no-repeat -335px -18px;
}

#about a, #about-stay{
display:block;
width:117px;
height:18px;
background:url(../images/header/navi.gif) no-repeat -477px 0;
}

#about a:hover, #about-stay{
background:url(../images/header/navi.gif) no-repeat -477px -18px;
}

#location a, #location-stay{
display:block;
width:102px;
height:18px;
background:url(../images/header/navi.gif) no-repeat -594px 0;
}

#location a:hover, #location-stay{
background:url(../images/header/navi.gif) no-repeat -594px -18px;
}

.dust{
clear:both;
width:716px;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
background:#ededed;
padding:0 0 0 12px;
font-size:11px;
}

*html .dust{
width:728px;
}

/* product-search
----------------------------------------------- */
#search-area{
padding:3px 0 0 0;
width:728px;
height:55px;
background:url(../images/common/search-back.jpg) no-repeat;
font-size:11px;
color:#303030;
}

#product-search{
margin:0 0 0 150px;
}

#search-area p{
margin:0 0 0 5px;
padding:2px 0 2px 14px;
background:url(../images/common/search-arrow.gif) no-repeat 0 3px;
display:inline;
}

.field , .field2{
margin:3px 0 0 0px;
padding:1px;
width:100px;
height:19px;
font-size:12px;
}

.field2{
width:56px;
}

.tri2{
margin:2px 0px 0 5px !important;
}

*html .tri2, *html .tri3{
margin:2px 0px 0 8px !important;
}

.tri3{
margin:2px 4px 0 15px !important;
}

#search-area input, #search-area select{
display:inline;
}

#search-area ul{
display:inline;
list-style:none;
}

#search-area li{
display:inline;
}

#search-area select{
margin:4px 0 0 2px;
width:110px;
height:19px;
}

.size{
margin:2px 0 0 0px;
line-height:110%;
width:48px;
height:20px;
}


#search-area p.adjust-marl{
margin:2px 0 0 4px;
}

#search-area label{
margin:0 4px 0 4px;
}

*html #search-area{
height:60px;
}

*html #search-area p{
margin:0 0 0 8px;
}

*html #search-area p.adjust-marl{
margin:0 0 0 4px;
}

*html #search-area label{
margin:0 0 0 2px;
}


/* main
----------------------------------------------- */
#main{
position:relative;
margin:80px 0 0 0;
width:728px;
}

.back{
clear:both;
float:right;
}

.back a{
margin:0 0 0 15px;
padding:4px 0 4px 13px;
background:url(../images/back.gif) no-repeat left center;
}

.to-top{
clear:both;
text-align:right;
margin:10px 0 5px 0;
font-size:11px;
}

.arrow{
padding:0 0 0 14px;
background:url(../images/pagetop.gif) no-repeat 0 2px;
}

/* Footer
----------------------------------------------- */
#footer{
clear:both;
border-top:#000000 solid 1px;
width:728px;
margin:12px 0 0 0;
background:url(../images/footer/copy.gif) no-repeat 4px 4px;
}

#footer p{
font-size:11px;
text-align:right;
margin:0 0 10px 0;
}


/* Link
----------------------------------------------- */
a:link{
text-decoration:none;
color:#333399;
}

a:visited{
text-decoration:none;
color:#6C01BC;
}

a:hover{
text-decoration:none;
color:#CF002F;
}

a:active{
text-decoration:none;
color:#333399;
}