@charset "utf-8";

@import url("/assets/css/reset.css");
@import url("/assets/css/common.css");
@import url("/assets/css/module.css");

/*-----------------------------------------------------
Cancel Reset
-------------------------------------------------------*/

#colMain 
button,
input,
textarea,
select {
    all:revert
}

/*-----------------------------------------------------
Old MedicalSite Style
-------------------------------------------------------*/

#colMain {
    margin: 0 auto;
    width: 770px;
    padding-bottom: 10px;
}

#colLeft {
    float: left;
    width: 215px;
    margin-right: 25px;
}

#colCenter {
    float: left;
    width: 530px;
}

#colRight {
    float: right;
    width: 185px;
}

/*-----------------------------------------------------
colRight
-------------------------------------------------------*/
#colRight .sideBox {
    margin-bottom: 10px;
    background: url(/ms/common/images/sidebox_bg_body.gif) repeat-y left top;
    line-height: 140%;
    zoom: 100%;
}

    #colRight .sideBox .innerHead {
        background: url(/ms/common/images/sidebox_bg_head.gif) no-repeat left top;
    }

    #colRight .sideBox .innerFoot {
        background: url(/ms/common/images/sidebox_bg_foot.gif) no-repeat left bottom;
    }

    #colRight .sideBox .ttlArea {
        padding: 5px 6px;
        background: url(/ms/common/images/sidebox_h_bg.gif) no-repeat left bottom;
    }

        #colRight .sideBox .ttlArea h2 {
            font-size: 1px;
            line-height: 0;
        }

        #colRight .sideBox .ttlArea .login {
            margin: 5px 0;
            background: #96aef0 url(/ms/common/images/sidebox_login_bg_head.gif) no-repeat left top;
            zoom: 100%;
        }

            #colRight .sideBox .ttlArea .login .login_inner {
                padding: 3px 5px;
                text-align: center;
                background: url(/ms/common/images/sidebox_login_bg_foot.gif) no-repeat left bottom;
                color: #fff;
            }

    #colRight .sideBox .list {
        padding: 4px;
    }

        #colRight .sideBox .list li {
            border-bottom: 1px solid #e5ebff;
            background-color: #fff;
        }

            #colRight .sideBox .list li a {
                display: block;
                padding: 10px 10px 10px 29px;
                background: url(/ms/common/images/sidebox_arrow.gif) no-repeat 8px center;
            }

#colRight #beforeLogin .innerFoot {
    padding-bottom: 5px;
}

#colRight #beforeLogin .lead {
    padding: 4px 4px;
}

#colRight #beforeLogin .list {
    margin: 0 5px 5px;
    padding: 7px 7px 2px;
    background-color: #f2f5ff;
}

    #colRight #beforeLogin .list li {
        padding-bottom: 5px;
        background-color: transparent;
    }

    #colRight #beforeLogin .list a {
        padding: 0;
        background: none;
    }

#colRight #beforeLogin .link {
    padding-right: 5px;
    padding-left: 29px;
    background: url(/ms/common/images/sidebox_arrow.gif) no-repeat 8px center;
}

#colRight .lineup .list li a {
    padding: 0;
    background: none;
}

#colRight #sideBoxProducts {
    margin-bottom: 10px;
    background-color: #afc5f5;
}

    #colRight #sideBoxProducts .innerFoot {
        padding-bottom: 4px;
        background: url(/ms/common/images/sidebox_products_bg_foot.gif) no-repeat left bottom;
    }

        #colRight #sideBoxProducts .innerFoot .innerBox {
            margin: 4px 4px 0;
            background-color: #fff;
        }

            #colRight #sideBoxProducts .innerFoot .innerBox ul {
                padding: 10px 0 4px 12px;
            }

                #colRight #sideBoxProducts .innerFoot .innerBox ul li {
                    float: left;
                    width: 34px;
                    margin-right: 6px;
                    margin-bottom: 6px;
                }

#colRight #sideBoxRelative .list li {
    padding: 13px;
}

    #colRight #sideBoxRelative .list li a {
        background: none;
        padding: 0;
    }

    #colRight #sideBoxRelative .list li .arrow {
        margin-top: 3px;
        padding-left: 13px;
        background: url(/ms/common/images/link_arrow.gif) no-repeat left 6px;
    }

#colRight .bannerList li {
    margin-bottom: 10px;
}



.pageTitle {
    margin-bottom: 20px;
    background: url(/ms/common/images/title_bg_body.gif) repeat-y left top;
    zoom: 100%;
}

    .pageTitle .innerHead {
        background: url(/ms/common/images/title_bg_head.gif) no-repeat left top;
    }

    .pageTitle .innerFoot {
        padding: 14px 21px;
        background: url(/ms/common/images/title_bg_foot.gif) no-repeat left bottom;
    }

    .pageTitle h1 {
        padding-left: 28px;
        background: url(/images/products/icon_title.gif) no-repeat left center;
        color: #5677d0;
        font-size: 140%;
        line-height: 220%;
        font-weight: bold;
    }

.borderBoxGray {
    background: url(/ms/common/images/grayborder_body.gif) repeat-y left top;
}

    .borderBoxGray .innerHead {
        background: url(/ms/common/images/grayborder_head.gif) no-repeat left top;
    }

    .borderBoxGray .innerFoot {
        width: 770px;
        padding-bottom: 10px;
        background: url(/ms/common/images/grayborder_foot.gif) no-repeat left bottom;
    }

    .borderBoxGray .ttlArea {
        position: relative;
    }

        .borderBoxGray .ttlArea .toList {
            position: absolute;
            right: 20px;
            top: 10px;
        }

    .borderBoxGray h2 {
        margin-bottom: 12px;
        padding: 15px 20px 0;
    }

.iconHtml,
.iconPdf,
.iconWord {
    display: inline-block;
    margin: 2px 0;
    padding-left: 23px;
    line-height: 20px;
    *display: inline;
    *zoom: 100%;
}

.iconHtml {
    background: url(/ms/common/images/icon_html.gif) no-repeat left center;
}

.iconPdf {
    background: url(/ms/common/images/icon_pdf.gif) no-repeat left center;
}

.iconWord {
    background: url(/ms/common/images/icon_word.gif) no-repeat left center;
}

.icon_pdf img {
    margin-left: 3px;
    vertical-align: -20%;
}

.dlList dl {
    position: relative;
    margin: 0 25px 4px;
    padding: 4px 0 6px;
    border-bottom: 1px solid #cccccc;
    line-height: 22px;
}

.dlList .lastChild {
    margin-bottom: 0;
    border-bottom: none;
}

.dlList dl dt,
.dlList dl dd {
    display: table-cell;
    *display: inline;
    *zoom: 100%;
    vertical-align: top;
}

.dlList dl dt {
    padding-right: 10px;
    white-space: nowrap;
}

.dlList dl dd {
    padding-left: 13px;
    background: url(/ms/common/images/link_arrow.gif) no-repeat left 8px;
    *width: 70%;
}

.dlList dl ul {
    padding-top: 5px;
}

.dlList dl .iconHtml,
.dlList dl .iconPdf,
.dlList dl .iconWord {
    display: inline-block;
    margin: 2px 0;
    padding-left: 0;
    padding-right: 23px;
    line-height: 20px;
    *display: inline;
    *zoom: 100%;
}

.dlList dl .iconHtml {
    background: url(/ms/common/images/icon_html.gif) no-repeat right center;
}

.dlList dl .iconPdf {
    background: url(/ms/common/images/icon_pdf.gif) no-repeat right center;
}

.dlList dl .iconWord {
    background: url(/ms/common/images/icon_word.gif) no-repeat right center;
}

.section {
    margin-bottom: 20px;
}

.bold {
    font-weight: bold;
}

.mb10 {
    margin-bottom: 10px;
}

a.imgHover:hover img {
    opacity: 0.8;
}

/*-----------------------------------------------------
permission
-------------------------------------------------------*/
/*#facebox .popupPermission {
    width: 580px !important;
    background-color: #e5ebff !important;
}

    #facebox .popupPermission .inner {
        padding: 10px 25px 10px !important;
    }

    #facebox .popupPermission .ttl1 {
        margin-bottom: 20px;
        padding-bottom: 15px;
        text-align: center;
        border-bottom: 4px solid #fff;
        color: #5677d0;
        font-size: 20px;
        font-weight: bold;
    }

    #facebox .popupPermission .lead {
        padding-bottom: 15px;
    }

    #facebox .popupPermission .ttl2 {
        margin-bottom: 10px;
        text-align: center;
        font-size: 18px;
        font-weight: bold;
    }

    #facebox .popupPermission ul {
        padding-bottom: 15px;
    }

        #facebox .popupPermission ul li {
            position: relative;
            overflow: hidden;
        }

            #facebox .popupPermission ul li .headImg {
                margin-bottom: 15px;
            }

        #facebox .popupPermission ul .box1 {
            float: left;
            width: 320px;
            background: url(/ms/common/images/permission/box1_bg_body.gif) repeat-y left top;
        }

            #facebox .popupPermission ul .box1 .innerFoot {
                height: 135px;
                padding: 0 25px;
                background: url(/ms/common/images/permission/box1_bg_foot.gif) no-repeat left bottom;
            }

            #facebox .popupPermission ul .box1 ul {
                position: relative;
                width: 120%;
                margin-top: 15px;
                padding-left: 3px;
                padding-bottom: 0;
            }

                #facebox .popupPermission ul .box1 ul li {
                    float: left;
                    width: 130px;
                    margin-right: 6px;
                    margin-bottom: 6px;
                }

        #facebox .popupPermission ul .box2 {
            float: right;
            width: 180px;
            background: url(/ms/common/images/permission/box2_bg_body.gif) repeat-y left top;
        }

            #facebox .popupPermission ul .box2 .innerFoot {
                height: 135px;
                padding: 0 17px 0 18px;
                background: url(/ms/common/images/permission/box2_bg_foot.gif) no-repeat left bottom;
            }

            #facebox .popupPermission ul .box2 .btn {
                padding-top: 35px;
            }

    #facebox .popupPermission .txtBottom {
        font-size: 80%;
    }

    #facebox .popupPermission .btnLogin {
        margin-top: 15px;
        padding-top: 15px;
        text-align: center;
        border-top: 1px solid #bfc3d1;
    }

    #facebox .popupPermission .close {
        display: none;
    }*/

    /*--clearfix--*/
    /*#header #searchHeader,
    #header #gnavi,
    #breadcrumbs,
    #contents,
    #colRight #sideBoxProducts .innerFoot .innerBox ul,
    #facebox .popupPermission ul {
        zoom: 100%;
    }

        #header #searchHeader:after,
        #header #gnavi:after,
        #breadcrumbs:after,
        #contents:after,
        #colRight #sideBoxProducts .innerFoot .innerBox ul:after,
        #facebox .popupPermission ul:after {
            content: ".";
            clear: both;
            display: block;
            height: 0;
            font-size: 1px;
            line-height: 0;
            visibility: hidden;
        }*/

#pageResult h1 {
    background: url("/ms/common/images/icon_search.gif") no-repeat scroll left 8px transparent;
    padding-left: 26px;
}