/* all
----------------------------------------------- */
*{
margin:0;
padding:0;
}

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


#page{
width:748px;
}

.ghost{
display:none;
}

img{
border:none;
}

/* fixity
----------------------------------------------- */
#fixity{
position:absolute;
top:0;
left:20px;
width:728px;
}

/* common
----------------------------------------------- */
#header{
width:728px;
height:49px;
background:url(../images/common/ssdc-logo.gif) no-repeat right;
}

#logo{
width:138px;
float:left;
}

#logo a{
display:block;
background:url(../images/common/logo_s.gif) no-repeat;
width:138px;
height:49px;
}

/* all_search
----------------------------------------------- */
#all-ele{
position:absolute;
top:13px;
left:320px;
width:170px;
}

#japanese{
margin:0 20px 0 0;
display:block;
width:57px;
height:19px;
background:url(../images/common/japanese.gif) no-repeat;
float:right;
}

#sanyo-top{
display:block;
width:82px;
height:19px;
background:url(../images/common/sanyotop.gif) no-repeat;
float:right;
}

/* navi
----------------------------------------------- */
#navi{
clear:both;
width:728px;
border-top:#d4dcde solid 2px;
}

ul.button{
clear:both;
margin:1px 0 10px 0;
width:674px;
height:18px;
list-style:none;
float:right;
}

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

#home a, #home-stay{
width:66px;
height:18px;
background:url(../images/common/navi.gif) no-repeat;
float:left;
}

#home a:hover, #home-stay{
background:url(../images/common/navi.gif) no-repeat 0 -18px;
}

#product a, #product-stay{
width:150px;
height:18px;
background:url(../images/common/navi.gif) no-repeat -66px 0;
float:left;
}

#product a:hover, #product-stay{
background:url(../images/common/navi.gif) no-repeat -66px -18px;
}

#about a, #about-stay{
width:148px;
height:18px;
background:url(../images/common/navi.gif) no-repeat -216px 0;
float:left;
}

#about a:hover, #about-stay{
background:url(../images/common/navi.gif) no-repeat -216px -18px;
}

#recruit a, #recruit-stay{
width:174px;
height:18px;
background:url(../images/common/navi.gif) no-repeat -364px 0;
float:left;
}

#recruit a:hover, #recruit-stay{
background:url(../images/common/navi.gif) no-repeat -364px -18px;
}

#contact a, #contact-stay{
width:136px;
height:18px;
background:url(../images/common/navi.gif) no-repeat -538px 0;
float:left;
}

#contact a:hover, #contact-stay{
background:url(../images/common/navi.gif) no-repeat -538px -18px;
}

.dust{
clear:both;
width:716px;
border-top:#CCCCCC solid 1px;
border-bottom:#CCCCCC solid 1px;
background:#ededed;
padding:0 0 0 12px;
}

*html .dust{
width:728px;
}

/* main
----------------------------------------------- */
.left-col{
width:150px;
float:left;
}

.right-col{
margin:0 0 30px 0;
width:568px;
float:right;
}

.left-col ul{
margin:10px 0 0 0;
list-style:none;
}

.left-col li a, .stay{
display:block;
padding:3px 0 0 10px;
width:140px;
height:23px;
background:url(../images/common/menu.gif) no-repeat;
color:#333333;
font-weight:bold;
}

.left-col li a:hover, .stay{
background:url(../images/common/menu.gif) no-repeat 0 -26px;
color:#333333;
}

*html .left-col li a, .stay{
width:150px;
height:26px;
}

*html .left-col li a:visited{
color:#333333;
}

.to-top{
clear:both;
text-align:right;
margin:10px 0 5px 0;
font-size:11px;
}

.arrow{
padding:0 0 0 12px;
background:url(../images/common/pagetop.gif) no-repeat 0 2px;
/*\*//*/
background:url(../images/common/pagetop.gif) no-repeat 0 4px;
/**/
}

#txt-navi{
margin:20px 0;
clear:both;
font-size:11px;
text-align:center;
}

/* Footer
----------------------------------------------- */
#footer{
clear:both;
border-top:#000000 solid 1px;
width:728px;
_margin:12px 0 0 0;
background:url(../images/common/copy.gif) no-repeat 3px 3px;
}

#footer p{
width:728px;
font-size:11px;
text-align:right;
margin:0 0 10px 0;
}

/*\*//*/
#footer p{
margin:-3px 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;
}