@media (min-width: 481px) {
    #contentsArea {
        position: relative;
        margin: 0px auto;
        overflow: hidden;
        padding: 0;
        width: 980px;
        z-index: 10;
        font-size: 12px;
        color: #4b4b4b;

    }

    #contentsArea #sideEnclosingArea {
        float: left;
        width: 800px;
        margin-top: 20px;
    }


    #contentsArea h2 {
        font-size: 14px;
        padding: 0 0 10px 0;
        margin: 20px 0 -2px 0;
        color: #222222;

    }

    #contentsArea h5 {
        padding: 5px 0 4px;
        margin: 15px 0 0 0;
        font-size: 12px;
    }

    #contentsArea h5 span {
        border-bottom: 4px solid #eee;
    }

    #contentsArea .line {

        clear: both;
        line-height: 1.4;
        display: inline-block;
    }


    #contentsArea p.textAndImage01 span {
        width: 376px;
        float: right;
        color: #666;
        margin: 0 0 15px 20px;
    }

    #contentsArea p.textAndImage02 span {
        width: 277px;
        float: left;
        color: #666;
        margin: 0 20px 15px 0;
    }

    #contentsArea p.textAndImage01 span img,
    #contentsArea p.textAndImage02 span img,
    #contentsArea div.solutionsMenu01 a img,
    #contentsArea .unit img {
        vertical-align: top;
        margin: 3px 0 2px 0;
    }

    #contentsArea dl.notation {
        margin: 4px 0 -0.2em 0;
        color: #666;
    }

    #contentsArea dl.notation dt {
        margin: 0;
        margin-right: -2em;
        padding: 0.2em 0;
        float: left;
        clear: both;
        display: inline;
        width: 2em;
    }

    #contentsArea dl.notation dd {
        margin-left: 0.8em;
        padding: 0.2em 15px 0.2em 10px;
    }

    #contentsArea ul li {
        list-style: none;
        background: url(/component/c_common/img/bg_list01.gif) no-repeat left 5px;
        margin: 5px 0 0 0;
        padding: 0 0 0 10px;
    }

    #contentsArea .line ul.linkList01 li,
    #contentsArea .line ul.linkList02 li {
        background: none;
        padding: 0;
    }

    #contentsArea .line ul.linkList01 li a {
        display: inline;
        background: url(/component/c_common/img/bg_local_dl05_top.gif) no-repeat 5px 5px;
        margin: 0;
        padding: 0 9px 0 14px;
        color: #036;
        text-decoration: none;
    }


    #contentsArea  p,
    #contentsArea  ul {
        margin: 11px 0 -1px 0;
        font-size: 12px;
        padding: 0;
    }



}

@media only screen and (min-width: 320px) and (max-width: 480px) {
      #contentsArea {
        position: relative;
        margin: 0px auto;
        overflow: hidden;
        padding: 0;
      
        z-index: 10;
        font-size: 12px;
        color: #4b4b4b;

    }

    #contentsArea #sideEnclosingArea {
       padding: 0 10px;
        margin-top: 90px;
    }


    #contentsArea h2 {
        font-size: 14px;
        padding: 0 0 10px 0;
        margin: 20px 0 -2px 0;
        color: #222222;

    }

    #contentsArea h5 {
        padding: 5px 0 4px;
        margin: 15px 0 0 0;
        font-size: 12px;
    }

    #contentsArea h5 span {
        border-bottom: 4px solid #eee;
    }

    #contentsArea .line {

        clear: both;
        line-height: 1.4;
        display: inline-block;
    }


    #contentsArea p.textAndImage01 span {
       width: 100% !important;
        color: #666;
        margin: 0 0 15px 20px;
        display: contents;
    }

    #contentsArea p.textAndImage02 span {
        width: 100% !important;
        display: contents;
        color: #666;
        margin: 0 20px 15px 0;
    }

    #contentsArea p.textAndImage01 span img,
    #contentsArea p.textAndImage02 span img,
    #contentsArea div.solutionsMenu01 a img,
    #contentsArea .unit img {
        vertical-align: top;
        margin: 3px 0 2px 0;
    }

    #contentsArea dl.notation {
        margin: 4px 0 -0.2em 0;
        color: #666;
    }

    #contentsArea dl.notation dt {
        margin: 0;
        margin-right: -2em;
        padding: 0.2em 0;
        float: left;
        clear: both;
        display: inline;
        width: 2em;
    }

    #contentsArea dl.notation dd {
        margin-left: 0.8em;
        padding: 0.2em 15px 0.2em 10px;
    }

    #contentsArea ul li {
        list-style: none;
        background: url(/component/c_common/img/bg_list01.gif) no-repeat left 5px;
        margin: 5px 0 0 0;
        padding: 0 0 0 10px;
    }

    #contentsArea .line ul.linkList01 li,
    #contentsArea .line ul.linkList02 li {
        background: none;
        padding: 0;
    }

    #contentsArea .line ul.linkList01 li a {
        display: inline;
        background: url(/component/c_common/img/bg_local_dl05_top.gif) no-repeat 5px 5px;
        margin: 0;
        padding: 0 9px 0 14px;
        color: #036;
        text-decoration: none;
    }


    #contentsArea  p,
    #contentsArea  ul {
        margin: 11px 0 -1px 0;
        font-size: 12px;
        padding: 0;
    }

    #contentsArea  p img{
        width: 100%;
    }


}