body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
            margin: 0;
            padding: 0;
            font-family: Arial, Helvetica, sans-serif;
           
            color: #333;
        }

    @media only screen and (min-width: 1080px) {
        html, body {
            font-size: 18px !important;
        }
    }

     @media only screen and (min-width: 720px) and (max-width: 1080px) {
        html, body {
            font-size: 54px !important;
        }
    }
    @media only screen and (min-width: 680px) and (max-width: 720px) {
        html, body {
            font-size: 52px !important;
        }
    }

    @media only screen and (min-width: 640px) and (max-width: 680px) {
        html, body {
            font-size: 50px !important;
        }
    }

    @media only screen and (min-width: 600px) and (max-width: 640px) {
        html, body {
            font-size: 48px !important;
        }
    }

    @media only screen and (min-width: 560px) and (max-width: 600px) {
        html, body {
            font-size: 46px !important;
        }
    }

    @media only screen and (min-width: 520px) and (max-width: 560px) {
        html, body {
            font-size: 44px !important;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 520px) {
        html, body {
            font-size: 42px !important;
        }
    }

    @media only screen and (min-width: 440px) and (max-width: 480px) {
        html, body {
            font-size: 40px !important;
        }
    }

    @media only screen and (min-width: 400px) and (max-width: 440px) {
        html, body {
            font-size: 38px !important;
        }
    }

    @media only screen and (min-width: 360px) and (max-width: 400px) {
        html, body {
            font-size: 36px !important;
        }
    }

    @media only screen and (max-width: 360px) {
        html, body {
            font-size: 34px !important;
        }
    }
        #wrapper {
            display: block;
            width: 100%;
            min-width: 1024px;
        }
        #content {
            display: block;
            width: 70%;
            margin: 0 auto;
            margin-bottom: 35px;
        }
        .s-type-menu {
            float: left;
            width: 240px;
            text-align: center;
            overflow: hidden;
            margin-bottom: 250px;
        }
            .s-type-menu .title {
                font-size: 16px;
                font-weight: bold;
                color: #fff;
                background-color: #555;
                padding: 15px 0px 15px 0px;
                border-bottom: 0px;
                -moz-border-radius: 7px 7px 0px 0px;
                -webkit-border-radius: 7px 7px0px 0px;
                border-radius: 7px 7px 0px 0px;
            }
        .s-vertical-menu {
            width: 240px;
            margin: 0;
            padding: 0;
            list-style-type: none;
            z-index: 30;
            position: absolute;
        }
            .s-vertical-menu li {
                width: 240px;
                height: 45px;
                text-align: left;
                list-style: none;
                position: relative;
                border: 1px solid #ececec;
                border-bottom: 0px;
                background-image: url(../../images/web/menuhaschild_2.png);
                background-repeat: no-repeat;
                text-indent: 40px;
            }
                .s-vertical-menu li a {
                    display: block;
                    line-height: 45px;
                    color: #656d78;
                    font-size: 16px;
                    font-weight: bold;                                  
                }
        #right {
            display: block;
            float: right;
            width: 884px;
            border: 1px solid #e4e3e3;
            -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
            -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
            -o-box-shadow: 1px 1px 3px rgba(0,0,0,.3);
            box-shadow: 1px 1px 3px rgba(0,0,0,.3);
        }
        .contbox {
            padding: 30px 25px;
        }
        .tle {
            display: block;
            position: relative;
            padding-bottom: 18px;
            padding-top: 10px;
            margin-bottom: 75px;
            border-bottom: 1px solid #ddd;
        }
            .tle i {
                display: block;
                position: absolute;
                left: 25px;
                bottom: -52px;
                z-index: 1;
                width: 26px;
                height: 53px;
                background: url(/content/images/tle.jpg) no-repeat;
            }
            .tle h1 {
                display: block;
                font-size:2rem;
                position: relative;
                float: right;
            }
                .tle h1 sup {
                    color: #939393;
                    position: absolute;
                    font-size:1rem;
                    top: -1rem;
                    left: 0;
                }
        .tleTxt {
            display: block;
            margin-bottom: 15px;
            font-size: 1.2rem;
            color: #333;
            font-weight:800;
        }
        .content img {
            max-width: 48%;
        }
        .tle:after {
            content: "";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden;
        }
        #toc {
            border-spacing: 0;
            margin-bottom: 15px;
            background: #fff;
        }
            #toc td {
                padding: 0;
                border: 1px solid #ECEDE8;
                border-radius: 5px;
                min-width: 20rem;
            }
        #toctitle {
            margin-bottom: -1px;
            color: #666;
            border-bottom: 1px solid #ECEDE8;
            border-radius: 5px;
            background: -moz-linear-gradient(center top,#fff,#FAFAFA);
            background: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#FAFAFA));
            background: -o-linear-gradient(top,#fff,#FAFAFA);
            overflow: hidden;
        }
            #toctitle h2 {
                font-size: 1rem;
                height: 1.5rem;
                text-indent: 10px;
                font-weight: normal;
                text-shadow: 1px 1px 0 #fff;
                margin: 0;
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#FAFAFA');
                padding: 0;
                border: 0;
                margin: 0;
            }
        #toc ul, #toc ol {
            list-style: none;
            font-size: 1rem;
            padding: 0 0 0 1em;
            margin: 0\9;
            margin-right: 10px;
        }
        #toc ul a {
                padding-bottom: 0.8rem;
            }
            #toc ul li {
                padding-bottom: 0.8rem;
            }