* {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size : 100%;
}


html, body { height: 100%; }

body{
background-color: #1b1b1b;
color: #d4cfc2;
}

h1{
width: 100%;
font-size: 10px;
letter-spacing: 1px;
position: absolute;
top: 98%;
left: 0;
color: #868471;
text-align: center;
}


#all{
width: 100%;
height: 100%;
}


#contents{
width: 860px;
font-size: 10px;
letter-spacing: 1px;
margin: 4px auto;
}


#logo{
display: block;
text-indent: -9999px;
width: 148px;
height: 24px;
background: url(../img/top/logo.gif) no-repeat 0 0;
margin-right: 15px;
margin-top: 4px;
}

#logo,
#c_2,
#c_3,
#c_4{
float: left;
}

#c_2{
width: 257px;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 10px;
border-left: 1px solid #585858;
}

#c_2 h2{
padding-bottom: 2px;
}

#c_3{
width: 133px;
padding-top: 6px;
padding-bottom: 2px;
padding-left: 10px;
border-left: 1px solid #585858;
}

#c_3 li{
list-style-type: none;
display: block;
padding-left: 15px;
}

.tel{background: url(../img/top/ico_tel.gif) no-repeat 0 1px;padding-bottom: 2px;}
.fax{background: url(../img/top/ico_fax.gif) no-repeat 0 1px;}

#c_4 li a{
text-indent: -9999px;
display: block;
width: 93px;
height: 18px;
background-image: url(../img/top/menu2.gif);
}

#c_4 li{
float: left;
margin-right: 1px;
list-style-type: none;
}

.faq a:link{background-position: 0 0;}
.faq a:visited{background-position: 0 0;}
.faq a:hover{background-position: 0 18px;}
.faq a:active{background-position: 0 0;}

.recruit a:link{background-position: 187px 0;}
.recruit a:visited{background-position: 187px 0;}
.recruit a:hover{background-position: 187px 18px;}
.recruit a:active{background-position: 187px 0;}

.contact a:link{background-position: 94px 0;}
.contact a:visited{background-position: 94px 0;}
.contact a:hover{background-position: 94px 18px;}
.contact a:active{background-position: 94px 0;}