@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

body {
    color: #001133;
    border-top: 3px solid #399;
    text-align: left;
    font: 15px/1.6em sans-serif;
}

ul,
ol {
    margin: 0 2em;
}

ol li {
    list-style: none;
    padding-left: 2em;
    text-indent: -2em;
}

table {
    border-collapse: collapse;
    margin: 15px 50px;
    width: 90%;
}

td {
    padding: 5px;
    border: 1px solid #333;
}

.none td {
    padding: 5px;
    border: none;
}

dl {
    margin: 0 1em;
}

dt {
    font-weight: bold;
    margin-top: 0.8em;
}

h1 {
    font-size: 18px;
    padding: 0.5em 1em;
}

h1.s011 {
    background: #00cc66;
    /*背景色*/
}

h1.s012 {
    background: #f4b084;
    /*背景色*/
}

h1.s013 {
    background: #ffc000;
    /*背景色*/
}

h1.s014 {
    background: #a9d08e;
    /*背景色*/
}

h1.s015 {
    background: #bdd7ee;
    /*背景色*/
}

h1.s016 {
    background: #b4c6e7;
    /*背景色*/
}

h1.s017 {
    color: #fff;
    background: #70ad47;
    /*背景色*/
}

h2 {
    font-size: 16px;
    padding: 0.2em 2em;
    margin: 0.5em;
}

h2.s0201 {
    background: #fce4d6;
    /*背景色*/
}

h2.s0202 {
    background: #ffe699;
    /*背景色*/
}

h2.s0203 {
    background: #e2efda;
    /*背景色*/
}

h2.s0203 {
    background: #d9e1f2;
    /*背景色*/
}

h2.s0204 {
    background: #a9d08e;
    /*背景色*/
}

h3 {
    margin: 1em 0;
    font-size: 13px;
    padding: 0.4em;
    background-color: #eee;
}

h4 {
    margin: 1em 0;
}

p {
    margin: 2em;
}

a:hover {
    text-decoration: underline;
    color: #039;
}

a img {
    border: none;
}

.C {
    text-align: left;
}

.R {
    text-align: right;
}

#container {
    width: 1070px;
    margin: 0 auto;
    text-align: left;
}

#head {
    margin: 3px 0 0;
    height: 75px;
}

#head img {
    border: none;
}

#site_title {
    float: left;
    width: 500px;
}



ul#topmenu {
    height: 54px;
    line-height: 54px;
    background: url('../design/topmenu_bg.gif') no-repeat top;
    padding-right: 10px;
    padding-left: 10px;
    overflow: hidden;
    list-style-type: none;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
}

ul#topmenu li {
    float: left;
}

ul#topmenu li a {
    color: #29332e;
    text-decoration: none;
    display: block;
    padding-right: 1.5em;
    padding-left: 1.5em;
    background: url('../design/topmenu_line.gif') no-repeat right;


    text-shadow:
        3px 3px 3px #ffffff,
        -3px 3px 3px #ffffff,
        3px -3px 3px #ffffff,
        -3px -3px 3px #ffffff,
        3px 0px 3px #ffffff,
        0px 3px 3px #ffffff,
        -3px 0px 3px #ffffff,
        0px -3px 3px #ffffff;


    #section {
        width: 630px;
        margin: 0 10px 20px 0px;
        float: left;
    }

    #box {
        margin: 1em;
    }

    #newinfo,
    #topics {
        border: 1px solid #999;
        margin-bottom: 15px;
    }

    .t_info {
        background: url('../design/t_newinfo.gif') 0 0 no-repeat;
        height: 24px;
        padding: 3px 0 0 30px;
        font-size: 14px;
        font-weight: bold;
        border-bottom: 1px solid #ccc;
        margin: 0;
    }

    #newinfo ul {
        height: auto;
    }

    #newinfo ul,
    #topics ul {
        margin: 1em 2.5em;
    }

    #newinfo ul li,
    #topics ul li {
        border-bottom: 1px dotted #aaa;
        padding: 0.2em;
    }

    #addr {
        background-color: #e0f0ec;
        margin: 2em 0 0;
        padding: 1em;
        color: #29332e;
        background-position: bottom
    }

    #addr dl {
        margin-bottom: 0;
    }

    #addr dt {
        font-weight: bold;
        font-size: 16px;
    }

    #addr dd {
        font-size: 14px;
    }


    #main_title h1 {
        color: #220055;
        margin: 1em 0;
        padding: 0.5em 0 0.5em 0.5em;
        font-size: 18px;
        border-left: 4px solid #aaaadd;
    }


    #page_top {
        text-align: right;
        margin: 2em 1em;
        clear: both;
    }

    #foot {
        background-color: #1c4d4a;
        padding: 1px 0;
        clear: both;
    }

    #copyright {
        padding: 0.2em;
        text-align: left;
        border-top: 1px solid #fff;
        color: #FFF;
    }

    .satei th,
    .satei td {
        font-size: 11px;
        padding: 0.4em 0.2em;
        line-height: 16px;
    }

    .table02 {
        border: #ccc solid 1px;
        border-collapse: collapse;
        width: 98%;
    }

    .table02 ul {
        padding: 0;
        margin: 0;
    }

    .table02 ul li {
        margin: 5px 5px 5px 1em;
    }

    .table02 th {
        border: #ccc solid 1px;
        padding: 5px;
    }

    .table02 .t01 {
        text-align: center;
        background-color: #eee;
    }

    .table02 td {
        border: #ccc solid 1px;
        padding: 5px;
    }

    .table02 span {
        font-size: 10px;
    }

    /*---------------------------*/
    .banner li {
        list-style: none;
        border: #CCCCCC 1px solid;
        margin-bottom: 5px;
        padding-top: 5px;
        text-align: center;
    }

    li span {
        color: #001133;
    }

    .s00 {
        color: #0033CC;
    }

    .s00 li {
        list-style: square;
    }

    .s01 {
        color: #007685;
    }

    .s01 li {
        list-style: square;
    }

    .s02 {
        color: #ee7725;
    }

    .s02 li {
        list-style: square;
    }


    /*---------------------------*/
    .caption {
        font-size: 10px;
        margin-bottom: 1em;
    }


    /*---------------------------*/
    .floatLeft {
        float: left;
    }

    .floatRight {
        float: right;
        margin-left: 1em;
    }

    .mB20 {
        margin-bottom: 20px;
    }

    .mB40 {
        margin-bottom: 40px;
    }

    .c2 {
        width: 280px;
        margin-bottom: 20px;
    }

    /*clearfix*/
    /* For modern browsers */
    .clearfix:before,
    .clearfix:after {
        content: "";
        display: table;
    }

    .clearfix:after {
        clear: both;
    }

    /* For IE 6/7 (trigger hasLayout) */
    .clearfix {
        zoom: 1;
    }

    /*技術の向上*/
    .kojyo_box200 {
        background-color: #C6EDDB;
        width: 260px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        border: solid 5px #C6EDDB;
        display: block;
    }

    .kojyo_box275 {
        background-color: #fc6;
        width: 275px;
        float: left;
        margin-right: 15px;
        margin-bottom: 15px;
        border: solid 5px #fc6;
        display: block;
    }

    .kojyo_box200 img {
        margin-top: 5px;
    }

    /*Q&A*/
    .btn_link {
        background: #338f8a;
        padding: 5px 15px;
        margin-left: 10px;
    }

    .btn_link,
    .btn_link a {
        color: #FFF;
        font-size: 14px;
        font-weight: bold;
    }

    .link_point {
        color: #338f8a;
        font-weight: bold;
        margin-left: 10px;
    }

    /*リンク*/
    ul.link_list li {
        float: left;
        width: 400px;
    }

    ul.link_list01 li {
        float: left;
        width: 250px;
    }

    ul.link_list02 li {
        float: left;
        width: 130px;
    }

    /* 丸森 */

    .marumori_box {
        width: 280px;
        margin-bottom: 15px;
    }

    .marumori_box img {
        margin-bottom: 5px;
    }


    /* 研修申込みフォームのボタンのCSS */
    .square_btn {
        -moz-box-shadow: 0px 1px 0px 0px #f0f7fa;
        -webkit-box-shadow: 0px 1px 0px 0px #f0f7fa;
        box-shadow: 0px 1px 0px 0px #f0f7fa;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
        background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
        background-color: #33bdef;
        -moz-border-radius: 22px;
        -webkit-border-radius: 22px;
        border-radius: 22px;
        border: 1px solid #057fd0;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 15px;
        font-weight: bold;
        padding: 10px 25px;
        text-decoration: none;
        text-shadow: 0px -1px 0px #5b6178;
    }

    .square_btn:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
        background: -moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef', GradientType=0);
        background-color: #019ad2;
        color: #ffffff;
    }

    .square_btn:active {
        position: relative;
        top: 1px;
    }

    /*ボタンおわり */

    /* 講演会申込みフォームのボタンのCSS */
    .myButton {
        -moz-box-shadow: inset 0px 1px 0px 0px #a4e271;
        -webkit-box-shadow: inset 0px 1px 0px 0px #a4e271;
        box-shadow: inset 0px 1px 0px 0px #a4e271;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #89c403), color-stop(1, #77a809));
        background: -moz-linear-gradient(top, #89c403 5%, #77a809 100%);
        background: -webkit-linear-gradient(top, #89c403 5%, #77a809 100%);
        background: -o-linear-gradient(top, #89c403 5%, #77a809 100%);
        background: -ms-linear-gradient(top, #89c403 5%, #77a809 100%);
        background: linear-gradient(to bottom, #89c403 5%, #77a809 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809', GradientType=0);
        background-color: #89c403;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #74b807;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #528009;
    }

    .myButton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77a809), color-stop(1, #89c403));
        background: -moz-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -webkit-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -o-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: -ms-linear-gradient(top, #77a809 5%, #89c403 100%);
        background: linear-gradient(to bottom, #77a809 5%, #89c403 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403', GradientType=0);
        background-color: #77a809;
    }

    .myButton:active {
        position: relative;
        top: 1px;
    }

    .myButton2 {
        -moz-box-shadow: inset 0px 1px 0px 0px #f0f7fa;
        -webkit-box-shadow: inset 0px 1px 0px 0px #f0f7fa;
        box-shadow: inset 0px 1px 0px 0px #f0f7fa;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2));
        background: -moz-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: -webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: -o-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: -ms-linear-gradient(top, #33bdef 5%, #019ad2 100%);
        background: linear-gradient(to bottom, #33bdef 5%, #019ad2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2', GradientType=0);
        background-color: #33bdef;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        border-radius: 6px;
        border: 1px solid #057fd0;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-size: 14px;
        font-weight: bold;
        padding: 2px 24px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #5b6178;
    }

    .myButton2:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef));
        background: -moz-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -o-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: -ms-linear-gradient(top, #019ad2 5%, #33bdef 100%);
        background: linear-gradient(to bottom, #019ad2 5%, #33bdef 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef', GradientType=0);
        background-color: #019ad2;
    }

    .myButton2:active {
        position: relative;
        top: 1px;
    }

    /*講演会関係などおわり */



    /* タイトルの点線のやつ */
    h4.bidl {
        border-top: 1px dotted #000;
        border-bottom: 1px dotted #000;
        margin-top: 1em;
        padding-top: 1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
        font-size: 18px
    }

    h4.bids {
        border-top: 1px dotted #000;
        border-bottom: 1px dotted #000;
        margin-top: 1em;
        padding-top: 1em;
        margin-bottom: 1em;
        padding-bottom: 1em;
        font-size: 13px"

    }

    /* 新着情報のnew（２つめ） */
    ul {
        list-style: disc;
    }

    span.dan {
        float: left;
    }

    span.dan2 {
        display: block;
        margin-left: 200px;
    }


    /* 研修ページのお知らせボックス */
    .box26 {
        position: relative;
        margin: 2em 0;
        padding: 1em 1em;
        border: solid 3px #dc143c;
        border-radius: 8px;
    }

    .box26 .box-title {
        position: absolute;
        display: inline-block;
        top: -13px;
        left: 10px;
        padding: 0 9px;
        line-height: 1;
        font-size: 19px;
        background: #FFF;
        color: #dc143c;
        font-weight: bold;
    }

    .box26 p {
        margin: 0;
        padding: 0;
    }

    .newnew {
        border-radius: 10px;
        color: white;
        font-weight: bold;
        background: linear-gradient(#ff7f7f, #bf7fff);
        padding: 0px 6px;
        margin: 0 0 0 0.5em;
        display: inline-block;
    }

    .blinkblink {
        animation: flash 2.5s linear infinite;
        color: white;
    }

    @keyframes flash {

        0%,
        100% {
            opacity: 1;
        }

        50% {
            opacity: 0;
        }

        /* ページTOPに戻る */
        .pagetop {
            display: none;
            position: fixed;
            right: 15px;
            bottom: 60px;
        }

        .pagetop a {
            display: block;
            font-size: 0;
            width: 50px;
            height: 50px;
            text-align: center;
            background: #7db4e6;
            border-radius: 50%;
            line-height: 50px;
        }

        .pagetop a i {
            font-size: 20px;
            color: #fff;
            line-height: 50px;
        }