/* all
----------------------------------------------- */
body{
background:#FFFFFF url(../images/bg.gif);
font-size:12px;
line-height:160%;
color:#000000;
margin:0 0 0 20px;
font-family:Arial,Helvetica,sans-serif;
}

*{
margin:0;
padding:0;
}

#page{
width:728px;
left:0;
top:0;
}

.ghost{
display:none;
}

img{
border:none;
}

/* Header
----------------------------------------------- */
#header{
width:728px;
background:url(../images/header/os_logo.gif) no-repeat 417px 10px;
}

#logo{
width:118px;
height:60px;
background:url(../images/header/logo_s.gif) no-repeat 0 7px;
}

.relation-link{
position:absolute;
top:38px;
left:140px;
}

.relation-link ul{
list-style:none;
width:570px;
}

.relation-link li{
float:left;
}

#sanyo a{
display:block;
width:92px;
height:19px;
background:url(../images/header/sanyotop.gif) no-repeat;
}

#semic-sanyo a{
display:block;
width:171px;
height:19px;
background:url(../images/header/semitop.gif) no-repeat;
}

#japanese a{
display:block;
width:66px;
height:19px;
background:url(../images/header/japanese.gif) no-repeat;
}

/* global-navi
----------------------------------------------- */
#global-navi{
clear:both;
width:728px;
border-top:#d4dcde solid 2px;
position:absolute;
top:60px;
left:20px;
}

ul.button{
margin:1px 0 10px 0;
width:441px;
height:18px;
background:url(../images/mainnavi/global_navi.gif) no-repeat;
list-style:none;
float:right;
_width:442px;
/*\*//*/
background:url(../images/mainnavi/global_navi.gif) no-repeat 12px 0;
/**/
}

ul.button li{
float:left;
}

#top-stay{
display:block;
width:53px;
height:18px;
background:url(../images/mainnavi/global_navi.gif) no-repeat 0 -18px;
}

#top a:link, #top a:visited{
display:block;
width:53px;
height:18px;
}

#top a:hover{
background:url(../images/mainnavi/global_navi.gif) no-repeat 0 -18px;
}

#product-stay{
display:block;
width:133px;
height:18px;
background:url(../images/mainnavi/global_navi.gif) no-repeat -53px -18px;
}

#product a:link, #product a:visited{
display:block;
width:133px;
height:18px;
}

#product a:hover{
background:url(../images/mainnavi/global_navi.gif) no-repeat -53px -18px;
}

#company-stay{
display:block;
width:76px;
height:18px;
background:url(../images/mainnavi/global_navi.gif) no-repeat -186px -18px;
}

#company a:link, #company a:visited{
display:block;
width:76px;
height:18px;
}

#company a:hover{
background:url(../images/mainnavi/global_navi.gif) no-repeat -186px -18px;
}

#location-stay{
display:block;
width:91px;
height:18px;
background:url(../images/mainnavi/global_navi.gif) no-repeat -262px -18px;
}

#location a:link, #location a:visited{
display:block;
width:91px;
height:18px;
}

#location a:hover{
background:url(../images/mainnavi/global_navi.gif) no-repeat -262px -18px;
}

#contact-stay{
display:block;
width:88px;
height:18px;
background:url(../images/mainnavi/global_navi.gif) no-repeat -353px -18px;
}

#contact a:link, #contact a:visited{
display:block;
width:88px;
height:18px;
}

#contact a:hover{
background:url(../images/mainnavi/global_navi.gif) no-repeat -353px -18px;
}

.pan{
clear:both;
margin:5px 0;
padding:1px 5px;
border-top:#e3e3e3 1px solid;
border-bottom:#e3e3e3 1px solid;
font-size:11px;
}

/* google
----------------------------------------------- */
#google{
position:absolute;
top:35px;
left:480px;
width:260px;
/*\*//*/
width:350px;
/**/
z-index:3;
}

.size{
margin:0 5px;
padding:0 3px;
width:100px;
height:16px;
float:left;
}

.button{
width:80px;
height:20px;
float:left;
font-size:11px;
}

/*\*//*/
.button{
width:40px;
height:16px;
padding:0 0 0 12px;
}
/**/

.flow{
float:left;
}

.no-flow{
clear:both;
font-size:11px;
_font-size:10px;
_margin:-3px 0 0 0;
}

#ose{
margin:0 0 0 20px;
}

/* main
----------------------------------------------- */
.to-top{
clear:both;
float:right;
}

.to-top a{
display:block;
padding:0 0 10px 16px;
background:url(../images/pagetop.gif) no-repeat 0 5px;
}

/*\*/
*html .to-top a{
padding:0 0 0 16px;
}
/**/

/*\*//*/
.to-top{
width:150px;
}
/**/

/* Footer
----------------------------------------------- */
#footer{
clear:both;
border-top:#000000 solid 1px;
width:728px;
margin:12px 0 10px 0;
}

#footer p.left{
font-size:11px;
margin:0;
float:left;
}

#footer p.right{
font-size:11px;
text-align:right;
margin:0 0 10px 0;
float:right;
/*\*//*/
margin:-20px 0 0 0;
/**/
}

#footer p.right a{
margin:0 5px;
}

/* 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;
}