@charset "utf-8";

header, main, .under, footer{
   min-width: 1200px;
}

header{
   width: 1200px;
   height: 130px;
}
header .header-l{
   width: 40%;
}
header .header-l #hd-notice{
   background-color: #fff;
   width: 90%;
   height: 30px;
}
header .header-l #hd-notice ul{
   display: block;
   overflow: hidden;
   height: 100%;
}
header .header-l #hd-notice ul li a{
   display: table-cell;
   height: 30px;
   text-align:center;
   vertical-align: middle;
   color: #0089cc;
}
header .header-c{
   width: 20%;
}
header .header-r{
   width: 40%;
}
header .header-r .dist-line{
   color: #bec1c5;
}
@media not screen and (min-width: 1200px){
    header{
        padding: 0 2%;
    }
}

nav{
   width: 100%;
   height: 60px;
   background-color: #222;
}
nav .wrapper{
   width: 1200px;
   min-width: 1200px;
}
nav .wrapper .h-menu{
   width: 79%;
}
nav .wrapper .h-menu div{
   color: #f2f2f2;
}
nav .wrapper .inoutmoney-menu{
   width: 21%;
}
nav .wrapper .inoutmoney-menu .inmoney-menu, nav .wrapper .inoutmoney-menu .outmoney-menu{
   background-color: #0c0c0c;
   color: #f2f2f2;
   width: 50%;
}
nav .wrapper .inoutmoney-menu .outmoney-menu{
   background-color: #3e3e3e;
}
@media not screen and (min-width: 1200px){
    nav{
        padding: 0 2%;
    }
}

footer{
   width: 100%;
   height: 250px;
   background-color: #222;
}
footer .wrapper{
   width: 1200px;
   min-width: 1200px;
}
@media not screen and (min-width: 1200px){
    footer .wrapper{
        padding: 0 2%;
    }
}
footer .wrapper nav.f-menu{
   width: 100%;
   height: auto;
}
footer .wrapper nav.f-menu a{
   width: 25%;
}
footer .wrapper .f-menu span{
   color: #636363;
}
footer .wrapper .f-row{
   width: 100%;
}
footer .wrapper .f-row .copyright{
   color: #aaa;
}
footer .wrapper .f-row .meeting-ok{
   width: 220px;
   height: 110px;
}
footer .wrapper .f-row .meeting-ok .subject{
    font-size: 1.4em;
    font-weight: bold;
    color: #f8305f;
}
footer .wrapper .f-row .meeting-ok .date{
    font-size: 1.6em;
    font-weight: bold;
    color: #ccc;
    text-shadow:0px 0px 3px #f8305f, 0px 0px 40px #f8305f, 0px 0px 72px #f8305f,0px 0px 200px #f8305f;
}
footer .wrapper .f-row .meeting-ok .count{
    font-size: 1.5em;
    font-weight: bold;
    color: #e2ee22;
    text-shadow:0px 0px 2px #fff, 0px 0px 42px #f72, 0px 0px 72px #f84,0px 0px 150px #fa5;
}