/* セミナーサイト common.css */

/*
    基準文字サイズ13px
    10px 77%    11px 85%
    12px 93%    13px 100%
    14px 108%   15px 116%
    16px 124%   17px 131%
    18px 139%   19px 147%
    20px 154%   21px 162%
    22px 169%   23px 177%
    24px 185%   25px 192%
    26px 200%
*/

@charset "UTF-8";

html {
}

body {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    line-height: 1.5;
    text-align: center;
    font-size: 13px;
    background: url(/seminar/img/bg-body.jpg) repeat-x 0 0;
}

a img {transition: all 0.3s linear;}
a:hover img {
    opacity: 0.70;
}

a:hover {text-decoration: none;}

body.font-size-m {font-size: 13px;transition: all 0.3s linear;}
body.font-size-l {font-size: 18px;transition: all 0.3s linear;}

#wrapper {
    position: relative;
    overflow: hidden;
    width: 1030px;
    margin: auto;
    text-align: left;
    background: #fff;
}

#header {
    overflow: hidden;
    height: 106px;
    padding: 0 25px;
    border-top: 4px solid #004878;
    font-size: 12px;
}

    #hd-logo,
    #hd-box01 {
        float: left;
    }

    #hd-logo {
        margin-top: 30px;
    }
    
        #hd-logo a {
            display: block;
            width: 280px;
            height: 46px;
            background: url(/seminar/img/logo.gif) no-repeat 0 0;
            text-indent: -10000px;
        }
        
    #hd-box01 {
        position: relative;
        width: 700px;
        height: 106px;
    }
    
        .hd-link01 {
            text-align: right;
        }
        
            .hd-link01 li {
                display: inline-block;
                *display: inline;
                *zoom: 1;
                height: 30px;
                line-height: 30px;
                vertical-align: middle;
            }
            
                .hd-link01 li a {
                    display: inline-block;
                    *display: inline;
                    *zoom: 1;
                }

            .hd-link01 li.icon {margin-right: 15px;}
            .hd-link01 li.sns {margin-right: 11px;}
            
                .hd-link01 li.icon a {
                    padding-left: 10px;
                    color: #000;
                    text-decoration: none;
                    background: url(/seminar/img/ico-arrow01.gif) no-repeat 0 center;
                }
                
                .hd-link01 li.icon a:hover {
                    text-decoration: underline;
                }
                
                .hd-link01 li.sns a#facebook {
                    width: 25px;
                    height: 25px;
                    margin-top: 2px;
                    background: url(/seminar/img/facebook.jpg) no-repeat 0 0;
                    text-align: left;
                    text-indent: -10000px;
                }

                .hd-link01 li.tab a {
                    height: 30px;
                    background-repeat: no-repeat;
                    background-position: 0 0;
                    text-align: left;
                    text-indent: -10000px;
                }
                
                .hd-link01 li.tab a#link-corp {
                    width: 145px;
                    margin-right: 10px;
                    background-image: url(/seminar/img/link-corp.gif);
                }
                .hd-link01 li.tab a#link-en {
                    width: 120px;
                    background-image: url(/seminar/img/link-en.gif);
                }

    #hd-search-area {
        overflow: hidden;
        margin-top: 20px;
    }
        #hd-search,
        #font-size-area {float: right;}

        #hd-search {
            margin-left: 15px;
        }
        
            #hd-search form {}
            
                #hd-search form input[type="text"] {
                    height: 23px;
                    margin: 0;
                }
                
                #hd-search form button {
                    display: inline-block;
                    *display: inline;
                    *zoom: 1;
                    width: 60px;
                    height: 30px;
                    margin: 0;
                    padding: 0;
                    border: 0;
                    background: url(/seminar/img/btn-search.gif) no-repeat 0 0;
                    text-align: left;
                    text-indent: -10000px;
                }
        
        #font-size-area {
            overflow: hidden;
            margin-top: 2.5px;
        }
            #font-size-area dt,
            #font-size-area dd {
                float: left;
                height: 25px;
                line-height: 25px;
                vertical-align: middle;
            }

            #font-size-area dt {
                font-size: 13px;
            }
            
                #font-size {}
                
                    #font-size li {
                        display: inline-block;
                        *display: inline;
                        *zoom: 1;
                        width: 25px;
                        height: 25px;
                        margin-left: 6px;
                        cursor: pointer;
                        background-repeat: no-repeat;
                        background-position: 0 0;
                        text-indent: -10000px;
                    }
                    
                    #font-size li.font-size-m {background-image: url(/seminar/img/font-size-m.gif);}
                    #font-size li.font-size-l {background-image: url(/seminar/img/font-size-l.gif);}
                    
                    #font-size li:hover,
                    #font-size li.current {
                        background-position: 0 -25px;
                    }

#gnav {
    text-align: center;
}

    #gnav ul {
        position: relative;
        width: 990px;
        height: 62px;
        margin: auto;
    }

        #gnav li {
            position: absolute;
            top: 0;
            height: 62px;
        }

        #gnav li#g01 {left: 0;}
        #gnav li#g02 {left: 109px;}
        #gnav li#g03 {left: 284px;}
        #gnav li#g04 {left: 459px;}
        #gnav li#g05 {left: 634px;}
        #gnav li#g06 {left: 809px;}

            #gnav li a {
                display: block;
                width: 175px;
                height: 62px;
                background-image: url(/seminar/img/gnav.jpg);
                background-repeat: no-repeat;
                text-align: left;
                text-indent: -10000px;
            }
            
            #gnav li#g01 a {width: 109px;}
            #gnav li#g06 a {width: 181px;}

            #gnav li#g01 a {background-position: 0 0;}
            #gnav li#g02 a {background-position: -109px 0;}
            #gnav li#g03 a {background-position: -284px 0;}
            #gnav li#g04 a {background-position: -459px 0;}
            #gnav li#g05 a {background-position: -634px 0;}
            #gnav li#g06 a {background-position: -809px 0;}

            body.g01 #gnav li#g01 a,
            #gnav li#g01 a:hover {background-position: 0 -62px;}
            body.g02 #gnav li#g02 a,
            #gnav li#g02 a:hover {background-position: -109px -62px;}
            body.g03 #gnav li#g03 a,
            #gnav li#g03 a:hover {background-position: -284px -62px;}
            body.g04 #gnav li#g04 a,
            #gnav li#g04 a:hover {background-position: -459px -62px;}
            body.g05 #gnav li#g05 a,
            #gnav li#g05 a:hover {background-position: -634px -62px;}
            body.g06 #gnav li#g06 a,
            #gnav li#g06 a:hover {background-position: -809px -62px;}

                    #gnav ul li .sub {
                        position: absolute;
                        top: 55px;
                        left: 0;
                        z-index: 100;
                        display: none;
                        width: 175px;
                        height: auto;
                        -webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
                        -moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.75);
                        box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.75);
                    }
/*
                    #gnav ul li .sub:after {
                        content: "";
                        position: absolute;
                        top: -20px;
                        left: 75px;
                        width: 0;
                        height: 0;
                        border-top: 10px solid transparent;
                        border-bottom: 10px solid #1d85ca;
                        border-right: 10px solid transparent;
                        border-left: 10px solid transparent;
                    }
*/
                        #gnav ul li .sub li {
                            position: static;
                            height: auto;
                            *vertical-align: bottom;/*IE6*/
                        }
                            #gnav ul li .sub li a {
                                display: block;
                                width: auto;
                                height:auto;
                                padding: 10px 10px 10px 20px;
                                text-indent: 0;
                                background-color: #1d85ca;
                                background-image: url(/img/ico-arrow01.png);
                                background-repeat: no-repeat;
                                background-position: 10px 14px !important;
                                text-decoration: none;
                                color: #fff;
                                font-size: 11px;
                            }
                            #gnav ul li .sub li a:hover {
                                background-color: #65d2f8;
                            }


.footer {
    padding: 20px 0;
    border-top: 1px solid #004878;
}

    .footer .inner {
        position: relative;
        width: 980px;
        margin: auto;
    }
    
    .footer .inner .page-top a {
        position: absolute;
        right: 0;
        top: -46px;
        display: block;
        width: 120px;
        height: 26px;
        text-align: left;
        text-indent: -10000px;
        background: url(/seminar/img/page-top.gif) no-repeat 0 0;
    }
    
        #copyright {
            clear: both;
            margin-top: 20px;
            text-align: right;
            font-size: 11px;
            color: #999;
        }

.ft-tabel01 {
    display: table;
    text-align: left;
}
    .ft-table-row {display: table-row;}
        .ft-table-row dl {
            display: table-cell;
            padding: 0 20px 20px 0;
        }
    
        .ft-menu01 dt {
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
        }
        .ft-menu01 dd {
            margin-bottom: 4px;
            padding-left: 14px;
        }

            .ft-menu01 dd  a {
                display: inline-block;
                padding-left: 10px;
                background: url(/img/ico-dot01.gif) no-repeat 0 0.5em;
                color: #000;
                text-decoration: none;
            }
            .ft-menu01 a:hover {
                text-decoration: underline;
            }





.ft-link01 {}
.ft-link01 li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
    .ft-link01 li a {
        font-size: 11px;
        color: #000;
        text-decoration: none;
    }

#content {
    overflow: hidden;
    margin: 30px 25px 0 25px;
    padding-bottom: 70px;
}

    #content #main {float: left;width: 730px;}
    #content #side {float: right;width: 220px;}


#side-login-box {
    padding: 1px;
    border: 1px solid #1073de;
    font-size: 12px;
}
    #side-login-box .desc {
        margin: 0 10px;
        padding: 12px 0;
        border-bottom: 1px dotted #ccc;
    }

    #side-login-box form {
        padding: 10px;
    }
    
        #side-login-box form dl {
            overflow: hidden;
        }

            #side-login-box form dl dt,
            #side-login-box form dl dd {
                height: 30px;
            }

            #side-login-box form dl dt {
                float: left;
                width: 70px;
                clear: both;
                margin-bottom: 10px;
                text-indent: -10000px;
                background-repeat: no-repeat;
                background-position: 0 center;
            }

            #side-login-box form dl dt.text-id {background-image: url(/seminar/img/text-id.gif);}
            #side-login-box form dl dt.text-pass {background-image: url(/seminar/img/text-pass.gif);}

            #side-login-box form dl dd {
                float: right;
            }
            
                #side-login-box form dl dd input {
                    width:100px;
                    height: 23px;
                }
                
        #side-login-box form p.auto {
            margin-bottom: 10px;
        }
    
        #side-login-box form p.button {
            text-align: center;
        }
    
        #side-login-box form button {
            margin: 0;
            padding: 0;
            border: 0;
        }
    
    #side-login-box .reminder,
    #side-login-box .regit {
        text-align: center;
    }

    #side-login-box .reminder {margin-bottom: 12px;}
    #side-login-box .regit {margin-bottom: 18px;}

        #side-login-box .reminder a {
            display: inline-block;
            *display: inline;
            *zoom: 1;
            padding-left: 1.3em;
            text-decoration: none;
            font-size: 11px;
            color: #000;
            background: url(/seminar/img/ico-arrow02.gif) no-repeat 0 center;
        }
        #side-login-box .reminder a:hover {
            text-decoration: underline;
        }

#side-login-box .link-list03 {
    padding: 10px 10px 0 10px;
}

#side-seminar-box {
    margin-top: 20px;
    padding-bottom: 5px;
    background: #399de1;
    font-size: 11px;
    border-radius: 0 0 2px 2px;
}

    #side-seminar-box form {
        margin: 0 5px;
        padding:0 10px 10px 10px;
        background: #fff;
    }

    #side-seminar-box form dl {
        overflow: hidden;
    }

        #side-seminar-box form dl dt,
        #side-seminar-box form dl dd {
            margin-top: 10px;
        }

        #side-seminar-box form dl dt {
            float: left;
            clear: both;
            width: 70px;
            height: 22px;
            background-repeat: no-repeat;
            background-position: 0 center;
            text-indent: -10000px;
        }

        #side-seminar-box form dl dt.text-keyword {background-image: url(/seminar/img/text-keyword.gif);}
        #side-seminar-box form dl dt.text-category {background-image: url(/seminar/img/text-category.gif);}
        #side-seminar-box form dl dt.text-purpose {background-image: url(/seminar/img/text-purpose.gif);}
        #side-seminar-box form dl dt.text-venue {background-image: url(/seminar/img/text-venue.gif);}
        #side-seminar-box form dl dt.text-cost {background-image: url(/seminar/img/text-cost.gif);}
        #side-seminar-box form dl dt.text-dates {background-image: url(/seminar/img/text-dates.gif);}

        #side-seminar-box form dl dd {
            float: right;
            width: 120px;
        }
        
            #side-seminar-box form dl dd input,
            #side-seminar-box form dl dd select {
                margin: 0;
            }

            #side-seminar-box form dl dd input{width: 105px;}
            #side-seminar-box form dl dd select {width: 110px;}

                #side-seminar-box form dl dd div.calendar {
                    position: relative;
                    height: 24px;
                }
                
                    #side-seminar-box form dl dd div.calendar input {
                        width: 80px;
                    }
                    
                    #side-seminar-box form dl dd div.calendar .icon {
                        position: absolute;
                        top: 0;
                        right: 0;
                    }

    #side-seminar-box form p.desc {
        padding: 10px 0;
        border-bottom: 1px dotted #ccc;
    }

    #side-seminar-box form p.checkbox {
        margin: 10px 0;
        font-size: 13px;
        text-align: center;
    }

    #side-seminar-box form p.button {
        text-align: center;
    }

    #side-seminar-box form p.from {
        width: 84px;
        margin:5px 0;
        text-align: center;
    }

    #side-seminar-box form button {
        margin: 0;
        padding: 0;
        border: 0;
    }

#side-bnr-box {
    margin-top: 20px;
    text-align: center;
}

    #side-bnr-box p {
        margin-top: 10px;
    }

    #side-bnr-box ul {
        margin: 20px 0;
        padding: 0 10px 0 10px;
/*background: #f5f5f5;*/
    }
    
        #side-bnr-box ul li {
            margin-bottom: 5px;
        }

/* adjustment */

[class*="static"] {position: static !important;}
[class*="inline"] {display: inline-block !important;}

[class*="nosneak"] {overflow: hidden;}

[class*="flL"] {float: left;}
[class*="flN"] {float: none;}
[class*="flR"] {float: right;}

.taL {text-align: left !important;}
.taC {text-align: center !important;}
.taR {text-align: right !important;}

[class^="taL"] {text-align: left !important;}
[class^="taC"] {text-align: center !important;}
[class^="taR"] {text-align: right !important;}

[class*="vaT"] {vertical-align: top !important;}
[class*="vaM"] {vertical-align: middle !important;}

[class*="vaT01"] th,
[class*="vaT01"] td {vertical-align: top !important;}

[class*="vaM01"] th,
[class*="vaM01"] td {vertical-align: middle !important;}

[class*="taL01"] th,
[class*="taL01"] td {text-align: left !important;}

[class*="taL02"] td {text-align: left !important;}

[class*="taC01"] th,
[class*="taC01"] td {text-align: center !important;}

[class*="taR01"] th,
[class*="taR01"] td {text-align: right !important;}

.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

[class$="mt00"] {margin-top: 0 !important;}
[class$="mt05"] {margin-top: 5px !important;}
[class$="mt10"] {margin-top: 10px !important;}
[class$="mt20"] {margin-top: 20px !important;}
[class$="mt30"] {margin-top: 30px !important;}
[class$="mt40"] {margin-top: 40px !important;}
[class$="mt50"] {margin-top: 50px !important;}

.mb00 {margin-bottom: 0 !important;}
.mb05 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

[class$="mb00"] {margin-bottom: 0 !important;}
[class$="mb05"] {margin-bottom: 5px !important;}
[class$="mb10"] {margin-bottom: 10px !important;}
[class$="mb15"] {margin-bottom: 15px !important;}
[class$="mb20"] {margin-bottom: 20px !important;}
[class$="mb30"] {margin-bottom: 30px !important;}
[class$="mb40"] {margin-bottom: 40px !important;}
[class$="mb50"] {margin-bottom: 50px !important;}

[class$="ml00"] {margin-left: 0 !important;}
[class$="ml10"] {margin-left: 10px !important;}
[class$="ml20"] {margin-left: 20px !important;}
[class$="ml30"] {margin-left: 30px !important;}
[class$="ml40"] {margin-left: 40px !important;}
[class$="ml50"] {margin-left: 50px !important;}

[class$="mr00"] {margin-right: 0 !important;}
[class$="mr10"] {margin-right: 10px !important;}
[class$="mr20"] {margin-right: 20px !important;}
[class$="mr30"] {margin-right: 30px !important;}
[class$="mr40"] {margin-right: 40px !important;}
[class$="mr50"] {margin-right: 50px !important;}

.pt00 {padding-top: 0 !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.pb00 {padding-bottom: 0 !important;}
.pb10 {padding-bottom: 10px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb50 {padding-bottom: 50px !important;}

[class$="pt00"] {padding-top: 0 !important;}
[class$="pt10"] {padding-top: 10px !important;}
[class$="pt20"] {padding-top: 20px !important;}
[class$="pt30"] {padding-top: 30px !important;}
[class$="pt40"] {padding-top: 40px !important;}
[class$="pt50"] {padding-top: 50px !important;}

[class$="pb00"] {padding-bottom: 0 !important;}
[class$="pb10"] {padding-bottom: 10px !important;}
[class$="pb20"] {padding-bottom: 20px !important;}
[class$="pb30"] {padding-bottom: 30px !important;}
[class$="pb40"] {padding-bottom: 40px !important;}
[class$="pb50"] {padding-bottom: 50px !important;}

.padding5 {padding: 5px !important;}

[class*="fzS"] {font-size: 85% !important;}
[class*="fzM"] {font-size: 100% !important;}
[class*="fzML"] {font-size: 108% !important;}
[class*="fzL"] {font-size: 139% !important;}

[class*="bold"]   {font-weight: bold !important;}
[class*="normal"] {font-weight: normal !important;}
[class*="nowrap"] {white-space: nowrap !important;}
[class*="underline"] {text-decoration: underline;}

[class*="strike"] {text-decoration: line-through;}

.w1per {width: 1% !important;}
.w5per {width: 5% !important;}
.w10per {width: 10% !important;}
.w12per {width: 12% !important;}
.w15per {width: 15% !important;}
.w20per {width: 20% !important;}
.w23per {width: 23% !important;}
.w25per {width: 25% !important;}
.w30per {width: 30% !important;}
.w33per {width: 33% !important;}
.w40per {width: 40% !important;}
.w48per {width: 48% !important;}
.w50per {width: 50% !important;}
.w60per {width: 60% !important;}
.w70per {width: 70% !important;}
.w80per {width: 80% !important;}
.w90per {width: 90% !important;}
.w100per {width: 100% !important;}

[class*="w1per"] {width: 1% !important;}
[class*="w5per"] {width: 5% !important;}
[class*="w10per"] {width: 10% !important;}
[class*="w12per"] {width: 12% !important;}
[class*="w15per"] {width: 15% !important;}
[class*="w20per"] {width: 20% !important;}
[class*="w23per"] {width: 23% !important;}
[class*="w25per"] {width: 25% !important;}
[class*="w30per"] {width: 30% !important;}
[class*="w33per"] {width: 33% !important;}
[class*="w34per"] {width: 34% !important;}
[class*="w40per"] {width: 40% !important;}
[class*="w48per"] {width: 48% !important;}
[class*="w50per"] {width: 50% !important;}
[class*="w60per"] {width: 60% !important;}
[class*="w70per"] {width: 70% !important;}
[class*="w75per"] {width: 75% !important;}
[class*="w80per"] {width: 80% !important;}
[class*="w90per"] {width: 90% !important;}
[class*="w100per"] {width: 100% !important;}

sup {
    font-size: 80%;
    vertical-align: super;
}

hr[class^="hr-basic01"] {
    height: 0;
    margin: 0;
    padding: 0;
    border: 0;
    border-top: 1px dotted #bbb;
}

hr[class^="dot"] {
    height: 0;
    border: 0;
    background-color: transparent;
    border-top: 1px dotted #ccc;
}

#dl-search-result01 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.8;
}
#dl-search-result01 dt {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 124%;
    border-top: 1px dotted #ccc;
}
#dl-search-result01 dt a {
    font-weight: bold;
    text-decoration: none;
}
    #dl-search-result01 dt a:hover {
        text-decoration: underline;
    }
#dl-search-result01 dd .keyword {
    color: #000;
    font-weight: bold;
}
#dl-search-result01 dd a {
    padding-left: 10px;
    background: url(/img/ico-arrow03.png) no-repeat 0 center;
}