#mainwrapper {
    width: 1188px;
    margin: 0 auto
    }
#head-left {
    width: 70%;
    height: 141px;
    float: left;
    display: block
    }
#head-left a {
    text-decoration: none
    }
#head-right {
    width: 30%;
    height: 141px;
    float: right;
    display: block;
    text-align: right;
    font-size: 10px
    }
#header-box .mainnav {
    background: url(../images/bg_navi_right.jpg) top right no-repeat transparent;
    height: 39px
    }
.mainnav ul {
    padding-top: 10px !important
    }
#footer {
    background: url(../images/bg_footer_right.jpg) bottom right no-repeat transparent;
    height: 60px;
    padding: 0 0 0 0
    }
/* Standard 1280 or larger (browsers) */
@media only screen and (min-width: 1280px) {
    #center-box {
        width: 822px
        }
    #outer-box {
        background: url(../images/bg_main_big.jpg) top left repeat-y #fff
        }
    }
/* Smaller than standard 1280 (devices and browsers) */
@media only screen and (min-width: 980px) and (max-width: 1279px) {
    #mainwrapper {
        width: 940px
        }
    #center-box {
        width: 744px
        }
    #right-box {
        display: none
        }
    #outer-box {
        background: url(../images/bg_main_940.jpg) top left repeat-y #fff
        }
    }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 979px) {
    #mainwrapper {
        width: 710px
        }
    #center-box {
        width: 514px
        }
    #right-box {
        display: none
        }
    #outer-box {
        background: url(../images/bg_main_710.jpg) top left repeat-y #fff
        }
    p#mainhl {
        font-size: 45px;
        line-height: 45px;
        padding-top: 30px
        }
    #header-box {
        height: 159px
        }
    div.mainnav {
        height: 19px
        }
    div.mainnav ul {
        display: none
        }
    #hlnavi {
        display: none
        }
    #content-left {
        width: 100%
        }
    #content-right {
        clear: both;
        float: left;
        width: 100%
        }
    #scroller {
        top: 145px
        }
    #footnavbox {
        display: none
        }
    #skinconfig {
        display: none
        }
    }
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    #mainwrapper {
        width: 420px
        }
    #left-box {
        width: 400px;
        background: url(../images/bg_main_420.jpg) top left repeat-y #fff;
        padding: 0 10px 0 10px
        }
    #sidebarfooter {
        display: none
        }
    #right-box {
        display: none
        }
    #center-box {
        clear: both;
        width: 400px;
        background: url(../images/bg_main_420.jpg) top left repeat-y #fff;
        padding: 0 10px 0 10px
        }
    p#mainhl {
        font-size: 35px;
        line-height: 35px;
        padding-top: 15px;
        padding-left: 140px
        }
    p#subheadline {
        padding-left: 140px
        }
    #header-box {
        height: 90px;
        background: url(../images/header_small.png) top left no-repeat transparent
        }
    #head-left {
        width: 100%;
        height: 72px
        }
    #head-right {
        display: none
        }
    #header-box div.mainnav {
        height: 19px
        }
    div.mainnav ul {
        display: none
        }
    #hlnavi {
        display: none
        }
    #footnavbox {
        display: none
        }
    #skinconfig {
        display: none
        }
    #mlnavi ul li {
        float: left
        }
    #sidebar {
        width: 400px
        }
    #sidebartop {
        width: 380px
        }
    .clip2 {
        width: 380px;
        border: none
        }
    #sidebar ul li a {
        padding-right: 1em
        }
    #googlelayer {
        display: none;
        position: relative;
        width: 397px;
        height: 110px;
        padding: 10px;
        background: url(../images/bg_search_small.png) top left no-repeat transparent;
        top: -365px;
        left: -410px
        }
    div.cse-branding-form {
        width: 350px
        }
    input#qquery {
        width: 260px
        }
    #contentbox img {
        max-width: 380px;
        height: auto
        }
    #content-left {
        width: 100%
        }
    #content-right {
        clear: both;
        float: left;
        width: 100%
        }
    #sidebar h1 a:hover, #sidebar h1 a:active, #sidebar a:link, #sidebar a:visited {
        border-bottom: none
        }
    #mlnavi ul, #thirdlevelnavi ul {
        margin-left: 0;
        padding-left: 0;
        white-space: nowrap
        }
    #mlnavi ul li, #thirdlevelnavi ul li {
        display: inline;
        list-style-type: none
        }
    #mlnavi ul li a, #thirdlevelnavi ul li a {
        padding: 3px 10px
        }
    #mlnavi ul li a:link, #mlnavi ul li a:visited, #thirdlevelnavi ul li a:visited {
        color: #000;
        background-color: #fff;
        text-decoration: none
        }
    #mlnavi ul li a:hover, #thirdlevelnavi ul a:hover {
        color: #fff;
        background-color: #A00;
        text-decoration: none
        }
    #thirdlevelnavi ul li {
        float: none;
        display: block
        }
    #slnavi {
        margin-top: 10px
        }
    #slnavi .clip2 ul {
        display: none
        }
    .responsive-nav {
        display: block
        }
    #scroller {
        top: 75px;
        background: url(../images/bg_scroller_right_small.png) top left no-repeat transparent
        }
    #rsslayer {
        display: none
        }
    #footer-box {
        height: 120px;
        margin-bottom: 50px
        }
    #footer {
        height: 120px;
        padding: 0 20px
        }
    }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #mainwrapper {
        width: 300px
        }
    #left-box {
        width: 280px;
        background: url(../images/bg_main_300.jpg) top left repeat-y #fff;
        padding: 0 10px 0 10px
        }
    #sidebarfooter {
        display: none
        }
    #right-box {
        display: none
        }
    #center-box {
        clear: both;
        width: 280px;
        background: url(../images/bg_main_300.jpg) top left repeat-y #fff;
        padding: 0 10px 0 10px
        }
    p#mainhl {
        font-size: 28px;
        line-height: 30px;
        padding-top: 15px;
        padding-left: 140px
        }
    p#subheadline {
        padding-left: 140px
        }
    #header-box {
        height: 90px;
        background: url(../images/header_small.png) top left no-repeat transparent
        }
    #head-left {
        width: 100%;
        height: 72px
        }
    #head-right {
        display: none
        }
    #header-box div.mainnav {
        height: 19px
        }
    div.mainnav ul {
        display: none
        }
    #hlnavi {
        display: none
        }
    #footnavbox {
        display: none
        }
    #skinconfig {
        display: none
        }
    #mlnavi ul li {
        float: none;
        display: block
        }
    #sidebar {
        width: 280px
        }
    #sidebartop {
        width: 260px;
        float: none;
        margin: 0 auto
        }
    .clip2 {
        width: 260px;
        border: none
        }
    #sidebar ul li a {
        padding-right: 1em
        }
    #googlelayer {
        display: none;
        position: relative;
        width: 300px;
        height: 110px;
        padding: 10px;
        background: url(../images/bg_search_top.png) top left no-repeat transparent;
        top: -335px;
        left: -285px
        }
    div.cse-branding-form {
        width: 250px
        }
    input#qquery {
        width: 160px
        }
    #gsearch {
        margin: 0 20px 0 0;
        width: 240px
        }
    #contentbox img {
        max-width: 260px;
        height: auto
        }
    #content-left {
        width: 100%
        }
    #content-right {
        clear: both;
        float: left;
        width: 100%
        }
    #sidebar h1 a:hover, #sidebar h1 a:active, #sidebar a:link, #sidebar a:visited {
        border-bottom: none
        }
    #mlnavi ul, #thirdlevelnavi ul {
        margin-left: 0;
        padding-left: 0;
        white-space: nowrap
        }
    #mlnavi ul li, #thirdlevelnavi ul li {
        display: inline;
        list-style-type: none
        }
    #mlnavi ul li a, #thirdlevelnavi ul li a {
        padding: 3px 10px
        }
    #mlnavi ul li a:link, #mlnavi ul li a:visited, #thirdlevelnavi ul li a:visited {
        color: #000;
        background-color: #fff;
        text-decoration: none
        }
    #mlnavi ul li a:hover, #thirdlevelnavi ul a:hover {
        color: #fff;
        background-color: #A00;
        text-decoration: none
        }
    #thirdlevelnavi ul li {
        float: none;
        display: block
        }
    #slnavi {
        margin-top: 10px
        }
    #slnavi .clip2 ul {
        display: none
        }
    .responsive-nav {
        display: block;
        width: 240px
        }
    #footer-box {
        height: 120px;
        margin-bottom: 50px
        }
    #footer {
        height: 120px
        }
    #scroller {
        top: 75px;
        background: url(../images/bg_scroller_right_small.png) top left no-repeat transparent
        }
    #rsslayer {
        display: none
        }
    }