#map_canvas {
    width: 100%;
    height: 240px;
}
@media screen and (min-width:480px) {
    #map_canvas {
        height: 240px;
    }
}
@media screen and (min-width:768px) {
    #map_canvas {
        height: 320px;
    }
}
@media screen and (min-width:1024px) {
    #map_canvas {
        height: 480px;
    }
}

#footer p {
    text-align: center;
    font-size: small;
}

#infoWindow * {
    margin: 0px;
    padding: 0px;
}

#infoWindow h1 {
    font-weight: bold;
    color: #333;
    font-size: large;
}

#infoWindow p {
    color: #333;
    font-size: small;
}

.panel {
    min-width: 250px;
}

.panel-body {
    color: #555;
}

a .panel-info:hover {
    box-shadow: 2px 2px 10px #000;          /* CSS3 */
    -moz-box-shadow: 2px 2px 10px #000;     /* Firefox用 */
    -webkit-box-shadow: 2px 2px 10px #000;  /* Google Chrome, Safari用 */
}

a .panel-warning:hover {
    box-shadow: 2px 2px 10px #000;          /* CSS3 */
    -moz-box-shadow: 2px 2px 10px #000;     /* Firefox用 */
    -webkit-box-shadow: 2px 2px 10px #000;  /* Google Chrome, Safari用 */
}

img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

img.shadow {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 2px 2px 10px #000;          /* CSS3 */
    -moz-box-shadow: 2px 2px 10px #000;     /* Firefox用 */
    -webkit-box-shadow: 2px 2px 10px #000;  /* Google Chrome, Safari用 */
}

.box {
    float: left;
}

dl {
    margin: 0px;
}

.info dt {
    width: 14ex;
    float: left;
    clear: both;
    font-weight: bold;
}

.info dd {
    margin-left: 16ex;
}

.vacancy dd {
    margin-left: 4ex;
}

.petit dt {
    width: 4ex;
    float: left;
    clear: both;
    font-weight: bold;
}

.petit dd {
    margin-left: 6ex;
}

.group dt {
    width: 4ex;
    float: left;
    clear: both;
    font-weight: bold;
    font-size: small;
}

.group dd {
    margin-left: 1ex;
    font-size: small;
}

.group li {
    float: left;
    white-space: nowrap;
    list-style-type: none;
}

.group li:after {
    content: "／";
}

.group li.last:after {
    content: "";
}

.clickable {
    font-size: small;
    text-decoration: underline;
}

h1 {
    font-size: xx-large;
}

h2 {
    font-size: x-large;
}

.jumbotron .container p {
    margin: 0px;
    padding: 0px;
}

.jumbotron .container h2 {
    font-size: xx-large;
}

#logo img, #logo div {
    text-align: center;
    height: 60px;
    margin: 10px;
    padding: 5px;
    font-size: 18px;
    line-height: 38pt;
    background-color: white;
}

.warn {
    color: red;
}