*{margin:0;padding:0;}
html { font-family: "Ropa Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; font-size: 16px; line-height: 1.5; }

ul li{list-style-type:none;}
.clearfix:after{clear:both;}

.secWork{
    width:960px;
    margin:0 auto;}

.secWork h2{
    /* 「Welcome!」の文字の箇所の設定 */
    float:left;
    font-size:30px;}

header.secHeader{
    height:64px;
    line-height:64px;}

    /* Worfの箇所のタブの箇所の設定です。*/

    .secWork .workTabs li{
        float:left;
        position:relative;
        border-right:1px solid #b8b8b8;
        box-shadow:4px 0 white;}

    .workTabs a{
        position:relative;
        padding:0 1.1em;
        display:block;}

        /* マウスをのせたタブと
        選択中のタブのスタイルに適用する */
        .workTabs a:hover,
        .workTabs a.active{
            background-color:#303030;
            color:white;}

        /* 
        選択中のタブの下に「▼」を表示するための
        スタイルに適用する 
        */
        .workTabs a.active:after{
            position:absolute;
            top:100%;
            left:50%;
            width:37px;
            height:19px;
            margin-left:-18px;
            content:"";
            background:url(img/sprites.png) no-repeat 0 0;}

    /*  パネルの設定 */
    .secWork .secBody{
        height:480px;
        position:relative;}