/*日科技連 JUSE 2014
*/

/*
    基準文字サイズ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 {
    overflow-y: scroll;
}

html,
body {
/*    height: 100%;*/
}

body {
    font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    line-height: 1.5;
    text-align: center;
    font-size: 13px;
    color: #000;
}

/*
a:link {}
a:visited {}
a:hover {text-decoration: none;}
a:active {text-decoration: underline;}
*/

/*a:hover {
    transition: 1.0s*
    transform: rotateX(360deg);
    transform: rotate3d(1, 0, 0, 360deg);
}*/

a.external {
    display: inline-block;
    position: relative;
}
a.external:after {
    content:"外部サイトへ";
    display: inline-block;
    overflow:hidden;
    width:70px;
    height:24px;
    padding-left: 3px;
    background: url(/img/ico-ext02.png) no-repeat right center;
    zoom: 1;
    text-indent: -10000px;
    position: absolute;
    right: -80px;
    top: 1px;
}

.mod-link-arrow01 a.external:after {
    right: -60px;
    top: 3px;
}

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

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

.inner {
    width: 980px;
    margin: auto;
    text-align: left;
}

#header {
    overflow: hidden;
    width: 100%;
    position: relative;
    border-top: 2px solid #004877;
}
    #header .inner {
        overflow: hidden;
        height: 68px;
        padding: 12px 0 18px 0;
    }
        #header .inner .left,
        #header .inner .right {
            float: left;
        }
        #header .inner .left  {width: 30%;}
        #header .inner .right {width: 70%;}
            #hd-lead {
                font-size: 10px;
            }
            #hd-logo {}
                #hd-logo a {
                    display: block;
                    width: 302px;
                    height: 66px;
                    margin-top: 11px;
                    background: url(/img/hd-logo.jpg) no-repeat 0 0;
                    text-indent: -10000px;
                }
                body#english #hd-logo a {background: url(/img/hd-logo-en.jpg) no-repeat 0 0;}

    #link-en {
        position: absolute;
        top: 0;
        left: 50%;
        width: 100%;
        height: 34px;
        margin-left: 396px;
        background-color: #004877;
        background-image: url(/img/bg-link-en.gif);
        background-repeat: no-repeat;
        background-position: 0 0;
        color: #fff;
        text-align: left;
    }
        #link-en a {
            display: block;
            margin: 14px 0 0 27px;
            color: #fff;
        }
            #link-en a img {
                vertical-align: top;
            }

#hd-link-area {
/*overflow: hidden;*/
    height: 21px;
    margin-left: 422px;
}
    #font-size-area,
    .hd-link01 {float: left;}
        #font-size-area dt,
        #font-size-area dd {
            float: left;
            height: 21px;
        }
        #font-size-area dt {
            width: 51px;
            background: url(/img/text-font-size.gif) no-repeat 0 center;
            text-indent: -10000px;
        }
body#english #font-size-area dt {background: url(/img/text-font-size-en.gif) no-repeat 0 center;}
        #font-size-area dd {margin-right: 15px;}
            #font-size {}
            #font-size li {
                float: left;
                width: 36px;
            }

            #font-size li.font-size-m {margin-right: 3px;}
            #font-size li.font-size-l {}

            #font-size li:hover,
            #font-size li.current {
            }
        .hd-link01 li {
            float: left;
            margin-right: 5px;
        }
            .hd-link01 li a {
                overflow: hidden;
                display: block;
                width: 22px;
                height: 21px;
            }
                .hd-link01 li a img {
                    vertical-align: top;
                }

#hd-search-area {
/*overflow: hidden;*/
    margin: 27px 0 0 0;
}
    .hd-link02,
    #hd-search {
        float: right;
        height: 21px;
    }
        .hd-link02 li {
            float: left;
            height: 11px;
            margin-right: 14px;
            padding-top: 10px;
        }
            .hd-link02 li a {
                display: block;
                padding-left: 11px;
                text-decoration: none;
                font-size: 11px;
                color: #002946;
                background: url(/img/ico-arrow02.gif) no-repeat 0 1px;
                line-height: 1;
            }

    #hd-search input[type="text"],
    #hd-search form button {
        float: left;
    }
    #hd-search input[type="text"] {
        margin: 0;
        padding: 2px;
        height: 15px;
        border: 1px solid #a7a7a7;
        font-size: 11px;
    }
    #hd-search form button.btn-basic01 {
        height: 21px;
        margin-left: 2px;
    }


#gnav {
    height: 40px;
    padding: 2px 0;
    background: #1076bb;
}
    #gnav .inner {}
        #gnav .inner ul {
            position: relative;
            width: 980px;
            height: 40px;
        }
            #gnav .inner ul li {
                position: absolute;
                top: 0;
                width: 163px;
                height: 40px;
            }
            #gnav .inner ul li#g01 {left: 0;}
            #gnav .inner ul li#g02 {left: 163px;}
            #gnav .inner ul li#g03 {left: 326px;}
            #gnav .inner ul li#g04 {left: 489px;}
            #gnav .inner ul li#g05 {left: 652px;}
            #gnav .inner ul li#g06 {
                left: 815px;
                width: 165px;
            }
                #gnav .inner ul li a {
                    overflow: hidden;
                    display: block;
                    width: 163px;
                    height: 40px;
                    background-image: url(/img/gnav.jpg);
                    background-repeat: no-repeat;
                    text-indent: -10000px;
                }
                

body#english #gnav .inner ul li a {
    display: table-cell;
    background-image: url(/img/gnav-en.jpg);
    text-indent: inherit;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 13px;
    font-weight: bold;
    font-family: arial;
    line-height: 1.2;
}

                #gnav .inner ul li#g01 a {background-position: 0 0;}
                #gnav .inner ul li#g02 a {background-position: -163px 0;}
                #gnav .inner ul li#g03 a {background-position: -326px 0;}
                #gnav .inner ul li#g04 a {background-position: -489px 0;}
                #gnav .inner ul li#g05 a {background-position: -652px 0;}
                #gnav .inner ul li#g06 a {
                    width: 165px;
                    background-position: -815px 0;
                }


                body.g01 #gnav .inner ul li#g01 a,
                #gnav .inner ul li#g01.hover a,
                #gnav .inner ul li#g01 a:hover {background-position: 0 -40px;}

                body.g02 #gnav .inner ul li#g02 a,
                #gnav .inner ul li#g02.hover a,
                #gnav .inner ul li#g02 a:hover {background-position: -163px -40px;}

                body.g03 #gnav .inner ul li#g03 a,
                #gnav .inner ul li#g03.hover a,
                #gnav .inner ul li#g03 a:hover {background-position: -326px -40px;}

                body.g04 #gnav .inner ul li#g04 a,
                #gnav .inner ul li#g04.hover a,
                #gnav .inner ul li#g04 a:hover {background-position: -489px -40px;}

                body.g05 #gnav .inner ul li#g05 a,
                #gnav .inner ul li#g05.hover a,
                #gnav .inner ul li#g05 a:hover {background-position: -652px -40px;}

                body.g06 #gnav .inner ul li#g06 a,
                #gnav .inner ul li#g06.hover a,
                #gnav .inner ul li#g06 a:hover {background-position: -815px -40px;}

                    #gnav .inner ul li .sub {
                        position: relative;
                        z-index: 100;
                        display: none;
                        width: auto;
                        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 .inner ul li .sub li {
                            position: static;
                            height: auto;
                            *vertical-align: bottom;/*IE6*/
                        }
                            #gnav .inner 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 .inner ul li .sub li a:hover {
                                background-color: #65d2f8;
                            }

body#english #gnav .inner ul li a:hover {
    text-decoration: none;
}

#breadcrumb {
    padding: 12px 0 15px 0;
}
    #breadcrumb ul {
        overflow: hidden;
    }
        #breadcrumb ul li {
            float: left;
            font-size: 93%;
        }
            #breadcrumb ul li a {
                text-decoration: none;
                color: inherit;
            }
            #breadcrumb ul li a:hover {
                text-decoration: underline;
            }

#content {
}

#content {zoom:1;}
#content:after {
    content: ""; 
    display: block; 
    clear: both;
}

    #main,
    #side,
    #side02 {
        float: left;
    }

    #main {
        width: 759px;
        margin-right: 25px;
    }

/*20141023*/
#main [class^="mod-box-basic"] {line-height: 1.8;}
    #main [class^="mod-box-basic"] > :last-child {margin-bottom: 0 !important;}
/*20141023*/

    #side,
    #side02 {
        width: 196px;
    }

.footer01 a,
#footer02 a {
    text-decoration: none;
    color: #251e14 !important;
}

.footer01 a {
    display: inline-block;
    padding-left: 10px;
    background: url(/img/ico-dot01.gif) no-repeat 0 0.5em;
}

.footer01 a:hover,
#footer02 a:hover {
    text-decoration: underline;
}

.footer01 a:active,
#footer02 a:active {
    text-decoration: none;
}

.footer01,
#footer02 {
    overflow: hidden;
    color: #251e14;
    font-size: 93%;
}

.footer01 {
    margin-top: 35px;
    padding: 20px 0 15px 0;
    border-top: 1px solid #b6b3a6;
    background: #f2f2f2;
}

#footer02 {
    background: #dfdfdf;
}

#footer02,
#footer03 {
    padding: 10px 0;
}

#footer03 {
    background: #004877;
    color: #fff;
    font-size: 11px;
}


.footer01 .inner {
/*
    width: auto;
    text-align: center;
*/
}
    .footer01 .inner dl {
        display: inline-block;
        *display: inline;
        *zoom: 1;
/*        margin: 0 8px;*/
        text-align: left;
        vertical-align: text-top;
float: left;
width: 25%;
min-height: 240px;
    }
    .footer01 .inner dl.last-child {
        margin-right: 0;
    }
        .footer01 .inner dl dt {
/*font-size: 85%;*/
            font-weight: bold;
            color: #333;
            margin-bottom: 8px;
        }
        .footer01 .inner dl dd {
            margin-bottom: 4px;
            padding-left: 14px;
        }
        .footer01 .inner dl dd.last-child {
            margin-bottom: 0;
        }

#footer02 .inner {
    width: auto;
    text-align: center;
}
    #footer02 .inner ul {}
        #footer02 .inner ul li {
            display: inline-block;
            *display: inline;
            *zoom: 1;
        }

#footer03 .inner {
}
    #footer03 .inner dl {
        overflow: hidden;
    }
        #footer03 .inner dl dt {
            float: left;
            font-size: 13px;
        }
        #footer03 .inner dl dd {
            float: right;
            font-size: 11px;
        }

#ft-pagetop01 {
    position: relative;
    overflow: hidden;
    width: 980px;
    margin: 30px auto -20px;
    text-align: right;
}
    #ft-pagetop01 a {
        display: inline-block;
        padding: 5px 10px 5px 7px;
        text-decoration: none;
        line-height: 1;
        color: #b6b3a6;
        background-color: rgba(255,255,255,.5);
        border: 1px solid #b6b3a6;
        border-radius: 5px;
    }
    #ft-pagetop01 a:hover {
        color: #000;
        background-color: rgba(255,255,255,.5);
        border: 1px solid #000;
    }

body#english #ft-pagetop01 {
    margin: 30px auto 20px;
}

/* button */
.btn-basic01 {
/*    display: block;*/
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;

    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;

    height: 18px;

line-height: 1.2rem;

    cursor: pointer;
    background: #fcfcfc;
    background: -moz-linear-gradient(top,  #fcfcfc 0%, #bebebe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#bebebe));
    background: -webkit-linear-gradient(top,  #fcfcfc 0%,#bebebe 100%);
    background: -o-linear-gradient(top,  #fcfcfc 0%,#bebebe 100%);
    background: -ms-linear-gradient(top,  #fcfcfc 0%,#bebebe 100%);
    background: linear-gradient(to bottom,  #fcfcfc 0%,#bebebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#bebebe',GradientType=0 );
    border: 1px solid #acacac;
    border-radius: 5px;
    color: #002946;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
/*    vertical-align: middle;*/
    box-shadow: 0 1px 2px rgba(0,0,0,.2);
    
    text-shadow: 1px 1px 1px #fff;
    
    text-decoration: none !important;
    color: inherit !important;
}
.btn-basic01:hover,
.btn-basic01.current {
    background: #bebebe;
    background: -moz-linear-gradient(top,  #bebebe 0%, #fcfcfc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bebebe), color-stop(100%,#fcfcfc));
    background: -webkit-linear-gradient(top,  #bebebe 0%,#fcfcfc 100%);
    background: -o-linear-gradient(top,  #bebebe 0%,#fcfcfc 100%);
    background: -ms-linear-gradient(top,  #bebebe 0%,#fcfcfc 100%);
    background: linear-gradient(to bottom,  #bebebe 0%,#fcfcfc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bebebe', endColorstr='#fcfcfc',GradientType=0 );
    color: #6c6c6c;
    
    text-shadow: -1px -1px 1px #fff;
}

.btn-basic02 {
    display: inline-block;
    width: 90px;
    padding: 5px 0 6px 0;
    line-height: 1;
    text-align: center;
    color: #fff !important;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #317faa;
    border-radius: 2px;
    background: #81bbdb;
    background: -moz-linear-gradient(top,  #81bbdb 0%, #368ebe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#81bbdb), color-stop(100%,#368ebe));
    background: -webkit-linear-gradient(top,  #81bbdb 0%,#368ebe 100%);
    background: -o-linear-gradient(top,  #81bbdb 0%,#368ebe 100%);
    background: -ms-linear-gradient(top,  #81bbdb 0%,#368ebe 100%);
    background: linear-gradient(to bottom,  #81bbdb 0%,#368ebe 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81bbdb', endColorstr='#368ebe',GradientType=0 );
    box-shadow: -1px -1px 0 rgba(255,255,255,.5) inset;
}
.btn-basic02:hover {
    background: #368ebe;
    background: -moz-linear-gradient(top,  #368ebe 0%, #81bbdb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#368ebe), color-stop(100%,#81bbdb));
    background: -webkit-linear-gradient(top,  #368ebe 0%,#81bbdb 100%);
    background: -o-linear-gradient(top,  #368ebe 0%,#81bbdb 100%);
    background: -ms-linear-gradient(top,  #368ebe 0%,#81bbdb 100%);
    background: linear-gradient(to bottom,  #368ebe 0%,#81bbdb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#368ebe', endColorstr='#81bbdb',GradientType=0 );
    box-shadow: 1px 1px 0 rgba(255,255,255,.5) inset;
    text-decoration: none;
}

/* adjustment */

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

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

.red   {color: #ff0000;}
.green {color: #00ff00;}
.blue  {color: #0000ff;}

[class^="red"]   {color: #e21616;}
[class^="green"] {color: #139113;}
[class^="blue"]  {color: #1453fd;}

[class$="gray"] {color: #ccc;}

.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*="vaM"] {vertical-align: middle !important;}

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

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

.mt00 {margin-top: 0 !important;}
.mt05 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !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$="mt15"] {margin-top: 15px !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$="mb08rem"] {margin-bottom: 0.8rem !important;}
[class$="mb1rem"] {margin-bottom: 1rem !important;}

[class$="ml00"] {margin-left: 0 !important;}
[class$="ml05"] {margin-left: 5px !important;}
[class$="ml10"] {margin-left: 10px !important;}
[class$="ml15"] {margin-left: 15px !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$="ml1em"] {margin-left: 1em !important;}

[class$="mr00"] {margin-right: 0 !important;}
[class$="mr05"] {margin-right: 5px !important;}
[class$="mr10"] {margin-right: 10px !important;}
[class$="mr15"] {margin-right: 15px !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;}

[class*="pl1em"] {padding-left: 1em !important;}

.fzS {font-size: 85%;}
.fzL {font-size: 124%;}
.bold {font-weight: bold;}

[class$="fzS"] {font-size: 85%;}
[class$="fzL"] {font-size: 124%;}
[class*="bold"] {font-weight: bold;}

.w1per {width: 1% !important;}
.w10per {width: 10% !important;}
.w15per {width: 15% !important;}
.w20per {width: 20% !important;}
.w30per {width: 30% !important;}
.w40per {width: 40% !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;}

.w-auto {width: auto !important;}

[class$="w1per"] {width: 1% !important;}
[class$="w5per"] {width: 5% !important;}
[class$="w10per"] {width: 10% !important;}
[class$="w11per"] {width: 11% !important;}
[class$="w12per"] {width: 12% !important;}
[class$="w13per"] {width: 13% !important;}
[class$="w14per"] {width: 14% !important;}
[class$="w15per"] {width: 15% !important;}
[class$="w20per"] {width: 20% !important;}
[class$="w25per"] {width: 25% !important;}
[class$="w30per"] {width: 30% !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;}

[class$="w80px"] {width: 80px !important;}

[class^="nowrap"] {white-space: nowrap !important;}

[class^="italic"] {font-style: italic !important;}

strong {
    font-weight: bold;
}
sup {
    font-size: 80%;
    vertical-align: super;
}
sub {font-size: 80%;}

[class^="char-sp"] {
    display: inline-block;
}
.char-sp-l01 {
    /*margin-left: -0.5em;*/
    margin-left: -0.7em;
}

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

/*icon*/
.ico-tri01 {
    display: inline-block;
    margin-right: 0.5em;
    font-size: 85%;
}

.ico-circle01 {
    padding-left: 18px;
    background: url(/img/dot-m.gif) no-repeat 0 center;
}

.ul-ico-circle01 {
}
    .ul-ico-circle01 li {
        margin-top: 5px;
        padding-left: 18px;
        background: url(/img/dot-m.gif) no-repeat 0 3.5px;
    }
    .ul-ico-circle01 li:first-child {
        margin-top: 0;
    }

.ico-new-img01 {
    /*vertical-align: middle;*/
    vertical-align: top;
    margin: 0 0 0 1em;
}

@media screen and (max-width: 1024px) {
<!--
    .footer01 .inner {
        text-align: left;
    }
        .footer01 .inner dl {
            margin-bottom: 20px;
        }
        .footer01 .inner dl.last-child {
            margin-bottom: 0;
        }
-->
    #footer03 .inner {
        width: auto;
    }
}

/*debug*/
.debug {
    color: rgba(0,0,0,.5) !important;
    background-color: #ffd0ff !important;
    background-image: url(/img/txt-debug01.png);
}

#dl-search-result01 {
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
}
#dl-search-result01 dt {
    margin-top: 10px;
    padding-top: 10px;
    font-size: 124%;
    border-top: 1px dotted #ccc;
}
#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;
}