a:link {color:navy;}
a:visited {color:navy;}
a:hover {color:#3399ff;}
a:active {color:#3399ff;}

body.base-area{
    margin:0 auto;
    width:100%;
    text-align:center;
}

div.header-area{
    text-align:left;
    width: 890px;
    margin:0 auto;
    padding-bottom:2px;
}
div.body-area{
    text-align:center;
    width: 890px;
    margin:0 auto;
}

div.footer{
    padding-top:25px;
    margin:0 auto;
    width:870px;
}
font.footer{
    text-align:center;
    font-size: 90%;
}
font.footer2{
    color: #555555;
    font-weight:bold;
}
div.backtotop{
width:400px;
height:68px;
text-align:right;
vertical-align:bottom;
float:left;
}

div.navi{
    font-family:sans-serif;
    padding-left:15px;
}


div.main_frame1{
    background-image: url(top.jpg);
    background-repeat: no-repeat;
    width:880px;
    text-align:left;
    margin:0 auto;
}
div.main_frame2{
    width:880px;
    padding-top:35px;
    text-align:left;
    margin:0 auto;
}
div.peti_frame{
    text-align:left;
    width:500px;
}
div.peti_frame_top{
    color:navy;
    height:35;
    font-size:120%;
}
div.peti_frame_bottom{
    color:navy;
    vertical-align:middle;
    height:45px;
    margin-left:50px;
    font-size:90%;
}
p.bottom_box1{
    float:left;
    line-height:150%;
    margin:0 auto;
    width:400px;
    font-size:90%;
}
p.bottom_box2{
    float:left;
    line-height:150%;
    margin:0 auto;
    width:480px;
    font-size:90%;
}

div.clear{clear:both;  font-size: 0; line-height: 0; height: 0px; visibility: hidden;}
font.oran{color:#ff9900;}
font.maru{color:#99ff33;}
font.moji{color:#3399ff;}
font.mark{color:#ff0066;}
p.company{line-height:200%;font-size:130%;}
p.recruit1{line-height:180%;padding-left:45px;padding-right:30px;}
p.recruit2{line-height:180%;font-size:90%;width:390px;padding-left:400px;}
p.contact1{line-height:180%;font-size:120%;padding-left:45px;padding-right:30px;}
div.qna{width:400px;float:left;font-size:90%;}
p.qna{line-height:200%;}
p.work1{line-height:180%;}
p.work2{line-height:180%;padding-left:45px;padding-right:30px;font-size:120%;}
div.works_list{width:800px; font-size:90%;}
h1.listmark{color: #3399ff; /* 文字の色 */
  border-left-color: #3399ff; /* 左枠の色 */
  padding: 0px 0px 0px 10px; /* 余白の幅 */
  border-style: solid; /* 枠の種類 */
  border-width: 0px 0px 0px 10px; /* 枠の幅 */
  width:800;
  text-align:left;
  font-family:sans-serif;
}