.headline {
    margin: .8em 0px;
    border-width:5px 0;
    border-color: #80CEDD;
    border-style:solid;
    background:#029EBC;
    color:#EBF7FA;
    line-height:1em;
    font-weight:bold;
    text-align:center;
    color: #fff;
    padding: .4em;
    /*padding: 10px 5px 10px 5px;*/
}
.headline2 {
    margin: .8em 0px;
    padding:3px 8px;
    border-width:5px 0;
    border-color: #80CEDD;
    border-style:solid;
    background:#029EBC;
    color:#EBF7FA;
    line-height:1em;
    font-weight:bold;
    text-align:center;
    padding: 10px 5px 10px 5px;
}
.headline3 {
    margin: 5px 0px;
    border-width:0 5px;
    padding:2px 8px;
    border-width:5px 0;
    border-color: #80CEDD;
    border-style:solid;
    background:#029EBC;
    color:#EBF7FA;
    line-height:1em;
    font-weight:bold;
    text-align:center;
    position: relative;
    padding: 10px;
}

.headline4 {
   border-left: .5em solid #005aff;
   border-bottom: 1px solid #005aff;
   padding: .3em .5em;
   margin: .5em 0px;
}
.headline5 {
   border-left: .5em solid blue;
   padding: .6em .8em;
   margin: .5em 0px;
}
.line-blue {
    border-color: blue;
}
.line-red {
    border-color: red;
}
.line-orange {
    border-color: orange;
}
.line-green {
    border-color: green;
}
.line-yellow {
    border-color: yellow;
}

/*.headline:after, .headline:before {
    content: "";
    position: absolute;
    top: 95%;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top: 5px solid #333;
}
.headline:after {
    left: 0;
    border-right: 5px solid #333;
}
.headline:before {
    right: 0;
    border-left: 5px solid #333;
}*/
.h2-blue{
   border-left: .5em solid #005aff;
   border-bottom: 1px solid #005aff;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h2-red{
   border-left: .5em solid red;
   border-bottom: 1px solid red;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h2-green{
   border-left: .5em solid green;
   border-bottom: 1px solid green;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h2-orange{
   border-left: .5em solid orange;
   border-bottom: 1px solid orange;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h2-yellow{
   border-left: .5em solid yellow;
   border-bottom: 1px solid yellow;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h2-black{
   border-left: .5em solid black;
   border-bottom: 1px solid black;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h3-black{
   border-left: .5em solid black;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h3-blue{
   border-left: .5em solid blue;
   padding: .6em .8em;
   margin-bottom: .8em;
}
.h3-red{
   border-left: .5em solid red;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h3-orage{
   border-left: .5em solid orage;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h3-green{
   border-left: .5em solid green;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.h3-yellow{
   border-left: .5em solid yellow;
   padding: .6em .8em;
   margin-bottom: 2em;
}
.bg-blue{
    color: white;
    background: blue;
}
.bg-green{
    color: white;
    background: green;
}
.bg-greenyellow{
    color: white;
    background: greenyellow;
}
.bg-red{
    color: white;
    background: red;
}
.bg-orange{
    color: white;
    background: orange;
}
.bg-brown{
    color: white;
    background: brown;
}
.bg-aqua{
    color: black;
    background: aqua;
}
.bg-aquamarine{
    color: white;
    background: aquamarine;
}
.bg-darkblue{
    color: white;
    background: darkblue;
}
.bg-darkgreen{
    color: white;
    background: darkgreen;
}
.bg-gold{
    color: black;
    background: gold;
}
.bg-yellow{
    color: black;
    background: yellow;
}
.bg-black{
    color: white;
    background: black;
}
.bg-cyan{
    color: black;
    background: cyan;
}
.bg-navy{
    color: white;
    background: navy;
}
.bg-royalblue{
    color: white;
    background: royalblue;
}
.bg-skyblue{
    color: white;
    background: skyblue;
}
.bg-violet{
    color: white;
    background: violet;
}
.bg-cornflowerblue{
    color: white;
    background: cornflowerblue;
}
.bg-lightblue{
    color: white;
    background: lightblue;
}
.bg-mediumaquamarine{
    color: white;
    background: mediumaquamarine;
}
.bg-steelblue{
    color: white;
    background: steelblue;
}

.bg-primary{
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #0018ab), color-stop(1.00, #005aff));
    background: -webkit-linear-gradient(#0018ab, #005aff);
    background: -moz-linear-gradient(#0018ab, #005aff);
    background: -o-linear-gradient(#0018ab, #005aff);
    background: -ms-linear-gradient(#0018ab, #005aff);
    background: linear-gradient(#0018ab, #005aff);
}
.bg-success{
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #2eeb25), color-stop(1.00, #266036));
    background: -webkit-linear-gradient(#2eeb25, #266036);
    background: -moz-linear-gradient(#2eeb25, #266036);
    background: -o-linear-gradient(#2eeb25, #266036);
    background: -ms-linear-gradient(#2eeb25, #266036);
    background: linear-gradient(#2eeb25, #266036);
}
.bg-danger{
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff0003), color-stop(1.00, #360b0b));
    background: -webkit-linear-gradient(#ff0003, #360b0b);
    background: -moz-linear-gradient(#ff0003, #360b0b);
    background: -o-linear-gradient(#ff0003, #360b0b);
    background: -ms-linear-gradient(#ff0003, #360b0b);
    background: linear-gradient(#ff0003, #360b0b);
}
.bg-warning{
    color: #000;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ffb268), color-stop(0.17, #ffdfc2), color-stop(0.51, #ff8916), color-stop(0.79, #ffae5e), color-stop(1.00, #ff8a16));
    background: -webkit-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
    background: -moz-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
    background: -o-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
    background: -ms-linear-gradient(top, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
    background: linear-gradient(to bottom, #ffb268 0%, #ffdfc2 17%, #ff8916 51%, #ffae5e 79%, #ff8a16 100%);
}
.bg-info{
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #7295b5), color-stop(0.47, #005081), color-stop(0.70, #147bb6), color-stop(0.94, #00abe5), color-stop(1.00, #02a8e4));
    background: -webkit-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
    background: -moz-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
    background: -o-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
    background: -ms-linear-gradient(top, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
    background: linear-gradient(to bottom, #7295b5 0%, #005081 47%, #147bb6 70%, #00abe5 94%, #02a8e4 100%);
}
.bg-magenta{
    color: #fff;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #e47ccc), color-stop(0.49, #c141a4), color-stop(0.51, #a80077), color-stop(1.00, #db34a4));
    background: -webkit-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
    background: -moz-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
    background: -o-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
    background: -ms-linear-gradient(top, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
    background: linear-gradient(to bottom, #e47ccc 0%, #c141a4 49%, #a80077 51%, #db34a4 100%);
}
.bg-mono{
    color: black;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #838383));
    background: -webkit-linear-gradient(#fff, #838383);
    background: -moz-linear-gradient(#fff, #838383);
    background: -o-linear-gradient(#fff, #838383);
    background: -ms-linear-gradient(#fff, #838383);
    background: linear-gradient(#fff, #838383);
}
.overflow{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/*
スライドメニュー
 */
#header,
#footer {
    position: absolute;
    width: 100%;
}


#wrapper {
    position: absolute;
    height: 40px;
    z-index: 1;
    top: 0px;
    /*bottom: 0px;*/
    left: 0;
    width: 100%;
    overflow: hidden;
}

/*#main {*/
    /*position: absolute;*/
    /*z-index: 1;*/
    /*top: 70px;*/
    /*left: 0;*/
    /*width: 100%;*/
    /*overflow: hidden;*/
/*}*/
#wrapper ul {
    height: 100%; /* メニューの数に応じて 変更 */
}
#wrapper a:hover {
    color:yellow;
    background: black;
}

#scroller {
    position: absolute;
    z-index: 1;
    width: 2000px;
    height: 20px;
}
#footer {
    bottom: 0;
}