@charset "utf-8";
/* ================================
    Outline styles
   ================================ */
.cf:before,
.cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* ================================
    組織図
   ================================ */
#organizationchart {margin-bottom: 50px;}
#organizationchart div.directorgeneral{float: center;}
#organizationchart div.divisions {float: left; margin-top: 40px; width: 45%; height: auto; min-height: 450px; background-color: #f3f3f3;}
#organizationchart div.linebox {float: left; width: 10%; text-align: center;}

#organizationchart div.directorgeneral p {text-align: center; border:3px solid #ccc; margin: 0 38%; line-height: 2.5; padding: 1px;}

#organizationchart div.divisions h2 {margin: 0 7px 20px; padding: 10px 0; font-size: 124%;}
#organizationchart div.divisions div.bpri {background-color: #fff; margin: 0 0.5em 10px; border-left: 2px solid #E684AD;}
#organizationchart div.divisions div h3 {margin: 0 7px 0; padding: 10px 0; font-size: 100%;}
#organizationchart div.divisions div.rief {background-color: #fff; margin: 0 7px 10px; border-left:2px solid #AACD03;}
#organizationchart div.divisions ul {padding: 0.5em 0 0;}
#organizationchart div.divisions ul li ul {padding: 0.5em 0 0;}
#organizationchart div.divisions ul li ul li {border: none;}
#organizationchart div.divisions div.hokkaido {background-color: #fff; margin: 0 7px 10px; border-left: 2px solid #999;}
#organizationchart div.divisions div.odori {background-color: #fff; margin: 50px 7px 20px; border-left: 2px solid #999;}
#organizationchart div.linebox hr.vline {width: 0;height: 300px;margin-top: 0px;margin-bottom: 0px; border:solid #ccc; border-width:0 3px 0 0;}
#organizationchart div.linebox hr.hline {width: 100%;height: 0;margin-top: 0px;margin-bottom: 0px; border:solid #ccc; border-width:3px 0 0 0;}