/* ------------------------------------- <em>/
/</em>    main
/* ------------------------------------- */
html,
body {
    background-color: #f0f0f0;
    color: #000000;
    padding-top: 80px;
    background-image: url('/project/minonoie/img/ºÍ¼ˆ7.jpg');
}

h2.sub{
    position: relative;
    color: #111;
    font-size: 1.143em;
    font-weight: bold;
    margin: 0 0 1.5em;
    padding: 0.5em 0.5em 0.5em 1.7em;
    border-bottom: 3px solid #839b5c;
}
 
h2.sub:before{
    content: "";
    position: absolute;
    background: #cee4ae;
    top: 0;
    left: 0.4em;
    height: 12px;
    width: 12px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
 
h2.sub:after{
    content: "";
    position: absolute;
    background:#82ae46;
    top: 1.0em;
    left: 0;
    height: 8px;
    width: 8px;
    transform: rotate(15deg);
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    -o-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
}

#media{
    margin-top: 50px;
}