#header-works {
    background-color: #f1507d;
    padding:5px;
    height: 30px;
    width: 890px;
}

#header-works .title{
    width:776px;
    float:left;
}


.homebt {
    width : 104px ;
    height : 30px ;
    overflow: hidden;
    border: 0;
    margin-right:10px;
    padding: 0;
    float:right;
}

.homebt img{
    visibility: hidden;
}

.homebt a {
    background: url("../images/header-bthome.gif") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.homebt a:hover {
    background: url("../images/header-bthome.gif") no-repeat ;
    background-position: 0px -30px;
}


.workshead {
    width:880px;
    height:40px;
    background: url("../images/worksheadbg.gif");
    padding:10px;
}

.work-mail {
    width : 307px ;
    height : 40px ;
    overflow: hidden;
    border: 0;
    padding: 0;
    float:left;
}

.work-mail img{
    visibility: hidden;
}

.work-mail a {
    background: url("../images/app-mailbt.gif") no-repeat ;
    background-position: 0px 0px;
    display:block;
}

.work-mail a:hover {
    background: url("../images/app-mailbt.gif") no-repeat ;
    background-position: 0px -40px;
}

.workstxt {
     width:355px;
     height:40px;
     margin-left:10px;
     float:left;
}

.worksmenu {
    width:880px;
    padding:20px 0px 5px 20px;
}


.workscontent {
    width:880px;
    padding:0px 10px;
}

.workstitle {
      background-color:#fbd8c5;
      border-left:#c8c4b2 solid 10px;
      padding:2px 0px 2px 5px;
      color:#794733;
      font-weight:bold;
      margin:10px 0px;
}
.workspic {
     width:275px;
     margin-right:20px;
     float:left;
}
.worksinfo {
     width:585px;
     float:right;
     color:#fff;
}

.works-pagetop {
    padding-top:12px;
    margin-bottom:20px;
    float: right;
}

.works-pagetop a {
    background: url("../images/pagetoparrow.gif") no-repeat ;
    background-position: 0px 0px;
    padding-left: 20px;
    height: 17px;
    width: 85px;
    display: block;
}

.works-pagetop a:link     { color: #fff; text-decoration:underline ; }    /* 未訪のリンク */
.works-pagetop a:visited { color: #fff; text-decoration:underline ; }   /* 訪問済みのリンク */
.works-pagetop a:hover  { color: #ccc; text-decoration:none ; } /* カーソルが上に乗っているリンク */
.works-pagetop a:active  { color: #ccc; text-decoration:none ; }   /* アクティブ中のリンク */

#works-footer {
    width:900px;
}